.design-guide{display:flex;flex-direction:column;gap:64px}.design-guide__header{border-bottom:1px solid rgb(var(--COLOR-BORDER));padding-bottom:32px}.design-guide__page-title{font-size:var(--FONT-HEADING-LARGE);font-family:var(--FONT-STACK-HEADING);font-weight:var(--FONT-WEIGHT-HEADING);margin-bottom:8px}.design-guide__page-subtitle{opacity:.6;font-size:var(--font-body-medium)}.design-guide__section{display:flex;flex-direction:column;gap:24px}.design-guide__section-title{font-size:var(--FONT-HEADING-MEDIUM);font-family:var(--FONT-STACK-HEADING);font-weight:var(--FONT-WEIGHT-HEADING);padding-bottom:12px;border-bottom:2px solid rgb(var(--COLOR-BORDER))}.design-guide__group-title{font-size:var(--FONT-HEADING-X-SMALL);font-family:var(--FONT-STACK-SUBHEADING);font-weight:var(--FONT-WEIGHT-SUBHEADING);text-transform:var(--FONT-UPPERCASE-SUBHEADING);letter-spacing:var(--LETTER-SPACING-SUBHEADING);opacity:.55;margin-top:8px}.design-guide__swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:16px}.design-guide__swatch{display:flex;flex-direction:column;gap:6px}.design-guide__swatch-color{width:100%;aspect-ratio:1;border-radius:var(--RADIUS)}.design-guide__swatch-name{font-size:.75rem;font-weight:600}.design-guide__swatch-var{font-size:.65rem;opacity:.5;word-break:break-all;font-family:monospace}.design-guide__font-families{display:flex;flex-direction:column;gap:0;border:1px solid rgb(var(--COLOR-BORDER));border-radius:var(--RADIUS);overflow:hidden}.design-guide__font-family-row{display:flex;flex-direction:column;gap:4px;padding:20px 24px;border-bottom:1px solid rgb(var(--COLOR-BORDER))}.design-guide__font-family-row:last-child{border-bottom:none}.design-guide__font-sample{line-height:1.3}.design-guide__type-scale{display:flex;flex-direction:column;gap:0;border:1px solid rgb(var(--COLOR-BORDER));border-radius:var(--RADIUS);overflow:hidden}.design-guide__type-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid rgb(var(--COLOR-BORDER))}.design-guide__type-row:last-child{border-bottom:none}.design-guide__type-sample{flex:1;line-height:1.2}.design-guide__type-meta{flex-shrink:0;font-size:.7rem;opacity:.45;font-family:monospace}.design-guide__buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:24px;border:1px solid rgb(var(--COLOR-BORDER));border-radius:var(--RADIUS)}.design-guide__buttons--dark{background:#1a1a1a;border-color:#1a1a1a}.design-guide__buttons--light{background:#f0f0f0;border-color:#e0e0e0}.design-guide__spacing-list{display:flex;flex-direction:column;gap:12px}.design-guide__spacing-item{display:flex;align-items:center;gap:16px}.design-guide__spacing-track{flex:0 0 200px;height:8px;background:rgba(var(--COLOR-TEXT-RGB, var(--COLOR-TEXT)),.08);border-radius:4px;overflow:hidden}.design-guide__spacing-fill{height:100%;background:var(--COLOR-ACCENT);border-radius:4px;min-width:2px}.design-guide__spacing-fill--btn{background:var(--BTN-PRIMARY-BG)}.design-guide__radii{display:flex;flex-wrap:wrap;gap:24px}.design-guide__radius-item{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.design-guide__radius-box{width:80px;height:80px;background:var(--COLOR-BG-ACCENT);border:2px solid rgb(var(--COLOR-BORDER))}.logo-grid__title{text-align:center;margin-bottom:30px}.logo-grid__grid{display:grid;grid-template-columns:repeat(var(--logo-grid-cols-mobile, 2),1fr);gap:var(--logo-grid-gap, 30px);align-items:center;list-style:none;max-width:var(--logo-grid-max-width, 100%);margin:0 auto;padding:0}@media only screen and (min-width:750px){.logo-grid__grid{grid-template-columns:repeat(var(--logo-grid-cols-desktop, 4),1fr)}}.logo-grid__item{display:flex;align-items:center;justify-content:center;margin:0}.logo-grid__link{display:block;line-height:0}.logo-grid__image-wrap{width:var(--logo-item-width, 160px);max-width:100%;margin:0 auto;opacity:var(--logo-opacity, 1);filter:var(--logo-filter, none)}.logo-grid__image-wrap img,.logo-grid__image-wrap svg{display:block;width:100%;height:auto}@media only screen and (max-width:749px){.logo-grid__item--hide-mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/92/compiled_assets/styles.css.map */