.video-container{position:relative;width:100%}.video-container video{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:10px;object-fit:cover}.video-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:11.8rem;height:11.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-button>svg{vertical-align:middle}.banner-video .banner__media_video{position:relative;width:100%}.section-htmlvideo .banner__media_video:after,.section-htmlvideo .banner-video:after{z-index:-1}.video-section .banner__content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:unset}.media-playing,.video-button{z-index:1}.video-section .button:after,.video-section .button:before{content:unset}.video-section .button{border:solid 1px;font-size:16px;letter-spacing:.03em;border-radius:2em;line-height:1;padding-top:8px;padding-bottom:8px}.video-section .banner__content .banner__box{padding:0rem}.video-section .banner__content{padding:4rem 1.8rem}@media screen and (min-width: 750px){.video-section .banner__content{padding:4rem}}@media screen and (max-width: 899px){.video-container{min-height:80vh}.video-container video{object-fit:cover}.video-section .banner__content{align-items:flex-end}}.video-section .caption-with-letter-spacing{font-weight:700;font-size:12px;line-height:125%;letter-spacing:.09em}.video-section .banner__heading{font-family:var(--font-body-family);line-height:98%;letter-spacing:.03em}@media screen and (min-width: 750px){.video-section .banner__box{max-width:30%}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/html-video.css.map */