.video-carousel-container{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:20px 0;overflow:hidden}.video-carousel{display:flex;transition:transform .5s ease;gap:15px;padding:0 10px}.video-card{flex:0 0 calc(33.333% - 10px);border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;position:relative;cursor:pointer;transition:transform .3s ease}.video-card:hover{transform:translateY(-5px)}.video-thumbnail{position:relative;padding-top:56.25%;background-color:#000}.video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background-color:#fffc;border-radius:50%;display:flex;align-items:center;justify-content:center}.play-button:after{content:"";display:block;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #000;margin-left:5px}.video-info{padding:12px;background:#fff}.video-title{font-weight:600;margin-bottom:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-description{font-size:.9em;color:#666;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#00000080;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;border:none}.carousel-nav.prev{left:10px}.carousel-nav.next{right:10px}.carousel-nav:disabled{opacity:.3;cursor:not-allowed}@media (min-width: 768px){.video-card{flex:0 0 calc(16.666% - 10px)}}.modal-video{background:rgba(var(--color-foreground),.2);box-sizing:border-box;height:100%;left:0;margin:0 auto;opacity:0;overflow:auto;position:fixed;top:0;visibility:hidden;width:100%;z-index:-1}.modal-video[open]{opacity:1;visibility:visible;z-index:101}.modal-video__content{background-color:rgb(var(--color-background));height:100%;margin:0;overflow:auto;padding:0;position:absolute;width:100%}.modal-video__toggle{align-items:center;background-color:rgb(var(--color-background));border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.1);color:rgba(var(--color-foreground),.55);cursor:pointer;display:flex;justify-content:center;margin:0 0 0 auto;padding:1.2rem;position:fixed;right:.5rem;top:2rem;width:4rem;z-index:2}@media screen and (min-width: 750px){.modal-video__toggle{right:4.8rem;top:3.5rem}}@media screen and (min-width: 990px){.modal-video__toggle{right:4.3rem;top:3rem}}.modal-video__toggle .icon{height:auto;margin:0;width:2.2rem}.modal-video__content-info{height:calc(100% - 6rem);margin:0 auto;padding-top:8rem;width:calc(100% - 1rem)}@media screen and (min-width: 750px){.modal-video__content-info{height:calc(100% - 7.5rem);padding-top:9.5rem;width:calc(100% - 9.6rem)}}@media screen and (min-width: 990px){.modal-video__content-info{height:calc(100% - 7rem);padding-top:9rem;width:calc(100% - 8.6rem)}}.modal-video__video,.modal-video__video iframe{height:100%;width:100%}.modal-video__video iframe{position:static;border:0}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-modal-video.css.map */