.styleguide{padding:4rem 0}.styleguide__header{text-align:center;margin-bottom:6rem}.styleguide__header h1{margin-bottom:1rem}.styleguide__header p{font-size:1.8rem;color:rgba(var(--color-foreground),.75)}.styleguide__section{margin-bottom:8rem;padding-bottom:4rem;border-bottom:1px solid rgba(var(--color-foreground),.08)}.styleguide__section:last-child{border-bottom:none}.styleguide__section>h2{margin-bottom:3rem;padding-bottom:1rem;border-bottom:2px solid rgba(var(--color-foreground),.1)}.styleguide__subsection{margin:3rem 0}.styleguide__subsection h3{margin-bottom:2rem}.styleguide__label{font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:.1rem;color:rgba(var(--color-foreground),.55);margin-bottom:.5rem}.styleguide__description{color:rgba(var(--color-foreground),.75);margin-bottom:2rem}code{background:rgba(var(--color-foreground),.04);padding:.2rem .6rem;border-radius:.3rem;font-family:Courier New,monospace;font-size:1.3rem;color:rgba(var(--color-foreground),.85)}.styleguide__fonts{display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));gap:3rem;margin-bottom:3rem}.styleguide__font-item{padding:2rem;background:rgba(var(--color-foreground),.02);border-radius:var(--buttons-radius)}.styleguide__font-item p:first-of-type{margin-bottom:1rem}.styleguide__type-scale{display:flex;flex-direction:column;gap:2rem}.styleguide__type-item{display:flex;align-items:baseline;gap:2rem;padding:1rem 0;border-bottom:1px solid rgba(var(--color-foreground),.05)}.styleguide__type-item>span,.styleguide__type-item>p{flex:1}.styleguide__type-item code{flex:0 0 auto}.styleguide__color-schemes{display:grid;gap:3rem}.styleguide__color-scheme{padding:2rem;border-radius:var(--buttons-radius);background:rgba(var(--color-background),1)}.styleguide__color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:2rem;margin-top:2rem}.styleguide__color-item{text-align:center}.styleguide__color-swatch{width:100%;height:8rem;border-radius:var(--buttons-radius);border:1px solid rgba(var(--color-foreground),.1);margin-bottom:1rem}.styleguide__combinations{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));gap:2rem;margin-top:2rem}.styleguide__combination{padding:2rem;border-radius:var(--buttons-radius);text-align:center;border:1px solid rgba(var(--color-foreground),.1);min-height:12rem;display:flex;flex-direction:column;justify-content:center}.styleguide__combination p{margin-bottom:1rem;font-size:1.6rem;font-weight:500}.styleguide__combination code{font-size:1.2rem;opacity:.8}.styleguide__combination.combo-high-contrast-1{background-color:#fff!important;color:#222!important}.styleguide__combination.combo-high-contrast-2{background-color:#222!important;color:#fff!important}.styleguide__combination.combo-high-contrast-3{background-color:#072626!important;color:#fff!important}.styleguide__combination.combo-medium-contrast-1{background-color:#f6f6f6!important;color:#222!important}.styleguide__combination.combo-medium-contrast-2{background-color:#fff!important;color:#606060!important}.styleguide__combination.combo-medium-contrast-3{background-color:#f6f6f6!important;color:#606060!important}.styleguide__combination.combo-medium-contrast-4{background-color:#606060!important;color:#fff!important}.styleguide__spacing{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:2rem}.styleguide__spacing-item{padding:1.5rem;background:rgba(var(--color-foreground),.02);border-radius:var(--buttons-radius)}.styleguide__spacing-demo{margin:1rem 0;border-radius:.3rem}.styleguide__buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:2rem;margin-bottom:3rem}.styleguide__button-item{display:flex;flex-direction:column;gap:1rem;padding:2rem;background:rgba(var(--color-foreground),.02);border-radius:var(--buttons-radius);align-items:flex-start}.styleguide__forms{display:grid;grid-template-columns:repeat(auto-fill,minmax(25rem,1fr));gap:2rem;margin-bottom:3rem}.styleguide__form-item{display:flex;flex-direction:column;gap:.5rem;padding:2rem;background:rgba(var(--color-foreground),.02);border-radius:var(--buttons-radius)}.styleguide__form-item label{font-weight:500;margin-bottom:.5rem}.styleguide__form-item input,.styleguide__form-item select,.styleguide__form-item textarea{width:100%;padding:1rem;border:var(--inputs-border-width) solid rgba(var(--color-foreground),var(--inputs-border-opacity));border-radius:var(--inputs-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.styleguide__variables{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem;padding:1.5rem;background:rgba(var(--color-foreground),.02);border-radius:var(--buttons-radius)}.styleguide__icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:1.5rem;margin-top:2rem}.styleguide__icon-item{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:rgba(var(--color-foreground),.02);border-radius:var(--buttons-radius);cursor:pointer;transition:all .2s ease}.styleguide__icon-item:hover{background:rgba(var(--color-foreground),.08);transform:translateY(-2px)}.styleguide__icon{width:2.4rem;height:2.4rem;margin-bottom:.8rem;display:flex;align-items:center;justify-content:center}.styleguide__icon svg{width:100%;height:100%;fill:rgb(var(--color-foreground))}.styleguide__icon-name{font-size:1.1rem;text-align:center;word-break:break-all;color:rgba(var(--color-foreground),.75)}.styleguide__cards{display:grid;gap:3rem}.styleguide__card-demo{padding:2rem;background:rgba(var(--color-foreground),.02);border-radius:var(--buttons-radius)}.styleguide__card-demo h3{margin-bottom:2rem}.styleguide__badges{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.styleguide__badges .badge{padding:.6rem 1.3rem}.styleguide__shadows{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:3rem}.styleguide__shadow-item{text-align:center}.styleguide__shadow-demo{width:100%;height:10rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);border-radius:var(--buttons-radius);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.styleguide__layout{display:grid;gap:3rem}.styleguide__layout-item{padding:2rem;background:rgba(var(--color-foreground),.02);border-radius:var(--buttons-radius)}.styleguide__layout-demo{margin-top:1rem}.styleguide__type-comparison{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem;padding:2rem;background:rgba(var(--color-foreground),.02);border-radius:var(--buttons-radius)}.styleguide__type-comparison h4{margin-bottom:1rem;color:rgba(var(--color-foreground),.85)}.styleguide__type-comparison ul{list-style:none;padding:0;margin:0}.styleguide__type-comparison li{padding:.4rem 0;font-family:Courier New,monospace;font-size:1.3rem;color:rgba(var(--color-foreground),.75)}@media screen and (max-width:749px){.styleguide__type-item{flex-direction:column;align-items:flex-start;gap:.5rem}.styleguide__type-comparison{grid-template-columns:1fr}.styleguide__icons{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}.styleguide__buttons,.styleguide__forms{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/section-styleguide.css.map */