.preview{background:linear-gradient(160deg, var(--ae-preview-bg), var(--ae-preview-bg-2));border-radius:4px;width:100%;height:0;padding-top:56.25%;position:relative;overflow:hidden}.preview-card{text-align:center;width:max-content;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-line{white-space:nowrap}.preview-line>span{display:inline-block}.preview-line>span+span{margin-left:.25em}.preview[data-anim=blur] .preview-line>span{margin:-.35em -.2em;padding:.35em .2em}.preview[data-anim=blur] .preview-line>span+span{margin-left:.05em}.preview-behind{z-index:0;opacity:.85;position:relative}.preview-cursor{vertical-align:middle;width:1px;height:.9em;margin-left:1px;display:inline-block}.preview[data-mode=cycle] .preview-line{justify-items:center;display:grid}.preview[data-mode=cycle] .preview-word{grid-area:1/1;margin:0}.preview[data-mode=cycle] .preview-word:not(:first-child){opacity:0}.pv-host:hover .preview[data-mode=reveal] .preview-word,.pv-host.pv-play .preview[data-mode=reveal] .preview-word,.pv-host:focus-visible .preview[data-mode=reveal] .preview-word{animation:var(--pv-anim) var(--pv-cycle) var(--ease) var(--pv-delay) infinite both}.pv-host:hover .preview[data-mode=cycle] .preview-word,.pv-host.pv-play .preview[data-mode=cycle] .preview-word,.pv-host:focus-visible .preview[data-mode=cycle] .preview-word{opacity:0;animation:pv-slot var(--pv-cycle) step-end var(--pv-delay) infinite}.pv-host:hover .preview[data-mode=karaokeWord] .preview-word,.pv-host.pv-play .preview[data-mode=karaokeWord] .preview-word,.pv-host:focus-visible .preview[data-mode=karaokeWord] .preview-word{animation:pv-karaoke-word var(--pv-cycle) linear var(--pv-delay) infinite both}.pv-host:hover .preview[data-mode=karaokeLetter] .preview-word,.pv-host.pv-play .preview[data-mode=karaokeLetter] .preview-word,.pv-host:focus-visible .preview[data-mode=karaokeLetter] .preview-word{background:linear-gradient(90deg, var(--pv-hi) 50%, var(--pv-base) 50%);-webkit-text-fill-color:transparent;animation:pv-karaoke-letter var(--pv-cycle) linear var(--pv-delay) infinite both;background-size:200% 100%;-webkit-background-clip:text}.pv-host:hover .preview[data-mode=typewriter] .preview-letter,.pv-host.pv-play .preview[data-mode=typewriter] .preview-letter,.pv-host:focus-visible .preview[data-mode=typewriter] .preview-letter{animation:pv-type var(--pv-cycle) step-end var(--pv-delay) infinite both}@keyframes pv-cut{0%{opacity:0}1%,88%{opacity:1}to{opacity:0}}@keyframes pv-fade{0%{opacity:0}12%,88%{opacity:1}to{opacity:0}}@keyframes pv-pop{0%{opacity:0;transform:scale(.4)}7%{opacity:1;transform:scale(1.18)}12%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes pv-slide{0%{opacity:0;transform:translateY(80%)}12%,88%{opacity:1;transform:translateY(0)}to{opacity:0}}@keyframes pv-blur{0%{opacity:0;filter:blur(6px)}14%,88%{opacity:1;filter:blur()}to{opacity:0}}@keyframes pv-bounce{0%{opacity:0;transform:scale(.3)}6%{opacity:1;transform:scale(1.25)}10%{transform:scale(.9)}14%,88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes pv-slot{0%{opacity:1}20%,to{opacity:0}}@keyframes pv-karaoke-word{0%{color:var(--pv-base)}3%,88%{color:var(--pv-hi)}to{color:var(--pv-base)}}@keyframes pv-karaoke-letter{0%{background-position:100% 0}12%,88%{background-position:0 0}to{background-position:100% 0}}@keyframes pv-type{0%{opacity:0}1%,90%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.pv-host:hover .preview .preview-word,.pv-host.pv-play .preview .preview-word,.pv-host:hover .preview .preview-letter,.pv-host.pv-play .preview .preview-letter,.pv-host:focus-visible .preview .preview-word,.pv-host:focus-visible .preview .preview-letter{animation:none}}.preview[data-active] .preview-word[data-slot]{border-radius:var(--pv-active-radius);transition:background-color var(--duration-fast) var(--ease), -webkit-text-fill-color var(--duration-fast) var(--ease)}.preview[data-active] .preview-word.is-active{background-color:var(--pv-active-bg);-webkit-text-fill-color:var(--pv-active-fill)}.preview[data-driven] .preview-word,.preview[data-driven] .preview-letter{animation:none!important}.preview[data-driven] .preview-card{transition:opacity var(--duration-fast) var(--ease)}.preview[data-driven].pv-out .preview-card{opacity:0}.preview[data-dim] .preview-word[data-slot]:not(.is-said):not(.is-active){filter:opacity(var(--pv-dim))}@media (prefers-reduced-motion:reduce){.preview[data-driven] .preview-card{transition:none}}