.cover{--loop:5s;isolation:isolate;aspect-ratio:16/10;border-radius:var(--r);color:#fff;font-family:var(--font);position:relative;overflow:hidden;container-type:inline-size}.cover>*{position:absolute}.cover[data-cover] *,.cover[data-cover] :before,.cover[data-cover] :after{animation-delay:var(--off,0s)}.cover--paste{--off:calc(var(--loop) * -.35)}.cover--macros{--off:calc(var(--loop) * -.5)}.cover--captions{--off:calc(var(--loop) * -.6)}.cover--shine{--off:calc(var(--loop) * -.4)}.cover--counter{--off:calc(var(--loop) * -.7)}.cover *,.cover :before,.cover :after{animation-play-state:paused}.cover.is-on *,.cover.is-on :before,.cover.is-on :after{animation-play-state:running}.cv-bg{z-index:-1;inset:0}.cover--tool .cv-bg{background:radial-gradient(70% 90% at 88% 8%,#7c5cff8c,#0000 60%),radial-gradient(60% 70% at 0 100%,#4a2dd673,#0000 65%),linear-gradient(160deg,#1d1735,#120f1f 70%)}.cover--tool .cv-bg:after{content:"";background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:6cqw 6cqw;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80% at 70% 40%,#000,#0000 75%);mask-image:radial-gradient(80% 80% at 70% 40%,#000,#0000 75%)}.cv-icon{aspect-ratio:1;background:linear-gradient(150deg,#8a6eff,#6b4bff 55%,#4a2dd6);border-radius:27%;place-items:center;width:24cqw;margin-top:-12cqw;display:grid;top:50%;left:8cqw;box-shadow:inset 0 .4cqw #ffffff47,0 3cqw 7cqw -1.5cqw #1e0e6ecc,0 0 0 .25cqw #ffffff14}.cv-icon svg{width:54%;height:54%}.cover--label .cv-icon{top:40%}.cv-stage{inset:0 6cqw 0 40cqw}.cv-stage>*{position:absolute}kbd{color:#2a2340;min-width:6cqw;height:6cqw;font:650 2.6cqw/1 var(--font);background:linear-gradient(#fff,#edebf5);border-radius:1.6cqw;place-items:center;padding:0 1.6cqw;display:grid;box-shadow:0 .55cqw #b9b4cc,0 1.4cqw 2.8cqw -1cqw #0009}.cv-img{aspect-ratio:4/3;width:30cqw;animation:cv-drop var(--loop) var(--ease) infinite;background:linear-gradient(#e9d9ff,#b9a9ff 60%,#8a6eff);border-radius:2cqw;top:13%;left:10cqw;overflow:hidden;box-shadow:0 2.4cqw 5cqw -1.5cqw #000000b3}.cv-img i{clip-path:polygon(0 100%,0 55%,22% 25%,40% 50%,62% 10%,100% 60%,100% 100%);opacity:.85;background:#4a2dd6;height:70%;position:absolute;inset:auto -10% -18%}.cv-img:before{content:"";aspect-ratio:1;opacity:.9;background:#fff;border-radius:50%;width:18%;position:absolute;top:16%;right:16%}.cv-img b{animation:cv-fade var(--loop) var(--ease) infinite;background:#121116b3;border-radius:9cqw;padding:.6cqw 1.4cqw;font-size:1.7cqw;font-weight:600;position:absolute;top:1.6cqw;left:1.6cqw}.cv-keys{gap:1cqw;display:flex;top:13%;left:0}.cover--paste .cv-keys{top:46%;left:auto;right:0}.cv-keys kbd{animation:cv-key var(--loop) var(--ease) infinite}.cv-lane{background:#ffffff12;border-radius:2.2cqw;gap:.8cqw;height:11cqw;padding:1cqw;display:flex;bottom:14%;left:0;right:0;box-shadow:inset 0 0 0 .2cqw #ffffff14}.cv-lane i{background:#7e93e859;border-radius:1.4cqw;flex:1}.cv-lane .cv-new{transform-origin:0;animation:cv-clip var(--loop) var(--ease) infinite;background:#6b4bff;flex:.9;position:relative;overflow:hidden;box-shadow:0 0 0 .3cqw #b9a9ff}.cv-new u{aspect-ratio:4/3;background:linear-gradient(#e9d9ff,#8a6eff);border-radius:.8cqw;position:absolute;top:.8cqw;bottom:.8cqw;left:.8cqw}.cv-lane s{background:#fff;border-radius:1cqw;width:.45cqw;text-decoration:none;position:absolute;top:-2cqw;bottom:-2cqw;left:47%}@keyframes cv-drop{0%,8%{opacity:1;transform:translate(0)scale(1)}40%{opacity:1;transform:translate(0)scale(1)}58%,82%{opacity:0;transform:translate(2cqw,21cqw)scale(.25)}92%,to{opacity:1;transform:translate(0)scale(1)}}@keyframes cv-fade{0%,8%{opacity:0}14%,40%{opacity:1}50%,to{opacity:0}}@keyframes cv-key{0%,26%{transform:none}30%{transform:translateY(.5cqw)}36%,to{transform:none}}@keyframes cv-clip{0%,52%{opacity:0;transform:scaleX(0)}62%,88%{opacity:1;transform:none}96%,to{opacity:0;transform:scaleX(0)}}.cv-keys--big{top:14%;left:0}.cv-steps{gap:1.6cqw;display:grid;top:37%;left:0;right:0}.cv-steps i{height:8cqw;font:normal 560 2.4cqw/1 var(--font);color:#fffc;white-space:nowrap;isolation:isolate;background:#ffffff12;border-radius:2cqw;align-items:center;gap:1.8cqw;padding:0 2.2cqw;display:flex;position:relative;box-shadow:inset 0 0 0 .2cqw #ffffff14}.cv-steps i:before{content:"";z-index:-1;border-radius:inherit;opacity:0;animation:cv-step var(--loop) var(--ease) infinite;background:#7c5cff6b;position:absolute;inset:0}.cv-steps em{border-radius:50%;flex:none;width:3cqw;height:3cqw;position:relative;box-shadow:inset 0 0 0 .3cqw #ffffff4d}.cv-steps em:after{content:"";box-sizing:border-box;opacity:0;width:26%;height:50%;animation:cv-tick var(--loop) var(--ease) infinite;animation-delay:inherit;border:.45cqw solid #fff;border-width:0 .45cqw .45cqw 0;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.cv-steps i:nth-child(2):before,.cv-steps i:nth-child(2) em:after{animation-delay:calc(var(--off) + .25s)}.cv-steps i:nth-child(3):before,.cv-steps i:nth-child(3) em:after{animation-delay:calc(var(--off) + .5s)}@keyframes cv-step{0%,32%{opacity:0}38%,80%{opacity:1}90%,to{opacity:0}}@keyframes cv-tick{0%,34%{opacity:0}40%,80%{opacity:1}90%,to{opacity:0}}.cover--template{--off:calc(var(--loop) * -.5)}.cv-fmt{gap:1cqw;display:flex;top:14%;left:0}.cv-fmt i{isolation:isolate;font:normal 600 2.2cqw/1 var(--font);color:#ffffffbf;background:#ffffff1a;border-radius:9cqw;padding:1.2cqw 2cqw;position:relative}.cv-fmt i:nth-child(2){color:#fff}.cv-fmt i:nth-child(2):before{content:"";z-index:-1;border-radius:inherit;opacity:0;animation:cv-fmt2 var(--loop) var(--ease) infinite;background:#6b4bff;position:absolute;inset:0}@keyframes cv-fmt2{0%,25%{opacity:0}32%,80%{opacity:1}90%,to{opacity:0}}.cv-bins{gap:1.1cqw;display:grid;top:30%;left:0;right:0}.cv-bins i{height:6.2cqw;font:normal 560 2.2cqw/1 var(--font);color:#ffffffd9;white-space:nowrap;animation:cv-bin var(--loop) var(--ease) infinite;background:#ffffff12;border-radius:1.6cqw;align-items:center;gap:1.8cqw;padding:0 2.2cqw;display:flex;box-shadow:inset 0 0 0 .2cqw #ffffff14}.cv-bins i:before{content:"";background:var(--c);border-radius:.5cqw;width:2cqw;height:2cqw}.cv-bins i:nth-child(2){animation-delay:calc(var(--off) + .1s)}.cv-bins i:nth-child(3){animation-delay:calc(var(--off) + .2s)}.cv-bins i:nth-child(4){animation-delay:calc(var(--off) + .3s)}.cv-bins i:nth-child(5){animation-delay:calc(var(--off) + .4s)}@keyframes cv-bin{0%,4%{opacity:0;transform:translate(2cqw)}14%,88%{opacity:1;transform:none}96%,to{opacity:0;transform:translate(2cqw)}}.cover.is-still .cv-fmt i:nth-child(2):before{opacity:1}.cover--preset .cv-bg{background:radial-gradient(60% 70% at 50% 45%,#6b4bff52,#0000 70%),linear-gradient(#17131f,#0e0c14)}.cv-view{align-content:center;place-items:center;gap:2cqw;display:grid;inset:0}.cover--label .cv-view{bottom:20%}.cv-cap{isolation:isolate;color:#121116;animation:cv-cap var(--loop) var(--ease) infinite, cv-cap-mid var(--loop) var(--ease) infinite;padding:1.8cqw 2.4cqw;display:inline-flex;position:relative}.cv-cap__box{z-index:-1;filter:drop-shadow(0 1.4cqw 2.4cqw #00000073);position:absolute;inset:0}.cv-cap__box:before{content:"";background:#fff;border-radius:2cqw 0 0 2cqw;width:2.1cqw;position:absolute;top:0;bottom:0;left:0}.cv-cap__box i,.cv-cap__box s{position:absolute;inset:0 2cqw}.cv-cap__box i{transform-origin:0;animation:cv-cap-grow var(--loop) var(--ease) infinite;background:#fff}.cv-cap__box s{animation:cv-cap-end var(--loop) var(--ease) infinite}.cv-cap__box s:after{content:"";background:#fff;border-radius:0 2cqw 2cqw 0;width:2.1cqw;position:absolute;top:0;bottom:0;left:calc(100% - .1cqw)}.cv-cap b{white-space:pre;letter-spacing:-.03em;animation:cv-word var(--loop) var(--ease) infinite;font-size:6cqw;font-weight:750;line-height:1;display:inline-block}.cv-cap b+b{padding-left:1.6cqw}.cv-cap b:nth-child(3){animation-name:cv-word2}.cv-cap b:nth-child(4){color:#6b4bff;animation-name:cv-word3}@keyframes cv-cap{0%,2%{opacity:0}6%,88%{opacity:1}96%,to{opacity:0}}@keyframes cv-cap-mid{0%,22%{transform:translate(34.8%)}30%,38%{transform:translate(17%)}46%,to{transform:none}}@keyframes cv-cap-grow{0%,22%{transform:scaleX(.245)}30%,38%{transform:scaleX(.631)}46%,to{transform:none}}@keyframes cv-cap-end{0%,22%{transform:translate(-75.5%)}30%,38%{transform:translate(-36.9%)}46%,to{transform:none}}@keyframes cv-word{0%,6%{opacity:0;transform:translateY(1cqw)}14%,to{opacity:1;transform:none}}@keyframes cv-word2{0%,22%{opacity:0;transform:translateY(1cqw)}30%,to{opacity:1;transform:none}}@keyframes cv-word3{0%,38%{opacity:0;transform:translateY(1cqw)}46%,to{opacity:1;transform:none}}.cv-shine{letter-spacing:-.04em;color:#7e7a96;font-size:15cqw;font-weight:800;line-height:1;position:relative}.cv-shine__win{width:40%;animation:cv-sweep var(--loop) cubic-bezier(.45,0,.25,1) infinite;position:absolute;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 40% 60%,#0000);mask-image:linear-gradient(90deg,#0000,#000 40% 60%,#0000)}.cv-shine__win span{color:#fff;text-shadow:0 0 2cqw #e6deff99;width:250%;animation:cv-sweep-in var(--loop) cubic-bezier(.45,0,.25,1) infinite;position:absolute;top:0;left:0}@keyframes cv-sweep{0%,15%{transform:translate(-100%)}65%,to{transform:translate(250%)}}@keyframes cv-sweep-in{0%,15%{transform:translate(40%)}65%,to{transform:translate(-100%)}}.cv-count{letter-spacing:-.05em;font-variant-numeric:tabular-nums;align-items:flex-start;font-size:17cqw;font-weight:780;line-height:.9;display:flex}.cv-dig{height:1em;line-height:1;display:inline-block;overflow:hidden}.cv-dig i{white-space:pre;text-align:right;animation:cv-count var(--loop) cubic-bezier(.16,1,.3,1) infinite;font-style:normal;display:block}.cv-dig:nth-child(2) i{animation-name:cv-count2}.cv-count small{color:#b9a9ff;margin:.12em 0 0 .06em;font-size:.45em}.cv-count-label{color:#ffffff8c;letter-spacing:.02em;font-size:2.4cqw;font-weight:560}@keyframes cv-count{0%,6%{transform:none}60%,to{transform:translateY(-88.889%)}}@keyframes cv-count2{0%,6%{transform:none}60%,to{transform:translateY(-98.864%)}}.cv-hd{aspect-ratio:200/120;place-items:center;width:62cqw;display:grid;position:relative}.cv-hd b{letter-spacing:-.04em;font-size:10cqw;font-weight:800;line-height:1}.cv-hd__f{opacity:0;width:100%;height:100%;animation:.75s infinite cv-boil;position:absolute;inset:0;overflow:visible}.cv-hd__f path{fill:none;stroke:#8a6eff;stroke-width:3.4px;stroke-linecap:round;stroke-linejoin:round}.cover--handdrawn .cv-hd__f:first-of-type{animation-delay:0s}.cover--handdrawn .cv-hd__f:nth-of-type(2){animation-delay:-.25s}.cover--handdrawn .cv-hd__f:nth-of-type(3){animation-delay:-.5s}@keyframes cv-boil{0%,33.3%{opacity:1}33.4%,to{opacity:0}}.cover.is-still .cv-hd__f:first-of-type{opacity:1}.cv-label{gap:.8cqw;display:grid;bottom:7cqw;left:8cqw;right:8cqw}.cover--tool .cv-label{max-width:30cqw;left:8cqw;right:auto}.cv-label b{letter-spacing:-.035em;font-size:4.2cqw;font-weight:700;line-height:1.05}.cv-label small{color:#ffffff9e;font-size:2.1cqw;line-height:1.3}.cover--preset .cv-label{text-align:center}.cover--tool.cover--label .cv-icon{top:36%}.cover.is-still *,.cover.is-still :before,.cover.is-still :after{animation:none!important}.cover.is-still .cv-steps i:before,.cover.is-still .cv-steps em:after{opacity:1}.cover.is-still .cv-shine__win{transform:translate(80%)}.cover.is-still .cv-shine__win span{transform:translate(-32%)}.cover.is-still .cv-dig i{transform:translateY(-88.889%)}.cover.is-still .cv-dig:nth-child(2) i{transform:translateY(-98.864%)}@media (prefers-reduced-motion:reduce){.cover *,.cover :before,.cover :after{animation:none!important}.cover .cv-steps i:before,.cover .cv-steps em:after{opacity:1}.cover .cv-shine__win{transform:translate(80%)}.cover .cv-shine__win span{transform:translate(-32%)}.cover .cv-fmt i:nth-child(2):before{opacity:1}.cover .cv-dig i{transform:translateY(-88.889%)}.cover .cv-dig:nth-child(2) i{transform:translateY(-98.864%)}.cover .cv-hd__f:first-of-type{opacity:1}}
