.video-section{position:relative;width:100%;height:100%}.video-section__controls{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;transition:var(--duration-default) ease;width:50%;height:50%}@media screen and (max-width: 767px){.video-section__controls{width:100%;height:100%}}.video-section__controls.video-section__controls--hover-full{width:100%;height:100%}.video-section__controls:hover .video-section__controls--pause{opacity:1;pointer-events:auto}.video-section__controls:hover .video-section__controls--pause.hide-button{opacity:0;pointer-events:none}.video-section__controls.show-controls{opacity:1}.video-section__controls--centered{display:flex;justify-content:center;align-items:center}.video-section__controls--button{width:40px;height:40px;border-radius:50%;background:#000;-webkit-box-shadow:0 2px 10px 0 rgb(0 0 0 / 30%);box-shadow:0 2px 10px #0000004d;z-index:1;display:block;position:relative;border-color:#000;cursor:pointer;opacity:1;-webkit-transition:var(--duration-default) cubic-bezier(.55,.085,.68,.53);transition:var(--duration-default) cubic-bezier(.55,.085,.68,.53);-webkit-transition-property:opacity;transition-property:opacity;position:absolute}.video-section__controls--button.hide-button{opacity:0;pointer-events:none}.video-section__controls--button>*{display:block!important}.video-section__controls--pause{opacity:0;-webkit-transition:var(--duration-default) cubic-bezier(.55,.085,.68,.53);transition:var(--duration-default) cubic-bezier(.55,.085,.68,.53);-webkit-transition-property:opacity;transition-property:opacity}.video-section--icon{position:absolute;top:50%;left:calc(50% + 1px);transform:translate(-50%,-50%);color:#fff;-webkit-transition:.5s cubic-bezier(.55,.085,.68,.53);transition:.5s cubic-bezier(.55,.085,.68,.53);-webkit-transition-property:color,border;transition-property:color,border;font-size:20px;letter-spacing:2px}.video-section__play-icon{border-color:transparent transparent transparent #fff;border-style:solid;border-width:5px 0 5px 10px;width:10px;height:10px}@media screen and (min-width: 768px){.video-section__controls--button{width:75px;height:75px}.video-section--icon{font-size:30px}.video-section__play-icon{width:18px;height:18px;border-top-width:9px;border-left-width:18px;border-bottom-width:9px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-video.css.map */