.shade-style-guide{max-width:44rem;margin:-.4rem 0 2.4rem}.shade-style-guide__defs{position:absolute}.shade-style-guide__styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.shade-style-guide__style{display:flex;flex-direction:column;align-items:center;padding:1rem .6rem 1.2rem;border-radius:var(--inputs-radius);text-align:center;cursor:pointer}.shade-style-guide__drawing{width:100%;max-width:11rem;height:auto;overflow:visible}.shade-style-guide__body{fill:transparent;stroke:rgba(var(--color-foreground),.45);stroke-width:1.5;stroke-linejoin:round;transition:stroke var(--duration-short) ease}.shade-style-guide__rim{fill:rgba(var(--color-foreground),.25)}.shade-style-guide__name{margin-top:.8rem;font-size:1.4rem;letter-spacing:.06rem;color:rgba(var(--color-foreground),.75)}.shade-style-guide__note{margin-top:.2rem;font-size:1.2rem;line-height:1.4;color:rgba(var(--color-foreground),.6)}.shade-style-guide__style:hover .shade-style-guide__body{stroke:rgb(var(--color-foreground))}.shade-style-guide__style.is-selected .shade-style-guide__body{fill:var(--glow);stroke:#5a2e24;filter:drop-shadow(0 0 .6rem rgba(239,184,90,.55));animation:shade-style-guide-light .4s ease-out}.shade-style-guide__style.is-selected .shade-style-guide__rim{fill:#5a2e24}.shade-style-guide__style.is-selected .shade-style-guide__name{color:rgb(var(--color-foreground))}.shade-style-guide__size{margin:.4rem 0 0;font-size:1.2rem;line-height:1.5;color:rgba(var(--color-foreground),.6)}@keyframes shade-style-guide-light{0%{fill-opacity:0;filter:none}}@media(prefers-reduced-motion:reduce){.shade-style-guide__style.is-selected .shade-style-guide__body{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-shade-style-guide.css.map */