video-component{position:relative;display:block;width:100%;height:100%}video-component video{display:block;width:100%;height:100%}.video-component--controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.btn--play{--size: 3rem ;--icon-size: 1rem ;pointer-events:auto;display:flex;align-items:center;justify-content:center;width:var(--size);height:var(--size);border-radius:var(--radius-full);background:var(--color-accent)}.btn--play:after{--mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0L18 9L0 18Z' fill='%23030303'/%3E%3C/svg%3E");--mask-size: var(--icon-size);--mask-repeat: no-repeat;--mask-position: center;content:"";display:block;width:var(--icon-size);height:var(--icon-size);background:var(--color-black);mask:var(--mask) var(--mask-size) var(--mask-repeat);-webkit-mask:var(--mask) var(--mask-size) var(--mask-repeat);mask-position:var(--mask-position);-webkit-mask-position:var(--mask-position);margin-left:.25rem}video-component[autoplay=false][controls=false][data-playing=true]{cursor:pointer}.video-component--progress{-webkit-appearance:none;appearance:none;position:absolute;bottom:0;left:0;right:0;width:100%;height:.25rem}.video-component--progress::-webkit-progress-bar{background-color:transparent}.video-component--progress::-webkit-progress-value{background:var(--color-background);transition:width 1s linear}.video-component--alt,.video-component--transcript{margin-top:.5rem}
/*# sourceMappingURL=/cdn/shop/t/3376/assets/video-component.css.map */