.sec-ShadeVisualiser_Cards{display:flex;margin-inline-start:0;margin-block-start:30px;gap:2px}@media screen and (min-width:901px){.sec-ShadeVisualiser_CardsContainer .sec-ShadeVisualiser_Cards{margin-inline-start:20px}}.sec-ShadeVisualiser_Cards[data-view=model] .sec-ShadeVisualiser_SwatchImage{display:none}.sec-ShadeVisualiser_Cards[data-view=swatch] .sec-ShadeVisualiser_Image:has(.sec-ShadeVisualiser_SwatchImage) .sec-ShadeVisualiser_ModelImage{display:none}.sec-ShadeVisualiser_Card[aria-hidden=true]{display:none}.sec-ShadeVisualiser_Content{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin:0 20px;margin-block-start:30px}@media only screen and (min-width:901px){.sec-ShadeVisualiser_Content{flex-direction:row;align-items:flex-end}}.sec-ShadeVisualiser_ContentColumn{display:flex;flex-direction:column;gap:20px}.sec-ShadeVisualiser_TitleContainer{display:flex;justify-content:space-between;align-items:center}.sec-ShadeVisualiser_CategoryFiltersContainer{display:flex;flex-direction:column;gap:5px}@media screen and (min-width:901px){.sec-ShadeVisualiser_CategoryFiltersContainer{flex-direction:row;gap:7px}}.sec-ShadeVisualiser_CategoryFilters{display:flex;gap:20px}.sec-ShadeVisualiser_CategoryFilterTitle{text-transform:uppercase;font-weight:900}.sec-ShadeVisualiser_Content:has(.sec-ShadeVisualiser_Swatches) .sec-ShadeVisualiser_CategoryFilters{margin-block-end:0}.sec-ShadeVisualiser_CategoryFilter{color:var(--Color_Grey-text);text-wrap:nowrap}.sec-ShadeVisualiser_CategoryFilter-active{color:var(--Color_Black);text-decoration:underline;text-underline-offset:5px}.sec-ShadeVisualiser_CardsContainer{position:relative;margin-block-end:40px;overflow:hidden}.sec-ShadeVisualiser_CardContent{margin-block-start:20px;margin-inline-start:20px}@media screen and (min-width:901px){.sec-ShadeVisualiser_CardContent{margin-inline-start:0}}.sec-ShadeVisualiser_TextContent{color:var(--Color_Grey-text)}.sec-ShadeVisualiser_Swatches{display:flex;flex-direction:column;gap:15px}.sec-ShadeVisualiser_SwatchButtons{display:flex;gap:15px}.sec-ShadeVisualiser_SwatchButton{border:1px solid #e3e3e3}.sec-ShadeVisualiser_ShadeFilter-active{border:1px solid #000000;position:relative}.sec-ShadeVisualiser_ShadeFilter-active:before{position:absolute;display:flex;content:"";height:16px;bottom:-8px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiByeD0iOCIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTQgOC4zMzMzM0w2LjY2NjY3IDExTDExLjY2NjcgNiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=);background-position:center;background-repeat:no-repeat;z-index:1;border-radius:100%;width:100%}.sec-ShadeVisualiser_SelectedShade{display:flex;gap:5px;text-transform:uppercase;font-weight:900}.sec-ShadeVisualiser_SelectedShade-value{margin-right:5px}.sec-ShadeVisualiser_ClearShade{display:flex;align-items:center;gap:5px;padding-left:10px;padding-right:10px;background-color:var(--Color_Grey);font-weight:400}.sec-ShadeVisualiser_SelectedShade-noSelectedShade+.sec-ShadeVisualiser_ClearShade{display:none}.sec-ShadeVisualiser_MediaArrows{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;display:none;justify-content:space-between;align-items:center}@media screen and (min-width:901px){.sec-ShadeVisualiser_MediaArrows{display:flex}}.sec-ShadeVisualiser_MediaArrow{pointer-events:all;transition-property:opacity,visibility;transition-duration:.3s;transition-timing-function:ease;background-color:#f1f1f1;border:1px solid #000;transform:translateY(-50%)}.sec-ShadeVisualiser_MediaArrow[disabled],.sec-ShadeVisualiser_MediaArrow[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}.sec-ShadeVisualiser_MediaArrow-previous{margin-inline-start:20px}.sec-ShadeVisualiser_MediaArrow-next{margin-inline-end:20px}.sec-ShadeVisualiser_MediaArrowIcon-previous{transform:rotate(180deg)}.sec-ShadeVisualiser_ViewSwitcher{text-align:right}@media only screen and (min-width:901px){.sec-ShadeVisualiser_ViewSwitcher{text-align:right;margin-block-start:20px;padding-inline-start:50px}}.sec-ShadeVisualiser_ContentColumn-desktop{display:none}@media only screen and (min-width:901px){.sec-ShadeVisualiser_ContentColumn-desktop{display:block}}@media only screen and (min-width:901px){.sec-ShadeVisualiser_ContentColumn-mobile{display:none}}.sec-ShadeVisualiser_ViewSwitcherLabel{text-transform:none;opacity:.5;letter-spacing:0}.sec-ShadeVisualiser_ViewSwitcherLabel[aria-selected=true]{opacity:1}.sec-ShadeVisualiser_ViewSwitcherCheckbox{position:relative;display:inline-block;width:24px;height:16px}.sec-ShadeVisualiser_ViewSwitcherCheckbox input{opacity:0;width:0;height:0}.sec-ShadeVisualiser_ViewSwitcherSlider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--Color_Black);-webkit-transition:.4s;transition:.4s;border-radius:34px}.sec-ShadeVisualiser_ViewSwitcherSlider:before{position:absolute;content:"";height:12px;width:12px;left:2px;bottom:2px;background-color:var(--Color_White);-webkit-transition:.4s;transition:.4s;border-radius:50%}.sec-ShadeVisualiser_Input:checked+.sec-ShadeVisualiser_ViewSwitcherSlider:before{-webkit-transform:translateX(8px);-ms-transform:translateX(8px);transform:translate(8px)}.sec-ShadeVisualiser_ViewSwitcherInput{display:flex;align-items:center;gap:8px}
/*# sourceMappingURL=/cdn/shop/t/247/assets/shade-visualiser.css.map */