.video{width:100%;position:relative}.video-container{margin:0 auto}.video-inner{display:flex}.video-frame{position:relative;overflow:hidden}.video-el{width:100%;height:100%;object-fit:cover}.video-container{opacity:0;transform:translateY(3px);transition:opacity .6s ease,transform .6s ease}.video-ready .video-container{opacity:1;transform:none}.video--hero .video-inner{display:block}.video--hero .video-frame{width:100%;height:85vh;height:80svh;max-height:700px}.video--hero .video-el{position:absolute;top:0;right:0;bottom:0;left:0}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000e6,#0000 33% 70%,#0000);z-index:1;pointer-events:none}.video--hero .video-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;z-index:2}.video-content{pointer-events:none}.video-content a,.video-content button{pointer-events:auto}.video--layout{aspect-ratio:3/1;width:100%}.video--layout>.video-container{height:100%}.video--layout .video-inner{height:100%;align-items:stretch}@media(min-width:768px){.video--layout.video-align--video-right .video-inner{flex-direction:row-reverse}}.video--layout .video-frame{flex:1;height:100%}.video--layout .video-el{height:100%;width:100%}.video--layout .video-content{flex:1;display:flex;flex-direction:column;padding:24px}.video-text-h--left .video-content{align-items:flex-start;text-align:left}.video-text-h--center .video-content{align-items:center;text-align:center}.video-text-h--right .video-content{align-items:flex-end;text-align:right}.video-text-v--top .video-content{justify-content:flex-start}.video-text-v--center .video-content{justify-content:center}.video-text-v--bottom .video-content{justify-content:flex-end}@media(max-width:767px){.video--layout{aspect-ratio:auto}.video--layout .video-inner{flex-direction:column}.video--layout .video-frame,.video--layout .video-el{height:100%;width:100%}.video-content--overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;padding:24px;z-index:2}}.video-toggle{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;background:#00000040;border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;z-index:5;cursor:pointer}body main#MainContent div .video-toggle:focus-visible{outline:none!important;box-shadow:0 0 0 3px #fff}.video-toggle svg{width:20px;height:20px}.video-icon line,.video-icon polygon{width:20px;height:20px;stroke:#fffc;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}
/*# sourceMappingURL=/cdn/shop/t/734/compiled_assets/styles.css.map */