.lcd{color:var(--fill-on,var(--ink));font-family:var(--font-ui);flex-direction:column;gap:8px;display:flex}.lcd-card{display:block;position:relative}.lcd:not([data-ready]) .lcd-card{animation:.52s cubic-bezier(.22,1,.36,1) both lcd-card-in;animation-delay:calc(60ms + var(--i,0) * 90ms)}.lcd-skel{transition:opacity .32s,filter .42s cubic-bezier(.22,1,.36,1);display:block}.lcd[data-ready] .lcd-skel{opacity:0;width:100%;filter:blur(var(--lcd-blur));pointer-events:none;transition-delay:calc(var(--i,0) * var(--lcd-pace,.24s));position:absolute;top:0;left:0}.lcd-body{opacity:0;position:absolute;inset:0}.lcd[data-ready] .lcd-body{opacity:1;transition:opacity .32s;position:static}.lcd[data-ready] .lcd-body>*{animation:.64s cubic-bezier(.22,1,.36,1) both lcd-body-in;animation-delay:calc(var(--i,0) * var(--lcd-pace,.24s) + 80ms)}.lcd-bar{background:color-mix(in srgb, var(--fill-on,#17181a) 8%, var(--fill-slab,#fff));border-radius:7px;height:14px;display:block;position:relative;overflow:hidden}.lcd-bar-sm{border-radius:6px;height:12px}.lcd-bar:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--fill-slab,#fff) 70%, transparent), transparent);animation:1.3s ease-in-out infinite lcd-shine;position:absolute;inset:0;translate:-100%}.lcd-dot{background:color-mix(in srgb, var(--fill-on,#17181a) 8%, var(--fill-slab,#fff));border-radius:50%;width:20px;height:20px;display:block}.lcd-foot{align-items:center;gap:8px;display:flex}.skt-card{border-radius:var(--radius-lg,12px);background:var(--fill-slab,var(--card));flex-direction:column;min-height:96px;padding:16px;display:flex}.skt-card .lcd-foot{margin-top:auto}.skt-graf{border-radius:var(--radius-lg,12px);background:var(--fill-slab,var(--card));align-items:flex-end;gap:6px;height:160px;padding:16px;display:flex}.skt-graf .lcd-bar{border-radius:4px 4px 2px 2px;flex:1 1 0;height:auto}@keyframes lcd-card-in{0%{opacity:0;filter:blur(var(--lcd-blur));translate:0 8px;scale:.97}to{opacity:1;filter:none;translate:0;scale:1}}@keyframes lcd-body-in{0%{opacity:0;filter:blur(var(--lcd-blur));translate:0 8px}to{opacity:1;filter:none;translate:0}}@keyframes lcd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lcd-shine{to{translate:100%}}@media (prefers-reduced-motion:reduce){.lcd:not([data-ready]) .lcd-card{animation:none}.lcd-skel{transition-duration:1ms;transition-delay:0s}.lcd[data-ready] .lcd-body>*{animation:.16s both lcd-fade-in}.lcd-bar:after{animation:none}}
.skm{border-radius:var(--skm-r);background:var(--fill-slab,var(--card));width:100%;color:var(--fill-on,var(--ink));font-family:var(--font-ui);-webkit-user-select:none;user-select:none;padding:20px;position:relative}.skm-b{width:fit-content;position:relative}.skm-real{opacity:0;transition:opacity .16s,translate .16s;translate:0 10px}.skm-bar{background:color-mix(in srgb, var(--fill-on,#17181a) 6%, var(--fill-slab,#fff));pointer-events:none;transition:opacity .16s;animation:1.4s ease-in-out infinite skm-breathe;position:absolute;left:0}.skm[data-ready] .skm-bar{opacity:0;transition-property:top,width,height,opacity,border-radius;transition-duration:.6s;transition-timing-function:cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * var(--skm-gap));width:100%!important;height:100%!important;top:0!important}.skm[data-ready] .skm-real{opacity:1;transition:opacity .6s cubic-bezier(.22,1,.36,1),translate .6s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * var(--skm-gap) + 60ms);translate:0}.skm-plain{background:0 0;border-radius:0;padding:0}.skm-plain .skm-b{width:100%}@media (prefers-reduced-motion:reduce){.skm-bar{animation:none}.skm[data-ready] .skm-bar,.skm[data-ready] .skm-real{transition-duration:.16s;transition-delay:0s}}@keyframes skm-breathe{50%{background:color-mix(in srgb, var(--fill-on,#17181a) 4%, var(--fill-slab,#fff))}}