.style-guide{padding-block:32px 56px;color:var(--mg-secondary)}.style-guide__header{margin-bottom:48px;padding-bottom:24px;border-bottom:1px solid var(--mg-border);text-align:center}.style-guide__title,.style-guide__title.h1,.style-guide__title.h1.h1{margin:0;font-size:28px;line-height:1.15}.style-guide__lead{max-width:52ch;margin:12px auto 0;font-size:15px;line-height:1.5;letter-spacing:.2px;color:var(--mg-grey)}.style-guide__section{margin-bottom:40px;padding:28px 24px;border:1px solid var(--mg-border);background:var(--mg-background)}.style-guide__section:last-child{margin-bottom:0}.style-guide__section-title,.style-guide__section-title.h3,.style-guide__section-title.h3.h3{margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid var(--mg-primary);font-size:18px;line-height:1.22}.style-guide__meta{display:block;margin-top:6px;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:.2px;color:var(--mg-grey);text-transform:none}.style-guide__type-list{display:flex;flex-direction:column;gap:24px}.style-guide__type-list>div{padding-bottom:24px;border-bottom:1px solid var(--mg-border)}.style-guide__type-list>div:last-child{padding-bottom:0;border-bottom:0}.style-guide__swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.style-guide__brand-group{margin-top:32px;padding-top:24px;border-top:1px solid var(--mg-border)}.style-guide__brand-group:first-of-type{margin-top:0;padding-top:0;border-top:0}.style-guide__brand-group-title{margin:0 0 16px;font-size:13px;font-weight:500;letter-spacing:.4px;text-transform:lowercase;color:var(--mg-grey)}.style-guide__swatch-chip{width:100%;aspect-ratio:1 / 1.15;border:1px solid var(--mg-border);background:var(--mg-swatch, transparent)}.style-guide__swatch-chip--primary{--mg-swatch: var(--mg-primary)}.style-guide__swatch-chip--secondary{--mg-swatch: var(--mg-secondary)}.style-guide__swatch-chip--background{--mg-swatch: var(--mg-background);box-shadow:inset 0 0 0 1px var(--mg-border)}.style-guide__swatch-chip--success{--mg-swatch: var(--mg-success)}.style-guide__swatch-chip--error{--mg-swatch: var(--mg-error)}.style-guide__swatch-chip--bordered{box-shadow:inset 0 0 0 1px var(--mg-border)}.style-guide__swatch-label{margin-top:10px;font-size:12px;font-weight:400;line-height:1.45;letter-spacing:.2px}.style-guide__swatch-label strong{display:block;font-weight:500}.style-guide__controls{display:flex;flex-direction:column;gap:32px}.style-guide__control-group-title{margin:0 0 16px;font-size:13px;font-weight:500;letter-spacing:.4px;text-transform:lowercase;color:var(--mg-grey)}.style-guide__button-row,.style-guide__link-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.style-guide__link-row{gap:40px}.style-guide__link-demo{display:flex;flex-direction:column;gap:8px}@media screen and (min-width:750px){.style-guide{padding-block:48px 72px}.style-guide__section{padding:40px 36px}.style-guide__swatches{grid-template-columns:repeat(5,1fr)}.style-guide__swatches--brand{grid-template-columns:repeat(4,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/style-guide.css.map */