@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7bdd799813739e3e-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c7f848bed9dd25a3-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit Fallback;src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}.__className_d28b19{font-family:Outfit,Outfit Fallback;font-style:normal}.__variable_d28b19{--font-outfit:"Outfit","Outfit Fallback"}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}body{--hue:333;--sat:1;--lit:1;--trans:0.25s;--trans-function:cubic-bezier(0.61,0.36,0.1,0.93);--menu-shadow:2px 2px 24px 0 rgba(0,0,0,0.35),0 6px 48px 16px rgba(0,0,0,0.65);--primary-shadow:inset 0 1px 0 0 hsl(var(--l2)),inset 0 -30px 20px -20px hsla(var(--l4),45%);--normal-shadow:inset 0 1px 0 0 hsl(var(--b3)),inset 0 -30px 20px -20px hsl(var(--b6),40%)}.colourful,body{--c1:var(--hue),calc(var(--sat) * 40%),100%;--c2:var(--hue),calc(var(--sat) * 60%),94%;--c3:var(--hue),calc(var(--sat) * 10%),60%;--l2:var(--hue),calc(var(--sat) * 40%),calc(clamp(min(0.5), var(--lit), max(1.5)) * 83%);--l3:var(--hue),calc(var(--sat) * 50%),calc(clamp(min(0.5), var(--lit), max(1.5)) * 70%);--l4:var(--hue),calc(var(--sat) * 60%),calc(clamp(min(0.5), var(--lit), max(1.5)) * 50%)}body{--b3:var(--hue),calc(var(--sat) * 10% * var(--sat-bg, 1)),30%;--b4:var(--hue),calc(var(--sat) * 12% * var(--sat-bg, 1)),16%;--b5:var(--hue),calc(var(--sat) * 12% * var(--sat-bg, 1)),12%;--b6:var(--hue),calc(var(--sat) * 14% * var(--sat-bg, 1)),6%;--b7:#000;font-family:var(--font-outfit);font-size:18px;line-height:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:hsl(var(--b6));color:hsl(var(--c2))}main{width:900px;max-width:90vw;height:100%;justify-content:center}.page,main{display:flex;flex-direction:column}.page{align-items:center;padding:60px 10px;height:100vh}a{color:hsl(var(--l3))}footer{font-size:16px;line-height:20px;display:inline-flex;align-items:center;gap:4px;color:hsl(var(--c3));.icon{width:16px;height:16px}a{display:inline-flex;align-items:center}}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 12px;font:inherit;font-weight:600;background:hsl(var(--l3));box-shadow:var(--primary-shadow);color:var(--b7);border-radius:10px;border:none;@media (max-width:400px){padding-left:14px;padding-bottom:12px;padding-right:14px;padding-top:12px}cursor:pointer;display:inline-flex;gap:6px;align-items:center;transition-property:background,transform;transition-duration:var(--trans);transition-timing-function:var(--trans-function);&:hover{background:color-mix(in hsl,hsl(var(--l3)),hsl(var(--l4)) 20%)}&:active{background:color-mix(in hsl,hsl(var(--l3)),hsl(var(--l4)) 40%);transform:scale(.98)}.icon{width:16px;height:16px;stroke-width:2.5px}&>span{display:flex;align-items:center}&.normal{background:hsl(var(--b4));color:hsl(var(--c2));box-shadow:var(--normal-shadow);&:hover{background:hsl(var(--b4),90%)}&:active{background:hsl(var(--b4),80%)}}}