@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200..900&display=swap";@layer reset,base,tokens,recipes,utilities;:root{--is-mobile: false}@media (max-width: 600px){:root{--is-mobile: true}}@layer base{html{font-family:Inter,Zen Kaku Gothic New,sans-serif;font-optical-sizing:auto;font-style:normal}body{background-color:var(--colors-base);margin:0;padding:0;line-height:1.5;color:var(--colors-text)}body *{margin:0}body a{color:var(--colors-sapphire);text-decoration:none}body a:hover{text-decoration:underline}body code{font-family:Source Code Pro;background-color:var(--colors-mantle);border-radius:.25rem;padding:0 .25rem}body strong{font-weight:600}@keyframes rotate{to{--angle: 360deg}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}}@layer reset;@layer base{:root{--made-with-panda:"🐼"}html,body{margin:0;padding:0}}@layer tokens{:where(:root,:host){--colors-macchiato-base:#24273a;--colors-macchiato-text:#cad3f5;--colors-rosewater:#dc8a78;--colors-flamingo:#dd7878;--colors-pink:#ea76cb;--colors-mauve:#8839ef;--colors-red:#d20f39;--colors-maroon:#e64553;--colors-peach:#fe640b;--colors-yellow:#df8e1d;--colors-green:#40a02b;--colors-teal:#179299;--colors-sky:#04a5e5;--colors-sapphire:#209fb5;--colors-blue:#1e66f5;--colors-lavender:#7287fd;--colors-text:#4c4f69;--colors-subtext1:#5c5f77;--colors-subtext0:#6c6f85;--colors-overlay2:#7c7f93;--colors-overlay1:#8c8fa1;--colors-overlay0:#9ca0b0;--colors-surface2:#acb0be;--colors-surface1:#bcc0cc;--colors-surface0:#ccd0da;--colors-base:#eff1f5;--colors-mantle:#e6e9ef;--colors-crust:#dce0e8;--gradients-primary:linear-gradient(120deg,var(--colors-lavender),var(--colors-pink))}}@layer recipes;@layer utilities{.ggQMUa{--bg-size:16px}.fSyumK{--bg-position:0px 0px}.hGuFJd{--translate:0px,0px}.dbohFx{--scale:1}.dAvFSk{--border-radius:10px}.jTSJxl{padding:0 .25rem}.bfSRK{padding:5% 10%}.jZsjHW{margin:0}.ddXHuK{background:var(--gradients-primary)}.beoSuN{padding:4px}.fUjdzo{background:0 0}.lgBaUd{padding:1.5rem}.hiJxwp{padding:.125rem .5rem}.jPYCZw{border:solid 2px var(--colors-sapphire)}.fZAeZb{gap:.5rem}.eLuUPu{overflow:visible}.dXscgu{overflow:hidden}.iMbnoH{font-style:italic}.IkaPO{font-weight:800}.kNAXBF{-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.iqYWFI{font-size:5rem}.lnkajv{font-size:2rem}.jwONey{display:grid}.bXvawE{grid-row-gap:2rem}.SUCfO{grid-column-gap:4rem}.dGmiri{grid-gap:inherit}.cclmKS{align-items:start}.fVgCCy{grid-template-columns:1fr 1fr}.ifjZDB{grid-row-gap:.5rem}.fHOtha{font-size:large}.HgOzd{display:flex}.gasSYy{flex-wrap:wrap}.leOnzr{grid-row-gap:1rem}.lhPceK{position:absolute}.diLdWV{fill:none}.jEERTG{stroke:var(--colors-text)}.gukrAo{stroke-width:.25rem}.iSOdAU{cursor:grab}.gSxJLz{display:inline-block}.dPdfOI{-webkit-background-clip:text;background-clip:text}.iULMNO{-webkit-background-clip:text}.hzIllj{-webkit-text-fill-color:transparent}.emPzDJ{position:relative}.enHNfG{background-image:linear-gradient(0deg,transparent calc(var(--bg-size) - 1px),var(--colors-surface0)var(--bg-size)),linear-gradient(90deg,transparent calc(var(--bg-size) - 1px),var(--colors-surface0)var(--bg-size))}.ciQlsR{background-size:var(--bg-size)var(--bg-size)}.crjnGL{background-position:var(--bg-position)}.jJeBkr{transform:translate(var(--translate))scale(var(--scale))}.eIsAcC{-webkit-user-select:none;user-select:none}.cbkwRf{white-space:nowrap}.cpMnrr{cursor:inherit}.dioZvk{border-radius:var(--border-radius)}.AMxSS{background-color:var(--colors-macchiato-base)}.ftbYVB{color:var(--colors-macchiato-text)}.hRzTKj{font-size:x-large}.ledPAz{font-weight:500}.gNOQHw{white-space:pre-wrap}.jqdmoe{padding-top:.5rem}.KPjXp{border-radius:8px}.eSsDnV{vertical-align:top}.iXbaao{padding-right:2rem}.cuSsmj{height:100svh}.ePwsZv{height:100%}.diGfnu{width:100%}.gVUbmd{width:-moz-fit-content;width:fit-content}.hsAbUs>*{margin:0}.xBOvQ h2{font-size:xx-large}.iTxinU h2{margin-bottom:1rem}.eRqltR h3{font-size:x-large}.jQDqTL h3{margin-bottom:.5rem}.kDUKcv a img{vertical-align:middle}.iOdZvl:hover{background:linear-gradient(var(--angle),var(--colors-pink),var(--colors-lavender))}.ftMQLQ:hover{animation:2s linear infinite rotate}.cyXbIq:active{cursor:grabbing}@media (max-width:600px){.ffiAnm{grid-template-columns:1fr}.honZJa{height:60svh}}}