.video-component{display:block;position:relative;border-radius:50%;padding-bottom:100%;cursor:pointer}.video-component:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;border-radius:inherit;z-index:1;background-color:#000;opacity:.2;transition:opacity var(--duration-default)}.video-component__icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:12.6rem;height:12.6rem;border-radius:50%;color:var(--color-background-body);background-color:rgb(from var(--color-background-body) r g b / .5);-webkit-backdrop-filter:blur(27px);backdrop-filter:blur(27px);z-index:2;transition:opacity var(--duration-default)}.video-component__icon svg{width:4rem;margin-left:.8rem}.video-component video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;border-radius:inherit;outline:.1rem solid currentColor;outline-offset:-.1rem}.video-component.is-playing:before{opacity:0}.video-component.is-playing .video-component__icon{opacity:0;pointer-events:none}@media(hover:hover)and (pointer:fine){.video-component:not(.is-playing):hover:before{opacity:.3}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/component-video.css.map */