.sec__video-stories{position:relative}.video-story-card{height:100%}.video-story-card__inner{display:flex;flex-direction:column;height:100%;transition:transform .3s ease,box-shadow .3s ease}.video-story-card__inner:hover{transform:translateY(-4px)}.video-story-card__media{position:relative;background:var(--color-background-secondary, #f5f5f5);overflow:hidden;border-radius:20px}.video-story-card__media-inner{position:relative;width:100%}.video-story-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.video-story-card__inner:hover .video-story-card__image{transform:scale(1.05)}.video-story-card__play-overlay{background:#0000001a;transition:background .3s ease;z-index:1}.video-story-card__inner:hover .video-story-card__play-overlay{background:#0000004d}.video-story-card__play-button{width:64px;height:64px;color:var(--color-foreground, #000);transition:transform .3s ease}.video-story-card__inner:hover .video-story-card__play-button{transform:scale(1.1)}.video-story-card__content{flex:1;display:flex;flex-direction:column;text-align:center}.video-story-card__title{font-weight:600;line-height:1.3;color:var(--color-foreground, #000);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.video-story-card__inner:hover .video-story-card__title{color:var(--color-link, #007bff)}.video-story-card__author{font-size:14px;color:var(--color-foreground-secondary, #666)}.tingle-modal{background:#000000e6}.tingle-modal-box{background:transparent;padding:0;width:90vw;max-width:1200px}.tingle-modal-box__content{padding:0}.video-modal-wrapper{position:relative;width:100%;padding-top:56.25%;background:#000;border-radius:8px;overflow:hidden}.video-modal-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.tingle-modal__close{position:absolute;top:-50px;right:0;background:#ffffffe6;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:1000}.tingle-modal__close:hover{background:#fff;transform:scale(1.1)}.tingle-modal__closeIcon{color:#000}@media screen and (max-width: 749px){.video-stories-carousel .swiper-slide{width:85%;max-width:360px}.video-stories-carousel .swiper-wrapper{align-items:center}.video-stories-carousel .swiper-button-prev,.video-stories-carousel .swiper-button-next{display:none}}@media screen and (max-width: 1024px){.video-story-card__play-button{width:56px;height:56px}.video-story-card__play-button svg{width:56px;height:56px}}@media screen and (max-width: 749px){.video-story-card__media{border-radius:24px}.video-story-card__content{margin-top:16px}.video-story-card__title{font-size:var(--mobile-title-font-size, 1.25rem);margin-bottom:6px;font-weight:600;line-height:1.4}.video-story-card__author{font-size:var(--mobile-author-font-size, .9375rem);line-height:1.5}.video-story-card__play-button{width:50px;height:50px}.video-story-card__play-button svg{width:50px;height:50px}.tingle-modal-box{width:95vw}.tingle-modal__close{top:-45px;width:36px;height:36px}}.video-stories-carousel .swiper-button-prev,.video-stories-carousel .swiper-button-next{width:44px;height:44px;background:#fffffff2;border-radius:50%;box-shadow:0 2px 8px #00000026;transition:all .3s ease}.video-stories-carousel .swiper-button-prev:hover,.video-stories-carousel .swiper-button-next:hover{background:#fff;box-shadow:0 4px 12px #0003}.video-story-card__media.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.pointer{cursor:pointer}.text-subdued{opacity:.7}@media (prefers-color-scheme: dark){.video-story-card__media{background:var(--color-background-secondary, #1a1a1a)}.video-story-card__play-button svg circle{fill:#000c}.video-story-card__play-button svg path{fill:#fff}}@media (min-width: 1025px) and (pointer: fine) and (prefers-reduced-motion: no-preference){.sec__video-stories .btn-hover:hover{color:#878787}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/video-stories.css.map */