.html5-video{margin:0;width:100%}.html5-video__inner{position:relative;width:100%;height:100%}.html5-video__media{position:relative;width:100%;height:100%;overflow:hidden}.html5-video--fullscreen .html5-video__media{aspect-ratio:auto;height:calc(var(--viewport-height-fixed, 100vh) - (var(--header-height-fixed, 0px)) - var(--announcement-height-fixed, 0px));min-height:200px}.html5-video__media[data-action=toggle-play]{cursor:pointer}.html5-video__poster{position:absolute;width:100%;height:100%;display:block;transition:opacity .25s ease;z-index:1;object-fit:cover;pointer-events:none}.html5-video[data-video-state=playing] .html5-video__poster,.html5-video[data-video-state=loading] .html5-video__poster{opacity:0;pointer-events:none}.html5-video__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.html5-video__controls{position:absolute;z-index:2;display:flex;gap:.5rem;pointer-events:none}.html5-video__controls>*{pointer-events:auto}.html5-video__controls--mobile{display:flex}.html5-video__controls--desktop{display:none}@media screen and (min-width:1025px){.html5-video__controls--mobile{display:none}.html5-video__controls--desktop{display:flex}}.html5-video__button{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border:none;background:var(--background_color);color:var(--primary_text);border-radius:4px;cursor:pointer;font:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.html5-video__button:hover{background:#000c}.html5-video__button:focus{outline:2px solid #fff;outline-offset:2px}.html5-video__label--pause,.html5-video__label--unmute{display:none}.html5-video[data-video-state=playing] .html5-video__label--play,.html5-video[data-video-state=paused] .html5-video__label--play,.html5-video[data-video-state=idle] .html5-video__label--play,.html5-video[data-video-state=playing] .html5-video__label--pause{display:inline-flex;align-items:center;gap:.25rem}.html5-video[data-video-state=playing] .html5-video__label--play,.html5-video[data-muted=true] .html5-video__button--mute .html5-video__label--mute{display:none}.html5-video[data-muted=true] .html5-video__button--mute .html5-video__label--unmute{display:inline-flex;align-items:center;gap:.25rem}.html5-video[data-muted=false] .html5-video__button--mute .html5-video__label--unmute{display:none}.html5-video[data-muted=false] .html5-video__button--mute .html5-video__label--mute{display:inline-flex;align-items:center;gap:.25rem}.html5-video__caption{margin-top:.5rem;font-size:.875rem;line-height:1.4;color:inherit}.html5-video--noscript .html5-video__video{position:relative;width:100%;height:auto;display:block}
/*# sourceMappingURL=/cdn/shop/t/226/assets/section-html5-video.css.map */