.koco-machine{position:relative;width:100%;max-width:340px;margin:0 auto 22px;padding:10px 0 34px}.koco-machine__body{position:relative;filter:drop-shadow(0 22px 26px rgba(43,27,61,.2))}.koco-machine__body.is-cooking{animation:koco-hum 2.4s ease-in-out infinite}@keyframes koco-hum{0%,to{transform:translateY(0)}50%{transform:translateY(.6px)}}.koco-floor{position:absolute;left:50%;bottom:10px;transform:translate(-50%);width:270px;height:24px;border-radius:50%;background:radial-gradient(closest-side,rgba(43,27,61,.26),transparent);filter:blur(6px)}.koco-head{position:relative;z-index:3;width:246px;height:164px;margin:0 auto;border:1px solid #E2D9CB;border-radius:18px 18px 8px 8px;background:linear-gradient(180deg,#fffffff2,#fff0 34%),linear-gradient(96deg,#ede6db,#fff 26% 62%,#e6ded2);box-shadow:inset 0 2px #fffffff2,inset -8px 0 14px #2b1b3d12,inset 8px 0 12px #fff9,inset 0 -10px 16px #2b1b3d0f}.koco-head:after{content:"";position:absolute;left:14px;right:14px;top:8px;height:32px;border-radius:14px;background:linear-gradient(180deg,#ffffffd9,#fff0);pointer-events:none}.koco-brand{position:absolute;top:14px;left:0;right:0;text-align:center;font-weight:800;font-size:13px;letter-spacing:.14em;color:#784d93;text-shadow:0 1px 0 rgba(255,255,255,.9)}.koco-brand span{display:block;font-weight:500;font-size:8px;letter-spacing:.22em;color:#ac9cbc;margin-top:2px}.koco-panel{position:absolute;left:50%;top:54px;transform:translate(-50%);width:166px;padding:10px;border:1px solid #1A1126;border-radius:11px;background:linear-gradient(180deg,#3b2a50,#20142e);box-shadow:inset 0 2px 5px #ffffff24,inset 0 -3px 8px #000000a6,0 3px 8px #2b1b3d59}.koco-screen{position:relative;display:flex;justify-content:space-between;align-items:center;padding:7px 9px;border-radius:6px;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:radial-gradient(120% 140% at 30% 0%,#1d2a22,#0c0f0d);box-shadow:inset 0 2px 6px #000000e6,inset 0 0 0 1px #ffffff0f}.koco-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.05) 0 1px,transparent 1px 3px)}.koco-screen:after{content:"";position:absolute;left:-40%;top:-60%;width:70%;height:220%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);pointer-events:none}.koco-screen__time{color:#ffc93c;font-size:17px;letter-spacing:.06em;text-shadow:0 0 8px rgba(255,201,60,.75)}.koco-screen__stat{color:#5be39a;font-size:8.5px;letter-spacing:.14em;text-shadow:0 0 7px rgba(91,227,154,.7)}.koco-screen__stat.is-idle{color:#5c6b62;text-shadow:none}.koco-screen.is-flick{animation:koco-flick .16s steps(2)}@keyframes koco-flick{50%{filter:brightness(1.7)}}.koco-keys{display:flex;gap:7px;margin-top:9px;justify-content:center}.koco-keys i{width:20px;height:20px;border-radius:50%;display:block;background:radial-gradient(120% 120% at 40% 25%,#fff,#ded4c4);box-shadow:inset 0 -2px 3px #2b1b3d4d,inset 0 2px 2px #ffffffe6,0 1px 2px #00000059}.koco-keys i.is-live{background:radial-gradient(120% 120% at 40% 25%,#9c6fbb,#5f3a7a);box-shadow:inset 0 -2px 3px #0006,0 0 10px #784d93b3}.koco-keys i.is-live.is-on{background:radial-gradient(120% 120% at 40% 25%,#ffd86b,#e0a21c);box-shadow:0 0 14px #f2c230d9}.koco-nozzle{position:relative;z-index:3;width:38px;height:20px;margin:-1px auto 0;border:1px solid #DAD0C0;border-top:0;border-radius:0 0 8px 8px;background:linear-gradient(180deg,#f0e9dd,#dcd2c3);box-shadow:inset 0 -3px 5px #2b1b3d2e}.koco-water{position:absolute;left:50%;top:100%;transform:translate(-50%);width:5px;height:0;border-radius:0 0 4px 4px;background:linear-gradient(180deg,#bee1f5f2,#96cdeb59)}.koco-water.is-pouring{animation:koco-pour .55s ease-in}@keyframes koco-pour{0%{height:0;opacity:0}25%{opacity:1}70%{height:56px;opacity:1}to{height:56px;opacity:0}}.koco-neck{position:relative;z-index:1;width:246px;height:80px;margin:-4px auto 0;border:1px solid #E2D9CB;border-top:0;border-radius:0 0 8px 8px;background:linear-gradient(96deg,#e3dacd,#fbf7f0 30%,#fff 55%,#ddd3c5);box-shadow:inset 0 -14px 20px #2b1b3d14}.koco-base{position:relative;z-index:2;width:304px;margin:-12px auto 0;padding:12px 14px 16px;border:1px solid #E2D9CB;border-radius:12px;background:linear-gradient(180deg,#fff,#f3ece1 60%,#e4dacb);box-shadow:0 16px 30px #2b1b3d33,inset 0 2px #ffffffe6}.koco-plate{position:relative;height:28px;border-radius:6px;overflow:hidden;background:linear-gradient(180deg,#2a1e38,#150e1e 45%,#0b0710);box-shadow:inset 0 3px 7px #000c,inset 0 -1px #ffffff14}.koco-plate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.14) 38%,transparent 52%)}.koco-plate.is-hot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 140% at 50% 0%,rgba(242,194,48,.42),transparent 70%);animation:koco-glow 2.6s ease-in-out infinite}@keyframes koco-glow{0%,to{opacity:.55}50%{opacity:1}}.koco-cupwrap{position:relative;width:176px;margin:0 auto -18px;z-index:4}.koco-cup{position:relative;width:176px;height:132px;margin:0 auto;clip-path:polygon(2% 0,98% 0,85% 100%,15% 100%);background:linear-gradient(90deg,#2b1b3d29,#fff0 16%,#ffffffbf,#fff0,#2b1b3d33),linear-gradient(180deg,#fffdf7,#efe4d2);box-shadow:0 12px 18px #2b1b3d38}.koco-cup.is-bobbing{animation:koco-bob .44s cubic-bezier(.34,1.56,.64,1)}@keyframes koco-bob{0%{transform:scale(1)}28%{transform:scale(1.035,.955)}62%{transform:scale(.992,1.02)}to{transform:scale(1)}}.koco-band{position:absolute;left:0;right:0;top:44px;height:46px;display:grid;place-items:center;color:#fffbf2;font-weight:800;font-size:15px;letter-spacing:.07em;background:linear-gradient(90deg,#5e3b76,#8a5aa8 42%,#7a4e96 70%,#4e2e6b);text-shadow:0 1px 2px rgba(0,0,0,.35)}.koco-band span{display:block;font-weight:500;font-size:7px;letter-spacing:.18em;text-align:center;opacity:.9}.koco-mouth{position:absolute;top:-13px;left:0;width:176px;height:36px;border-radius:50%;z-index:5;overflow:hidden;border:6px solid #FFFDF7;background:radial-gradient(70% 120% at 50% 20%,#f3b451,#d98f2c 60%);box-shadow:inset 0 6px 12px #5a320a8c,0 2px 3px #2b1b3d40}.koco-mouth:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(40% 60% at 26% 22%,rgba(255,255,255,.4),transparent 70%)}.koco-noodle{position:absolute;border:3px solid rgba(247,214,150,.95);border-radius:50%;box-shadow:0 1px 1px #78460a59}.koco-oil{position:absolute;border-radius:50%;background:#ffd678d9;box-shadow:0 0 3px #ffdc8ce6}.koco-ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(255,255,255,.8);opacity:0}.koco-ripple.is-going{animation:koco-rip .6s ease-out}@keyframes koco-rip{0%{opacity:.9;transform:scale(.28)}to{opacity:0;transform:scale(1)}}.koco-landed{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden;pointer-events:none}.koco-sprite{position:absolute;width:28px;height:28px;transform:scale(0);display:grid;place-items:center}.koco-sprite img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(90,50,10,.5))}.koco-sprite--token{border-radius:50%;background:#784d93;color:#fffbf2;font-size:11px;font-weight:600;box-shadow:inset 0 -3px 4px #0000004d,0 3px 5px #5a320a73}.koco-sprite.is-in{animation:koco-sink .34s cubic-bezier(.34,1.4,.64,1) forwards}@keyframes koco-sink{0%{transform:scale(1.25) translateY(-6px)}60%{transform:scale(.94) translateY(2px)}to{transform:scale(1) translateY(0)}}.koco-reflect{position:absolute;left:50%;top:100%;width:176px;height:132px;transform:translate(-50%) scaleY(-.42);transform-origin:top;opacity:.2;filter:blur(2px);pointer-events:none;clip-path:polygon(2% 0,98% 0,85% 100%,15% 100%);background:linear-gradient(180deg,#EFE4D2,transparent 70%)}.koco-steam{position:absolute;top:-54px;left:50%;transform:translate(-50%);display:flex;gap:18px;pointer-events:none;opacity:0;transition:opacity .5s;filter:blur(5px)}.koco-steam.is-on{opacity:1}.koco-steam i{width:12px;height:28px;border-radius:50%;background:#ffffffd9;display:block;animation:koco-rise 3.2s ease-in-out infinite}.koco-steam i:nth-child(2){animation-delay:.7s;width:9px}.koco-steam i:nth-child(3){animation-delay:1.4s}@keyframes koco-rise{0%{opacity:0;transform:translateY(10px) scale(.6)}30%{opacity:.9}to{opacity:0;transform:translateY(-40px) scale(1.5) translate(6px)}}.koco-flyer{position:fixed;width:28px;height:28px;z-index:60;pointer-events:none;display:grid;place-items:center}.koco-flyer img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(43,27,61,.4))}@media screen and (max-width:989px){.koco-machine{max-width:280px}}@media(prefers-reduced-motion:reduce){.koco-steam i,.koco-cup.is-bobbing,.koco-ripple.is-going,.koco-sprite.is-in,.koco-plate.is-hot:after,.koco-machine__body.is-cooking{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/koco-hotplate.css.map */