.design-guide{padding-block:var(--space-x10)}.design-guide--light{background:var(--bg-primary);color:var(--text-primary)}.design-guide__inner{display:flex;flex-direction:column;gap:var(--space-x10)}.design-guide__heading{margin:0}.design-guide__group{display:flex;flex-direction:column;gap:var(--space-x4)}.design-guide__group-title{margin:0;text-transform:uppercase;color:var(--text-secondary)}.design-guide__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--design-guide-cell-min),1fr));gap:var(--space-x2);margin:0;padding:0;list-style:none}.design-guide__cell{display:flex;flex-direction:column;align-items:center;gap:var(--space-x3);padding:var(--space-x6) var(--space-x3);border:1px solid var(--border-labels);border-radius:var(--radius-x2)}.design-guide__name{color:var(--text-secondary);text-align:center;overflow-wrap:anywhere}.design-guide__grid--message{--design-guide-cell-min: min(358px, 100%)}.design-guide-message{display:flex;flex-direction:column;gap:var(--space-x10)}.design-guide-message__intro{margin:0;color:var(--text-secondary)}.design-guide-message__cell{position:relative;align-items:stretch}.design-guide-message__cell:focus-visible{outline:2px solid var(--control-border-focus);outline-offset:var(--space-x0-5)}.design-guide-message__controls{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-x2)}.design-guide-message__note{display:flex;flex-direction:column;gap:var(--space-x3);padding:var(--space-x4);border:1px solid var(--border-divider);border-radius:var(--radius-x2);background-color:var(--bg-secondary)}.design-guide-message__note-title{margin:0;text-transform:uppercase;color:var(--text-secondary)}.design-guide-message__states{display:grid;gap:var(--space-x1) var(--space-x4);margin:0}.design-guide-message__states dt{color:var(--text-primary)}.design-guide-message__states dd{margin:0;color:var(--text-secondary)}.design-guide-message__log{display:block;margin:0;padding:var(--space-x3);border-radius:var(--radius-x2);background:var(--bg-secondary);color:var(--text-secondary)}.design-guide-message__log:focus-visible{outline:2px solid var(--control-border-focus);outline-offset:var(--space-x0-5)}@media(min-width:768px){.design-guide-message__states{grid-template-columns:max-content minmax(0,1fr)}.design-guide-message__states dt{grid-column:1}.design-guide-message__states dd{grid-column:2}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/rebirth-design-guide-message.css.map */