.video-gallery{padding-bottom:var(--section-padding)!important}.video-slide.aspect-portrait{position:relative;width:100%;overflow:hidden}.video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.video-overlay-click{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 1s ease;background-color:#0003}.video-overlay-click svg{width:8rem;height:8rem;fill:#fff;color:#fff;opacity:0;transition:all 2s ease}.video-slide:hover .video-poster{animation:zoom-in 25s ease infinite}.video-slide:hover .video-overlay-click{background:#0003}.video-slide:hover .video-overlay-click svg{opacity:1}@keyframes zoom-in{0%{scale:150%}50%{scale:120%}to{scale:100%}}.video-modal .cc-popup-modal{max-width:70%!important;max-width:60vw!important;width:100%!important;max-height:90vh;display:grid;grid-template-rows:1fr;overflow:hidden}.video-modal-player{position:relative;height:100%}.video-modal-player iframe,.video-modal-player video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-modal-info{overflow-y:auto;padding:1rem}.video-modal .cc-popup-modal{display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.video-modal .cc-popup-modal .video-modal-grid{flex:1;display:grid;grid-template-columns:1fr .8fr;min-height:0}.video-modal-info{overflow-y:auto;padding:1rem;min-height:0}.video-data-title{display:flex;justify-content:flex-start;align-items:center;font-size:1rem}.video-data-creator-image{width:50px;height:50px;shape-outside:circle();clip-path:circle();text-align:center;display:inline-flex;align-items:center;justify-content:center;margin-right:15px}.video-data-description{font-size:1rem}.video-modal .product-link.button{margin-top:.65rem;padding:.85em 25px}@media(max-width:767px){.video-modal .cc-popup-modal{max-height:90vh!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden}.video-modal .cc-popup-modal{max-width:90%;max-width:90vw!important}.video-modal .video-modal-grid{display:block!important}.video-modal-player{height:100vh!important;width:100%}.video-modal-player video,.video-modal-player iframe{width:100%!important;height:100%!important;object-fit:cover}.video-modal-info{position:relative;height:auto!important;overflow:visible!important;padding:1rem}}.video-modal video::-webkit-media-controls-fullscreen-button{display:none}.fade-on-load{opacity:0;transition:opacity .6s ease-out}.video-loaded.fade-on-load{opacity:1}.video-error{opacity:.2;filter:grayscale(1)}.video-slide{position:relative;cursor:pointer}.video-poster{display:block;width:100%;height:100%;object-fit:cover}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:transparent;border:none;padding:0;cursor:pointer;z-index:2}modal-dialog.modal--video .modal__content{display:grid;grid-template-columns:1fr .8fr;height:90vh;overflow:hidden;padding:0}modal-dialog.modal--video .video-modal-player{position:sticky;top:0;height:100%;width:100%}modal-dialog.modal--video .video-modal-info{overflow-y:auto;max-height:100%;padding:1rem}@media(max-width:767px){modal-dialog.modal--video .modal__content{display:block;height:auto}modal-dialog.modal--video .video-modal-player{position:relative;height:50vh}modal-dialog.modal--video .video-modal-info{max-height:none;overflow:visible}}.product-link.btn{margin:15px 0}shoppable-video-gallery .slider__grid{display:flex;gap:var(--video-slide-gap, 16px);justify-content:flex-start;width:fit-content;max-width:100%;margin-inline:auto;margin-top:0}shoppable-video-gallery .slider__grid .slider__item{flex:0 0 var(--video-slide-width, 180px);width:var(--video-slide-width, 180px)}shoppable-video-gallery .video-slide{height:var(--video-tile-h, 320px)!important;width:100%;position:relative;overflow:hidden;border-radius:12px}shoppable-video-gallery .video-slide.aspect-portrait{aspect-ratio:auto!important}shoppable-video-gallery .video-poster{width:100%;height:100%!important;object-fit:cover;display:block}shoppable-video-gallery .video-poster--placeholder{height:100%!important}
/*# sourceMappingURL=/cdn/shop/t/19/assets/shoppable-video.css.map */