.osc{position:relative;--osc-gap: clamp(10px, 1.6vw, 20px)}.osc__viewport{display:flex;overflow-x:auto;overflow-y:hidden;gap:var(--osc-gap);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;padding-block:2px}.osc__viewport::-webkit-scrollbar{display:none}@media(hover:hover)and (pointer:fine){.osc__viewport{cursor:grab}.osc[data-osc-dragging=true] .osc__viewport{cursor:grabbing;scroll-snap-type:none}}.osc__slide{flex:0 0 auto;scroll-snap-align:start;scroll-snap-stop:normal}.osc__slide img,.osc__slide video{display:block;width:100%;height:100%;object-fit:cover}.osc--peek .osc__slide{width:78%}@media(min-width:640px){.osc--peek .osc__slide{width:52%}}@media(min-width:1024px){.osc--peek .osc__slide{width:30%}}.osc--peek .osc__viewport{scroll-padding-inline:var(--space-gutter);padding-inline:var(--space-gutter)}.osc--full .osc__viewport{scroll-padding-inline:0;gap:0}.osc--full .osc__slide{width:100%}.osc--full .osc__slide img,.osc--full .osc__slide video{aspect-ratio:4 / 5}@media(min-width:900px){.osc--full .osc__slide img,.osc--full .osc__slide video{aspect-ratio:16 / 9}}.osc--filmstrip .osc__viewport{scroll-padding-inline:var(--space-gutter);padding-inline:var(--space-gutter);align-items:flex-end}.osc--filmstrip .osc__slide,.osc--filmstrip .osc__slide[data-osc-orient=landscape]{width:78vw}@media(min-width:1024px){.osc--filmstrip .osc__slide{width:320px}.osc--filmstrip .osc__slide[data-osc-orient=landscape]{width:480px}}.osc--filmstrip .osc__slide img{aspect-ratio:3 / 4}.osc--filmstrip .osc__slide[data-osc-orient=landscape] img{aspect-ratio:4 / 3}.osc--filmstrip .osc__slide-cap{margin-top:10px;display:flex;flex-direction:column;gap:2px;text-align:left}.osc--filmstrip .osc__caption{margin:0;font-family:var(--offsure-serif);font-size:1rem;line-height:1.2;color:var(--offsure-navy)}.osc--filmstrip .osc__caption-sub{margin:0;font-family:var(--offsure-body);font-size:.85rem;line-height:1.35;color:var(--offsure-taupe);max-width:32ch}.osc__controls{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding-inline:clamp(8px,2vw,20px);pointer-events:none;z-index:var(--z-content, 2)}.osc--below-controls .osc__controls{display:none}.osc__btn{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:var(--offsure-cream);color:var(--offsure-navy);border-radius:0;box-shadow:inset 0 0 0 1px var(--offsure-navy);cursor:pointer;transition:background var(--dur-fast) ease,color var(--dur-fast) ease,opacity var(--dur-fast) ease,transform .16s var(--ease-out, cubic-bezier(.23,1,.32,1))}.osc__btn svg{width:18px;height:18px}@media(hover:hover)and (pointer:fine){.osc__btn:hover:not(:disabled){background:var(--offsure-navy);color:var(--offsure-cream)}}.osc__btn:focus-visible{outline:2px solid var(--offsure-coral);outline-offset:2px}.osc__btn:active:not(:disabled){transform:scale(.97)}.osc__btn:disabled{opacity:.4;cursor:default}@media(pointer:coarse){.osc__controls,.osc__controls-below,.osc--below-controls .osc__controls-below{display:none!important}}.osc--chrome-ghost .osc__btn{background:transparent;color:var(--offsure-navy);box-shadow:inset 0 0 0 1px var(--offsure-navy)}.osc--chrome-ghost .osc__btn:disabled{box-shadow:inset 0 0 0 1px var(--c-line)}.osc__controls-below{display:none;align-items:center;justify-content:center;gap:.75rem;margin-top:clamp(.75rem,2vw,1.25rem)}.osc--below-controls .osc__controls-below{display:flex}.osc--below-controls .osc__btn{position:static;box-shadow:none;background:transparent;color:var(--offsure-navy)}.osc--below-controls.osc--chrome-ghost .osc__btn{box-shadow:inset 0 0 0 1px var(--offsure-navy)}.osc__progress{height:2px;background:#a99b8626;width:100%;max-width:220px;position:relative;overflow:hidden}.osc__progress-bar{position:absolute;inset-block:0;left:0;width:0%;background:var(--offsure-coral);transition:width var(--dur-base) var(--ease)}.osc__dots{display:flex;align-items:center;gap:.4rem}.osc__dot{position:relative;width:6px;height:6px;border-radius:999px;background:var(--c-line);border:0;padding:0;cursor:pointer;transition:background var(--dur-fast) ease,transform var(--dur-fast) ease}.osc__dot:before{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.osc__dot:focus-visible{outline:2px solid var(--offsure-coral);outline-offset:4px}.osc__dot[aria-current=true]{background:var(--offsure-coral);transform:scale(1.35)}.osc__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.osc__viewport{scroll-behavior:auto}.osc__btn,.osc__dot,.osc__progress-bar{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/offsure-carousel.css.map */