.webstories-component{display:block}.webstories-component .video-section{position:relative}.webstories-component .video-section__poster,.webstories-component .video-section__media video{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.webstories-component .video-section__media{padding-bottom:150%!important}.webstories-component .video-section__media{padding-bottom:var(--ratio-percent)}.webstories-component .featured_image{margin:.5rem;cursor:pointer;transition:transform .1s linear;border-radius:2rem;position:relative}.webstories-component .featured_image img{border-radius:2rem;box-shadow:0 3px 6px #00000014,0 3px 6px #0000001f;height:auto}.webstories-component .featured_image .overlay{border-radius:2rem;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,#00000073,#0000000d)}.webstories-component .featured_image:hover{transform:scale(1.02)}.webstories-component .swiper-video svg path{fill:#fff}.webstories-component .featured_image .content{position:absolute;bottom:8px;z-index:1;padding-bottom:4px;-webkit-user-select:none;user-select:none;line-break:auto;word-break:break-word;max-width:calc(100% - 32px);margin:0 20px}.webstories-component .featured_image .content p{font-size:1.7rem;color:#fff;font-weight:600;font-family:all-round-gothic}.swiper-.webstories-component-zoom{position:fixed;width:100%;height:100vh;z-index:100;background-color:#000000b3;top:0;left:0}.swiper-.webstories-component-zoom .swiper-slide{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;min-height:400px}.swiper-.webstories-component-zoom .swiper-slide video{height:90vh;width:100%}.swiper-.webstories-component-zoom{display:none!important}.swiper-.webstories-component-zoom.active{display:block!important;position:fixed;top:0;z-index:10}.webstories-component .swiper-pagination{bottom:-1.5em}.webstories-component .close svg{width:10px}.webstories-component.stories .swiper-container-main .swiper-slide{max-width:110px}.webstories-component.stories .swiper-slide .featured_image{border-radius:99rem;width:90px;height:90px;margin:auto;--tw-gradient-from: #facc15 var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #c026d3 var(--tw-gradient-to-position);background-image:linear-gradient(to top right,var(--tw-gradient-stops));padding:4px}.webstories-component.slider .swiper-slide img{width:100%;height:500px;object-fit:cover}.webstories-component.stories .swiper-slide img{width:100%;height:100%;border-radius:99rem;object-fit:cover;background-color:#fff;padding:2px}.webstories-component .close{position:absolute;top:0;right:0;padding:10px;background-color:#fff;margin:10px;z-index:2;display:flex;border-radius:50%;cursor:pointer}.webstories-component .close svg{width:10px;height:10px}.swiper-button-prev:after,.swiper-button-next:after{color:#000}.webstories-component.stories .content p{margin:5px 0 0;line-height:17px;font-weight:600}.webstories-component .icon-play-container{position:absolute;display:flex;top:0;height:100%;width:100%;justify-content:center;align-items:center;filter:drop-shadow(10px 10px 10px rgba(0,0,0,.5))}.webstories-component.slider .icon-play-container{border-radius:50%;width:60px;height:60px;background:#ffffffb3;box-shadow:0 4px 4px #00000040;transition:transform .1s linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.webstories-component.slider .icon-play-container svg{transform:translate(2px)}.webstories-component.slider .icon-play-container svg path{fill:#000}.webstories-component.stories .icon-play-container svg{width:25px;height:25px}.webstories-component .icon-play-container svg path{fill:#fff}.webstories-component.stories .swiper-container-main .swiper-wrapper{overflow:auto;justify-content:center}.webstories-component.stories .swiper-wrapper::-webkit-scrollbar{display:none}@media screen and (max-width: 768px){.webstories-component.slider .swiper-slide img{height:300px}.webstories-component.slider .content p{font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/webstories.css.map */