@media (prefers-reduced-motion:no-preference){html.js [data-ui]:not([data-live]) .ui-type{clip-path:inset(0 100% 0 0)}html.js [data-ui]:not([data-live]) .ui-fill,html.js [data-ui]:not([data-live]) .ui-pop,html.js [data-ui]:not([data-live]) .ui-check{opacity:0}[data-live] .ui-type{animation:7s infinite ui-type}[data-live] .ui-fill{animation:ui-fill 7s var(--d,0s) infinite both}[data-live] .ui-press{animation:7s infinite ui-press}@keyframes ui-type{0%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(13,end)}20%,88%{clip-path:inset(0)}96%,to{clip-path:inset(0 100% 0 0)}}@keyframes ui-fill{0%,22%{opacity:0;transform:translate(-6px)}30%,88%{opacity:1;transform:none}96%,to{opacity:0;transform:none}}@keyframes ui-press{0%,56%{box-shadow:none;transform:none}60%{transform:scale(.96)}66%{transform:scale(1.02);box-shadow:0 0 0 10px #4e95f92e}74%,to{transform:none;box-shadow:0 0 0 18px #4e95f900}}[data-live] .ui-pop{animation:ui-pop 8s var(--d,0s) infinite both}@keyframes ui-pop{0%{opacity:0;transform:translateY(8px)scale(.9)}5%{opacity:1;transform:translateY(-2px)scale(1.04)}8%{transform:none}50%{transform:translateY(-2px)}88%{opacity:1;transform:none}96%,to{opacity:0;transform:translateY(4px)scale(.96)}}[data-live] .ui-stars>*{transform-origin:50%;animation:4s infinite ui-twinkle}[data-live] .ui-stars>:nth-child(2){animation-delay:.12s}[data-live] .ui-stars>:nth-child(3){animation-delay:.24s}[data-live] .ui-stars>:nth-child(4){animation-delay:.36s}[data-live] .ui-stars>:nth-child(5){animation-delay:.48s}@keyframes ui-twinkle{0%,70%,to{filter:none;transform:none}76%{filter:brightness(1.25);transform:scale(1.35)rotate(12deg)}84%{transform:none}}[data-live] .ui-write{transform-origin:0;animation:ui-write 8s var(--d,0s) infinite both}@keyframes ui-write{0%,18%{transform:scaleX(0)}30%,88%{transform:scaleX(1)}96%,to{transform:scaleX(0)}}[data-live] .ui-arrive{animation:7s infinite both ui-arrive}@keyframes ui-arrive{0%{opacity:0;transform:translateY(-14px)}8%,90%{opacity:1;transform:none}97%,to{opacity:0;transform:translateY(-6px)}}[data-live] .ui-grad{animation:7s ease-in-out infinite alternate ui-grad;background-size:220% 220%!important}@keyframes ui-grad{0%{background-position:0 30%}to{background-position:100% 70%}}.ui-tap{position:relative}.ui-tap:after{content:"";opacity:0;pointer-events:none;background:#2f6fd838;border-radius:999px;width:2.2rem;height:2.2rem;margin:-1.1rem 0 0 -1.1rem;position:absolute;top:50%;left:1.05rem;transform:scale(.3)}[data-live] .ui-tap:after{animation:7s infinite ui-tap}[data-live] .ui-tap{animation:7s infinite ui-tap-row}@keyframes ui-tap{0%,54%{opacity:0;transform:scale(.3)}58%{opacity:1;transform:scale(.6)}70%,to{opacity:0;transform:scale(1.8)}}@keyframes ui-tap-row{0%,55%,70%,to{background:0 0}60%{background:#2f6fd812}}.ui-sheen{position:relative;overflow:hidden}.ui-sheen:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:45%;position:absolute;inset:-20% auto -20% -60%;transform:skew(-18deg)}[data-live] .ui-sheen:before{animation:5s .6s infinite ui-sheen}@keyframes ui-sheen{0%{left:-60%}30%,to{left:130%}}[data-live] .ui-bounce{transform-origin:30% 70%;animation:5s .3s infinite ui-bounce}@keyframes ui-bounce{0%,to{transform:none}6%{transform:scale(1.3)rotate(-8deg)}12%{transform:scale(.95)}16%{transform:none}}[data-live] .ui-nope{animation:5s 2.6s infinite ui-nope}@keyframes ui-nope{0%,to{transform:none}3%{transform:rotate(-12deg)}6%{transform:rotate(10deg)}9%{transform:rotate(-6deg)}12%{transform:none}}[data-live] .ui-load{transform-origin:0;animation:ui-load 6s var(--d,0s) infinite both}@keyframes ui-load{0%{opacity:.4;transform:scaleX(0)}14%,88%{opacity:1;transform:scaleX(1)}96%,to{opacity:0;transform:scaleX(1)}}[data-live] .ui-check{animation:ui-check 6s var(--d,0s) infinite both}@keyframes ui-check{0%,16%{opacity:0;transform:scale(.2)rotate(-40deg)}22%{opacity:1;transform:scale(1.25)rotate(6deg)}27%,88%{opacity:1;transform:none}96%,to{opacity:0;transform:scale(.6)}}[data-live] .ui-swatch{animation:ui-swatch 7s var(--d,0s) infinite}@keyframes ui-swatch{0%,to{box-shadow:none;transform:none}5%{transform:translateY(-6px)scale(1.12);box-shadow:0 8px 18px #0c133040}11%{box-shadow:none;transform:none}}[data-live] .ui-paint{animation:ui-paint 7s var(--d,0s) infinite both}@keyframes ui-paint{0%,3%{filter:grayscale()brightness(1.4);opacity:.45}12%,88%{filter:none;opacity:1}96%,to{filter:grayscale()brightness(1.4);opacity:.45}}[data-live] .ui-logo{animation:7s infinite ui-logo}@keyframes ui-logo{0%{transform:rotateY(90deg)}8%,to{transform:none}}[data-live] .ui-aa{animation:3.5s ease-in-out infinite alternate ui-aa}@keyframes ui-aa{0%{letter-spacing:-.02em}to{letter-spacing:.08em}}[data-live] .ui-shake{animation:3.2s infinite ui-shake}@keyframes ui-shake{0%,70%,to{transform:none}73%{transform:translate(-3px)rotate(-1deg)}76%{transform:translate(3px)rotate(1deg)}79%{transform:translate(-2px)}82%{transform:none}}[data-live] .ui-breathe{animation:3s ease-in-out infinite alternate ui-breathe}@keyframes ui-breathe{0%{filter:saturate(.8);transform:scale(1)}to{filter:saturate(1.1);transform:scale(1.05)}}[data-live] .ui-tick{animation:2s steps(8,end) infinite ui-tick}@keyframes ui-tick{to{transform:rotate(360deg)}}[data-live] .ui-throb{animation:1.6s ease-in-out infinite ui-throb}@keyframes ui-throb{0%,to{transform:none;box-shadow:0 0 #b4231840}50%{transform:scale(1.04);box-shadow:0 0 0 8px #b4231800}}[data-live] .ui-float{animation:ui-float 6s var(--d,0s) ease-in-out infinite}@keyframes ui-float{0%,to{translate:0}50%{translate:0 -12px}}.ui-glass{position:relative}.ui-glass:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#0000 35%,#ffffff47 48%,#0000 60%) 120% 0/300% 100%;position:absolute;inset:0}[data-live] .ui-glass:after{animation:ui-glass 6s var(--d,0s) infinite}@keyframes ui-glass{0%,55%{background-position:120% 0}85%,to{background-position:-20% 0}}.ui-scan{position:relative}.ui-scan:after{content:"";pointer-events:none;opacity:0;background:#ff5a4e;height:2px;position:absolute;top:0;left:-8%;right:-8%;box-shadow:0 0 10px 2px #ff5a4e8c}[data-live] .ui-scan:after{animation:4.5s .8s infinite ui-scan}@keyframes ui-scan{0%{opacity:0;top:0}6%{opacity:1}30%{opacity:1;top:100%}36%,to{opacity:0;top:100%}}}