.bjs{--bjs-ease: cubic-bezier(.22, 1, .36, 1);--bjs-ink: var(--color-foreground, #121a3f);--bjs-paper: var(--color-background, #ffffff);display:grid;gap:14px}.bjs-header{text-align:center;padding-inline:20px;margin-block-end:6px}.bjs-heading{margin:0;font-size:clamp(1.15rem,2.4vw,1.5rem);text-transform:uppercase;letter-spacing:.08em;color:var(--bjs-ink)}.bjs-subheading{margin:6px 0 0;font-size:.9rem;opacity:.7}.bjs-stage{position:relative;overflow:hidden;touch-action:pan-y;-webkit-tap-highlight-color:transparent;aspect-ratio:var(--bjs-ratio-mobile, 3 / 4);width:100%;width:min(100%,calc(82svh * (var(--bjs-ratio-mobile, 3 / 4))));margin-inline:auto;background:var(--bjs-ink);user-select:none;-webkit-user-select:none}.bjs-stage:focus-visible{outline:2px solid var(--bjs-ink);outline-offset:2px}.bjs-empty{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;padding:24px;text-align:center;color:#fff;font-size:.9rem;letter-spacing:.02em}.bjs-story{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}.bjs-story.is-active{opacity:1;visibility:visible;z-index:1;transition:opacity .45s ease}.bjs-story__media-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.bjs-story__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}svg.bjs-story__media--placeholder{background:#e8eaf0}.bjs-story__scrim{position:absolute;inset-inline:0;top:0;height:72px;background:linear-gradient(to bottom,rgb(8 15 35 / .38),transparent);pointer-events:none}.bjs-progress{position:absolute;top:10px;inset-inline:10px;display:flex;gap:5px;z-index:6;pointer-events:none}.bjs-bar{flex:1;height:3px;border-radius:99px;background:#ffffff52;overflow:hidden}.bjs-bar__fill{display:block;height:100%;width:100%;border-radius:inherit;background:#fff;box-shadow:0 0 6px #fff6;transform:scaleX(0);transform-origin:left center}[data-single] .bjs-progress,[data-single] .bjs-nav{display:none!important}.bjs-story__spots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bjs-spot{position:absolute;left:var(--x, 50%);top:var(--y, 50%);width:46px;height:46px;margin:-23px 0 0 -23px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;z-index:4}.bjs-spot:focus-visible{outline:2px solid #fff;outline-offset:3px}.bjs-spot__halo{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--bjs-spot-color, #fff) 70%,transparent);opacity:0;animation:bjs-halo 2.8s cubic-bezier(.25,.6,.35,1) infinite}@keyframes bjs-halo{0%{transform:scale(.55);opacity:0}28%{opacity:.9}70%,to{transform:scale(1.18);opacity:0}}.bjs-spot__ring{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;overflow:hidden;border:2px solid var(--bjs-spot-color, #fff);box-shadow:0 2px 14px #050f2866;transition:transform .3s var(--bjs-ease),box-shadow .3s}.bjs-spot__glass{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff29;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.bjs-spot__core{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:8px;height:8px;border-radius:50%;background:var(--bjs-spot-color, #fff);box-shadow:0 1px 4px #050f2873;transition:transform .3s var(--bjs-ease)}.bjs-spot:hover .bjs-spot__core,.bjs-spot.is-active .bjs-spot__core{transform:scale(1.5)}.bjs-spot.is-active .bjs-spot__ring{transform:scale(1.1);box-shadow:0 2px 18px #050f2880}.bjs-spot--empty .bjs-spot__ring{border-style:dashed;opacity:.75}.bjs-spot--empty .bjs-spot__halo{animation:none}.bjs-spot.is-editing .bjs-spot__ring{box-shadow:0 0 0 3px color-mix(in srgb,var(--bjs-spot-color, #fff) 45%,transparent),0 2px 14px #050f2866}.bjs-nav{position:absolute;top:50%;translate:0 -50%;z-index:7;width:42px;height:42px;border:0;border-radius:50%;background:#ffffffeb;color:var(--bjs-ink);display:none;place-items:center;cursor:pointer;box-shadow:0 4px 16px #080f2338;transition:transform .25s var(--bjs-ease),background-color .25s}.bjs-nav svg{width:18px;height:18px}.bjs-nav:hover{transform:scale(1.08);background:#fff}.bjs-nav--prev{left:14px}.bjs-nav--next{right:14px}.bjs-card{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 10px 34px #080f2347}.bjs-card[hidden]{display:none!important}.bjs-card__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffed;-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3)}.bjs-card__close{position:absolute;z-index:2;top:6px;right:6px;width:26px;height:26px;border:0;border-radius:50%;display:grid;place-items:center;background:#0a143212;color:var(--bjs-ink);cursor:pointer}.bjs-card__close svg{width:11px;height:11px}.bjs-card__grid{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px 10px 10px}.bjs-card__media{display:block;width:92px;height:92px;border-radius:10px;overflow:hidden;background:#f4f5f8;align-self:center}.bjs-card__media img,.bjs-card__noimg{width:100%;height:100%;object-fit:cover;display:block}.bjs-card__info{min-width:0}.bjs-card__title{margin:0 0 3px;font-size:.82rem;line-height:1.25;font-weight:600;text-transform:uppercase;letter-spacing:.06em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bjs-card__title a{color:var(--bjs-ink);text-decoration:none}.bjs-card__price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:.95rem;font-weight:600;color:var(--bjs-ink)}.bjs-card__price s{opacity:.5;font-weight:400;font-size:.8rem}.bjs-card__badge{background:var(--bjs-ink);color:var(--bjs-paper);font-size:.62rem;font-weight:600;letter-spacing:.04em;padding:2px 6px}.bjs-card__desc{display:none}.bjs-card__swatches{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.bjs-swatch{width:18px;height:18px;border-radius:50%;border:1px solid rgb(10 20 50 / .25);background:var(--bjs-sw, #dfe3ea);background-size:cover;background-position:center;padding:0;cursor:pointer}.bjs-swatch--text{width:auto;min-width:18px;border-radius:2px;padding:1px 6px;font-size:.65rem;background:#fff;color:var(--bjs-ink)}.bjs-swatch[aria-pressed=true]{outline:2px solid var(--bjs-ink);outline-offset:1.5px}.bjs-card__select{margin-top:6px;max-width:100%;font-size:.75rem;padding:4px 6px;border:1px solid rgb(10 20 50 / .25);border-radius:0;background:#fff;color:var(--bjs-ink)}.bjs-card__actions{margin-top:8px;display:flex;align-items:center;gap:10px}.bjs-card__add{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:0;background:var(--bjs-ink);color:var(--bjs-paper);font:inherit;font-size:.78rem;font-weight:500;letter-spacing:.05em;padding:9px 14px;cursor:pointer;transition:opacity .2s,transform .2s var(--bjs-ease)}.bjs-card__add:hover:not(:disabled){transform:translateY(-1px)}.bjs-card__add:disabled{opacity:.55;cursor:default}.bjs-card__add-icon svg{width:15px;height:15px;display:block}.bjs-card__pdp{display:none}.bjs-card__go{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--bjs-ink);box-shadow:0 2px 10px #080f232e}.bjs-card__go svg{width:14px;height:14px}.bjs-card__empty{position:relative;padding:22px 40px 22px 18px;font-size:.85rem}.bjs-sheet{position:absolute;inset-inline:10px;bottom:10px;z-index:5;pointer-events:none}.bjs-sheet .bjs-card{pointer-events:auto;transform:translateY(calc(100% + 26px));transition:transform .5s var(--bjs-ease);will-change:transform}.bjs-sheet .bjs-card.is-open{transform:translateY(0)}.bjs-panel{display:none}@media screen and (min-width:750px){.bjs{grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:stretch}.bjs-header{grid-column:1 / -1}.bjs-stage{aspect-ratio:var(--bjs-ratio-desktop, 3 / 4);width:min(56vw,calc(min(var(--bjs-height-desktop, 600px),78vh) * (var(--bjs-ratio-desktop, 3 / 4))));border-radius:6px;margin-inline:0}.bjs-nav{display:grid}.bjs-panel{position:relative;display:flex;align-items:stretch;min-width:0;border:1px solid rgb(10 20 50 / .1);border-radius:6px;background:var(--bjs-paper);overflow:hidden}.bjs-panel__empty{margin:auto;padding:40px 24px;max-width:280px;text-align:center;font-size:.9rem;letter-spacing:.02em;opacity:.6}.bjs-panel.has-card .bjs-panel__empty{display:none}.bjs-panel__body{display:none;width:100%;overflow-y:auto}.bjs-panel.has-card .bjs-panel__body{display:block}.bjs-panel__body .bjs-card{opacity:1;transform:none;transition:opacity .35s ease,transform .35s var(--bjs-ease);box-shadow:none;border-radius:0;min-height:100%}.bjs-panel__body.is-swap .bjs-card{opacity:0;transform:translateY(12px);transition:none}.bjs-panel .bjs-card__bg,.bjs-panel .bjs-card__close,.bjs-panel .bjs-card__go{display:none}.bjs-panel .bjs-card__grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;padding:26px 28px 28px}.bjs-panel .bjs-card__media{width:100%;max-width:320px;height:auto;aspect-ratio:1;margin-inline:auto;border-radius:4px}.bjs-panel .bjs-card__media img{object-fit:contain}.bjs-panel .bjs-card__title{font-size:1.05rem;letter-spacing:.08em;-webkit-line-clamp:3}.bjs-panel .bjs-card__price{font-size:1.25rem;margin-top:2px}.bjs-panel .bjs-card__price s{font-size:.95rem}.bjs-panel .bjs-card__badge{font-size:.72rem}.bjs-panel .bjs-card__desc{display:block;margin:8px 0 0;font-size:.85rem;line-height:1.55;opacity:.75}.bjs-panel .bjs-card__swatches{margin-top:12px}.bjs-panel .bjs-swatch{width:24px;height:24px}.bjs-panel .bjs-card__select{margin-top:12px;font-size:.85rem;padding:8px 10px}.bjs-panel .bjs-card__actions{display:grid;gap:10px;margin-top:14px}.bjs-panel .bjs-card__add{width:100%;padding:13px 18px;font-size:.85rem}.bjs-panel .bjs-card__pdp{display:block;text-align:center;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bjs-ink);text-decoration:underline;text-underline-offset:4px;opacity:.8}.bjs-panel .bjs-card__pdp:hover{opacity:1}.bjs-panel .bjs-card__empty{margin:auto;padding:40px 24px}}@media(prefers-reduced-motion:reduce){.bjs-spot__halo{animation:none;opacity:0}.bjs-story,.bjs-sheet .bjs-card,.bjs-panel__body .bjs-card{transition-duration:.01s}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/story-hotspots.css.map */