component-video{max-height:100%}component-video button,component-video .hide-when-playing{z-index:1;opacity:1;visibility:visible;transition:opacity .15s ease-in-out,visibility .15s ease-in-out}component-video[playing] button,component-video[playing] .hide-when-playing{opacity:0;visibility:hidden}component-video[playing] video{cursor:pointer}component-video .show-when-playing{opacity:0;visibility:hidden;transition:opacity .15s ease-in-out,visibility .15s ease-in-out}component-video[playing] .show-when-playing{opacity:1;visibility:visible}component-video button{opacity:1;transition:opacity var(--transition-duration);width:57px;height:57px;background-color:#ffffffb3;border-radius:100%;display:flex;align-items:center;justify-content:center}component-video button svg{position:relative;left:2px}.video-overlay{width:100%;height:100%;position:relative;z-index:1;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-video.css.map */