.component-video{position:relative;display:block;padding-bottom:100%}@media only screen and (min-width: 990px){.component-video{padding-bottom:0}}.component-video video{position:absolute;top:0;left:0;display:block;width:100%;height:100%;object-fit:cover}@media only screen and (min-width: 990px){.component-video video{position:relative;height:auto}}.component-video__actions{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.component-video__button{display:inline-flex;justify-content:center;align-items:center;width:8rem;height:8rem;border-radius:50%;border:0;background-color:#ffffff85;color:#e22e12;pointer-events:auto;-webkit-appearance:none;appearance:none;transition:box-shadow var(--duration-default)}@media only screen and (min-width: 990px){.component-video__button{width:10rem;height:10rem}}@media only screen and (min-width: 1024px){.component-video__button{width:13.7rem;height:13.7rem}}.component-video__button svg{width:3rem;height:auto}@media only screen and (min-width: 990px){.component-video__button svg{width:3.5rem;height:auto}}@media only screen and (min-width: 1024px){.component-video__button svg{width:4.7rem}}.component-video__button[data-play-button] svg{margin-left:1rem}@media only screen and (min-width: 1024px){.component-video__button[data-play-button] svg{margin-left:1.2rem}}.component-video:not(.is-playing) .component-video__button[data-pause-button]{display:none}.component-video.is-playing .component-video__button[data-play-button]{display:none}.component-video.is-playing .component-video__button{opacity:0;pointer-events:none;transition:opacity .7s}.component-video.is-playing.is-hovering .component-video__button[data-pause-button]{opacity:1;pointer-events:auto;transition:opacity 0s}@media (hover: hover){.component-video__button:hover{box-shadow:0 0 1rem .5rem #fff3}.component-video__button[data-pause-button]:hover{opacity:1;pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/component-video.css.map */