.available-shades__title{font-size:1.7rem;line-height:1.4em;letter-spacing:-2%;margin-bottom:1.2rem}.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% - (.5rem * 8)) / 9);box-sizing:border-box;cursor:pointer}@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% - (.5rem * 6)) / 7);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% - 3.5rem)/8);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}.available-shades__buttons{margin-top:1.2rem;display:flex;justify-content:space-between;flex-wrap:wrap}.available-shades__buttons>*{line-height:1.4em;letter-spacing:-2%;font-size:1.2rem;color:inherit;text-underline-offset:.3rem;text-decoration:underline}.available-shades__buttons>summary svg{right:-2.25rem;transform:rotate(0);transition:transform .3s ease}.available-shades__buttons>summary[aria-expanded=true] svg{transform:rotate(180deg);transition:transform .3s ease}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:block}
/*# sourceMappingURL=/cdn/shop/t/345/assets/component-available-shades.css.map */