.video-facade{display:block}.video-facade__trigger{position:relative;display:block;color:inherit;text-decoration:none;border-radius:inherit}.video-facade__frame{position:relative;display:block;aspect-ratio:var(--video-facade-ratio, 16 / 9);overflow:hidden;background:var(--color-surface-alt);border-radius:inherit}.video-facade__poster{display:block;inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--duration-base) var(--ease-default)}.video-facade__trigger:hover .video-facade__poster{transform:scale(var(--card-zoom, 1.03))}.video-facade__play{position:absolute;inset-block-start:50%;inset-inline-start:50%;display:grid;place-items:center;inline-size:3rem;block-size:3rem;color:var(--color-text);background:var(--color-surface);border-radius:50%;box-shadow:var(--shadow-md);transform:translate(-50%,-50%);transition:color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.video-facade__play svg{inline-size:1.5rem;block-size:1.5rem}.video-facade__trigger:hover .video-facade__play,.video-facade__trigger:focus-visible .video-facade__play{color:var(--color-primary-text);transform:translate(-50%,-50%) scale(1.06)}.video-facade--bare .video-facade__frame{aspect-ratio:auto;background:none}.video-facade--bare .video-facade__play{position:static;transform:none}.video-facade--bare .video-facade__trigger:hover .video-facade__play,.video-facade--bare .video-facade__trigger:focus-visible .video-facade__play{transform:scale(1.06)}.video-facade--labelled .video-facade__trigger{display:flex;gap:var(--space-sm);align-items:center;padding:var(--space-xs);border-radius:var(--radius);transition:background-color var(--duration-fast) var(--ease-default)}.video-facade--labelled .video-facade__trigger:hover{background:color-mix(in oklab,currentColor 12%,transparent)}.video-facade--labelled .video-facade__frame{flex:none;inline-size:var(--video-facade-thumb, 5rem);border-radius:var(--radius)}.video-facade--labelled .video-facade__label{display:grid;gap:var(--space-2xs);min-inline-size:0}.video-facade--bare.video-facade--labelled .video-facade__frame{inline-size:auto}.video-facade--bare.video-facade--labelled .video-facade__play{inline-size:1.75rem;block-size:1.75rem;box-shadow:none}.video-facade--bare.video-facade--labelled .video-facade__play svg{inline-size:1rem;block-size:1rem}.video-facade__dialog{inline-size:min(64rem,calc(100vw - 2rem));max-inline-size:none;max-block-size:calc(100vh - 2rem);padding:0;overflow:visible;color:var(--color-text);background:none;border:0}.video-facade__dialog::backdrop{background:#000000b3}.video-facade__stage{aspect-ratio:16 / 9;max-block-size:calc(100vh - 6rem);overflow:hidden;background:#000;border-radius:var(--radius)}.video-facade__media{display:block;inline-size:100%;block-size:100%;border:0}.video-facade__close{position:absolute;inset-block-end:calc(100% + var(--space-2xs));inset-inline-end:0;display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;padding:0;color:var(--color-text);background:var(--color-surface);border:0;border-radius:50%;cursor:pointer;transition:color var(--duration-fast) var(--ease-default)}.video-facade__close:hover{color:var(--color-primary-text)}.video-facade__close svg{inline-size:1.125rem;block-size:1.125rem}@media(max-height:600px){.video-facade__close{inset-block-end:auto;inset-block-start:var(--space-2xs);inset-inline-end:var(--space-2xs)}}.video-facade--inline .video-facade__media{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;border:0}.video-facade__fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--space-md);font-size:var(--text-sm);color:var(--color-text);text-align:center}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-lightbox.css.map */