@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700&display=swap";.cob-shell{--dark: #2b2f3a;--dark-2: #232733;--white-hi: #ffffff;--white: #f5f7fc;--white-2: #dfe4ef;--blue: #2f57e6;--blue-2: #3a64f2;--accent: #ffc24b;--kraft: #e0ad58;--kraft-2: #c68f3c;--d-reveal: .6s;--d-drive: .95s;--d-door: .5s;--d-load: .8s;--d-leave: .9s;font-family:Plus Jakarta Sans,system-ui,sans-serif;position:relative;width:360px;height:100px;border-radius:999px;background:var(--dark);overflow:hidden;box-shadow:0 14px 34px -12px #2b2f3a99,inset 0 1px #ffffff0f;-webkit-tap-highlight-color:transparent}.cob-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;border:none;background:transparent;cursor:pointer;border-radius:inherit;outline:none}.cob-hit:disabled{cursor:default}.cob-label,.cob-done{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.18rem;font-weight:700;letter-spacing:.2px;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.cob-label{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.cob-label.show{opacity:1}.cob-done{transform:scale(.85);color:#58d499;text-shadow:0 1px 2px rgba(0,0,0,.3)}.cob-done.show{opacity:1;transform:scale(1)}.cob-check{width:22px;height:22px}.cob-road{position:absolute;left:30px;right:30px;bottom:24px;height:2px;z-index:5;border-radius:2px;opacity:.65;background:repeating-linear-gradient(to right,rgba(255,255,255,.55) 0 12px,transparent 12px 24px)}.cob-sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-radius:inherit;background:linear-gradient(180deg,#74c0ef,#a6dcf3 52%,#d4eefb);clip-path:inset(0 0 100% 0);transition:clip-path var(--d-reveal) cubic-bezier(.4,0,.2,1)}.cob-sky.active{clip-path:inset(0 0 0 0)}.cob-sun{position:absolute;top:13px;left:40px;width:24px;height:24px;z-index:1;border-radius:50%;background:radial-gradient(circle at 50% 45%,#fff7c8,#ffe070 72%);box-shadow:0 0 16px 5px #ffe0708c}.cob-moon{position:absolute;top:13px;left:40px;width:24px;height:24px;z-index:1;fill:#ece8d4;filter:drop-shadow(0 0 5px rgba(235,235,210,.45))}.cob-stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:0;pointer-events:none;transition:opacity .4s ease}.cob-stars:before{content:"";position:absolute;top:10px;left:0;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:66px 8px #ffffffe6,98px 18px 0 -.5px #ffffffb3,134px 6px #ffffffd9,176px 16px 0 -.5px #fff9,150px 30px #ffffff8c,212px 10px #fffc,250px 22px 0 -.5px #ffffffa6,288px 7px #fffc,320px 20px #ffffffb3,110px 28px #ffffff80}.cob-cloud{position:absolute;z-index:1;width:36px;height:12px;background:#fff;border-radius:999px;box-shadow:0 2px 5px #466e9624}.cob-cloud:before,.cob-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cob-cloud:before{width:16px;height:16px;left:4px;top:-8px}.cob-cloud:after{width:22px;height:22px;right:4px;top:-13px}.cob-cloud.c1{top:16px;left:116px}.cob-cloud.c2{top:29px;left:248px;transform:scale(.78);opacity:.92}.cob-hills{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2}.cob-tree{position:absolute;z-index:3;bottom:34px;width:28px;height:44px}.cob-tree .trunk{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:6px;height:18px;background:linear-gradient(90deg,#6a4524,#8c5f37 48%,#5e3e22);border-radius:2px 2px 1px 1px}.cob-tree .canopy{position:absolute;bottom:13px;left:50%;transform:translate(-50%);width:28px;height:30px;border-radius:50% 50% 46% 46%;background:radial-gradient(circle at 38% 30%,#84d071,#4f9e4d 78%);box-shadow:0 2px 5px #00000026}.cob-tree .canopy:before{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#8fd87c,#5aa850)}.cob-tree.t1{left:20px}.cob-tree.t2{left:312px}.cob-tree.t3{left:274px;bottom:32px;transform:scale(.82)}.cob-ground{position:absolute;left:0;right:0;bottom:0;height:36px;z-index:4;background:linear-gradient(180deg,#3a4150,#2b2f3a 55%,#23262f)}.cob-ground:before{content:"";position:absolute;top:-2px;left:0;right:0;height:4px;background:#6fb45a;border-radius:2px 2px 0 0}.cob-night .cob-sky{background:linear-gradient(180deg,#0e1838,#1a2a55 55%,#314069)}.cob-night .cob-moon{fill:#f2eed8;filter:drop-shadow(0 0 6px rgba(235,235,210,.4))}.cob-night .cob-stars{opacity:1}.cob-night .cob-cloud,.cob-night .cob-cloud:before,.cob-night .cob-cloud:after{background:#9aa6c4}.cob-night .cob-cloud{opacity:.32;box-shadow:none}.cob-night .cob-hills{filter:brightness(.5) saturate(.85)}.cob-night .cob-ground:before{background:#2c5233}.cob-night .cob-road{opacity:.4}.cob-truck{position:absolute;left:50%;bottom:20px;z-index:3;width:126px;height:56px;transform:translate(230px);transition:none;will-change:transform;backface-visibility:hidden}.cob-truck.in{transform:translate(-30px);transition:transform var(--d-drive) cubic-bezier(.4,.04,.3,1)}.cob-truck.leave{transform:translate(360px);transition:transform var(--d-leave) cubic-bezier(.55,0,.85,.45)}.cob-shadow{position:absolute;left:10px;right:6px;bottom:-3px;height:9px;background:radial-gradient(50% 100% at 50% 0%,rgba(0,0,0,.28),transparent 70%);filter:blur(1px)}.cob-pipe{position:absolute;left:-3px;bottom:4px;width:8px;height:4px;background:#2b2f3a;border-radius:2px;z-index:2;box-shadow:inset 0 0 0 1px #0000004d}.cob-smoke{position:absolute;left:-8px;bottom:5px;opacity:0;z-index:1}.cob-truck.smoking .cob-smoke{opacity:1}.cob-smoke i{position:absolute;bottom:0;left:0;width:6px;height:6px;border-radius:50%;background:#e8ecf3b3;opacity:0}.cob-truck.smoking .cob-smoke i{animation:smoke 1.2s ease-out infinite}.cob-truck.smoking .cob-smoke i:nth-child(2){animation-delay:.35s}.cob-truck.smoking .cob-smoke i:nth-child(3){animation-delay:.7s}@keyframes smoke{0%{opacity:.55;transform:translate(0) scale(.4)}to{opacity:0;transform:translate(-15px,-11px) scale(1.5)}}.cob-cargo{position:absolute;left:0;bottom:12px;width:82px;height:40px}.cob-hold{position:absolute;left:0;bottom:0;width:22px;height:40px;z-index:1;background:linear-gradient(90deg,#15171f,#262b36);border-radius:5px 0 0 5px;box-shadow:inset 6px 0 8px -4px #0009}.cob-package{position:absolute;left:-40px;bottom:2px;width:30px;height:27px;z-index:3;background:linear-gradient(160deg,var(--kraft) 0%,var(--kraft-2) 100%);border-radius:4px;box-shadow:0 4px 9px -3px #00000073,inset 0 1px #ffffff40;opacity:0;transform:translate(0) translateY(6px) scale(.7);transition:opacity .3s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}.cob-package.show{opacity:1;transform:translate(0) translateY(0) scale(1)}.cob-package.loading{opacity:1;transform:translate(84px) translateY(0) scale(1);transition:transform var(--d-load) cubic-bezier(.45,.02,.5,1)}.cob-package.gone{opacity:0;transition:none}.cob-tape-h,.cob-tape-v{position:absolute;background:#ffffff80}.cob-tape-h{left:0;right:0;top:52%;height:3px;transform:translateY(-50%)}.cob-tape-v{top:0;bottom:0;left:50%;width:3px;transform:translate(-50%)}.cob-flap{position:absolute;top:0;left:0;right:0;height:7px;background:#0000001a;border-radius:4px 4px 0 0}.cob-body{position:absolute;left:16px;bottom:0;width:66px;height:40px;z-index:5;background:linear-gradient(180deg,var(--white-hi) 0%,var(--white) 55%,var(--white-2) 100%);border-radius:3px 4px 4px 3px;box-shadow:inset 0 -7px 10px -7px #00000038,inset 0 2px #ffffffe6}.cob-stripe{position:absolute;left:0;right:0;top:22px;height:6px;background:linear-gradient(90deg,var(--blue),var(--blue-2));opacity:.9}.cob-seam{position:absolute;left:0;top:4px;bottom:4px;width:2px;background:#0000001f}.cob-logo{position:absolute;left:12px;top:7px;width:13px;height:13px;border:2px solid var(--blue);border-radius:3px}.cob-logo:after{content:"";position:absolute;left:1px;right:1px;top:4px;height:2px;background:var(--blue)}.cob-door{position:absolute;left:0;bottom:0;width:18px;height:40px;z-index:6;transform-origin:top center;background:repeating-linear-gradient(180deg,#eef1f7 0,#eef1f7 3px,#d3d9e6 3px,#d3d9e6 6px);border-radius:5px 2px 2px 5px;border-right:1px solid #c2c9d8;box-shadow:inset 0 0 0 1px #fff6;transition:transform var(--d-door) cubic-bezier(.5,.02,.3,1)}.cob-door.open{transform:scaleY(.12)}.cob-handle{position:absolute;left:4px;right:4px;bottom:7px;height:3px;background:#9aa3b5;border-radius:2px}.cob-cab{position:absolute;left:80px;bottom:12px;width:44px;height:40px;z-index:4;background:linear-gradient(180deg,var(--blue-2) 0%,var(--blue) 100%);border-radius:4px 12px 12px 4px;box-shadow:inset -4px 0 7px -4px #00000059,inset 0 2px #fff3}.cob-window{position:absolute;top:6px;right:7px;width:20px;height:15px;background:linear-gradient(135deg,#d6e4ff,#9cbcff);border-radius:3px 6px 3px 3px;box-shadow:inset 0 0 0 1px #ffffff4d}.cob-grille{position:absolute;right:4px;bottom:9px;width:4px;height:12px;background:#00000040;border-radius:2px}.cob-headlight{position:absolute;right:1px;bottom:8px;width:5px;height:6px;background:#d8c59a;border-radius:2px;box-shadow:0 0 2px #ffd25a4d;transition:background .2s ease,box-shadow .2s ease}.cob-truck.lights .cob-headlight{background:#fff6d0;box-shadow:0 0 10px 3px #ffd25af2,0 0 4px 1px #fff}.cob-mirror{position:absolute;left:-4px;top:12px;width:5px;height:4px;background:var(--blue);border-radius:2px}.cob-beam{position:absolute;right:-34px;bottom:8px;width:40px;height:30px;background:linear-gradient(to right,#ffe08299,#ffe08200);clip-path:polygon(0% 38%,0% 62%,100% 100%,100% 0%);opacity:0;transform:scaleX(.4);transform-origin:left center;transition:opacity .25s ease,transform .3s ease;z-index:0}.cob-truck.lights .cob-beam{opacity:1;transform:scaleX(1)}.cob-bumper{position:absolute;right:0;bottom:8px;width:5px;height:8px;background:#1b1e27;border-radius:2px;z-index:4}.cob-fender{position:absolute;bottom:6px;width:24px;height:14px;background:var(--dark);border-radius:12px 12px 0 0;z-index:7}.cob-fender.f1{left:18px}.cob-fender.f2{left:90px}.cob-wheel{position:absolute;bottom:0;width:19px;height:19px;z-index:8;background:#15171f;border-radius:50%;box-shadow:inset 0 0 0 4px #3f4453,0 2px 3px #0006}.cob-wheel i{position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:#aeb6c6;border-radius:50%}.cob-wheel.w1{left:20px}.cob-wheel.w2{left:92px}@media (prefers-reduced-motion: reduce){.cob-sky,.cob-truck,.cob-door,.cob-package{transition-duration:.01ms}}.cob-hd .cob-sky{background:linear-gradient(180deg,#5eb0e8,#8ecbf0 38%,#b8dff7 68%,#d9eefb)}.cob-hd .cob-sun{width:26px;height:26px;background:radial-gradient(circle at 42% 38%,#fffef0,#ffe98a 42%,#ffc940 78%,#f0a820);box-shadow:0 0 0 2px #fff0a059,0 0 18px 6px #ffdc648c,0 0 32px 10px #ffc85040}.cob-hd .cob-sun:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 8deg,rgba(255,235,150,.22) 8deg 14deg,transparent 14deg 38deg,rgba(255,235,150,.18) 38deg 44deg,transparent 44deg 68deg,rgba(255,235,150,.22) 68deg 74deg,transparent 74deg 98deg,rgba(255,235,150,.18) 98deg 104deg,transparent 104deg 128deg,rgba(255,235,150,.22) 128deg 134deg,transparent 134deg 158deg,rgba(255,235,150,.18) 158deg 164deg,transparent 164deg 188deg,rgba(255,235,150,.22) 188deg 194deg,transparent 194deg 218deg,rgba(255,235,150,.18) 218deg 224deg,transparent 224deg 248deg,rgba(255,235,150,.22) 248deg 254deg,transparent 254deg 278deg,rgba(255,235,150,.18) 278deg 284deg,transparent 284deg 308deg,rgba(255,235,150,.22) 308deg 314deg,transparent 314deg 338deg,rgba(255,235,150,.18) 338deg 344deg,transparent 344deg 360deg);pointer-events:none}.cob-hd .cob-sun:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.85),transparent 55%)}.cob-hd .cob-stars:before{width:2px;height:2px;box-shadow:66px 8px #fffffff2,66px 8px 0 1px #c8dcff4d,98px 18px 0 -.5px #ffffffbf,98px 18px 0 .5px #b4c8ff40,134px 6px #ffffffe6,134px 6px 0 1.5px #c8dcff33,176px 16px 0 -.5px #ffffffa6,150px 30px #fff9,150px 30px 0 1px #b4c8ff33,212px 10px #ffffffd9,250px 22px 0 -.5px #ffffffb3,288px 7px #ffffffe0,288px 7px 0 1px #c8dcff40,320px 20px #ffffffbf,110px 28px #ffffff8c,42px 22px 0 -.5px #ffffff80,195px 24px #fff9}.cob-hd .cob-stars:after{content:"";position:absolute;top:14px;left:80px;width:1px;height:1px;border-radius:50%;background:#fff;box-shadow:55px -4px #ffffff73,120px 2px #fff6,200px -2px #ffffff59;opacity:.7}.cob-hd .cob-cloud{background:linear-gradient(180deg,#fff,#eef4fa);box-shadow:0 2px 6px #466e962e,inset 0 -2px 4px #b4c8dc26}.cob-hd .cob-cloud:before{background:radial-gradient(circle at 40% 35%,#fff,#f0f5fa);box-shadow:inset -1px -1px 2px #b4c8dc33}.cob-hd .cob-cloud:after{background:radial-gradient(circle at 45% 38%,#fff,#e8eef5);box-shadow:inset -1px -1px 3px #a0b4d226}.cob-hd .cob-tree .canopy{width:30px;height:32px;background:radial-gradient(ellipse 60% 55% at 35% 28%,#a8e896 0%,transparent 55%),radial-gradient(ellipse 70% 65% at 55% 65%,#3d8a38,#2e6e2c);box-shadow:-8px 2px 0 -4px #5aaa4bd9,8px 0 0 -5px #46963ccc,0 -6px 0 -3px #64be55bf,0 2px 5px #0000002e}.cob-hd .cob-tree .canopy:before{width:18px;height:18px;top:-6px;background:radial-gradient(circle at 38% 32%,#b8f0a8,#6ab858 55%,#4a9848);box-shadow:-6px 4px 0 -3px #50a046b3,5px 3px 0 -3px #418c3aa6}.cob-hd .cob-tree .canopy:after{content:"";position:absolute;top:4px;left:2px;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#9de08c,#509848);box-shadow:7px 8px 0 -2px #46963c99;opacity:.92}.cob-hd .cob-tree .trunk{width:7px;height:19px;background:repeating-linear-gradient(90deg,#5a3820 0,#5a3820 1px,#7a5238 1px,#7a5238 2px,#6a4528 2px,#6a4528 3px,#8c6040 3px,#8c6040 4px),linear-gradient(90deg,#5e3e22,#8c5f37 48%,#4a3018);border-radius:2px 2px 1px 1px;box-shadow:inset 1px 0 1px #ffffff14,inset -1px 0 1px #00000026}.cob-hd .cob-tree .trunk:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:3px;height:4px;border-radius:50%;background:#28190c59}.cob-hd .cob-tree .trunk:after{content:"";position:absolute;top:-3px;left:60%;width:8px;height:3px;border-radius:2px;background:linear-gradient(90deg,#6a4528,#5a3820);transform:rotate(-18deg);opacity:.7}.cob-hd .cob-ground{background:repeating-linear-gradient(90deg,transparent 0 3px,rgba(255,255,255,.015) 3px 4px),linear-gradient(180deg,#3a4150,#2b2f3a 55%,#23262f)}.cob-hd .cob-ground:before{height:5px;background:repeating-linear-gradient(90deg,#5a9a48 0,#5a9a48 2px,#6fb45a 2px,#6fb45a 4px,#5a9048 4px,#5a9048 6px,#78c060 6px,#78c060 8px);box-shadow:0 1px #5aa0464d}.cob-hd .cob-ground:after{content:"";position:absolute;top:8px;left:0;right:0;height:28px;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(0,0,0,.04) 2px 3px);pointer-events:none}.cob-hd .cob-road{height:3px;opacity:.75;background:repeating-linear-gradient(to right,rgba(255,255,255,.65) 0 10px,rgba(255,255,255,.35) 10px 12px,transparent 12px 26px);box-shadow:0 -1px #ffffff1f,0 1px #ffffff1f}.cob-hd .cob-road:before,.cob-hd .cob-road:after{content:"";position:absolute;top:-5px;width:1px;height:13px;background:#fff3;border-radius:1px}.cob-hd .cob-road:before{left:0}.cob-hd .cob-road:after{right:0}.cob-hd .cob-shadow{height:10px;background:radial-gradient(50% 100% at 50% 0%,rgba(0,0,0,.35),transparent 72%);filter:blur(1.5px)}.cob-hd .cob-pipe{opacity:0;width:9px;height:5px;background:linear-gradient(180deg,#4a4f5c,#2b2f3a 55%,#1a1c24);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px 2px #0006,0 0 0 1px #00000040;border-radius:2px 1px 1px 2px}.cob-hd .cob-pipe:after{content:"";position:absolute;right:0;top:1px;width:2px;height:3px;border-radius:50%;background:#0f1014;box-shadow:inset 0 0 2px #000c}.cob-hd .cob-smoke i{background:radial-gradient(circle,#f5f8ffd9,#d2dae666);box-shadow:0 0 3px #dce4f066}.cob-hd .cob-package{background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.04) 3px 4px),repeating-linear-gradient(90deg,transparent 0 5px,rgba(0,0,0,.03) 5px 6px),linear-gradient(160deg,var(--kraft) 0%,var(--kraft-2) 100%);box-shadow:0 4px 10px -3px #00000080,inset 0 1px #ffffff4d,inset 0 -2px 4px #00000014}.cob-hd .cob-tape-h{background:linear-gradient(180deg,#ffffffbf,#ffffff73);box-shadow:0 0 1px #ffffff4d}.cob-hd .cob-tape-v{background:linear-gradient(90deg,#ffffffbf,#ffffff73)}.cob-hd .cob-flap{background:linear-gradient(180deg,#0000000f,#00000024);border-bottom:1px solid rgba(0,0,0,.06)}.cob-hd .cob-flap:after{content:"";position:absolute;top:2px;left:4px;right:4px;height:1px;background:#ffffff26}.cob-hd .cob-hold{overflow:hidden;z-index:2;background:linear-gradient(90deg,#0f1016,#1a1d26 40%,#262b36);box-shadow:inset 6px 0 10px -4px #000000b3,inset 0 0 0 1px #ffffff0a}.cob-hd .cob-hold:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#12141a,#1a1d26 55%,#222630);z-index:1}.cob-hd .cob-body{background:linear-gradient(180deg,var(--white-hi) 0%,var(--white) 55%,var(--white-2) 100%);box-shadow:inset 0 -8px 12px -7px #00000040,inset 0 2px #fffffff2,inset -1px 0 #0000000f}.cob-hd .cob-body:before{content:"";position:absolute;left:4px;right:4px;top:14px;height:1px;background:#0000000f}.cob-hd .cob-body:after{content:"";position:absolute;left:4px;right:4px;bottom:6px;height:1px;background:#0000000d}.cob-hd .cob-stripe{height:7px;background:linear-gradient(180deg,var(--blue-2) 0%,var(--blue) 55%,color-mix(in srgb,var(--blue) 85%,#000) 100%);box-shadow:inset 0 1px #ffffff40}.cob-hd .cob-seam{width:2px;background:linear-gradient(180deg,#00000014,#00000029,#00000014)}.cob-hd .cob-logo{width:14px;height:14px;border-width:2px;box-shadow:inset 0 0 0 1px #ffffff26}.cob-hd .cob-logo:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px solid var(--blue);border-radius:1px;opacity:.5}.cob-hd .cob-logo:after{height:2px;box-shadow:0 3px 0 var(--blue)}.cob-hd .cob-door{background:repeating-linear-gradient(180deg,#f2f5fa 0,#f2f5fa 2px,#d8dfea 2px,#d8dfea 3px,#c8d0de 3px,#c8d0de 5px,#e0e6f0 5px,#e0e6f0 6px);border-right:1px solid #b0b8c8;box-shadow:inset 0 0 0 1px #ffffff80,inset -2px 0 4px #0000000f}.cob-hd .cob-handle{height:4px;background:linear-gradient(180deg,#b0b8c8,#8a94a8);box-shadow:0 1px #fff3}.cob-hd .cob-cab{background:linear-gradient(135deg,color-mix(in srgb,var(--blue-2) 90%,#fff) 0%,var(--blue-2) 30%,var(--blue) 100%);box-shadow:inset -4px 0 8px -4px #0006,inset 0 2px #ffffff40,inset 2px 0 #ffffff14}.cob-hd .cob-cab:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:1px;background:#0000001f}.cob-hd .cob-cab:after{content:"";position:absolute;left:14px;bottom:10px;width:5px;height:5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--blue) 70%,#888),var(--blue));box-shadow:inset 0 0 0 1px #0003}.cob-hd .cob-window{overflow:hidden;border:.5px solid rgba(60,80,120,.3);background:linear-gradient(135deg,rgba(255,255,255,.35) 0%,transparent 40%),linear-gradient(160deg,#c8daff,#8aacf5 45%,#6a90e0);box-shadow:inset 0 0 0 1px #ffffff73,inset 0 -2px 4px #00002814}.cob-hd .cob-window:before{content:"";position:absolute;left:50%;top:2px;bottom:2px;width:1px;background:#50648c40}.cob-hd .cob-window:after{content:"";position:absolute;top:3px;left:3px;width:6px;height:3px;border-radius:2px;background:#ffffff73;transform:skew(-12deg)}.cob-hd .cob-grille{width:5px;height:14px;background:repeating-linear-gradient(180deg,#00000026 0,#00000026 2px,#ffffff14 2px,#ffffff14 3px,#00000059 3px,#00000059 4px);border-radius:1px;box-shadow:inset 0 0 0 1px #0003}.cob-hd .cob-headlight{width:6px;height:7px;background:radial-gradient(circle at 40% 35%,#fff8e0,#e8d090 60%,#c8a860);box-shadow:inset 0 0 0 1px #ffffff4d,0 0 2px #ffd25a59}.cob-hd .cob-headlight:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:1px;border:1px solid rgba(200,180,120,.4)}.cob-hd .cob-truck.lights .cob-headlight{background:radial-gradient(circle at 40% 35%,#fffef0,#ffe880 55%,#ffc840);box-shadow:0 0 12px 4px #ffd25af2,0 0 5px 1px #fff,inset 0 0 0 1px #ffffff80}.cob-hd .cob-mirror{width:6px;height:5px;background:linear-gradient(135deg,#6a90e8 0%,var(--blue) 100%);border-radius:2px 3px 2px 2px;box-shadow:-2px 1px 0 -1px #00000040}.cob-hd .cob-mirror:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:1px;background:linear-gradient(135deg,#c8dcff99,#7896c866)}.cob-hd .cob-mirror:after{content:"";position:absolute;left:-3px;top:2px;width:3px;height:1px;background:#3a4050;border-radius:1px}.cob-hd .cob-beam{background:radial-gradient(ellipse 80% 60% at 0% 50%,rgba(255,230,140,.7) 0%,transparent 70%),linear-gradient(to right,#ffe0828c,#ffe08200)}.cob-hd .cob-bumper{width:6px;height:9px;background:linear-gradient(180deg,#3a3e4a,#1b1e27 60%,#0f1014);box-shadow:inset 0 1px #ffffff1f,inset -1px 0 #ffffff0f}.cob-hd .cob-bumper:after{content:"";position:absolute;top:2px;left:1px;right:1px;height:2px;border-radius:1px;background:linear-gradient(90deg,#6a7078,#aab0b8,#6a7078);opacity:.5}.cob-hd .cob-fender{box-shadow:inset 0 2px #ffffff0f,inset 0 -1px #00000026}.cob-hd .cob-wheel{box-shadow:inset 0 0 0 4px #3f4453,inset 0 0 0 5px #2a2e38,0 2px 4px #00000073}.cob-hd .cob-wheel:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#1a1c22,#1a1c22 8deg,#252830 8deg,#252830 16deg)}.cob-hd .cob-wheel i{top:5px;right:5px;bottom:5px;left:5px;background:conic-gradient(from 0deg,#c8d0dc,#c8d0dc 72deg,#aeb6c6 72deg,#aeb6c6 144deg,#c8d0dc 144deg,#c8d0dc 216deg,#aeb6c6 216deg,#aeb6c6 288deg,#c8d0dc 288deg,#c8d0dc 360deg);box-shadow:inset 0 0 0 1px #ffffff4d}.cob-hd .cob-wheel i:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#d8e0ec,#98a4b8);box-shadow:inset 0 0 0 1px #fff3}.cob-hd.cob-night .cob-sky{background:linear-gradient(180deg,#080e28,#142040 42%,#243058 78%,#344468)}.cob-hd.cob-night .cob-moon{width:26px;height:26px;fill:#faf6ea;filter:drop-shadow(0 0 8px rgba(235,235,210,.38))}.cob-hd.cob-night .cob-cloud,.cob-hd.cob-night .cob-cloud:before,.cob-hd.cob-night .cob-cloud:after{background:linear-gradient(180deg,#a8b4cc,#8898b4)}.cob-hd.cob-night .cob-cloud{opacity:.38}.cob-hd.cob-night .cob-hills-hd{filter:brightness(.48) saturate(.82)}.cob-hd.cob-night .cob-tree .canopy,.cob-hd.cob-night .cob-tree .canopy:before,.cob-hd.cob-night .cob-tree .canopy:after{filter:brightness(.55) saturate(.75)}.cob-hd.cob-night .cob-ground:before{background:repeating-linear-gradient(90deg,#2a4828 0,#2a4828 2px,#345832 2px,#345832 4px,#284020 4px,#284020 6px,#3a6030 6px,#3a6030 8px)}.cob-hd.cob-night .cob-road{opacity:.42}.cob-hd .cob-hd-haze{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 90% 60% at 16% 18%,rgba(255,248,210,.18) 0%,transparent 55%),linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 45%,rgba(0,40,80,.04) 100%);pointer-events:none}.cob-hd .cob-hd-sunbeam{position:absolute;top:0;left:30px;width:80px;height:70px;z-index:0;background:linear-gradient(135deg,rgba(255,240,180,.12) 0%,rgba(255,230,160,.06) 40%,transparent 70%);clip-path:polygon(20% 0%,45% 0%,100% 100%,0% 100%);pointer-events:none}.cob-hd .cob-hd-leaf{position:absolute;border-radius:50%;pointer-events:none}.cob-hd .cob-hd-leaf.l1{width:11px;height:11px;bottom:28px;left:2px;background:radial-gradient(circle at 38% 32%,#b0f0a0,#58a050);box-shadow:inset -1px -1px 2px #00000014}.cob-hd .cob-hd-leaf.l2{width:10px;height:10px;bottom:32px;right:1px;background:radial-gradient(circle at 42% 35%,#98e088,#489840);opacity:.9}.cob-hd .cob-hd-leaf.l3{width:9px;height:9px;bottom:36px;left:10px;background:radial-gradient(circle at 40% 30%,#a8e898,#509848);opacity:.85}.cob-hd .cob-tree.t3 .cob-hd-leaf.l1{width:9px;height:9px;bottom:24px;left:1px}.cob-hd .cob-tree.t3 .cob-hd-leaf.l2{width:8px;height:8px;bottom:27px;right:0}.cob-hd .cob-hd-grass{position:absolute;left:0;right:0;bottom:34px;height:6px;z-index:4;background:repeating-linear-gradient(90deg,transparent 0 7px,rgba(90,160,70,.5) 7px 8px,transparent 8px 14px,rgba(70,140,55,.4) 14px 15px,transparent 15px 22px,rgba(100,175,80,.45) 22px 23px);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,transparent 100%);pointer-events:none}.cob-hd .cob-hd-label{position:absolute;top:5px;right:3px;width:11px;height:8px;background:linear-gradient(180deg,#f8f4ec,#e8e0d0);border-radius:1px;box-shadow:inset 0 0 0 .5px #0000001f}.cob-hd .cob-hd-label:before{content:"";position:absolute;top:2px;left:1px;right:1px;height:1px;background:#00000026;box-shadow:0 2px #00000014}.cob-hd .cob-hd-label:after{content:"";position:absolute;bottom:1px;left:2px;width:4px;height:2px;border:.5px solid rgba(180,60,40,.5);border-radius:.5px}.cob-hd .cob-hd-rivets{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(0,0,0,.14) .8px,transparent .8px);background-size:13px 9px;background-position:5px 7px}.cob-hd .cob-hd-rivets:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(0,0,0,.1) .7px,transparent .7px);background-size:15px 7px;background-position:8px 30px}.cob-hd .cob-hd-reflect-strip{position:absolute;left:0;right:0;bottom:2px;height:2px;background:repeating-linear-gradient(90deg,#d4a820 0,#d4a820 3px,#1a1a1a 3px,#1a1a1a 6px);opacity:.5;border-radius:0 0 2px 2px;z-index:1}.cob-hd .cob-hd-door-track{position:absolute;left:-1px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#8a94a8,#606878,#8a94a8);box-shadow:1px 0 1px #0000001a;border-radius:1px 0 0 1px}.cob-hd .cob-hd-roof{position:absolute;top:0;left:2px;right:8px;height:3px;background:linear-gradient(180deg,color-mix(in srgb,var(--blue-2) 80%,#fff) 0%,var(--blue-2) 100%);border-radius:3px 8px 0 0;box-shadow:inset 0 1px #fff3}.cob-hd .cob-hd-roof:after{content:"";position:absolute;left:8px;right:12px;top:3px;height:1px;background:#00000026}.cob-hd .cob-hd-wiper{position:absolute;top:9px;right:10px;width:14px;height:1px;background:#2a3040;transform:rotate(-8deg);transform-origin:right center;border-radius:1px;box-shadow:0 0 0 .5px #0003}.cob-hd .cob-hd-wiper:after{content:"";position:absolute;right:-1px;top:-1px;width:2px;height:3px;background:#3a4050;border-radius:1px}.cob-hd .cob-hd-marker{position:absolute;left:-2px;top:18px;width:3px;height:4px;background:radial-gradient(circle at 50% 40%,#ffe880,#d4a020);border-radius:1px;box-shadow:inset 0 0 0 .5px #ffffff4d;z-index:6}.cob-hd .cob-package.gone{opacity:0;visibility:hidden}.cob-hd .cob-hd-rear-bumper{position:absolute;left:0;bottom:0;width:4px;height:40px;z-index:2;background:linear-gradient(90deg,#14161c,#22262e 65%,#2a2e38);border-radius:3px 0 0 3px;box-shadow:inset -1px 0 #ffffff0f,1px 0 2px #0003;pointer-events:none}.cob-hd .cob-hd-rear-bumper .cob-hd-tail-light{position:absolute;left:0;width:3px;height:5px;background:linear-gradient(180deg,#ff7060,#b81810);border-radius:1px;box-shadow:inset 0 0 0 .5px #ffb4a059,0 0 0 .5px #0000004d;z-index:1}.cob-hd .cob-hd-rear-bumper .cob-hd-tail-light.t2{left:0;bottom:10px;height:4px;background:linear-gradient(180deg,#ff9040,#c84808)}.cob-hd .cob-hd-rear-bumper .cob-hd-tail-light:not(.t2){bottom:20px}.cob-hd .cob-truck.lights .cob-hd-rear-bumper .cob-hd-tail-light{box-shadow:-2px 0 5px 1px #ff321ea6,inset 0 0 0 .5px #ffc8b466}.cob-hd .cob-hd-rear-bumper .cob-hd-exhaust-stack{position:absolute;left:0;top:2px;width:3px;height:7px;background:linear-gradient(90deg,#3a3e48,#606468,#3a3e48);border-radius:1px 1px 0 0;box-shadow:inset 0 0 0 .5px #ffffff14}.cob-hd .cob-hd-rear-bumper .cob-hd-exhaust-stack:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:#1a1c22;border-radius:1px 1px 0 0}.cob-hd .cob-hd-undercarriage{position:absolute;left:8px;right:4px;bottom:10px;height:3px;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 100%);z-index:1;pointer-events:none}.cob-hd .cob-sky{background:linear-gradient(180deg,#4aa8e0,#72c0ec 28%,#9ed4f2 52%,#c0e4f8 72%,#dceef9)}.cob-hd .cob-tree .canopy{filter:drop-shadow(0 3px 2px rgba(0,0,0,.12))}.cob-hd .cob-grille{width:6px;box-shadow:inset 0 0 0 1px #00000040,inset 1px 0 #ffffff0f}.cob-hd .cob-grille:before{content:"";position:absolute;top:-1px;right:-2px;bottom:-1px;left:-1px;border:1px solid rgba(0,0,0,.2);border-radius:2px;pointer-events:none}.cob-hd .cob-fender:after{content:"";position:absolute;left:4px;right:4px;top:4px;height:2px;background:#ffffff0d;border-radius:2px}.cob-hd .cob-wheel{background:#12141a}.cob-hd .cob-hold:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:repeating-linear-gradient(90deg,transparent 0 4px,rgba(255,255,255,.02) 4px 5px);pointer-events:none}.cob-hd .cob-road{background:repeating-linear-gradient(to right,rgba(255,255,255,.7) 0 9px,rgba(255,255,255,.3) 9px 11px,transparent 11px 25px),linear-gradient(180deg,rgba(0,0,0,.08) 0%,transparent 40%,rgba(0,0,0,.06) 100%)}.cob-hd.cob-night .cob-hd-haze{background:radial-gradient(ellipse 70% 50% at 17% 20%,rgba(200,210,255,.08) 0%,transparent 55%),linear-gradient(180deg,rgba(0,20,60,.15) 0%,transparent 60%)}.cob-hd.cob-night .cob-hd-sunbeam{opacity:0}.cob-hd.cob-night .cob-hd-marker{background:radial-gradient(circle at 50% 40%,#ffe060,#a07010);box-shadow:0 0 4px 1px #ffc83c66}.cob-hd.cob-night .cob-hd-grass{opacity:.45}.cob-hd.cob-night .cob-hd-leaf{filter:brightness(.5) saturate(.7)}.cob-hd .cob-hd-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:radial-gradient(ellipse 85% 90% at 50% 55%,transparent 40%,rgba(0,20,40,.12) 100%);pointer-events:none}.cob-hd .cob-hd-cloud.c3{top:22px;left:188px;transform:scale(.55);opacity:.75}.cob-hd .cob-hd-birds{position:absolute;top:8px;left:0;width:100%;height:28px;z-index:2;pointer-events:none}.cob-hd .cob-hd-tree-shadow{position:absolute;bottom:33px;width:22px;height:5px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.22) 0%,transparent 72%);z-index:2;pointer-events:none}.cob-hd .cob-hd-tree-shadow.s1{left:22px}.cob-hd .cob-hd-tree-shadow.s2{left:314px;width:20px}.cob-hd .cob-hd-tree-shadow.s3{left:276px;width:16px;opacity:.8;transform:scale(.82);transform-origin:left bottom}.cob-hd .cob-hd-pebbles{position:absolute;left:0;right:0;bottom:28px;height:8px;z-index:4;background-image:radial-gradient(circle,rgba(120,130,140,.35) .6px,transparent .6px);background-size:9px 5px;background-position:40px 3px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 40%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 40%,transparent 100%);pointer-events:none}.cob-hd .cob-hd-road-texture{position:absolute;left:30px;right:30px;bottom:23px;height:5px;z-index:4;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(0,0,0,.06) 18px 19px,transparent 19px 40px,rgba(255,255,255,.03) 40px 41px);pointer-events:none}.cob-hd .cob-hd-leaf.l4{width:8px;height:8px;bottom:24px;right:6px;background:radial-gradient(circle at 40% 35%,#88d878,#408838);opacity:.8}.cob-hd .cob-hd-fragile{position:absolute;bottom:4px;left:3px;width:8px;height:8px;border:.5px solid rgba(180,50,40,.45);border-radius:.5px}.cob-hd .cob-hd-fragile:before{content:"↑";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:5px;line-height:1;color:#b43228b3;font-weight:700}.cob-hd .cob-hd-panel-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 55%,rgba(0,0,0,.04) 100%);pointer-events:none;border-radius:inherit}.cob-hd .cob-hd-hinge{position:absolute;right:1px;top:8px;width:2px;height:5px;background:linear-gradient(180deg,#707888,#505868);border-radius:1px;box-shadow:0 8px #606878,0 16px #707888}.cob-hd .cob-hd-antenna{position:absolute;top:-2px;left:18px;width:1px;height:8px;background:linear-gradient(180deg,#888,#555);border-radius:1px}.cob-hd .cob-hd-antenna:after{content:"";position:absolute;top:-2px;left:-1px;width:3px;height:3px;border-radius:50%;background:#666}.cob-hd .cob-hd-foglamp{position:absolute;right:7px;bottom:8px;width:3px;height:5px;background:radial-gradient(circle at 40% 35%,#fff0c0,#c8a860);border-radius:1px;box-shadow:inset 0 0 0 .5px #ffffff40;z-index:5}.cob-hd .cob-truck.lights .cob-hd-foglamp{box-shadow:0 0 5px 1px #ffd25a80}.cob-hd .cob-hd-dash{position:absolute;top:3px;left:2px;width:14px;height:8px;background:linear-gradient(180deg,#1a2030,#2a3040);border-radius:1px;opacity:.65;box-shadow:inset 0 0 0 .5px #ffffff14}.cob-hd .cob-hd-dash:before{content:"";position:absolute;top:1px;left:1px;width:4px;height:3px;background:#3a5070;border-radius:.5px}.cob-hd .cob-hd-dash:after{content:"";position:absolute;bottom:1px;left:2px;right:2px;height:1px;background:#ffc85059}.cob-hd .cob-hd-vent{position:absolute;left:4px;bottom:14px;width:8px;height:3px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.15) 0 1px,transparent 1px 2px);border-radius:1px;opacity:.6}.cob-hd .cob-hd-mudflap{position:absolute;bottom:4px;width:8px;height:7px;background:linear-gradient(180deg,#1a1c22,#0a0c10);border-radius:0 0 2px 2px;z-index:6;box-shadow:inset 0 1px #ffffff0d}.cob-hd .cob-hd-mudflap:after{content:"";position:absolute;bottom:0;left:1px;right:1px;height:2px;background:repeating-linear-gradient(90deg,#888 0 1px,transparent 1px 2px);opacity:.35}.cob-hd .cob-hd-mudflap.f1{left:22px}.cob-hd .cob-hd-mudflap.f2{left:94px}.cob-hd .cob-hd-chrome-trim{position:absolute;right:0;bottom:6px;width:6px;height:12px;background:linear-gradient(90deg,transparent,rgba(180,190,200,.25));border-radius:0 2px 2px 0;z-index:5;pointer-events:none}.cob-hd .cob-truck.smoking .cob-smoke i:nth-child(4){animation:smoke 1.2s ease-out infinite;animation-delay:1.05s}.cob-hd .cob-truck.smoking .cob-smoke i:nth-child(5){animation:smoke 1.4s ease-out infinite;animation-delay:.55s;width:5px;height:5px}.cob-hd .cob-truck.smoking .cob-smoke i:nth-child(6){animation:smoke 1.1s ease-out infinite;animation-delay:1.4s;width:4px;height:4px}.cob-hd .cob-tree .canopy{width:31px;height:33px;background:radial-gradient(ellipse 55% 50% at 30% 25%,#b8f4a8 0%,transparent 50%),radial-gradient(ellipse 65% 60% at 70% 40%,#68b858 0%,transparent 55%),radial-gradient(ellipse 75% 70% at 50% 70%,#348830,#286824)}.cob-hd .cob-truck{filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}.cob-hd .cob-door{z-index:7}.cob-hd .cob-body{z-index:5}.cob-hd .cob-package{z-index:4;border:.5px solid rgba(0,0,0,.08)}.cob-hd.cob-night .cob-hd-vignette{background:radial-gradient(ellipse 85% 90% at 50% 55%,transparent 35%,rgba(0,5,20,.28) 100%)}.cob-hd.cob-night .cob-hd-birds{opacity:.2}.cob-hd.cob-night .cob-hd-dash{opacity:.75}.cob-hd.cob-night .cob-hd-foglamp{box-shadow:0 0 4px 1px #ffc85059}.cob-hd.cob-night .cob-truck.lights .cob-hd-foglamp{box-shadow:0 0 7px 2px #ffd25aa6}.dnt-shell{position:relative;width:var(--dnt-w);height:var(--dnt-h);border-radius:999px;cursor:pointer;overflow:hidden;border:3px solid rgba(180,180,200,.35);box-shadow:inset 0 4px 8px #0000002e,0 2px 6px #0000001f;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.dnt-track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#87ceeb,#a8b8d8 40%,#7b8cc2);transition:background .5s ease}.dnt-shell.night .dnt-track{background:linear-gradient(135deg,#1a2344,#2a3560,#1e2a4a)}.dnt-clouds{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:1;transition:opacity .4s ease}.dnt-shell.night .dnt-clouds{opacity:0}.dnt-cloud{position:absolute;background:#fff;border-radius:999px}.dnt-cloud:before,.dnt-cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.dnt-cloud.c1{right:14%;top:24%;width:28px;height:10px}.dnt-cloud.c1:before{width:14px;height:14px;left:3px;top:-7px}.dnt-cloud.c1:after{width:18px;height:18px;right:2px;top:-10px}.dnt-cloud.c2{right:26%;top:50%;width:20px;height:7px;opacity:.7}.dnt-cloud.c2:before{width:10px;height:10px;left:2px;top:-5px}.dnt-cloud.c2:after{width:13px;height:13px;right:1px;top:-7px}.dnt-stars{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;transition:opacity .4s ease .15s}.dnt-shell.night .dnt-stars{opacity:1}.dnt-star{position:absolute;background:#fff;border-radius:50%}.dnt-star.s1{width:3px;height:3px;top:22%;left:14%;opacity:.9}.dnt-star.s2{width:2px;height:2px;top:40%;left:26%;opacity:.7}.dnt-star.s3{width:3px;height:3px;top:60%;left:10%;opacity:.8}.dnt-star.s4{width:2px;height:2px;top:30%;left:38%;opacity:.6}.dnt-star.s5{width:4px;height:4px;top:55%;left:32%;opacity:.5}.dnt-star.s6{width:2px;height:2px;top:18%;left:48%;opacity:.7}.dnt-star.s7{width:3px;height:3px;top:68%;left:44%;opacity:.6}.dnt-star.s8{width:2px;height:2px;top:72%;left:20%;opacity:.8}.dnt-star.s9{width:3px;height:3px;top:46%;left:18%;opacity:.5}.dnt-star.shaped:before,.dnt-star.shaped:after{content:"";position:absolute;background:#fff;border-radius:50%}.dnt-star.shaped:before{width:100%;height:40%;top:30%;left:-40%;right:-40%;width:180%}.dnt-star.shaped:after{height:100%;width:40%;left:30%;top:-40%;bottom:-40%;height:180%}.dnt-shell.night .dnt-star{animation:twinkle 3s ease-in-out infinite}.dnt-star.s2{animation-delay:.4s}.dnt-star.s3{animation-delay:.9s}.dnt-star.s4{animation-delay:1.5s}.dnt-star.s5{animation-delay:.2s}.dnt-star.s6{animation-delay:1.1s}.dnt-star.s7{animation-delay:2s}.dnt-star.s8{animation-delay:.7s}.dnt-star.s9{animation-delay:1.8s}@keyframes twinkle{0%,to{opacity:var(--star-o, .7)}50%{opacity:.2}}.dnt-knob-wrap{position:absolute;top:50%;left:var(--dnt-pad);transform:translateY(-50%);width:var(--dnt-knob);height:var(--dnt-knob);z-index:5;transition:transform .45s cubic-bezier(.4,0,.2,1)}.dnt-shell.night .dnt-knob-wrap{transform:translateY(-50%) translate(var(--dnt-slide))}.dnt-sun{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff6a8,#f5d442 50%,#e8b830);box-shadow:0 0 18px 4px #f5d44280,inset 0 -3px 6px #c8a00040;opacity:1;transform:scale(1) rotate(0);transition:opacity .35s ease,transform .45s cubic-bezier(.4,0,.2,1)}.dnt-shell.night .dnt-sun{opacity:0;transform:scale(.5) rotate(-90deg)}.dnt-moon{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 45% 40%,#f0efe6,#d4d0c0 60%,#bbb8a8);box-shadow:0 0 12px 2px #d2d2c84d,inset 0 -3px 6px #64645033;opacity:0;transform:scale(.5) rotate(90deg);transition:opacity .35s ease .1s,transform .45s cubic-bezier(.4,0,.2,1) .1s}.dnt-shell.night .dnt-moon{opacity:1;transform:scale(1) rotate(0)}.dnt-crater{position:absolute;border-radius:50%;background:radial-gradient(circle,#b5b2a0,#a09d8e);opacity:.45}.dnt-crater.cr1{width:30%;height:30%;top:25%;left:50%}.dnt-crater.cr2{width:22%;height:22%;top:55%;left:30%}.dnt-crater.cr3{width:16%;height:16%;top:50%;left:60%}.dnt-knob-shadow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;z-index:-1;box-shadow:4px 0 #78788c40,8px 0 #78788c26,12px 0 #78788c14;transition:box-shadow .45s ease}.dnt-shell.night .dnt-knob-shadow{box-shadow:-4px 0 #646e8c4d,-8px 0 #646e8c2e,-12px 0 #646e8c14}@media (prefers-reduced-motion: reduce){.dnt-knob-wrap,.dnt-sun,.dnt-moon,.dnt-track,.dnt-clouds,.dnt-stars,.dnt-knob-shadow{transition-duration:.01ms}.dnt-shell.night .dnt-star{animation:none}}.lbt-shell{display:inline-flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.lbt-wire{width:2px;height:var(--lbt-wire-h);background:#444}.lbt-hanging{display:flex;flex-direction:column;align-items:center;transform-origin:top center;will-change:transform}.lbt-fixture{display:flex;flex-direction:column;align-items:center;position:relative}.lbt-cap{width:var(--lbt-cap-w);height:var(--lbt-cap-h);border-radius:3px 3px 1px 1px;background:repeating-linear-gradient(180deg,transparent 0px,transparent calc(3px * var(--lbt-scale)),rgba(0,0,0,.12) calc(3px * var(--lbt-scale)),rgba(0,0,0,.12) calc(4.5px * var(--lbt-scale))),linear-gradient(90deg,#777,#aaa,#ccc,#aaa,#777);position:relative;z-index:2}.lbt-glass{width:var(--lbt-glass-w);height:var(--lbt-glass-h);border-radius:20% 20% 50% 50%/15% 15% 50% 50%;background:radial-gradient(ellipse at 35% 30%,#ffffff59,#d2d2dc33,#bebec826);border:1.5px solid rgba(200,200,210,.3);margin-top:calc(-1 * var(--lbt-overlap));position:relative;z-index:1;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease;overflow:visible}.lbt-glass.lit{background:radial-gradient(ellipse at 45% 40%,#fffff0f2,#fff0b4d9 20%,#ffd76ea6,#ffc34659 70%,#ffb4321f);border-color:#ffd26466;box-shadow:0 0 15px 5px #ffc85059,0 0 40px 15px #ffc85026,0 0 80px 30px #ffc85014}.lbt-glass.lit:after{content:"";position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:150%;height:40px;background:radial-gradient(ellipse at top,rgba(255,200,80,.12) 0%,transparent 70%);pointer-events:none;z-index:-1}.lbt-filament{position:absolute;bottom:18%;left:50%;transform:translate(-50%);width:35%;height:45%;stroke:#96969659;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease,filter .3s ease}.lbt-glass.lit .lbt-filament{stroke:#ffd23ce6;filter:drop-shadow(0 0 4px rgba(255,200,50,.7))}.lbt-pull-area{display:flex;flex-direction:column;align-items:center}.lbt-cord{width:2px;height:var(--lbt-cord-h);background:linear-gradient(180deg,#888,#777 50%,#666)}.lbt-knob{width:var(--lbt-knob-w);height:var(--lbt-knob-h);background:linear-gradient(135deg,#f0ece0,#e4e0d4 30%,#d5d1c5 70%,#c8c4b8);border-radius:3px;cursor:grab;touch-action:none;box-shadow:0 1px 3px #00000026,inset 0 1px 1px #fff6}.lbt-knob:active{cursor:grabbing}.lbt-knob:focus-visible{outline:2px solid #4a90d9;outline-offset:2px}@media (prefers-reduced-motion: reduce){.lbt-glass,.lbt-filament{transition-duration:.01ms}}.pas-shell{--pas-bg: #2563eb;--pas-plane-color: #ffffff;--pas-d-fold: .45s;--pas-d-fly: .55s;font-family:Plus Jakarta Sans,system-ui,sans-serif;position:relative;width:260px;height:64px;border-radius:999px;background:var(--pas-bg);overflow:hidden;box-shadow:0 10px 28px -8px #2563eb80,inset 0 1px #ffffff26;-webkit-tap-highlight-color:transparent}.pas-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;border:none;background:transparent;cursor:pointer;border-radius:inherit;outline:none}.pas-hit:disabled{cursor:default}.pas-hit:not(:disabled):hover~.pas-glow{opacity:1}.pas-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.08),transparent 70%);opacity:0;transition:opacity .25s ease;pointer-events:none}.pas-label,.pas-done{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.1rem;font-weight:600;letter-spacing:.2px;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none}.pas-label{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.pas-label.show{opacity:1}.pas-done{color:#6ee7a8;text-shadow:0 1px 2px rgba(0,0,0,.25);transform:scale(.85)}.pas-done.show{opacity:1;transform:scale(1)}.pas-send-icon{width:20px;height:20px}.pas-check{width:22px;height:22px}.pas-plane{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:flex;align-items:center;justify-content:center;pointer-events:none}.pas-plane svg{width:38px;height:38px;opacity:0;transform:scale(.3) rotate(-60deg);transition:transform var(--pas-d-fold) cubic-bezier(.34,1.56,.64,1),opacity calc(var(--pas-d-fold) * .6) ease}.pas-plane.show svg{opacity:1;transform:scale(1) rotate(0)}.pas-plane.fly svg{opacity:0;transform:translate(180px) translateY(-28px) rotate(25deg) scale(.5);transition:transform var(--pas-d-fly) cubic-bezier(.55,0,.85,.35),opacity calc(var(--pas-d-fly) * .7) ease-in}.pas-trail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.pas-trail i{position:absolute;top:50%;left:50%;width:8px;height:2px;border-radius:1px;background:#ffffff73;opacity:0;transform:translateY(-50%) rotate(-12deg)}.pas-trail.active i{animation:pas-dot var(--pas-d-fly) ease-out forwards}.pas-trail i:nth-child(1){margin-top:-6px;animation-delay:0s}.pas-trail i:nth-child(2){margin-top:-2px;animation-delay:.06s}.pas-trail i:nth-child(3){margin-top:2px;animation-delay:.12s}.pas-trail i:nth-child(4){margin-top:-4px;animation-delay:.18s}.pas-trail i:nth-child(5){margin-top:4px;animation-delay:.24s}@keyframes pas-dot{0%{opacity:.65;transform:translate(10px,-50%) scaleX(.6)}to{opacity:0;transform:translate(-50px,calc(-50% + 8px)) scaleX(1.8)}}.pas-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.18),transparent 60%);opacity:0;pointer-events:none;transition:opacity .15s ease}.pas-flash.show{opacity:1}@media (prefers-reduced-motion: reduce){.pas-plane svg,.pas-trail i{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sta-shell{position:relative;width:var(--sta-w);height:var(--sta-h);border-radius:999px;background:linear-gradient(180deg,#1a1a1a,#0d0d0d);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0006,0 4px 20px #00000080;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:none}.sta-shell:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3) 30%,rgba(255,255,255,.4) 50%,rgba(255,255,255,.3) 70%,transparent);z-index:2}.sta-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding-left:var(--sta-knob-w);font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:calc(var(--sta-h) * .24);font-weight:500;color:#fff6;letter-spacing:.3px;pointer-events:none;z-index:1;transition:opacity .3s ease}.sta-shell.completed .sta-label{padding-left:0}.sta-knob{position:absolute;top:var(--sta-pad);left:var(--sta-pad);width:var(--sta-knob-w);height:calc(var(--sta-h) - var(--sta-pad) * 2);border-radius:999px;background:linear-gradient(180deg,#c6f54d,#a8e020,#96d414);box-shadow:0 2px 12px #a6e0204d,inset 0 1px #ffffff59,inset 0 -2px 4px #0000001a;cursor:grab;z-index:3;display:flex;align-items:center;justify-content:center;touch-action:none}.sta-knob:active{cursor:grabbing}.sta-knob.animating{transition:width .4s cubic-bezier(.4,0,.2,1)}.sta-shell.completed .sta-knob{transition:width .35s cubic-bezier(.4,0,.2,1)}.sta-icon{display:flex;align-items:center;justify-content:center;color:#0000008c;transition:opacity .2s ease,transform .2s ease}.sta-shell.completed .sta-icon{opacity:0;transform:scale(.5)}.sta-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity .3s ease .2s,transform .3s ease .2s;pointer-events:none;z-index:4}.sta-shell.completed .sta-check{opacity:1;transform:scale(1)}.sta-check svg{width:calc(var(--sta-h) * .35);height:calc(var(--sta-h) * .35)}.sta-label:after{content:"";position:absolute;top:0;left:0;width:60px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:sta-shimmer 2.5s ease-in-out infinite}.sta-shell.completed .sta-label:after{animation:none;opacity:0}@keyframes sta-shimmer{0%,to{transform:translate(calc(var(--sta-knob-w) * -1))}50%{transform:translate(var(--sta-w))}}@media (prefers-reduced-motion: reduce){.sta-knob,.sta-knob.animating,.sta-shell.completed .sta-knob,.sta-icon,.sta-check{transition-duration:.01ms}.sta-label:after{animation:none}}.fc-container{perspective:1000px;width:var(--fc-w);height:var(--fc-h);cursor:pointer}.fc-inner{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.fc-container.flipped .fc-inner{transform:rotateY(180deg)}.fc-container.vertical.flipped .fc-inner{transform:rotateX(180deg)}.fc-front,.fc-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}.fc-front{background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 8px 32px #0000004d}.fc-back{background:linear-gradient(135deg,#0f3460,#533483);box-shadow:0 8px 32px #0000004d;transform:rotateY(180deg)}.fc-container.vertical .fc-back{transform:rotateX(180deg)}@media (prefers-reduced-motion: reduce){.fc-inner{transition-duration:.01ms}}.glc-card{position:relative;width:var(--glc-w);min-height:var(--glc-h);padding:var(--glc-padding);border-radius:var(--glc-radius);overflow:hidden;isolation:isolate;color:#ffffffeb;background:rgba(255,255,255,var(--glc-opacity));backdrop-filter:blur(var(--glc-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glc-blur)) saturate(180%);border:1px solid rgba(255,255,255,.32);box-shadow:0 8px 32px #0000002e,inset 0 1px #ffffff73,inset 0 -1px #ffffff14;transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}.glc-card:hover{border-color:#ffffff6b;box-shadow:0 12px 40px #00000038,inset 0 1px #ffffff8c,inset 0 -1px #ffffff1a}.glc-card.glc-dark{color:#ffffffe0;background:rgba(12,14,28,calc(var(--glc-opacity) + .22));border-color:#ffffff24;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a,inset 0 -1px #ffffff0a}.glc-card.glc-dark:hover{border-color:#ffffff38;box-shadow:0 12px 40px #0000007a,inset 0 1px #ffffff24,inset 0 -1px #ffffff0f}.glc-shine{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.06) 28%,transparent 55%)}.glc-edge{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0f}.glc-content{position:relative;z-index:1}@media (prefers-reduced-motion: reduce){.glc-card{transition:none}}@supports not (backdrop-filter: blur(1px)){.glc-card{background:#ffffffd9}.glc-card.glc-dark{background:#181a2aeb}}.hc-wrap{perspective:800px;width:var(--hc-w);height:var(--hc-h)}.hc-card{position:relative;width:100%;height:100%;border-radius:16px;background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 8px 32px #0000004d;transform-style:preserve-3d;transition:transform .15s ease-out,box-shadow .3s ease;overflow:hidden;will-change:transform}.hc-card:hover{box-shadow:0 16px 48px #00000073}.hc-content{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.hc-holo{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:3;opacity:0;transition:opacity .3s ease;mix-blend-mode:color-dodge;background:repeating-linear-gradient(var(--hc-angle, 135deg),transparent 0%,rgba(255,0,0,.12) 5%,rgba(255,165,0,.12) 10%,rgba(255,255,0,.12) 15%,rgba(0,255,0,.12) 20%,rgba(0,127,255,.12) 25%,rgba(139,0,255,.12) 30%,transparent 35%);filter:blur(1px)}.hc-card:hover .hc-holo{opacity:var(--hc-intensity, .5)}.hc-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:4;opacity:0;transition:opacity .3s ease;background:radial-gradient(circle at var(--hc-mx, 50%) var(--hc-my, 50%),rgba(255,255,255,.25) 0%,transparent 60%)}.hc-card:hover .hc-shimmer{opacity:1}.hc-sparkle{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:5;opacity:0;transition:opacity .4s ease;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 60% 20%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 80% 60%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 15% 80%,rgba(255,255,255,.9),transparent),radial-gradient(1.5px 1.5px at 70% 45%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 50% 90%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 90% 15%,rgba(255,255,255,.5),transparent);animation:hc-twinkle 3s ease-in-out infinite alternate}.hc-card:hover .hc-sparkle{opacity:.8}@keyframes hc-twinkle{0%{filter:brightness(1)}50%{filter:brightness(1.4)}to{filter:brightness(.8)}}.hc-edge{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:6;border:1px solid rgba(255,255,255,.1)}@media (prefers-reduced-motion: reduce){.hc-card{transition-duration:.01ms}.hc-sparkle{animation:none}}.sc-container{position:relative;width:var(--sc-w);height:var(--sc-h);border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #00000059,0 0 0 1px #ffffff0f inset;user-select:none;-webkit-user-select:none;touch-action:none}.sc-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.sc-inner-face{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#34d399;font-size:22px;font-weight:700}.sc-canvas{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;border-radius:inherit;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.sc-canvas.revealed{opacity:0;pointer-events:none}.sc-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit}.sc-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0000004d;overflow:hidden}.sc-progress-fill{height:100%;background:linear-gradient(90deg,#34d399,#06b6d4);transition:width .15s ease-out;border-radius:0 2px 2px 0}.slc-wrap{position:relative;width:var(--slc-w);height:var(--slc-h);border-radius:16px;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);overflow:hidden;cursor:none;box-shadow:0 8px 32px #0006}.slc-content{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;-webkit-mask-image:radial-gradient(circle var(--slc-radius) at var(--slc-mx, -999px) var(--slc-my, -999px),#000 60%,transparent 100%);mask-image:radial-gradient(circle var(--slc-radius) at var(--slc-mx, -999px) var(--slc-my, -999px),#000 60%,transparent 100%);transition:mask-image 0s,-webkit-mask-image 0s}.slc-revealed .slc-content{-webkit-mask-image:none;mask-image:none}.slc-dim{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff14;position:absolute;top:0;right:0;bottom:0;left:0}.slc-glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background:radial-gradient(circle var(--slc-radius) at var(--slc-mx, -999px) var(--slc-my, -999px),var(--slc-color) 0%,transparent 100%);opacity:0;transition:opacity .2s ease}.slc-wrap:hover .slc-glow{opacity:1}.slc-border{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:4;border:1px solid rgba(255,255,255,.06)}.slc-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none;color:#ffffff26;font-size:14px;letter-spacing:2px;text-transform:uppercase;transition:opacity .3s ease}.slc-wrap:hover .slc-hint{opacity:0}@media (prefers-reduced-motion: reduce){.slc-content{transition-duration:.01ms}}.tc-wrap{perspective:800px;width:var(--tc-w);height:var(--tc-h)}.tc-card{position:relative;width:100%;height:100%;border-radius:16px;background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 8px 32px #0000004d;transform-style:preserve-3d;transition:transform .1s ease-out,box-shadow .3s ease;overflow:hidden;display:flex;align-items:center;justify-content:center;will-change:transform}.tc-card:hover{box-shadow:0 16px 48px #0006}.tc-glare{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:10}.tc-card:hover .tc-glare{opacity:1}@media (prefers-reduced-motion: reduce){.tc-card{transition-duration:.01ms}}.er-container{display:flex;flex-direction:column;align-items:center;gap:12px;width:var(--er-w)}.er-track-wrap{position:relative;width:100%;height:var(--er-emoji);display:flex;align-items:center}.er-track{width:100%;height:8px;border-radius:4px;background:linear-gradient(90deg,#e74c3c,#e67e22,#f1c40f,#2ecc71,#27ae60)}.er-input{position:absolute;top:0;left:calc(var(--er-emoji) / 2);right:calc(var(--er-emoji) / 2);height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;z-index:3;margin:0}.er-input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--er-emoji);height:var(--er-emoji);border-radius:50%;background:transparent;cursor:grab}.er-input::-moz-range-thumb{width:var(--er-emoji);height:var(--er-emoji);border-radius:50%;background:transparent;cursor:grab;border:none}.er-face{position:absolute;width:var(--er-emoji);height:var(--er-emoji);border-radius:50%;pointer-events:none;z-index:2;top:50%;transform:translateY(-50%);box-shadow:0 3px 10px #0000004d}.er-face svg{width:100%;height:100%}.er-label{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:15px;font-weight:700;letter-spacing:.3px}.js-container{position:relative;width:var(--js-w);height:var(--js-h);border-radius:16px;overflow:hidden;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.js-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.js-label{position:absolute;top:8px;left:12px;color:#fff;font:600 16px/1 system-ui,sans-serif;text-shadow:0 0 10px rgba(0,0,0,.5);pointer-events:none;opacity:.9;transition:opacity .2s ease;z-index:1}.js-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#888;font:14px system-ui,sans-serif;border-radius:inherit}.lc-wrap{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.lc-box{position:relative;width:var(--lc-size);height:var(--lc-size);border-radius:25%;border:2px solid rgba(255,255,255,.25);overflow:hidden;transition:border-color .3s ease;flex-shrink:0}.lc-wrap.checked .lc-box{border-color:var(--lc-color)}.lc-fill{position:absolute;bottom:0;left:-10%;right:-10%;height:0%;background:var(--lc-color);border-radius:50% 50% 0 0;transition:height .45s cubic-bezier(.4,0,.2,1),border-radius .45s ease}.lc-wrap.checked .lc-fill{height:120%;border-radius:0}.lc-wave{position:absolute;top:-8px;left:-20%;right:-20%;height:16px;background:var(--lc-color);border-radius:50%;opacity:.6;animation:lc-wave 1.5s ease-in-out infinite}.lc-wrap:not(.checked) .lc-wave{display:none}.lc-wrap.checked .lc-wave{animation:lc-wave 1.5s ease-in-out infinite,lc-fade .5s ease .4s forwards}@keyframes lc-wave{0%,to{transform:translate(-5%) rotate(-2deg)}50%{transform:translate(5%) rotate(2deg)}}@keyframes lc-fade{to{opacity:0}}.lc-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:opacity .2s ease .2s,transform .3s cubic-bezier(.34,1.56,.64,1) .2s}.lc-wrap.checked .lc-check{opacity:1;transform:scale(1)}.lc-check svg{width:60%;height:60%}.lc-label{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:14px;color:#ffffffb3;transition:color .3s ease}.lc-wrap.checked .lc-label{color:#fff}@media (prefers-reduced-motion: reduce){.lc-fill,.lc-check{transition-duration:.01ms}.lc-wave{animation:none}}.cf-container{position:relative;width:var(--cf-size);height:var(--cf-height, var(--cf-size))}.cf-container svg{width:100%;height:100%;overflow:visible}.cf-steam-g{opacity:0;transition:opacity .5s ease}.cf-steam-g.visible{opacity:1}.cf-wisp{fill:none;stroke:#ffffff40;stroke-width:2;stroke-linecap:round;animation:cf-wisp 2.5s ease-in-out infinite}.cf-wisp:nth-child(2){animation-delay:.6s;stroke:#ffffff2e}.cf-wisp:nth-child(3){animation-delay:1.2s;stroke:#ffffff26}@keyframes cf-wisp{0%{opacity:0;transform:translateY(0) scaleX(1)}30%{opacity:1}to{opacity:0;transform:translateY(-14px) scaleX(.6)}}.cf-wave{animation:cf-wave 3s ease-in-out infinite;transform-origin:center}@keyframes cf-wave{0%,to{transform:translate(-1px)}50%{transform:translate(1px)}}.cf-percentage-svg{font-size:10px;font-weight:700;font-family:Plus Jakarta Sans,system-ui,sans-serif;stroke-width:3;paint-order:stroke;pointer-events:none}.cf-wave.cf-fluid{animation:cf-fluid-slosh 2.5s ease-in-out infinite;transform-origin:center bottom}@keyframes cf-fluid-slosh{0%,to{transform:translate(-2px) scaleX(.97)}50%{transform:translate(2px) scaleX(1.03)}}.cf-fluid-surface{animation:cf-fluid-surface 2.5s ease-in-out infinite;transform-origin:center}@keyframes cf-fluid-surface{0%,to{transform:translate(-1.5px) scaleX(.96)}50%{transform:translate(1.5px) scaleX(1.04)}}.cf-fluid-pot{animation:cf-fluid-pot-slosh 3s ease-in-out infinite}@keyframes cf-fluid-pot-slosh{0%,to{transform:translateY(-1px) translate(-.5px)}50%{transform:translateY(1px) translate(.5px)}}.cf-stream{animation:cf-stream-wobble 1.5s ease-in-out infinite;transform-origin:top}@keyframes cf-stream-wobble{0%,to{transform:scaleX(1)}50%{transform:scaleX(.8)}}@media (prefers-reduced-motion: reduce){.cf-wisp,.cf-wave,.cf-stream,.cf-fluid-surface,.cf-fluid-pot{animation:none}}.dna-container{position:relative;display:flex;align-items:center;justify-content:center;width:var(--dna-size);height:var(--dna-size)}.dna-pair{position:absolute;display:flex;align-items:center;justify-content:space-between;width:80%;left:10%;animation:dna-rotate var(--dna-speed) linear infinite;animation-delay:var(--dna-delay);transform-style:preserve-3d;perspective:200px}.dna-dot{width:var(--dna-dot-size);height:var(--dna-dot-size);border-radius:50%;flex-shrink:0;box-shadow:0 0 8px var(--dna-dot-color);background:var(--dna-dot-color);animation:dna-pulse var(--dna-speed) ease-in-out infinite;animation-delay:var(--dna-delay)}.dna-dot.strand-a{--dna-dot-color: var(--dna-color-a)}.dna-dot.strand-b{--dna-dot-color: var(--dna-color-b)}.dna-connector{flex:1;height:2px;margin:0 4px;background:var(--dna-connector);border-radius:1px;opacity:.6;animation:dna-connector-fade var(--dna-speed) ease-in-out infinite;animation-delay:var(--dna-delay)}@keyframes dna-rotate{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes dna-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.5}}@keyframes dna-connector-fade{0%,to{opacity:.8;transform:scaleX(1)}25%,75%{opacity:.15;transform:scaleX(.3)}50%{opacity:.8;transform:scaleX(1)}}@media (prefers-reduced-motion: reduce){.dna-pair{animation-duration:.01ms}.dna-dot,.dna-connector{animation:none}}.ol-container{position:relative;width:var(--ol-size);height:var(--ol-size)}.ol-core{position:absolute;top:50%;left:50%;width:20%;height:20%;transform:translate(-50%,-50%);border-radius:50%;background:var(--ol-core);box-shadow:0 0 12px var(--ol-core)}.ol-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;animation:ol-spin var(--ol-speed) linear infinite}.ol-dot{position:absolute;width:14%;height:14%;border-radius:50%;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 8px var(--ol-dot-color);background:var(--ol-dot-color)}@keyframes ol-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.ol-ring{animation-duration:.01ms}}.spb-wrap{position:relative;width:100%;height:var(--spb-char-size, 32px)}.spb-track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:var(--spb-height, 6px);background:var(--spb-track-color, #1a1a2e);border-radius:999px;overflow:hidden}.spb-fill{position:absolute;top:0;left:0;bottom:0;border-radius:999px;background:var(--spb-progress-color, #7cb3f5);transition:width .15s linear}.spb-fill.trail-snail{background:linear-gradient(90deg,var(--spb-progress-color, #7cb3f5) 60%,rgba(144,238,144,.6))}.spb-fill.trail-snail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,transparent 100%);border-radius:inherit}.spb-fill.trail-rocket{background:linear-gradient(90deg,var(--spb-progress-color, #7cb3f5) 40%,#f59e0b 80%,#ef4444)}.spb-fill.trail-train:after{content:"";position:absolute;right:0;top:-4px;width:12px;height:4px;background:#c8c8c866;border-radius:4px;animation:spb-smoke-puff .8s ease-out infinite}@keyframes spb-smoke-puff{0%{opacity:.5;transform:translateY(0) scale(.6)}to{opacity:0;transform:translateY(-8px) scale(1.3)}}.spb-character{position:absolute;top:50%;transform:translateY(-50%);width:var(--spb-char-size, 32px);height:var(--spb-char-size, 32px);transition:left .15s linear;z-index:1;color:var(--spb-char-color, var(--spb-progress-color, #7cb3f5))}.spb-character svg{width:100%;height:100%;overflow:visible}.spb-anim-bob{animation:spb-bob .5s ease-in-out infinite}.spb-anim-crawl{animation:spb-crawl 2s ease-in-out infinite}.spb-anim-bounce{animation:spb-bounce .6s ease-in-out infinite}.spb-anim-wobble{animation:spb-wobble .4s ease-in-out infinite}.spb-anim-undulate{animation:spb-undulate 1.2s ease-in-out infinite}@keyframes spb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes spb-crawl{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes spb-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-1.5px)}}@keyframes spb-wobble{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-1px) rotate(1deg)}75%{transform:translateY(-1px) rotate(-1deg)}}@keyframes spb-undulate{0%,to{transform:translateY(0) scaleX(1)}25%{transform:translateY(-1px) scaleX(1.03)}75%{transform:translateY(-1px) scaleX(.97)}}.spb-flame{animation:spb-flicker .3s ease-in-out infinite alternate}@keyframes spb-flicker{0%{transform:scaleX(1);opacity:.9}to{transform:scaleX(.65);opacity:.6}}.spb-leg-back{animation:spb-stride-back .4s ease-in-out infinite alternate;transform-origin:top center}.spb-leg-front{animation:spb-stride-front .4s ease-in-out infinite alternate;transform-origin:top center}@keyframes spb-stride-back{0%{transform:rotate(-25deg)}to{transform:rotate(25deg)}}@keyframes spb-stride-front{0%{transform:rotate(25deg)}to{transform:rotate(-25deg)}}.spb-arm-back{animation:spb-arm-b .4s ease-in-out infinite alternate;transform-origin:top center}.spb-arm-front{animation:spb-arm-f .4s ease-in-out infinite alternate;transform-origin:top center}@keyframes spb-arm-b{0%{transform:rotate(20deg)}to{transform:rotate(-20deg)}}@keyframes spb-arm-f{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}.spb-pct{position:absolute;right:0;top:-8px;font-size:16px;font-weight:700;color:var(--spb-progress-color, #7cb3f5);font-family:system-ui,sans-serif;text-align:right}@media (prefers-reduced-motion: reduce){.spb-character,.spb-fill{transition-duration:.01ms!important}.spb-anim-bob,.spb-anim-crawl,.spb-anim-bounce,.spb-anim-wobble,.spb-anim-undulate,.spb-flame,.spb-leg-back,.spb-leg-front,.spb-arm-back,.spb-arm-front{animation-duration:.01ms!important}}.dock-root{display:flex;justify-content:center;align-items:flex-end;padding-top:calc(var(--dock-max) - var(--dock-base) + 44px)}.dock-glass-defs{position:absolute;width:0;height:0;pointer-events:none}.dock-panel{--dock-pad-y: 10px;position:relative;display:flex;align-items:flex-end;gap:var(--dock-gap);height:calc(var(--dock-base) + var(--dock-pad-y) * 2);padding:var(--dock-pad-y) 12px;border-radius:24px;background:#1c1c308c;backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 44px #00000073,inset 0 1px #ffffff24;overflow:visible}.dock-item{position:relative;flex:0 0 auto;width:var(--dock-size, var(--dock-base));height:var(--dock-size, var(--dock-base));padding:0;border:none;border-radius:24%;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(160deg,#ffffff2e,#ffffff0a);box-shadow:inset 0 1px #ffffff38,0 4px 12px #00000047;will-change:width,height;z-index:1}.dock-item:hover{z-index:2}.dock-item:focus-visible{box-shadow:inset 0 1px #ffffff38,0 0 0 3px var(--dock-accent)}.dock-icon{font-size:calc(var(--dock-size, var(--dock-base)) * .52);line-height:1;display:block;-webkit-user-select:none;user-select:none}.dock-label{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(6px);padding:5px 10px;border-radius:8px;background:#121220f5;color:#fff;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:0 6px 18px #0006;transition:opacity .18s ease,transform .18s ease}.dock-label:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#121220f5}.dock-item:hover .dock-label,.dock-item:focus-visible .dock-label{opacity:1;transform:translate(-50%) translateY(0)}.dock-dot{position:absolute;bottom:-7px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--dock-accent);transform:translate(-50%) scale(0);transition:transform .2s ease}.dock-item.active .dock-dot{transform:translate(-50%) scale(1)}.dock-item.bouncing{animation:dock-bounce .6s cubic-bezier(.28,.84,.42,1)}@keyframes dock-bounce{0%{transform:translateY(0)}30%{transform:translateY(-28%)}55%{transform:translateY(0)}72%{transform:translateY(-10%)}to{transform:translateY(0)}}.dock-panel.liquid{isolation:isolate;border-color:#ffffff38;box-shadow:0 16px 50px #00000080,inset 0 1px #ffffff80,inset 0 0 0 1px #ffffff14,inset 0 -12px 26px #ffffff0d}.dock-refract,.dock-shine,.dock-edge{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;pointer-events:none}.dock-refract{overflow:hidden;backdrop-filter:var(--dock-filter);-webkit-backdrop-filter:var(--dock-filter)}.dock-shine{overflow:hidden;mix-blend-mode:screen;background:radial-gradient(150px 90px at var(--dock-glare-x, 50%) -12%,rgba(255,255,255,.5),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.34) 0%,rgba(255,255,255,.06) 26%,transparent 52%)}.dock-edge{box-shadow:inset 0 1px 1px #fff9,inset 0 0 0 1px #ffffff1f,inset 0 -1px 2px #ffffff2e}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.dock-panel{background:#1c1c30eb}}@media (prefers-reduced-motion: reduce){.dock-item,.dock-label,.dock-dot{transition-duration:.01ms}.dock-item.bouncing{animation:none}}.mh-btn{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;outline:none;-webkit-tap-highlight-color:transparent}.mh-box{position:relative;width:var(--mh-size);height:var(--mh-size)}.mh-line{position:absolute;left:10%;width:80%;height:var(--mh-thick);background:var(--mh-color);border-radius:999px;transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .25s ease}.mh-line.l1{top:22%}.mh-line.l2{top:50%;transform:translateY(-50%)}.mh-line.l3{bottom:22%}.mh-btn.open .mh-line.l1{top:50%;transform:translateY(-50%) rotate(45deg)}.mh-btn.open .mh-line.l2{opacity:0;transform:translateY(-50%) scaleX(0)}.mh-btn.open .mh-line.l3{bottom:auto;top:50%;transform:translateY(-50%) rotate(-45deg)}@media (prefers-reduced-motion: reduce){.mh-line{transition-duration:.01ms}}.st-container{display:inline-block;font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--st-fs);color:var(--st-color, #fff);cursor:default;-webkit-user-select:none;user-select:none;letter-spacing:.02em}.st-char{display:inline-block;transition:color .1s ease;min-width:.6em}.st-char.scrambling{color:#fff6}.st-char.resolved{color:var(--st-color, #fff)}.st-char.space{width:.3em}@media (prefers-reduced-motion: reduce){.st-char{transition-duration:.01ms}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#0f0f1a;color:#eee;-webkit-font-smoothing:antialiased}h2{font-size:24px;font-weight:700;margin-bottom:8px}h3{font-size:17px;font-weight:600;margin-bottom:8px;color:#ccc}code{background:#1a1a2e;padding:2px 6px;border-radius:4px;font-size:13px;color:#7cb3f5}a{color:#7cb3f5}.sidebar-toggle{display:none;position:fixed;top:16px;left:16px;z-index:1001;width:40px;height:40px;border:1px solid #2a2a44;border-radius:8px;background:#16162a;color:#eee;font-size:20px;cursor:pointer;align-items:center;justify-content:center}.sidebar-overlay{display:none}.usage-sidebar{padding:24px 0}@media (max-width: 768px){.sidebar-toggle{display:flex}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#00000080}.usage-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:1000;transform:translate(-100%);transition:transform .25s ease}.usage-sidebar.open{transform:translate(0);padding-top:56px}.usage-main{padding:64px 16px 16px!important}.playground-preview{padding:16px!important;overflow-x:auto}.playground-controls{grid-template-columns:1fr!important}.props-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}}