.clip[data-v-e7eebf71]{color:var(--c-text);container-type:size;display:grid;inset:0;place-items:center;position:absolute;--c-focus:var(--c-focus-dark);pointer-events:none}.clip__glow[data-v-e7eebf71]{background-position:50%;background-size:cover;filter:blur(36px) saturate(1.35) brightness(.5);inset:-6%;position:absolute;transform:translateZ(0)}.clip--glow .clip__glow[data-v-e7eebf71]{-webkit-mask-image:radial-gradient(ellipse 62% 70% at center,#000 34%,transparent 78%);mask-image:radial-gradient(ellipse 62% 70% at center,#000 34%,transparent 78%);opacity:.9}.clip--fill .clip__glow[data-v-e7eebf71]{filter:blur(26px) saturate(1.4) brightness(.82);inset:-12%}.is-filling .clip__glow[data-v-e7eebf71]{display:none}.clip__frame[data-v-e7eebf71]{aspect-ratio:var(--ar);background:var(--c-surface);border-radius:var(--radius-md);box-shadow:0 24px 60px -24px #000000b3;isolation:isolate;max-height:100%;overflow:hidden;pointer-events:auto;position:relative;width:100%;width:min(100cqw,calc(100cqh*var(--ar)))}.clip--fill .clip__frame[data-v-e7eebf71]{border-radius:0;box-shadow:0 0 80px 10px #0000008c}.is-filling .clip__frame[data-v-e7eebf71]{aspect-ratio:auto;border-radius:0;box-shadow:none;height:100%;width:100%}.clip__poster[data-v-e7eebf71],.clip__video[data-v-e7eebf71]{height:100%;inset:0;position:absolute;width:100%}.clip__poster[data-v-e7eebf71] img{height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%}.clip__video[data-v-e7eebf71]{-o-object-fit:cover;object-fit:cover;opacity:0;pointer-events:none;transition:opacity var(--dur-2) var(--ease-out);z-index:1}.is-filmed .clip__video[data-v-e7eebf71]{opacity:1}.clip__shade[data-v-e7eebf71]{background:linear-gradient(180deg,color-mix(in srgb,var(--c-canvas) 66%,transparent),transparent);height:88px;inset:0 0 auto;max-height:36%;pointer-events:none;position:absolute;z-index:2}.clip__mark[data-v-e7eebf71],.clip__toggle[data-v-e7eebf71]{background:transparent;border:0;border-radius:var(--radius-pill);color:inherit;display:grid;left:50%;margin:0;padding:0;place-items:center;position:absolute;top:50%;translate:-50% -50%;z-index:3}.clip__toggle[data-v-e7eebf71]{cursor:pointer}.clip__mark[data-v-e7eebf71]{pointer-events:none}.clip__disc[data-v-e7eebf71]{aspect-ratio:1;background:var(--c-primary);border-radius:var(--radius-pill);box-shadow:0 10px 30px -8px #000000a6;color:var(--c-on-primary);display:grid;place-items:center;position:relative;transition:transform var(--dur-2) var(--ease-out),opacity var(--dur-2) var(--ease-out),background-color var(--dur-1) var(--ease-out);width:clamp(56px,18cqmin,76px)}.clip__disc[data-v-e7eebf71]:after{animation:clip-ring-e7eebf71 2.8s var(--ease-out) infinite;border-radius:inherit;content:"";inset:0;position:absolute}@keyframes clip-ring-e7eebf71{0%{box-shadow:0 0 color-mix(in srgb,var(--c-primary) 60%,transparent)}55%,to{box-shadow:0 0 0 18px color-mix(in srgb,var(--c-primary) 0%,transparent)}}.clip__toggle:hover .clip__disc[data-v-e7eebf71]{background:var(--c-primary-hover);transform:scale(1.06)}.clip__toggle:active .clip__disc[data-v-e7eebf71]{transform:scale(.96)}.clip__toggle[data-v-e7eebf71]:focus-visible{outline:none}.clip__toggle:focus-visible .clip__disc[data-v-e7eebf71]{outline:2px solid var(--c-focus);outline-offset:4px}.is-quiet .clip__toggle[data-v-e7eebf71]{pointer-events:none}.is-held .clip__disc[data-v-e7eebf71],.is-quiet .clip__disc[data-v-e7eebf71]{opacity:0;transform:scale(.82)}.is-quiet .clip__disc[data-v-e7eebf71]:after{animation:none}.is-quiet .clip__toggle:focus-visible .clip__disc[data-v-e7eebf71]{opacity:1;transform:none}.clip__spinner[data-v-e7eebf71]{animation:clip-spin-e7eebf71 .9s linear infinite,clip-show-e7eebf71 1ms linear .45s forwards;border:3px solid color-mix(in srgb,var(--c-text) 28%,transparent);border-radius:var(--radius-pill);border-top-color:var(--c-primary);height:44px;left:50%;margin:-22px 0 0 -22px;opacity:0;pointer-events:none;position:absolute;top:50%;width:44px;z-index:3}@keyframes clip-spin-e7eebf71{to{transform:rotate(1turn)}}@keyframes clip-show-e7eebf71{to{opacity:1}}.clip__foot[data-v-e7eebf71]{align-items:center;display:flex;gap:var(--space-2);inset:var(--space-3) var(--space-3) auto;justify-content:space-between;pointer-events:none;position:absolute;z-index:4}.clip__time[data-v-e7eebf71]{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb,var(--c-canvas) 62%,transparent);border:1px solid color-mix(in srgb,var(--c-text) 26%,transparent);border-radius:var(--radius-pill);display:inline-flex;font-size:var(--text-xs);font-weight:700;gap:6px;letter-spacing:.02em;line-height:1;min-height:28px;padding:0 10px}.clip__time[data-v-e7eebf71] .ui-icon{color:var(--c-primary)}.clip__sound[data-v-e7eebf71]{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb,var(--c-canvas) 62%,transparent);border:1px solid color-mix(in srgb,var(--c-text) 34%,transparent);border-radius:var(--radius-pill);color:var(--c-text);cursor:pointer;display:inline-flex;font-size:var(--text-xs);font-weight:700;gap:var(--space-2);height:var(--tap);justify-content:center;line-height:1;margin-inline-start:auto;min-width:var(--tap);padding:0 11px;pointer-events:auto;transition:border-color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out);white-space:nowrap}.clip__sound[data-v-e7eebf71]:hover,.clip__sound[aria-pressed=true][data-v-e7eebf71]{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary)}.clip__sound[data-v-e7eebf71]:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.clip__hint[data-v-e7eebf71]{display:inline-block;max-width:0;opacity:0;overflow:hidden;transition:max-width var(--dur-3) var(--ease-out),opacity var(--dur-2) var(--ease-out)}.clip__sound.has-hint .clip__hint[data-v-e7eebf71]{max-width:26ch;opacity:1}.clip__sound[data-v-e7eebf71]:not(.has-hint){gap:0}.clip__progress[data-v-e7eebf71]{background:color-mix(in srgb,var(--c-text) 26%,transparent);height:3px;inset:auto 0 0;pointer-events:none;position:absolute;z-index:4}.clip__progress span[data-v-e7eebf71]{background:var(--c-primary);display:block;height:100%;transform:scaleX(0);transform-origin:left center}.is-blocked .clip__progress[data-v-e7eebf71],.is-error .clip__progress[data-v-e7eebf71],.is-idle .clip__progress[data-v-e7eebf71]{opacity:0}.clip__note[data-v-e7eebf71]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:color-mix(in srgb,var(--c-canvas) 78%,transparent);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;inset:auto var(--space-3) 50%;line-height:var(--leading-snug);margin:0;padding:var(--space-2) var(--space-4);position:absolute;text-align:center;text-wrap:balance;translate:0 50%;z-index:3}@media (prefers-reduced-motion:reduce){.clip__disc[data-v-e7eebf71],.clip__hint[data-v-e7eebf71],.clip__sound[data-v-e7eebf71],.clip__video[data-v-e7eebf71]{transition:none}.clip__disc[data-v-e7eebf71]:after{animation:none}.clip__spinner[data-v-e7eebf71]{animation:none;opacity:1}.clip__toggle:active .clip__disc[data-v-e7eebf71],.clip__toggle:hover .clip__disc[data-v-e7eebf71]{transform:none}}