.product__media-item[data-divija-worn]{position:relative}.divija-tone-body{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden}.divija-tone-body__layer{position:absolute;display:block;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.divija-tone-body--fit-contain .divija-tone-body__layer{object-fit:contain}.divija-tone-body--fit-cover .divija-tone-body__layer{object-fit:cover}.divija-tone-body__layer--dark{opacity:var(--divija-tone-mix, 0);transition:opacity .18s linear;will-change:opacity}.product__media-item[data-divija-composite] .product__media{background:transparent}.product__media-item[data-divija-composite] .product__media>img{position:relative;z-index:1}.divija-tone-tint{position:absolute;display:block;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:background-color .18s ease}.divija-tone-tint[hidden],.divija-tone-tint:not(.is-masked,.is-unmasked){display:none}.divija-tone-layers{display:none}.divija-tone-layers.is-mounted{position:absolute;display:block;top:0;right:0;bottom:0;left:0;pointer-events:none}.divija-tone-layers img{position:absolute;display:block;width:100%;height:100%;top:0;right:0;bottom:0;left:0;object-fit:contain}.divija-tone-layers--fit-cover img{object-fit:cover}.product__media-item .divija-tone-layers__jewel{filter:none;mix-blend-mode:normal;opacity:1}.product__media-item[data-divija-layered=base] .product__media>img{opacity:0}.product__media-item[data-divija-tone-hidden],.thumbnail-list__item[data-divija-tone-hidden],.product-media-modal__content img[data-divija-tone-hidden]{display:none}.divija-tone{--divija-tone-track: 286px;--divija-tone-handle: 24px;position:absolute;top:50%;right:16px;z-index:3;display:block;padding:16px;border-radius:20px;background:#fff6;transform:translateY(-50%)}.divija-tone[hidden]{display:none}.divija-tone__slider{display:flex;width:var(--divija-tone-handle);height:var(--divija-tone-track);align-items:center;justify-content:center;cursor:ns-resize;touch-action:none;-webkit-tap-highlight-color:transparent}.divija-tone .divija-tone__slider:focus,.divija-tone .divija-tone__slider:focus-visible,.divija-tone .divija-tone__slider.focused{outline:none;box-shadow:none}.divija-tone.is-keyboard:has(.divija-tone__slider:focus){outline:2px solid var(--divija-blue, #004394);outline-offset:2px}.divija-tone__track{position:relative;width:8px;height:100%;border-radius:4px;background:linear-gradient(180deg,#f6dccb,#ebc3a4,#d4a27c,#bb8559,#96603c,#6e4128,#4a2a1a)}.divija-tone__handle{position:absolute;bottom:50%;left:50%;width:var(--divija-tone-handle);height:var(--divija-tone-handle);border:1px solid #999;border-radius:50%;background:#fff;box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;transform:translate(-50%,50%);transition:box-shadow .16s ease;will-change:bottom}.divija-tone.is-dragging .divija-tone__handle,.divija-tone.is-keyboard .divija-tone__slider:focus .divija-tone__handle{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 4px 10px -3px #0b1f3a73}.divija-tone__caption{position:absolute;top:calc(100% + 6px);left:50%;padding:3px 8px;border-radius:var(--divija-radius, 4px);background:#ffffffeb;box-shadow:0 1px 3px #0b1f3a29;color:var(--divija-body, #30343b);font-family:var(--divija-font-body, inherit);font-size:11px;letter-spacing:.06em;line-height:14px;opacity:0;pointer-events:none;text-align:center;text-transform:uppercase;transform:translate(-50%);transition:opacity .16s ease;white-space:nowrap}.divija-tone.is-dragging .divija-tone__caption,.divija-tone:hover .divija-tone__caption,.divija-tone:focus-within .divija-tone__caption{opacity:1}@media screen and (max-width:989px){.divija-tone{--divija-tone-track: 200px;padding:12px;border-radius:16px}}@media screen and (max-width:749px){.divija-tone{--divija-tone-track: 150px;right:10px;padding:10px}}@media(prefers-reduced-motion:reduce){.divija-tone-body__layer,.divija-tone-body__layer--dark,.divija-tone-tint,.divija-tone__handle,.divija-tone__caption{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/divija-skin-tone.css.map */
