:root{--picker-max-width: 100%;--row-vertical-gap: 2px;--track-height: 20px;--touch-padding-y: 10px;--touch-padding-x: 14px;--handle-size: 30px;--swatch-size: 27px}custom-color-picker,.custom-picker-container,.custom-picker-container *{box-sizing:border-box!important}.custom-picker-container{display:flex!important;flex-direction:column!important;gap:var(--row-vertical-gap)!important;max-width:var(--picker-max-width);padding:0 10px;margin:0;overflow:visible!important}.slider-wrapper-block{display:block!important;position:relative!important;justify-content:center;cursor:pointer;padding:var(--touch-padding-y) var(--touch-padding-x)!important;margin:0 calc(-1 * var(--touch-padding-x))!important;overflow:visible!important}.slider-track{position:relative!important;display:block!important;width:100%!important;height:var(--track-height)!important;border-radius:calc(var(--track-height) / 2)!important;margin:0!important;padding:0!important;overflow:visible!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important}.hue-track{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important}.lightness-track{background:linear-gradient(to right,#000,red,#fff)}.slider-handle{position:absolute!important;display:block!important;top:50%!important;width:var(--handle-size)!important;height:var(--handle-size)!important;border:3px solid #ffffff!important;border-radius:50%!important;box-shadow:0 2px 5px #0006!important;transform:translate(-50%,-50%)!important;pointer-events:none!important;z-index:10!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important}.swatch-container{display:flex!important;height:40px;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center;margin:0!important;padding:0!important}.preset-swatch{display:block!important;width:var(--swatch-size)!important;height:var(--swatch-size)!important;border:3px solid white!important;border-radius:50%!important;cursor:pointer!important;padding:0!important;margin:0!important;transition:transform .1s ease!important}.preset-swatch:hover{transform:scale(1.15)!important}.product__image-underlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:1!important;pointer-events:none!important;background-color:var(--underlay-color, #ffffff)!important;filter:saturate(93%);opacity:0!important;transition:opacity .5s ease-in-out!important}.product__image-underlay.underlay-visible{opacity:1!important}div.product__image-underlay:empty,div.product__image-underlay{display:block!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-color-picker.css.map */