@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 800;font-display:swap;src:local("JetBrains Mono"),url("/static/fonts/JetBrainsMono.woff2") format("woff2"),url("/static/fonts/JetBrainsMono.ttf") format("truetype")}@font-face{font-family:"JetBrains Mono";font-style:italic;font-weight:100 800;font-display:swap;src:local("JetBrains Mono Italic"),url("/static/fonts/JetBrainsMono-Italic.woff2") format("woff2"),url("/static/fonts/JetBrainsMono-Italic.ttf") format("truetype")}body{font-family:"JetBrains Mono",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";background-color:oklch(.9735 .0261 90.1);margin:0}body ::selection{background-color:oklch(.9306 .026 92.4)}.container{width:95%;margin:0 auto}@media(min-width: 576px){.container{width:540px}}@media(min-width: 768px){.container{width:720px}}@media(min-width: 992px){.container{width:960px}}@media(min-width: 1200px){.container{width:1140px}}@media(min-width: 1400px){.container{width:1320px}}header{display:grid;justify-content:center;align-items:center;gap:2rem;height:80vh;margin-right:3rem;grid-template-columns:1.5fr 1fr;margin-bottom:2rem}@media(width <= 992px){header{display:flex;flex-direction:column;margin-right:0}header .background-image{width:100%;aspect-ratio:1.33;margin-right:0 !important;border-bottom-right-radius:1em !important;border-bottom-left-radius:1em}header .headline{width:90%;margin:0 auto}}header h1{font-weight:900;margin-bottom:0;margin-top:0;font-size:3rem}header h1+p{margin-top:.25em;margin-bottom:0;font-size:1.25rem;font-weight:bold}header h1+p+p{margin-top:.5em;font-style:italic}header hr{border:1px solid rgba(0,0,0,.1)}header .background-image{margin-right:1rem;background-image:url("https://kakigoori.dev/5e858871-ede8-4f05-972c-abcfd10fcb64/auto");background-repeat:no-repeat;background-position:center;background-size:cover;height:100%;box-shadow:rgba(0,0,0,.24) 0px 3px 8px;border-bottom-right-radius:2em}main .description{display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem;margin-bottom:2rem}@media(width <= 992px){main .description{display:flex;flex-direction:column}}main .description mark{display:inline-block;padding:.25em .5em;margin:0 0 .25em;color:#fff;background-color:oklch(.5924 .2025 355.89)}main .description mark::selection{background-color:oklch(from oklch(59.24% 0.2025 355.89deg) calc(l - 0.1) c h)}main .description mark.green{background-color:oklch(.6444 .1508 118.6)}main .description mark.green::selection{background-color:oklch(.5444 .1508 118.6)}main .description pre{background-color:oklch(.2673 .0486 219.82);color:#fff;padding:1rem;font-family:"JetBrains Mono",monospace;font-weight:600;overflow-y:scroll}main .description pre ::selection{background-color:oklch(.3092 .0518 219.65)}main .magenta{background-color:oklch(.5924 .2025 355.89);color:#fff}main .magenta ::selection{background-color:oklch(from oklch(59.24% 0.2025 355.89deg) calc(l - 0.1) c h)}main .cyan{background-color:oklch(.6437 .1019 187.38);color:#fff}main .cyan ::selection{background-color:oklch(from oklch(64.37% 0.1019 187.38deg) calc(l - 0.1) c h)}main #examples{padding:2rem 0}main #examples h2{margin-top:0}main #examples #examples-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:1rem}@media(width <= 992px){main #examples #examples-grid{display:flex;flex-direction:column}}main #examples #examples-grid img{width:100%;aspect-ratio:1.33}main #examples #examples-grid figure{display:flex;flex-flow:column;margin:0}main #examples #examples-grid figcaption{background-color:oklch(from oklch(59.24% 0.2025 355.89deg) calc(l - 0.1) c h);text-align:center;padding:.5rem}main #examples #examples-grid figcaption::selection,main #examples #examples-grid figcaption ::selection{background-color:oklch(from oklch(59.24% 0.2025 355.89deg) calc(l - 0.2) c h)}main #qa{padding:2rem 0}main #qa ::selection{background-color:oklch(from oklch(64.37% 0.1019 187.38deg) calc(l - 0.2) c h)}main #qa h2{margin-top:0}main #qa details{background-color:oklch(from oklch(64.37% 0.1019 187.38deg) calc(l - 0.1) c h);cursor:pointer;margin-bottom:1rem}main #qa details summary{padding:1rem}main #qa details ::selection{background-color:oklch(from oklch(64.37% 0.1019 187.38deg) calc(l - 0.2) c h)}main #qa details[open] summary{padding:0 0 1rem 0}main #qa details[open]{background-color:oklch(from oklch(64.37% 0.1019 187.38deg) calc(l - 0.2) c h);padding:1rem}main #qa details[open]::selection,main #qa details[open] ::selection{background-color:oklch(from oklch(64.37% 0.1019 187.38deg) calc(l - 0.3) c h)}main #qa details[open] a,main #qa details[open] a:visited,main #qa details[open] a:hover,main #qa details[open] a:active{color:#fff}footer{background-color:oklch(from oklch(64.37% 0.1019 187.38deg) calc(l - 0.1) c h);color:#fff;padding:1rem;text-align:center}footer p{margin:0}footer ::selection{background-color:oklch(from oklch(64.37% 0.1019 187.38deg) calc(l - 0.2) c h)}/*# sourceMappingURL=index.css.map */