video-component{position:relative;display:block}.video-component--cta{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:1rem;width:100%;height:100%;padding:1rem var(--container-gutter);letter-spacing:var(--letter-lg);text-wrap:balance;text-align:left}video-component.playing .video-component--cta{display:none}video-component.cta:not(.playing) .video-component--controls{display:none}.video-component--controls{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:flex-start;gap:1.5rem;padding:var(--container-gutter);padding-bottom:calc(var(--container-gutter) + .5rem);z-index:1}.video-component--progress{position:relative;display:flex;align-items:center;width:100%}.video-component--progress-bar{-webkit-appearance:none;appearance:none;width:100%;height:2px}.video-component--progress-bar::-webkit-progress-bar{background:color-mix(in srgb,var(--color-text) 20%,transparent);height:2px}.video-component--progress-bar::-webkit-progress-value{background:var(--color-text);height:2px}.video-component--progress-text{font-size:.625rem;position:absolute;bottom:-1.5rem}.video-component--actions{display:flex;align-items:center;gap:1.25rem}@media (min-width: 1024px){.video-component--controls{justify-content:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/video-component.css.map */