@font-face{font-family:Fredoka;font-style:normal;font-weight:500 600;font-display:swap;src:url(/fonts/fredoka-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:500 600;font-display:swap;src:url(/fonts/fredoka-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--paper:#fff8ea;--paper-2:#ffefd2;--surface:#fff;--ink:#4a2b17;--muted:#7b5b45;--outline:#8a5430;--hard:#e8a24f;--brand:#ffa03a;--brand-2:#ffbe6e;--on-brand:var(--ink);--tomato:#c93b24;--on-tomato:#fff;--sky:#bde5f7;--pink:#ffd3da;--butter:#ffe08a;--mint:#c9efdc;--mint-ink:#1d5a42;--check-base:#4fb3e0;--check-strength:22%;--check:color-mix(in srgb, var(--check-base) var(--check-strength), transparent);--ok:#2f9a69;--warn:#c97a00;--full:var(--tomato);--yolk:#f6b92b;--wood:#e8b273;--grain:var(--ink);--grain-opacity:.08;--doodle:var(--outline);--doodle-opacity:.13;--bogi-1:#ffe2bd;--bogi-2:#ffb468;--bogi-3:#f58532;--bogi-foot:#e8742a;--bogi-cheek:#ff8fa3;--bogi-eye:#3b2416;--bogi-mouth:#7a2e1e;--bogi-hat:#fff;--bogi-hat-band:#f3e5d3;--bogi-shine:#fff;--bogi-spark:#ffc42e;--bogi-drop:#8fd3ff;--bogi-accent:var(--brand);--swatch-jeruk:#ffa03a;--swatch-pandan:#7fd6a0;--swatch-stroberi:#ff8fb0}:root[data-theme=pandan]{--paper:#f7fbef;--paper-2:#e7f3d9;--ink:#2b3a26;--muted:#52684a;--outline:#4f7a4a;--hard:#94cf8e;--brand:#7fd6a0;--brand-2:#a9e6c0;--sky:#d3efc9;--pink:#ffe0e0;--butter:#fbe38c;--mint:#d4f0e2;--mint-ink:#1d5a42;--check-base:#5dbb7d}:root[data-theme=stroberi]{--paper:#fff5f7;--paper-2:#ffe6ec;--ink:#4a2330;--muted:#7d5360;--outline:#9b4b66;--hard:#f4a3b8;--brand:#ff8fb0;--brand-2:#ffb3c9;--sky:#ffd9e5;--pink:#ffc6d6;--butter:#ffe08a;--mint:#d9f1e6;--mint-ink:#1d5a42;--check-base:#f58aa8}.bogi{width:100%;height:auto;display:block;overflow:visible}.bogi .b-body{fill:url(#bogiBody)}.bogi .b-foot{fill:var(--bogi-foot)}.bogi .b-shine{fill:var(--bogi-shine);opacity:.38}.bogi .b-cheek{fill:var(--bogi-cheek);opacity:.55}.bogi .mouth-open .b-cheek{opacity:1}.bogi .b-eye{fill:var(--bogi-eye)}.bogi .b-glint{fill:var(--bogi-shine)}.bogi .b-line{fill:none;stroke:var(--bogi-eye);stroke-linecap:round;stroke-linejoin:round}.bogi .b-mouth{fill:var(--bogi-mouth)}.bogi .b-hat{fill:var(--bogi-hat)}.bogi .b-band{fill:var(--bogi-hat-band)}.bogi .b-drop{fill:var(--bogi-drop)}.bogi .eyes,.bogi .mouth,.bogi .extra{display:none}.bogi[data-mood=idle] :is(.eyes-open,.mouth-smile),.bogi[data-mood=hello] :is(.eyes-happy,.mouth-open),.bogi[data-mood=thinking] :is(.eyes-open,.mouth-o,.extra-steam),.bogi[data-mood=happy] :is(.eyes-happy,.mouth-open,.extra-sparkle),.bogi[data-mood=confused] :is(.eyes-open,.mouth-wavy,.extra-confused),.bogi[data-mood=sleep] :is(.eyes-sleep,.mouth-sleep,.extra-zzz){display:inline}.bogi .shadow{fill:color-mix(in srgb, var(--outline) 16%, transparent);transform-box:fill-box;transform-origin:50%;animation:3.4s ease-in-out infinite shadow}.bogi .float{animation:3.4s ease-in-out infinite float}.bogi[data-mood=sleep] .float{animation:4.2s ease-in-out infinite breathe}.bogi[data-mood=thinking] .float{animation:2.2s ease-in-out infinite float}.bogi .squish{transform-box:view-box;transform-origin:100px 208px}.bogi:hover .squish{animation:squish .6s var(--ease-spring)}.bogi.jump .squish{animation:jump .75s var(--ease-out)}.bogi.nod .squish{animation:.16s ease-out nod}.bogi .eye{transform-box:fill-box;transform-origin:50%;animation:5.5s infinite blink}.bogi .eye-r{animation-delay:40ms}.bogi .eyes-open{transform:translate(var(--lx,0px), var(--ly,0px));transition:transform .15s ease-out}.bogi[data-look=down] .eyes-open{transform:translateY(5px)}.bogi[data-mood=thinking] .eyes-open{transform:translate(5px,-5px)}.bogi .hat{filter:drop-shadow(0 0 1.4px color-mix(in srgb, var(--outline) 55%, transparent))}.bogi[data-mood=thinking] .hat{transform-box:view-box;transform-origin:100px 82px;transform:rotate(-4deg)}.bogi .arm-r{transform-box:view-box;transform-origin:172px 138px}.bogi[data-mood=hello] .arm-r{animation:.9s ease-in-out infinite wave}.bogi .steam circle{fill:var(--bogi-hat);opacity:0;stroke:color-mix(in srgb, var(--outline) 40%, transparent);stroke-width:1px;animation:2s ease-in-out infinite steam}.bogi .steam circle:nth-child(2){animation-delay:.6s}.bogi .steam circle:nth-child(3){animation-delay:1.2s}.bogi .sparkle path{transform-box:fill-box;transform-origin:50%;fill:var(--bogi-spark);animation:1.4s ease-in-out infinite sparkle}.bogi .sparkle path:nth-child(2){animation-delay:.4s}.bogi .sparkle path:nth-child(3){animation-delay:.8s}.bogi .zzz text{font-family:var(--font-display);fill:var(--bogi-accent);opacity:0;font-weight:600;animation:2.6s ease-in-out infinite zzz}.bogi .zzz text:nth-child(2){animation-delay:.9s}.bogi .confused-mark{font-family:var(--font-display);fill:var(--bogi-accent);transform-box:fill-box;transform-origin:50%;font-weight:600;animation:1.6s ease-in-out infinite wobble}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes shadow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.86)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025,.975)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.08)}}@keyframes squish{0%{transform:scale(1)}30%{transform:scale(1.1,.88)}60%{transform:scale(.94,1.07)}to{transform:scale(1)}}@keyframes jump{0%{transform:scale(1)}18%{transform:scale(1.14,.84)}48%{transform:translateY(-34px)scale(.92,1.1)}78%{transform:translateY(0)scale(1.1,.88)}to{transform:scale(1)}}@keyframes nod{0%{transform:scale(1)}50%{transform:translateY(4px)scale(1.04,.95)}to{transform:scale(1)}}@keyframes wave{0%,to{transform:rotate(-125deg)}50%{transform:rotate(-152deg)}}@keyframes steam{0%{opacity:0;transform:translateY(8px)scale(.6)}40%{opacity:.95}to{opacity:0;transform:translateY(-16px)scale(1.2)}}@keyframes sparkle{0%,to{opacity:.4;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1.1)rotate(25deg)}}@keyframes zzz{0%{opacity:0;transform:translateY(8px)}40%{opacity:1}to{opacity:0;transform:translate(8px,-14px)}}@keyframes wobble{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}:root{--im-ease:cubic-bezier(.2, .8, .2, 1)}.icon svg{transform-origin:50%}.icon[data-anim=wiggle]{--im:im-wiggle;--im-t:.55s}.icon[data-anim=spin]{--im:im-spin;--im-t:.7s}.icon[data-anim=bounce]{--im:im-bounce;--im-t:.5s}.icon[data-anim=nudge]{--im:im-nudge;--im-t:.5s}.icon[data-anim=nudge-left]{--im:im-nudge-left;--im-t:.5s}.icon[data-anim=pulse]{--im:im-pulse;--im-t:.55s}.icon[data-anim=twinkle]{--im:im-twinkle;--im-t:.7s}.icon[data-anim=turn]{--im:im-turn;--im-t:.35s}.icon[data-anim=pop]{--im:im-pop;--im-t:.4s}.icon[data-anim=blink]{--im:none}.icon[data-click=pop]{--imc:im-pop;--imc-t:.4s}.icon[data-click=spin]{--imc:im-spin;--imc-t:.6s}.icon[data-click=bounce]{--imc:im-bounce;--imc-t:.45s}.icon[data-click=twinkle]{--imc:im-twinkle;--imc-t:.7s}.icon[data-click=turn]{--imc:im-turn;--imc-t:.3s}.icon[data-click=draw]{--imc:none}@keyframes im-wiggle{0%,to{rotate:0deg}25%{rotate:-14deg}75%{rotate:12deg}}@keyframes im-spin{to{rotate:360deg}}@keyframes im-bounce{0%,to{translate:0}40%{translate:0 -4px}70%{translate:0 1px}}@keyframes im-nudge-left{0%,to{translate:0}50%{translate:-4px}}@keyframes im-nudge{0%,to{translate:0}50%{translate:4px}}@keyframes im-pulse{0%,to{scale:1}40%{scale:1.22}70%{scale:.96}}@keyframes im-twinkle{0%,to{rotate:0deg;scale:1}40%{rotate:25deg;scale:1.2}}@keyframes im-turn{to{rotate:90deg}}@keyframes im-pop{0%,to{scale:1}35%{scale:.78}70%{scale:1.2}}@keyframes im-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes im-blink{0%,to{scale:1}45%{scale:1 .1}}:where(a,button,summary,label,[role=button],[role=menuitem],[role=tab],.nav-link):not(:disabled,[aria-disabled=true]):focus-visible .icon[data-anim] svg{animation:var(--im) var(--im-t,.55s) var(--im-ease)}@media (hover:hover){:where(a,button,summary,label,[role=button],[role=menuitem],[role=tab],.nav-link):not(:disabled,[aria-disabled=true]):hover .icon[data-anim] svg{animation:var(--im) var(--im-t,.55s) var(--im-ease)}}.icon[data-playing][data-click][data-anim] svg{animation:var(--imc,none) var(--imc-t,.4s) var(--im-ease)}.icon[data-playing][data-click=draw] svg :is(path,circle,rect,line){stroke-dasharray:1;animation:.45s ease-out im-draw}.icon .pupil{transform-box:fill-box;transform-origin:50%}.icon .slash{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .25s var(--im-ease)}[aria-pressed=true]>.icon .slash{stroke-dashoffset:0}:where(button,a):not(:disabled):focus-visible .icon[data-anim=blink] .pupil{animation:.45s ease-in-out im-blink}@media (hover:hover){:where(button,a):not(:disabled):hover .icon[data-anim=blink] .pupil{animation:.45s ease-in-out im-blink}}