.bn7-pdp__media{display:grid;gap:clamp(6px,.6vw,10px);min-width:0;align-content:start}.bn-spin-wrap{position:relative;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(180deg,#d6d3cd 0% 80%,#d8d7d3 87% 100%)}.bn-spin{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;outline:none}.bn-spin.is-drag{cursor:grabbing}.bn-spin:focus-visible{box-shadow:inset 0 0 0 2px var(--bn7-ink,#0e0f0f)}.bn-spin__poster,.bn-spin__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.bn-spin__poster[hidden]{display:none}.bn-spin__canvas{opacity:0}.bn-spin.is-live .bn-spin__canvas{opacity:1}.bn-spin__bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:#0e0f0f14;transition:opacity .6s}.bn-spin__bar i{display:block;height:100%;width:0;background:var(--bn7-ink,#0e0f0f);transition:width .25s linear}.bn-spin.is-loaded .bn-spin__bar{opacity:0}.bn-spin__ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.bn-spin__ui>*{pointer-events:auto}.bn-spin__tabs{position:absolute;top:clamp(10px,1.2vw,16px);left:50%;transform:translate(-50%);display:inline-flex;padding:3px;border-radius:999px;background:#f3f1eccc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px var(--bn7-line,rgba(14,15,15,.12))}.bn-spin__tab{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;min-height:34px;padding:0 16px;border-radius:999px;background:transparent;color:var(--bn7-ink,#0e0f0f);font:500 13px/1 var(--bn7-body,system-ui,sans-serif);white-space:nowrap;transition:background .25s,color .25s}.bn-spin__tab:hover{background:#0e0f0f0f}.bn-spin__tab[aria-selected=true]{background:var(--bn7-ink,#0e0f0f);color:var(--bn7-paper,#f3f1ec)}.bn-spin__tab:focus-visible{outline:2px solid var(--bn7-ink,#0e0f0f);outline-offset:2px}@media(pointer:coarse){.bn-spin__tab{min-height:36px;padding:0 18px}.bn-spin__tabs{top:8px}}.bn-spin__arrow{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;cursor:pointer;background:#f3f1ecbd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--bn7-ink,#0e0f0f);box-shadow:inset 0 0 0 1px var(--bn7-line,rgba(14,15,15,.12));opacity:.92;transition:opacity .4s,background .2s,box-shadow .2s}.bn-spin__arrow--l{left:clamp(10px,1.4vw,18px)}.bn-spin__arrow--r{right:clamp(10px,1.4vw,18px)}.bn-spin__arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.bn-spin__arrow:hover{opacity:1;background:var(--bn7-paper,#f3f1ec);box-shadow:inset 0 0 0 1px var(--bn7-ink,#0e0f0f)}.bn-spin__arrow:focus-visible{outline:2px solid var(--bn7-ink,#0e0f0f);outline-offset:2px}.bn-spin-wrap.is-used .bn-spin__arrow{opacity:.34}.bn-spin-wrap.is-used .bn-spin__arrow:hover,.bn-spin-wrap.is-used .bn-spin__arrow:focus-visible{opacity:1}.bn-spin__hint{position:absolute;left:50%;bottom:clamp(10px,1.2vw,16px);transform:translate(-50%);margin:0;padding:7px 14px;border-radius:999px;white-space:nowrap;background:#f3f1ecbd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--bn7-ink,#0e0f0f);pointer-events:none;transition:opacity .5s}.bn-spin-wrap.is-used .bn-spin__hint{opacity:0}.bn-spin__hint-touch{display:none}@media(hover:none),(pointer:coarse){.bn-spin__hint-fine{display:none}.bn-spin__hint-touch{display:inline}}@keyframes bn-nudge-l{0%,to{transform:translate(0)}35%{transform:translate(-7px)}65%{transform:translate(2px)}}@keyframes bn-nudge-r{0%,to{transform:translate(0)}35%{transform:translate(7px)}65%{transform:translate(-2px)}}@media(prefers-reduced-motion:no-preference){.bn-spin-wrap.is-nudge:not(.is-used) .bn-spin__arrow--l{animation:bn-nudge-l 1.3s ease-in-out 2}.bn-spin-wrap.is-nudge:not(.is-used) .bn-spin__arrow--r{animation:bn-nudge-r 1.3s ease-in-out 2}}@media(prefers-reduced-motion:reduce){.bn-spin__hint,.bn-spin__bar,.bn-spin__bar i,.bn-spin__arrow,.bn-spin__tab{transition:none}}@media(max-width:989px){.bn-spin-wrap{aspect-ratio:4/5;margin-inline:calc(-1*var(--bn7-gut,16px))}.bn-spin__arrow{width:40px;height:40px;margin-top:-20px}}@media(min-width:990px){.bn7-pdp__media{container-type:inline-size}@supports (height:1cqw){.bn-spin-wrap{aspect-ratio:auto;height:max(560px,min(100cqw,calc(100svh - 132px)))}.bn-spin__poster,.bn-spin__canvas{object-fit:contain}}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/bn-spin.css.map */