.video-section{position:relative;width:100%}.video-section__container{margin:0 auto;padding:0 1rem}.video-section__media{position:relative;width:100%;aspect-ratio:var(--video-aspect-ratio-mobile);border-radius:16px;overflow:hidden;background-color:#f5f5f5}.video-section__video,.video-section__thumbnail-image{width:100%;height:100%;object-fit:cover;display:block}.video-section__thumbnail{width:100%;height:100%;display:block}.video-section__overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.video-section__play-button{display:flex;align-items:center;justify-content:center;background:#ffffff4d;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:none;border-radius:60px;padding:15px 18px;cursor:pointer;transition:all .2s ease-in-out;pointer-events:auto;color:#000}.video-section__play-button:hover{background:#fff6;transform:translateY(-1px)}.video-section__play-button:active{transform:translateY(0)}.video-section__play-button-content{display:flex;align-items:center;gap:8px}.video-section__play-button .icon{width:36px;height:36px}.video-section__play-button .icon svg{width:14px;height:14px;fill:#181716;margin-left:2px}.video-section__play-button-text{margin:0;white-space:nowrap}.video-section--playing .video-section__overlay{opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.video-section--playing .video-section__video{cursor:pointer}.video-section--autoplay .video-section__overlay{display:none}@media screen and (min-width:768px){.video-section__container{padding:0 32px}.video-section__media{aspect-ratio:var(--video-aspect-ratio-desktop)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-index-video.css.map */