.kol-video{--kol-card-gap: 16px;--kol-card-width-mobile: 280px;--kol-card-width-tablet: 360px;--kol-card-width-desktop: 400px}.kol-video .kol-video-track-outer{width:100%;overflow:hidden}.kol-video .kol-video-container{width:100%}.kol-video .carousel-container{width:100%;overflow:hidden;cursor:grab}.kol-video .grabbing{cursor:grabbing!important}.kol-video .carousel-wrapper{display:flex;flex-wrap:nowrap;gap:var(--kol-card-gap);will-change:transform}.kol-video .image-card{flex-shrink:0;width:var(--kol-card-width-mobile);position:relative}@media(min-width:768px){.kol-video .image-card{width:var(--kol-card-width-tablet)}}@media(min-width:1200px){.kol-video .image-card{width:var(--kol-card-width-desktop)}}.kol-video .image-wrapper{width:100%;overflow:hidden;line-height:0}.kol-video .image-wrapper.rounded-4{border-radius:1.5rem}.kol-video .card-img{display:block;width:100%;height:auto;object-fit:unset}.kol-video .placeholder-wrap{background:#f0f0f0}.kol-video .placeholder-svg{width:100%;height:auto;display:block}.kol-video .play-icon svg{width:32px;height:32px}.kol-video .card-text-wrapper{padding-right:1.5rem}.kol-video .card-heading{line-height:1.3;letter-spacing:-.02em}.kol-video .card-text-wrapper .base-size{font-size:1.4rem}@media(min-width:768px){.kol-video .card-text-wrapper .base-size{font-size:1.6rem!important}}.kol-video .video-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}.kol-video .video-modal .modal-overlay{background-color:#000c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.kol-video .video-modal .modal-content{width:90%!important;max-width:1000px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.kol-video .video-modal .close-btn{cursor:pointer;top:-40px;right:0;padding:0;outline:none;display:flex}.kol-video .video-modal .close-btn svg{width:32px;height:32px}@media(min-width:768px){.kol-video .video-modal .close-btn{top:0;right:-50px}}.kol-video .video-modal .as-video-native{display:block;width:100%;height:100%;background:#000}.kol-video .video-modal .as-video-external-wrap{padding:3rem 2rem;text-align:center;background:#111;border-radius:8px;color:#fff}.kol-video .video-modal .as-video-external-wrap p{margin-bottom:1.6rem;font-size:1.6rem}.kol-video .video-modal .as-video-external-link{display:inline-block;padding:.8rem 2rem;background:#fff;color:#000;border-radius:4px;text-decoration:none;font-size:1.4rem}
/*# sourceMappingURL=/cdn/shop/t/27/assets/kol-video.css.map */