@layer components{.vsr-swap__head{margin-block-end:clamp(var(--vsr-space-6),3vw,var(--vsr-space-10))}.vsr-swap vsr-reveal{display:block}.vsr-swap__clip{display:block}.vsr-swap__figure{margin:0}.vsr-swap__frame{position:relative;aspect-ratio:16 / 9;max-block-size:calc(100svh - var(--vsr-header-height) - var(--vsr-space-16));overflow:hidden;border-radius:var(--vsr-radius-sm);background-color:var(--vsr-color-bg-subtle)}@media screen and not (min-width:750px){.vsr-swap__frame{margin-inline:calc(var(--vsr-gutter) * -1);border-radius:0}}.vsr-swap__video{display:block;inline-size:100%;block-size:100%;object-fit:cover}.vsr-swap__toggle{position:absolute;inset-block-end:var(--vsr-space-4);inset-inline-end:var(--vsr-space-4);display:inline-flex;align-items:center;justify-content:center;inline-size:var(--vsr-tap-target);block-size:var(--vsr-tap-target);padding:0;border:var(--vsr-border-width) solid var(--vsr-color-border-control);border-radius:var(--vsr-radius-circle);background-color:color-mix(in srgb,var(--vsr-color-bg) 90%,transparent);color:var(--vsr-color-heading);cursor:pointer;transition:background-color var(--vsr-duration-fast) var(--vsr-ease-standard),border-color var(--vsr-duration-fast) var(--vsr-ease-standard)}.vsr-swap__toggle:hover{border-color:var(--vsr-color-heading);background-color:var(--vsr-color-bg)}.vsr-swap__toggle-icon{display:inline-flex}.vsr-swap__toggle-icon--pause,.vsr-swap__toggle[data-playing=true] .vsr-swap__toggle-icon--play{display:none}.vsr-swap__toggle[data-playing=true] .vsr-swap__toggle-icon--pause{display:inline-flex}.vsr-swap__caption{max-inline-size:var(--vsr-measure);margin-block-start:var(--vsr-space-4);color:var(--vsr-color-muted);font-size:var(--vsr-text-sm);line-height:var(--vsr-leading-normal);text-wrap:pretty}.vsr-swap__beats-host{display:block;margin-block-start:clamp(var(--vsr-space-8),4vw,var(--vsr-space-12))}.vsr-swap__beats{display:grid;gap:0;max-inline-size:var(--vsr-measure);margin:0;padding:0;list-style:none}.vsr-swap__beat{border-block-start:var(--vsr-border-width) solid var(--vsr-color-border)}.vsr-swap__beat-head{margin:0}.vsr-swap__beat-toggle{display:flex;align-items:center;gap:var(--vsr-space-4);inline-size:100%;min-block-size:var(--vsr-tap-target);padding-block:var(--vsr-space-4);border:0;background-color:transparent;color:inherit;text-align:start;cursor:pointer}.vsr-swap__beat-step{flex:none;color:var(--vsr-color-link);font-family:var(--vsr-font-mono);font-size:var(--vsr-text-2xs);font-variant-numeric:tabular-nums;letter-spacing:var(--vsr-tracking-widest)}.vsr-swap__beat-title{flex:1 1 auto;color:var(--vsr-color-heading);font-family:var(--vsr-font-heading);font-size:var(--vsr-text-lg);font-weight:var(--vsr-weight-heading);line-height:var(--vsr-leading-snug);letter-spacing:var(--vsr-tracking-tight)}.vsr-swap__beat-cue{display:inline-flex;flex:none;color:var(--vsr-color-muted);transition:transform var(--vsr-duration-fast) var(--vsr-ease-standard)}.vsr-swap__beat[data-open=true] .vsr-swap__beat-cue{transform:rotate(180deg)}.vsr-swap__beat-body{display:none;padding-block-end:var(--vsr-space-5)}.vsr-swap__beat[data-open=true] .vsr-swap__beat-body{display:block}.vsr-swap__beat-text{color:var(--vsr-color-text);font-size:var(--vsr-text-base);line-height:var(--vsr-leading-normal);text-wrap:pretty}.vsr-swap__action{display:flex;margin-block-start:clamp(var(--vsr-space-6),3vw,var(--vsr-space-8))}.vsr-swap--center .vsr-swap__caption,.vsr-swap--center .vsr-swap__beats{margin-inline:auto}.vsr-swap--center .vsr-swap__caption{text-align:center}.vsr-swap--center .vsr-swap__action{justify-content:center}.vsr-swap--end .vsr-swap__caption,.vsr-swap--end .vsr-swap__beats{margin-inline-start:auto}.vsr-swap--end .vsr-swap__caption{text-align:end}.vsr-swap--end .vsr-swap__action{justify-content:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-screen-swap.css.map */