.available-shades__header{margin-bottom:1.8rem;justify-content:space-between;--grid-mobile-horizontal-spacing: 1rem;--grid-mobile-vertical-spacing: .5rem;--grid-desktop-horizontal-spacing: 1rem;--grid-desktop-vertical-spacing: .5rem}@media screen and (min-width:990px){.available-shades__header{margin-bottom:1.2rem}}.available-shades__title,.available-shades__cm{font-size:1.5rem;line-height:1.6em;letter-spacing:0;margin:0;color:rgb(var(--color-foreground));text-underline-offset:.3rem}#Slider-shade-groups{margin-bottom:0}#Slider-shade-groups:after{content:none}#Slider-shade-groups .button{font-size:1.5rem;line-height:1.6;letter-spacing:0;min-height:unset;min-width:unset;margin:1px!important;padding:1rem!important}#Slider-shade-groups .button:after{--color-button: var(--color-button-text)}#Slider-shade-groups .button--secondary{--color-button: 255, 255, 255;--color-button-text: 59, 56, 56}.available-shades__list{padding:0;list-style:none;display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}.available-shades__elements{width:calc((100% - 2rem)/5);box-sizing:border-box;cursor:pointer;border-radius:8px;overflow:hidden}@media screen and (min-width:750px)and (max-width:989px){.available-shades__list{gap:.5rem}.available-shades__first-row>*:nth-child(n+8){display:none}.available-shades__elements{width:calc((100% - 2rem)/5);box-sizing:border-box}}@media screen and (max-width:749px){.available-shades__first-row>*:nth-child(n+9){display:none}.available-shades__elements{width:calc((100% - 2rem)/5);box-sizing:border-box}}@media screen and (max-width:349px){.available-shades__first-row>*:nth-child(n+7){display:none}.available-shades__elements{width:calc((100% - (.5rem * 5)) / 6);box-sizing:border-box}}.available-shades__elements.selected,.available-shades__elements:hover{border:1px solid black;cursor:initial}.available-shades__elements .shade-snippet{width:100%;height:auto;aspect-ratio:1/1;display:block}.available-shades__elements.selected .shade-snippet,.available-shades__elements:hover .shade-snippet{border:2px solid white;border-radius:8px}.available-shades__buttons{margin-top:1.2rem;display:flex;justify-content:space-between;flex-wrap:wrap}.available-shades__buttons>*{line-height:1em;letter-spacing:0;font-size:1.4rem;color:inherit;text-underline-offset:.3rem;text-decoration:underline}.available-shades__buttons>summary svg{right:-1.5rem;transform:rotate(0);transition:transform .3s ease;width:10px;height:10px}.available-shades__buttons>summary[aria-expanded=true] svg{transform:rotate(180deg);transition:transform .3s ease}.available-shades__buttons:has(>summary[aria-expanded=false]){margin-bottom:1.5rem}body.loader-open{overflow:hidden}.fullscreen-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#fffc;display:flex!important;align-items:center;justify-content:center}.fullscreen-loader:after{content:"";width:40px;height:40px;border:4px solid #ccc;border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#shade-tooltip{position:absolute!important;left:0;top:0;pointer-events:none;z-index:999999;background:#000000eb;color:#fff;padding:6px 10px;border-radius:6px;white-space:nowrap;font-size:14px;line-height:1.2;opacity:0;visibility:hidden;transform:translate3d(var(--x, 0px),var(--y, 0px),0) scale(.98);transition:opacity .15s ease,visibility .15s linear,transform .18s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 8px 20px rgba(0,0,0,.18));will-change:transform,opacity}#shade-tooltip.is-visible{opacity:1;visibility:visible;transform:translate3d(var(--x, 0px),var(--y, 0px),0) scale(1)}@media(prefers-reduced-motion:reduce){#shade-tooltip{transition:none}}shade-selector ul.filters{margin:0;padding:0!important}.filters{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;--grid-mobile-horizontal-spacing: .5rem;--grid-desktop-horizontal-spacing: .5rem}shade-selector .filters li.grid__item{margin-bottom:0!important;min-width:fit-content;box-sizing:border-box!important;padding:1.5rem!important;min-height:unset;margin:.5rem 0!important}@media screen and (max-width:399px){shade-selector .filters li.grid__item{font-size:1.2rem}}@media screen and (max-width:749px){shade-selector .grid--peek.slider .grid__item:first-of-type{margin-left:0}}@media screen and (min-width:750px)and (max-width:989px){shade-selector .slider--tablet.grid--peek .grid__item:first-of-type{margin-left:0rem}}@media screen and (min-width:990px){shade-selector .slider--desktop .slider__slide:first-child{margin-left:0!important}}shade-selector .slider-button[disabled]{display:flex}shade-selector .caption{font-size:1.4rem;letter-spacing:0}shade-selector .slider-buttons{margin-top:1.5rem}shade-selector .slider-button{border:1px solid;border-radius:50%;width:22px;height:22px}
/*# sourceMappingURL=/cdn/shop/t/243/assets/component-available-shades.css.map */