.vv-spin-shell{position:relative;isolation:isolate}
.vv-spin-view{touch-action:pan-y;cursor:grab!important;background:transparent}
.vv-spin-view:active,.vv-spin-view[data-spin-dragging=true]{cursor:grabbing!important}
.vv-spin-view,.vv-spin-view *{user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.vv-spin-view>*{pointer-events:none}
.vv-spin-outline{position:absolute;inset:0;background-size:contain;background-repeat:no-repeat;background-position:center;transition:opacity .2s}
.vv-spin-view canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:0;transition:opacity .2s;background:#fff}
.vv-spin-view[data-spin-ready=true] canvas{opacity:1}
.vv-spin-view[data-spin-ready=true] .vv-spin-outline{opacity:0}
.vv-product-visual:has(.vv-spin-view[data-spin-ready=true]){background:#fff}
.vv-product-visual{transition:background .2s}
.vv-spin-badge{position:absolute;right:10px;bottom:9px;display:block;border:1px solid #a6bac9;color:#315e7b;background:#ffffffd9;padding:3px 7px;border-radius:3px;font-size:10px;line-height:1.4;z-index:3}
.vv-spin-loading{position:absolute;inset:auto 10px 10px;z-index:4;background:#fffffff2;border-radius:3px;padding:7px;font-size:11px;color:#365e78;text-align:center}
.vv-spin-loading[hidden]{display:none}
.vv-spin-pause{position:absolute;right:4px;top:4px;z-index:5;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ccdae4;border-radius:4px;background:#fffffff0;color:var(--vv-navy);font-size:16px}
.vv-spin-pause[hidden]{display:none}
.vv-spin-pause:hover{background:#e8f1f7}
.vv-spin-hint{font-size:10px}
.vv-product-hero [data-product-spin] .vv-product-image{height:430px;width:100%}
.vv-product-hero [data-product-spin]>.vv-spin-outline{position:relative;display:block;height:430px}
@media(max-width:991px){.vv-product-hero [data-product-spin] .vv-product-image,.vv-product-hero [data-product-spin]>.vv-spin-outline{height:350px}}
@media(max-width:767px){.vv-product-hero [data-product-spin] .vv-product-image,.vv-product-hero [data-product-spin]>.vv-spin-outline{height:285px}}
@media(max-width:360px){.vv-product-hero [data-product-spin] .vv-product-image,.vv-product-hero [data-product-spin]>.vv-spin-outline{height:250px}}
@media(prefers-reduced-motion:reduce){.vv-spin-view canvas,.vv-spin-outline,.vv-product-visual{transition:none}}