.split-bowl-slider{position:relative;width:100%;overflow:hidden}.split-bowl-slider__viewport{position:relative;width:100%;height:var(--section-height);min-height:420px;overflow:hidden;isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none}.split-bowl-slider__layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.split-bowl-slider__layer--left{z-index:1;clip-path:inset(0 calc(100% - var(--split-position)) 0 0)}.split-bowl-slider__layer--right{z-index:2;clip-path:inset(0 0 0 var(--split-position))}.split-bowl-slider__background{position:absolute;top:0;right:0;bottom:0;left:0}.split-bowl-slider__background--left{background:var(--left-fallback)}.split-bowl-slider__background--right{background:var(--right-fallback)}.split-bowl-slider__background-image{width:100%;height:100%;display:block;object-fit:cover;max-width:none}.split-bowl-slider__bowl{position:absolute;z-index:2;left:50%;top:50%;width:min(var(--bowl-width),62vw);height:auto;max-width:none;transform:translate(-50%,-50%);object-fit:contain;pointer-events:none;filter:drop-shadow(0 12px 12px rgba(0,0,0,.16))}.split-bowl-slider__ring-side{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.split-bowl-slider__ring-side--left{clip-path:inset(0 calc(100% - var(--split-position)) 0 0)}.split-bowl-slider__ring-side--right{clip-path:inset(0 0 0 var(--split-position))}.split-bowl-slider__ring-wrap{position:absolute;top:50%;left:50%;width:var(--ring-size);height:var(--ring-size);transform:translate(-50%,-50%)}.split-bowl-slider__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;animation-name:split-bowl-spin;animation-timing-function:linear;animation-iteration-count:infinite}.split-bowl-slider__ring--left{animation-duration:var(--left-ring-speed);animation-direction:var(--left-ring-direction)}.split-bowl-slider__ring--right{animation-duration:var(--right-ring-speed);animation-direction:var(--right-ring-direction)}.split-bowl-slider__ring svg{width:100%;height:100%;overflow:visible}.split-bowl-slider__ring text{font-family:var(--font-body-family, sans-serif);font-weight:600;line-height:1;letter-spacing:1.8px;text-transform:uppercase;font-family:Patrick Hand SC,sans-serif}.split-bowl-slider__ring--left text{fill:var(--left-ring-text-color);font-size:var(--left-ring-font-size)}.split-bowl-slider__ring--right text{fill:var(--right-ring-text-color);font-size:var(--right-ring-font-size)}.split-bowl-slider__divider{position:absolute;z-index:5;top:0;bottom:0;left:var(--split-position);width:0;pointer-events:none}.split-bowl-slider__line{position:absolute;top:0;bottom:0;left:50%;width:var(--divider-width);background:var(--divider-color);transform:translate(-50%)}.split-bowl-slider__handle-wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center}.split-bowl-slider__handle{position:relative;z-index:2;width:clamp(64px,calc(var(--ring-size) * .24),96px);aspect-ratio:1;border:none;border-radius:50%;background:var(--ring-background);color:var(--left-ring-text-color);display:flex;align-items:center;justify-content:center;gap:10px;cursor:ew-resize;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.split-bowl-slider__handle:focus-visible{outline:3px solid currentColor;outline-offset:4px}.split-bowl-slider__handle-arrow{font-size:46px;line-height:1;transform:translateY(-6px);font-family:Patrick Hand SC,sans-serif}.split-bowl-slider__range{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.split-bowl-slider__range:focus-visible+*{outline:none}.split-bowl-slider.is-dragging .split-bowl-slider__handle{transform:scale(1.06)}@keyframes split-bowl-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.split-bowl-slider__ring{animation:none}}@media screen and (max-width:749px){.split-bowl-slider__viewport{height:var(--section-height-mobile);min-height:420px}.split-bowl-slider__bowl{width:min(var(--bowl-width-mobile),88vw)}.split-bowl-slider__ring-wrap{width:min(var(--ring-size-mobile),82vw);height:min(var(--ring-size-mobile),82vw)}.split-bowl-slider__ring text{letter-spacing:1.4px}.split-bowl-slider__handle{width:74px}.split-bowl-slider__background-image{object-position:center}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-split-bowl-slider.css.map */