.product-stories{--story-bubble-size: 80px;--story-ring-gradient: linear-gradient( 45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100% );display:flex;flex-wrap:nowrap;align-items:flex-start;gap:var(--sp-4);padding-top:3px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.product-stories::-webkit-scrollbar{display:none}.product-stories__bubble{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1d5);flex:0 0 auto;width:var(--story-bubble-size);padding:0;background:none;border:0;cursor:pointer;color:inherit;font:inherit}.product-stories__ring{display:block;width:var(--story-bubble-size);height:var(--story-bubble-size);padding:2.5px;border-radius:50%;background:var(--story-ring-gradient)}.product-stories__avatar{display:block;width:100%;height:100%;padding:3px;border-radius:50%;background:rgb(var(--color-background, 255 255 255))}.product-stories__media{position:relative;display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;background:#00000014}.product-stories__poster,.product-stories__preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform var(--animation-primary)}.product-stories__preview{opacity:0;transition:opacity var(--animation-fast),transform var(--animation-primary)}.product-stories__preview[data-playing]{opacity:1}@media screen and (pointer:fine){.product-stories__bubble:hover .product-stories__poster,.product-stories__bubble:hover .product-stories__preview{transform:scale(1.08)}}.product-stories__title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:var(--text-2xs);font-weight:500;line-height:1.25;text-align:center;overflow:hidden;overflow-wrap:anywhere}.product-stories-viewer{--story-gap: clamp(var(--sp-3), 1.6vw, var(--sp-6));position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;gap:var(--story-gap);padding:env(safe-area-inset-top) var(--sp-4) env(safe-area-inset-bottom);perspective:1400px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.product-stories-viewer[hidden]{display:none}:root{--story-open-ease: cubic-bezier(.22, .7, .25, 1);--story-open-dur: .34s;--story-close-ease: cubic-bezier(.55, 0, .45, 1);--story-close-dur: .26s}@keyframes product-stories-overlay-in{0%{background-color:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{background-color:#0009;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}}@keyframes product-stories-overlay-out{0%{background-color:#0009;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}to{background-color:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@keyframes product-stories-fade-in{0%{opacity:0}to{opacity:1}}@keyframes product-stories-fade-out{to{opacity:0}}@keyframes product-stories-stage-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}@keyframes product-stories-stage-out{to{opacity:0;transform:scale(.9)}}.product-stories-viewer.is-opening .product-stories-viewer__overlay{animation:product-stories-overlay-in var(--story-open-dur) var(--story-open-ease) both}.product-stories-viewer.is-opening .product-stories-viewer__stage{animation:product-stories-stage-in var(--story-open-dur) var(--story-open-ease) both}.product-stories-viewer.is-opening .product-stories-viewer__side{animation:product-stories-fade-in var(--story-open-dur) var(--story-open-ease) both}.product-stories-viewer.is-closing .product-stories-viewer__overlay{animation:product-stories-overlay-out var(--story-close-dur) var(--story-close-ease) both}.product-stories-viewer.is-closing .product-stories-viewer__stage{animation:product-stories-stage-out var(--story-close-dur) var(--story-close-ease) both}.product-stories-viewer.is-closing .product-stories-viewer__side{animation:product-stories-fade-out var(--story-close-dur) var(--story-close-ease) both}@media(prefers-reduced-motion:reduce){.product-stories-viewer.is-opening .product-stories-viewer__overlay,.product-stories-viewer.is-opening .product-stories-viewer__stage,.product-stories-viewer.is-opening .product-stories-viewer__side,.product-stories-viewer.is-closing .product-stories-viewer__overlay,.product-stories-viewer.is-closing .product-stories-viewer__stage,.product-stories-viewer.is-closing .product-stories-viewer__side{animation:none}}.product-stories-viewer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:0;cursor:none}.product-stories-viewer__side{flex:1 1 0;min-width:0;height:100%;display:flex;align-items:center;z-index:1;pointer-events:none}.product-stories-viewer__side--prev{justify-content:flex-end}.product-stories-viewer__side--next{justify-content:flex-start}.product-stories-viewer__nav-group{display:flex;align-items:center;gap:calc(var(--story-gap) * 1.5);pointer-events:auto}.product-stories-viewer__side--prev .product-stories-viewer__nav-group{margin-inline-end:calc(-1 * var(--story-gap));padding-inline-end:calc(var(--story-gap) * 1.5);padding-inline-start:calc(var(--story-gap) * .5)}.product-stories-viewer__side--next .product-stories-viewer__nav-group{margin-inline-start:calc(-1 * var(--story-gap));padding-inline-start:calc(var(--story-gap) * 1.5);padding-inline-end:calc(var(--story-gap) * .5)}.product-stories-viewer__stage{position:relative;z-index:2;flex:0 0 auto;height:min(86vh,calc((100vw - 760px) * 16 / 9));aspect-ratio:9 / 16;max-width:100%;background:#000;border-radius:var(--rounded-block, 12px);overflow:hidden;box-shadow:0 20px 60px #00000080}.product-stories-viewer__cube-face{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;background:#000;-webkit-backface-visibility:hidden;backface-visibility:hidden}.product-stories-viewer__cube-face[hidden]{display:none}.product-stories-viewer__cube-img,.product-stories-viewer__cube-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.product-stories-viewer__cube-video{background:transparent}.product-stories-viewer__video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover;background:#000;opacity:0}.product-stories-viewer__video.is-active{opacity:1}.product-stories-viewer__cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;object-fit:cover;background:#000;pointer-events:none}.product-stories-viewer__cover[hidden]{display:none}.product-stories-viewer__progress{position:absolute;top:var(--sp-2d5);left:var(--sp-2d5);right:var(--sp-2d5);z-index:4;display:flex;gap:var(--sp-1)}.product-stories-viewer__bar{flex:1 1 0;height:3px;border-radius:3px;background:#ffffff59;overflow:hidden}.product-stories-viewer__bar-fill{display:block;width:var(--progress, 0%);height:100%;background:#fff;border-radius:inherit}.product-stories-viewer__header{position:absolute;top:var(--sp-5);left:var(--sp-3);right:var(--sp-3);z-index:4;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);pointer-events:none}.product-stories-viewer__identity{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.product-stories-viewer__avatar{flex:0 0 auto;width:32px;height:32px;border-radius:50%;overflow:hidden;background:#fff3}.product-stories-viewer__avatar img{width:100%;height:100%;object-fit:cover}.product-stories-viewer__bubble-title{color:#fff;font-size:var(--text-sm);font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-stories-viewer__controls{display:flex;align-items:center;gap:var(--sp-2);flex:0 0 auto;pointer-events:auto}.product-stories-viewer__btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;background:none;color:#fff;cursor:pointer}.product-stories-viewer__btn svg{width:21px;height:21px}.product-stories-viewer__btn[data-playpause] svg{width:18px;height:18px}.product-stories-viewer__btn[data-close] svg{width:23px;height:23px;stroke-width:2.2}.product-stories-viewer__btn .icon-pause,.product-stories-viewer__btn .icon-sound-off{display:none}.product-stories-viewer:not([data-paused]) .product-stories-viewer__btn .icon-play{display:none}.product-stories-viewer:not([data-paused]) .product-stories-viewer__btn .icon-pause{display:block}.product-stories-viewer[data-muted] .product-stories-viewer__btn .icon-sound-on{display:none}.product-stories-viewer[data-muted] .product-stories-viewer__btn .icon-sound-off{display:block}.product-stories-viewer__tap{position:absolute;top:0;bottom:0;z-index:2;border:0;background:none;cursor:pointer}.product-stories-viewer__tap--left{left:0;width:30%}.product-stories-viewer__tap--right{right:0;width:70%}.product-stories-viewer__nav{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;cursor:pointer;pointer-events:auto;transition:background-color var(--animation-fast)}.product-stories-viewer__nav svg{width:24px;height:24px}@media screen and (pointer:fine){.product-stories-viewer__nav:hover{background:#ffffff38}}.product-stories-viewer__nav[hidden]{display:none}@media screen and (min-width:768px){.product-stories-viewer__side.has-story-nav{z-index:3}.product-stories-viewer__side.has-story-nav .product-stories-viewer__nav-group{position:relative;z-index:1}.product-stories-viewer__nav:not([hidden]){opacity:1}}@media screen and (min-width:768px){.product-stories-viewer.is-single-bubble .product-stories-viewer__side.has-story-nav .product-stories-viewer__nav-group{padding-block:clamp(var(--sp-4),6vh,64px)}.product-stories-viewer.is-single-bubble .product-stories-viewer__nav:not([hidden]){position:relative}.product-stories-viewer.is-single-bubble .product-stories-viewer__nav:not([hidden]):before{content:"";position:absolute;top:-20px;right:-8px;bottom:-20px;left:-8px}}.product-stories-viewer__peek{--peek-w: clamp(96px, 12vw, 158px);--peek-o: .55;position:relative;width:var(--peek-w);aspect-ratio:9 / 16;border-radius:var(--rounded-block, 10px);overflow:hidden;cursor:pointer;opacity:var(--peek-o);background:#000;pointer-events:auto;transition:opacity var(--animation-primary),transform var(--animation-primary)}@media screen and (pointer:fine){.product-stories-viewer__peek:hover{--peek-o: .9}}.product-stories-viewer__peek[hidden]{display:none}.product-stories-viewer.is-animating-bubble .product-stories-viewer__peek{transition:none}.product-stories-viewer__peek-img{width:100%;height:100%;object-fit:cover}body.product-stories-open{overflow:hidden}@media screen and (min-width:768px){.product-stories-viewer__tap{display:none}}@media screen and (max-width:767px){.product-stories-viewer{padding:0;gap:0}.product-stories-viewer__side{display:none}.product-stories-viewer__btn{width:46px;height:46px}.product-stories-viewer__controls{gap:var(--sp-1)}.product-stories-viewer__stage{height:100vh;height:100dvh;width:100%;max-width:100vw;border-radius:0;aspect-ratio:auto}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/product-stories.css.map */