.design-guide{padding-block:var(--space-x10);--design-guide-cell-min: 140px;--design-guide-focus-cell-min: 280px}.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__buttons{display:flex;flex-direction:column;gap:var(--space-x10)}.design-guide__intro{margin:0;color:var(--text-secondary);max-width:64ch}.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.design-guide__grid--buttons{--design-guide-cell-min: 180px;display:flex;flex-wrap:wrap;gap:var(--space-x4);margin:0;padding:0}.design-guide__cell{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-x3);min-width:var(--design-guide-cell-min);padding:var(--space-x6) var(--space-x3);border:1px solid var(--border-divider);border-radius:var(--radius-x2)}.design-guide__cell--dark{background:var(--bg-tertiary-inverse);border-color:var(--border-default-inverse);color:var(--text-primary-inverse)}.design-guide__cell--dark .design-guide__name{color:var(--text-secondary-inverse)}.design-guide__name{color:var(--text-secondary);text-align:center;overflow-wrap:anywhere}.design-guide__focus{display:flex;flex-direction:column;gap:var(--space-x4)}.design-guide__focus-heading,.design-guide__focus-copy{margin:0}.design-guide__focus-copy{color:var(--text-secondary);max-width:64ch}.design-guide__focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--design-guide-focus-cell-min),1fr));gap:var(--space-x4)}.design-guide__focus-swatch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-x6);padding:var(--space-x10);background:var(--bg-secondary);border-radius:var(--radius-x3)}.design-guide__focus-swatch--dark{background:var(--bg-tertiary-inverse)}.design-guide__focus-caption{flex-basis:100%;text-align:center;color:var(--text-secondary)}.design-guide__focus-swatch--dark .design-guide__focus-caption{color:var(--text-secondary-inverse)}.design-guide__focus-demo .btn:before,.design-guide__focus-demo .btn-icon:before{border-color:var(--btn-focus-ring, var(--control-border-focus))}.design-guide__focus-demo .btn:after,.design-guide__focus-demo .btn-icon:after{border-color:var(--btn-focus-ring-outer, transparent)}.design-guide__state-hover .btn,.design-guide__state-hover .btn-icon{background:var(--btn-bg-hover);border-color:var(--btn-border-hover, var(--btn-border, transparent));color:var(--btn-content-hover, var(--btn-content))}
/*# sourceMappingURL=/cdn/shop/t/296/assets/rebirth-design-guide-buttons.css.map */