.videos-composition{background:#000;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;margin:0;overflow:hidden}.video-container{position:relative;width:100%;height:100vh;max-width:900px;margin:0 auto}video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.side-bar{position:absolute;top:0;bottom:0;width:calc((100% - 900px)/2);background:transparent;z-index:5;pointer-events:auto;cursor:pointer}.left-bar{left:0}.right-bar{right:0}.side-text{position:absolute;top:50%;transform:translateY(-50%);color:#ffffff80;font-family:Georgia,serif;font-size:1.1rem;letter-spacing:.25em;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity .8s ease;display:none}.left-text{left:5%;text-align:left}.right-text{right:5%;text-align:right}@media(min-width:769px){.side-bar,.side-text{display:block}}.side-text.visible{opacity:1}.cta-button{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:10;padding:1rem 3rem;font-family:Georgia,serif;font-size:1rem;letter-spacing:.35em;text-transform:uppercase;color:#fff;background:transparent;border:1px solid #fff;transition:all .6s ease;text-decoration:none;cursor:pointer}.cta-button:hover{background:#ffffff1a;border-color:#fff}@media(max-width:768px){.video-container{max-width:none}video{height:100svh}.cta-button{bottom:1.5rem;padding:.8rem 2.5rem;font-size:.9rem;position:absolute}.side-bar,.side-text{display:none!important}video::-webkit-media-controls{display:none!important}video::-webkit-media-controls-start-playback-button{display:none!important}video{-webkit-appearance:none}.video-product{position:relative;z-index:20;pointer-events:auto}.side-bar,.side-text{pointer-events:none}}@supports (-webkit-overflow-scrolling: touch){.video-product{pointer-events:none!important}.video-product::-webkit-media-controls,.video-product::-webkit-media-controls-enclosure,.video-product::-webkit-media-controls-start-playback-button{display:none!important}.video-product[poster]{display:none!important}}.video-product{-webkit-appearance:none!important;appearance:none!important}
/*# sourceMappingURL=/cdn/shop/t/8/assets/videos-composition.css.map */
