.multicolumn-video{display:block;position:relative;overflow:hidden;padding-top:var(--aspect-ratio, 100%);border-radius:var(--media-radius);background-color:rgba(var(--color-foreground) / .06);line-height:0;cursor:pointer}.multicolumn-video--linked{cursor:inherit}.no-radius .multicolumn-video{border-radius:0}.multicolumn-video__el,.multicolumn-video__cover{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.multicolumn-video__cover{z-index:1;transition:opacity .35s ease}.multicolumn-video.is-playing .multicolumn-video__cover{opacity:0;pointer-events:none}.multicolumn-video__play,.multicolumn-video__sound{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;border:0;color:#fff;background-color:#0000006b;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:50%;transition:background-color .2s ease,opacity .2s ease,transform .2s ease}.multicolumn-video__play svg,.multicolumn-video__sound svg{width:45%;height:45%;fill:currentColor;pointer-events:none}.multicolumn-video__play{inset-inline-start:50%;inset-block-start:50%;width:5.4rem;height:5.4rem;transform:translate(-50%,-50%) scale(.9);opacity:0;pointer-events:none}[dir=rtl] .multicolumn-video__play{transform:translate(50%,-50%) scale(.9)}.multicolumn-video.is-paused .multicolumn-video__play{opacity:1;transform:translate(-50%,-50%) scale(1)}[dir=rtl] .multicolumn-video.is-paused .multicolumn-video__play{transform:translate(50%,-50%) scale(1)}.multicolumn-video__sound{inset-inline-end:1rem;inset-block-end:1rem;width:3.4rem;height:3.4rem;cursor:pointer}.multicolumn-video__sound:hover{background-color:#0000009e}.multicolumn-video__sound:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.multicolumn-video__sound .mc-icon--off{display:block}.multicolumn-video__sound .mc-icon--on,.multicolumn-video__sound[aria-pressed=true] .mc-icon--off{display:none}.multicolumn-video__sound[aria-pressed=true] .mc-icon--on{display:block}.multicolumn-card__media--small .multicolumn-video__sound,.multicolumn-card__media--medium .multicolumn-video__sound,.multicolumn-card__media--small .multicolumn-video__play,.multicolumn-card__media--medium .multicolumn-video__play{display:none}@media screen and (max-width:749px){.multicolumn-video__sound{inset-inline-end:.8rem;inset-block-end:.8rem;width:3rem;height:3rem}.multicolumn-video__play{width:4.4rem;height:4.4rem}}@media(prefers-reduced-motion:reduce){.multicolumn-video__cover,.multicolumn-video__play,.multicolumn-video__sound{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/multicolumn-video.css.map */