:root{--_fid:"cuioro"}im7y4g-stories-carousel{display:block;position:relative;inline-size:100%}.im7y4g-stories-carousel__heading{font-size:var(--font-size-md);font-weight:700;letter-spacing:.02em;text-transform:uppercase;margin:0 0 var(--space-md);color:var(--color-headings)}.im7y4g-stories-carousel__container{position:relative}.im7y4g-stories-carousel__track{display:flex;gap:var(--ns-gap, .5rem);justify-content:safe center;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline-start:var(--space-xs);scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-block:.25rem;padding-inline:.125rem}.im7y4g-stories-carousel__track::-webkit-scrollbar{display:none}.im7y4g-story-tile{flex:1 1 var(--ns-tile-width, 80px);min-inline-size:min(var(--ns-tile-width, 80px),7rem);max-inline-size:calc(var(--ns-tile-width, 80px) * 1.4);background:transparent;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);scroll-snap-align:start;font:inherit;color:inherit;transition:transform var(--duration-fast) var(--ease-out-back)}.im7y4g-story-tile:hover{transform:translateY(-2px)}.im7y4g-story-tile:focus-visible{outline:2px solid var(--color-links);outline-offset:3px;border-radius:var(--ns-tile-radius, 6px)}.im7y4g-story-tile__media{position:relative;inline-size:100%;aspect-ratio:var(--ns-aspect, 2/3);border-radius:var(--ns-tile-radius, 6px);overflow:hidden;background:var(--color-border)}.im7y4g-story-tile__video,.im7y4g-story-tile__image,.im7y4g-story-tile__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;display:block}.im7y4g-story-tile__placeholder svg{inline-size:100%;block-size:100%;object-fit:cover}.im7y4g-story-tile__play{position:absolute;inset-block-end:var(--space-xs);inset-inline-end:var(--space-xs);inline-size:1.5rem;block-size:1.5rem;display:flex;align-items:center;justify-content:center;color:var(--color-overlay-text);opacity:.85;pointer-events:none;filter:drop-shadow(0 1px 2px var(--color-overlay-bg))}.im7y4g-story-tile__label{font-size:var(--font-size-xs);color:var(--color-text);text-align:center;inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.im7y4g-stories-carousel__arrow{position:absolute;inset-block-start:50%;transform:translateY(-50%);inline-size:2rem;block-size:2rem;border-radius:50%;background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text);display:none;align-items:center;justify-content:center;cursor:pointer;z-index:var(--z-local-2);box-shadow:var(--shadow-sm);transition:opacity var(--duration-fast) var(--ease-in-out-cubic),transform var(--duration-fast) var(--ease-out-back)}.im7y4g-stories-carousel__arrow:hover{transform:translateY(-50%) scale(1.05)}.im7y4g-stories-carousel__arrow:focus-visible{outline:2px solid var(--color-links);outline-offset:2px}.im7y4g-stories-carousel__arrow--prev{inset-inline-start:-1rem}.im7y4g-stories-carousel__arrow--next{inset-inline-end:-1rem}@media not (max-width:750px){.im7y4g-stories-carousel__arrow:not([hidden]){display:flex}}.im7y4g-stories-carousel__modal{inline-size:100vw;block-size:100dvh;max-inline-size:none;max-block-size:none;border:0;padding:0;margin:0;background:var(--color-overlay-bg-strong);color:var(--color-overlay-text);top:0;right:0;bottom:0;left:0;z-index:var(--z-modal)}.im7y4g-stories-carousel__modal[open]{display:flex;align-items:center;justify-content:center}.im7y4g-stories-carousel__modal::backdrop{background:var(--color-overlay-bg-strong)}.im7y4g-stories-carousel__modal-stage{position:relative;inline-size:min(420px,92vw);aspect-ratio:9/16;max-block-size:92dvh;background:var(--color-overlay-bg-strong);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.im7y4g-stories-carousel__modal-video,.im7y4g-stories-carousel__modal-image{inline-size:100%;block-size:100%;object-fit:cover;display:block}.im7y4g-stories-carousel__modal-image[hidden]{display:none}.im7y4g-stories-carousel__modal-progress{position:absolute;inset-block-start:.5rem;inset-inline:.5rem;display:flex;gap:.25rem;z-index:var(--z-local-2);pointer-events:none}.im7y4g-stories-carousel__modal-progress-bar{flex:1;block-size:.1875rem;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-overlay-text) 30%,transparent);overflow:hidden}.im7y4g-stories-carousel__modal-progress-bar-fill{display:block;block-size:100%;inline-size:0;background:var(--color-overlay-text);transition:inline-size .05s linear}.im7y4g-stories-carousel__modal-progress-bar.is-done .im7y4g-stories-carousel__modal-progress-bar-fill{inline-size:100%}.im7y4g-stories-carousel__modal-tap{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;background:transparent;border:0;padding:0;margin:0;cursor:pointer;z-index:var(--z-local-1)}.im7y4g-stories-carousel__modal-tap:focus-visible{outline:2px solid var(--color-overlay-text);outline-offset:-4px}.im7y4g-stories-carousel__modal-play-icon{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;inline-size:5rem;block-size:5rem;display:flex;align-items:center;justify-content:center;color:var(--color-overlay-text);background:var(--color-overlay-glass-bg);border-radius:50%;pointer-events:none;z-index:var(--z-local-2);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);filter:drop-shadow(0 2px 8px var(--color-overlay-bg));transition:opacity var(--duration-fast) var(--ease-in-out-cubic)}.im7y4g-stories-carousel__modal-play-icon[hidden]{display:none}.im7y4g-stories-carousel__modal-close{position:absolute;inset-block-start:1rem;inset-inline-start:1rem;inline-size:2.5rem;block-size:2.5rem;border-radius:50%;border:0;background:var(--color-overlay-glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-overlay-text);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:var(--z-popover);transition:background var(--duration-fast) var(--ease-in-out-cubic)}.im7y4g-stories-carousel__modal-close:hover{background:var(--color-overlay-glass-bg-hover)}.im7y4g-stories-carousel__modal-close:focus-visible{outline:2px solid var(--color-overlay-text);outline-offset:2px}.im7y4g-stories-carousel__modal-mute{position:absolute;inset-block-end:5rem;inset-inline-end:.75rem;inline-size:2rem;block-size:2rem;border-radius:50%;border:0;background:var(--color-overlay-glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-overlay-text);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:var(--z-popover);transition:background var(--duration-fast) var(--ease-in-out-cubic)}.im7y4g-stories-carousel__modal-mute[hidden]{display:none}.im7y4g-stories-carousel__modal-mute:hover{background:var(--color-overlay-glass-bg-hover)}.im7y4g-stories-carousel__modal-mute:focus-visible{outline:2px solid var(--color-overlay-text);outline-offset:2px}.im7y4g-stories-carousel__modal-rail{position:absolute;inset-block-start:50%;inset-inline-end:.5rem;transform:translateY(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:var(--z-popover)}.im7y4g-stories-carousel__modal-prev,.im7y4g-stories-carousel__modal-next{inline-size:2.25rem;block-size:2.25rem;border-radius:50%;border:0;background:var(--color-overlay-glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-overlay-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--duration-fast) var(--ease-in-out-cubic)}.im7y4g-stories-carousel__modal-prev:hover,.im7y4g-stories-carousel__modal-next:hover{background:var(--color-overlay-glass-bg-hover)}.im7y4g-stories-carousel__modal-prev:focus-visible,.im7y4g-stories-carousel__modal-next:focus-visible{outline:2px solid var(--color-overlay-text);outline-offset:2px}.im7y4g-stories-carousel__modal-prev[disabled],.im7y4g-stories-carousel__modal-next[disabled]{opacity:.3;cursor:not-allowed}@media(max-width:750px){.im7y4g-stories-carousel__modal-rail{inset-inline-end:.25rem}}.im7y4g-stories-carousel__modal-card{position:absolute;inset-block-end:.75rem;inset-inline:.75rem;display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--color-overlay-text);color:var(--color-headings);border-radius:.75rem;text-decoration:none;z-index:var(--z-local-2);box-shadow:0 4px 16px var(--color-overlay-bg);transition:transform var(--duration-fast) var(--ease-out-back)}.im7y4g-stories-carousel__modal-card[hidden]{display:none}.im7y4g-stories-carousel__modal-card:hover{transform:translateY(-2px)}.im7y4g-stories-carousel__modal-card-image{inline-size:3rem;block-size:3rem;object-fit:cover;border-radius:.5rem;flex-shrink:0}.im7y4g-stories-carousel__modal-card-image[hidden]{display:none}.im7y4g-stories-carousel__modal-card-info{flex:1;min-inline-size:0;display:flex;flex-direction:column;gap:.125rem;overflow:hidden}.im7y4g-stories-carousel__modal-card-title{font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.im7y4g-stories-carousel__modal-card-price{font-size:var(--font-size-xs);opacity:.8}.im7y4g-stories-carousel__modal-card-cta{flex-shrink:0;background:var(--color-overlay-bg-strong);color:var(--color-overlay-text);font-weight:600;font-size:var(--font-size-xs);padding:.5rem 1rem;border-radius:var(--radius-pill)}@media(prefers-reduced-motion:reduce){.im7y4g-story-tile,.im7y4g-stories-carousel__arrow,.im7y4g-stories-carousel__modal-prev,.im7y4g-stories-carousel__modal-next,.im7y4g-stories-carousel__modal-cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/im7y4g-stories-carousel.css.map */