.stories-videos-section{--tag-bg: rgba(255, 255, 255, .95);--tag-shadow: 0 4px 20px rgba(0, 0, 0, .15);--dot-color: var(--COLOR-TEXT);--dot-pulse: var(--COLOR-TEXT-ALPHA-25);--story-max-width: 420px;--story-aspect-ratio: 9 / 16;position:relative;width:100%;overflow:hidden;background:var(--COLOR-BG)}.stories-videos-section.stories-full-height{min-height:100vh;display:flex;flex-direction:column;justify-content:center}.stories-header{padding:2rem 0 1.5rem;text-align:center}.stories-title{margin:0 0 .5rem;font-size:calc(var(--FONT-ADJUST-HEADING, 1) * 2rem);color:var(--COLOR-HEADING);font-family:var(--FONT-STACK-HEADING);font-weight:var(--FONT-WEIGHT-HEADING);letter-spacing:var(--LETTER-SPACING-HEADING);text-transform:var(--TEXT-TRANSFORM-HEADING, none)}.stories-subtitle{margin:0;font-size:calc(var(--FONT-ADJUST-BODY, 1) * 1rem);color:var(--COLOR-TEXT-ALPHA-60);font-family:var(--FONT-STACK-BODY)}.stories-swiper{width:100%;overflow:visible;padding:20px 0}.stories-swiper .swiper-wrapper{align-items:center}.stories-swiper .swiper-slide{width:var(--story-max-width);max-width:90vw;overflow:hidden;background:#000;border-radius:var(--RADIUS, 12px);box-shadow:0 8px 30px #0003;opacity:.4;transform:scale(.85);transition:opacity .4s ease,transform .4s ease,box-shadow .4s ease}.stories-swiper .swiper-slide-active{opacity:1;transform:scale(1)}.stories-swiper .swiper-slide-prev,.stories-swiper .swiper-slide-next{opacity:.6;transform:scale(.9)}.story-video-container{position:relative;width:100%;aspect-ratio:var(--story-aspect-ratio);overflow:hidden;background:#000}.story-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media screen and (max-width:749px){.stories-swiper .swiper-slide{width:calc(100vw - 60px);max-width:100%;border-radius:var(--RADIUS, 8px)}.story-video-container{max-height:75vh}}.story-overlay-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,transparent 30%,transparent 50%,rgba(0,0,0,.5) 100%);pointer-events:none;z-index:1}.story-progress-bar{position:absolute;top:12px;left:12px;right:12px;height:3px;background:#ffffff4d;border-radius:2px;z-index:10;overflow:hidden}.story-progress-fill{height:100%;width:0%;background:#fff;border-radius:2px;transition:width linear}.swiper-slide-active .story-progress-fill{animation:progress-fill var(--autoplay-speed, 5s) linear forwards}@keyframes progress-fill{0%{width:0%}to{width:100%}}.story-heading-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:5;padding:1rem;width:90%;max-width:600px}.story-heading{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);margin:0;font-size:clamp(1.5rem,5vw,3rem);line-height:1.2;font-family:var(--FONT-STACK-HEADING);font-weight:var(--FONT-WEIGHT-HEADING-BOLD, 700);letter-spacing:var(--LETTER-SPACING-HEADING);animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.story-products-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.product-tag{position:absolute;pointer-events:auto;display:flex;align-items:center;gap:0;text-decoration:none;z-index:10}.product-tag-1{bottom:25%;left:8%}.product-tag-2{bottom:15%;right:8%;flex-direction:row-reverse}.product-tag-3{top:25%;right:10%;flex-direction:row-reverse}.product-tag-4{top:35%;left:5%}@media screen and (max-width:749px){.product-tag-1{bottom:30%;left:5%}.product-tag-2{bottom:18%;right:5%}.product-tag-3{top:20%;right:5%}.product-tag-4{top:30%;left:5%}}.tag-dot{width:36px;height:36px;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease;border:var(--BORDER-WIDTH, 2px) solid rgba(255,255,255,.3);animation:subtle-pulse 2s ease-in-out infinite}@keyframes subtle-pulse{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 0 8px #fff0}}.tag-dot .eye-icon{opacity:.9;transition:transform .3s ease}.product-tag:hover .tag-dot{background:#000000b3;border-color:#fff9;transform:scale(1.1)}.product-tag:hover .tag-dot .eye-icon{transform:scale(1.15)}.tag-info{display:flex;align-items:center;gap:10px;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:8px 14px 8px 10px;border-radius:var(--RADIUS-PILL, 24px);box-shadow:0 4px 20px #00000026;max-width:0;opacity:0;overflow:hidden;transform:scale(.8) translate(-10px);transform-origin:left center;transition:all .35s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.product-tag-2 .tag-info,.product-tag-3 .tag-info{transform:scale(.8) translate(10px);transform-origin:right center}.product-tag:hover .tag-info{max-width:280px;opacity:1;transform:scale(1) translate(0);margin-left:8px}.product-tag-2:hover .tag-info,.product-tag-3:hover .tag-info{margin-left:0;margin-right:8px}.tag-info img{width:40px;height:40px;border-radius:var(--RADIUS, 8px);object-fit:cover;flex-shrink:0}.tag-info h4{margin:0;font-size:calc(var(--FONT-ADJUST-BODY, 1) * .8rem);font-weight:var(--FONT-WEIGHT-BODY-BOLD, 600);color:#1a1a1a;line-height:1.2;max-width:120px;overflow:hidden;text-overflow:ellipsis;font-family:var(--FONT-STACK-BODY)}.tag-price{font-size:calc(var(--FONT-ADJUST-BODY, 1) * .75rem);font-weight:var(--FONT-WEIGHT-BODY-BOLD, 600);color:#333;display:block;margin-top:2px;font-family:var(--FONT-STACK-BODY)}.tag-cta{font-size:calc(var(--FONT-ADJUST-BODY, 1) * .65rem);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--COLOR-PRIMARY-BUTTONS-BG, #000);padding:5px 10px;border-radius:var(--RADIUS-PILL, 12px);flex-shrink:0;transition:all .2s ease;font-family:var(--FONT-STACK-BUTTON)}.product-tag:hover .tag-cta{background:var(--COLOR-PRIMARY-BUTTONS-BG-HOVER, #333)}.stories-nav{display:none!important}.stories-nav svg{display:none}.stories-nav:after{display:none}.stories-nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:var(--icon-size);height:var(--icon-size);background:var(--text, #333);-webkit-mask-size:var(--icon-size);mask-size:var(--icon-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-image:var(--ICON-ARROW-RIGHT);mask-image:var(--ICON-ARROW-RIGHT);max-width:100%;max-height:100%}.stories-nav-prev:before{transform:rotate(180deg)}.stories-nav:hover{background:var(--bg, #fff);transform:scale(1.12) translateY(-50%)}.stories-nav-prev{left:var(--flickity-btn-position, 10px)}.stories-nav-next{right:var(--flickity-btn-position, 10px)}.swiper-button-disabled.stories-nav{opacity:0;pointer-events:none;cursor:auto}@media screen and (max-width:749px){.stories-nav{--icon-size: 14px;width:34px;height:34px}.stories-nav-prev{left:8px}.stories-nav-next{right:8px}}.stories-pagination{position:absolute;bottom:24px!important;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:10}.stories-pagination .swiper-pagination-bullet{width:8px;height:8px;background:#ffffff80;opacity:1;transition:all .3s ease}.stories-pagination .swiper-pagination-bullet-active{background:#fff;width:24px;border-radius:4px}@media screen and (max-width:749px){.stories-pagination .swiper-pagination-bullet{width:10px;height:10px}.stories-pagination .swiper-pagination-bullet-active{width:28px}}.story-swipe-hint{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#fff9;animation:swipe-hint 2s ease-in-out infinite;z-index:5;display:none}@media screen and (max-width:749px){.story-swipe-hint{display:block}}@keyframes swipe-hint{0%,to{transform:translateY(-50%) translate(0);opacity:.6}50%{transform:translateY(-50%) translate(10px);opacity:1}}.swiper-slide-active .product-tag{animation:fadeInTag .5s ease-out forwards;animation-delay:calc(var(--tag-index, 0) * .15s + .3s);opacity:0}.product-tag-1{--tag-index: 1}.product-tag-2{--tag-index: 2}.product-tag-3{--tag-index: 3}.product-tag-4{--tag-index: 4}@keyframes fadeInTag{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.story-video-container.loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;z-index:5}@keyframes spin{to{transform:rotate(360deg)}}.tag-quick-add{display:none;align-items:center;justify-content:center;gap:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--COLOR-PRIMARY-BUTTONS-BG, #000);padding:6px 12px;border-radius:var(--RADIUS-PILL, 12px);border:none;cursor:pointer;transition:all .2s ease;font-family:var(--FONT-STACK-BUTTON)}.tag-quick-add:hover{background:var(--COLOR-PRIMARY-BUTTONS-BG-HOVER, #333)}.tag-quick-add .loading{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media screen and (max-width:749px){.tag-quick-add{display:flex}}@media screen and (max-width:749px){.product-tag.active .tag-info{max-width:280px;opacity:1;transform:scale(1) translate(0);margin-left:8px}.product-tag-2.active .tag-info,.product-tag-3.active .tag-info{margin-left:0;margin-right:8px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-stories-videos.css.map */