.shades-container{margin-top:10px;width:100%;height:99px;position:relative;background:repeating-linear-gradient(to bottom,rgb(131 131 131 / .03) 0%,rgb(131 131 131 / .03) 25%,rgb(131 131 131 / .07) 25%,rgb(131 131 131 / .07) 50%,rgb(131 131 131 / .03) 75%,rgb(131 131 131 / .07) 75%,rgb(131 131 131 / .07) 100%)}.shade-dot{width:10px;height:10px;border-radius:50%;position:absolute}.shade-dot-active{width:15px;height:15px;margin-top:-2.5px;margin-left:-2.5px;border:1px solid rgb(255 255 255 / .22);z-index:2;box-shadow:0 0 0 4px #fff,0 0 6px 0 rgb(78 49 17 / .51),0 47px 60px 0 rgb(78 49 17 / .53),0 27.674px 31.296px 0 rgb(78 49 17 / .38),0 14.213px 14.688px 0 rgb(78 49 17 / .3),0 5.715px 6.432px 0 rgb(78 49 17 / .23),0 1.278px 2.784px 0 rgb(78 49 17 / .15)}.shades-range{display:flex;flex-direction:row;justify-content:space-between;font-family:'Maison Neue Book',sans-serif;font-size:12px;line-height:18px;color:#000;margin-top:6px;width:100%}.shades-range-score{width:max-content;text-align:center}.active-shade-indicator{position:absolute;z-index:3;width:128px;height:25px;background-color:rgb(0 0 0 / .65);color:#fff;font-family:'Maison Neue Book',sans-serif;font-size:13px;line-height:25px;text-align:center;right:50%;border-radius:2px;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.active-shade-indicator-bold-text{font-family:'Maison Neue Demi',sans-serif}.active-shade-indicator::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:6px solid #fff0;border-top-color:rgb(0 0 0 / .65)}.active-shade-indicator.tooltip-right{left:unset;transform:unset;right:calc(100% - 18px)}.active-shade-indicator.tooltip-right::after{top:100%;left:95%;transform:translateX(-95%)}.active-shade-indicator.tooltip-left{right:unset;transform:unset;left:calc(100% - 18px)}.active-shade-indicator.tooltip-left::after{top:100%;left:5%;transform:translateX(-5%)}.active-shade-indicator.bottom-tooltip-right{left:unset;bottom:unset;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(0)}.active-shade-indicator.bottom-tooltip-right::after{top:50%;left:100%;bottom:auto;right:auto;transform:translateY(-50%) translateX(0);border-top-color:#fff0;border-left-color:rgb(0 0 0 / .65)}.active-shade-indicator.bottom-tooltip-left{right:unset;bottom:unset;left:calc(100% + 12px);top:50%;transform:translateY(-50%) translateX(0)}.active-shade-indicator.bottom-tooltip-left::after{top:50%;right:100%;bottom:auto;left:auto;transform:translateY(-50%) translateX(0);border-top-color:#fff0;border-right-color:rgb(0 0 0 / .65)}@media (max-width:374px){.shades-container{zoom:.825}}