@keyframes music-fly-out{25%{opacity:100}to{transform:translate(-15px,-15px);opacity:0}}footer[data-astro-cid-qfie5wmb]{display:flex;justify-content:space-between}footer[data-astro-cid-qfie5wmb] .footer-info[data-astro-cid-qfie5wmb]{position:relative;display:flex;flex-direction:horizontal;align-items:center;gap:.5rem;p,a{margin:0}i{font-size:var(--font-size-medium);color:var(--color-text-secondary);position:absolute;right:100px;top:-5px;opacity:0;z-index:-100}a:hover~i{animation:music-fly-out 1s ease-in 2}}footer[data-astro-cid-qfie5wmb] .links[data-astro-cid-qfie5wmb]{display:flex;flex-direction:horizontal;align-items:center;gap:.5rem;flex-wrap:wrap}:root{--font-size-small: clamp(.813rem, .063vw + .8rem, .875rem);--font-size-medium: 1rem;--font-size-large: clamp(1rem, .25vw + 1rem, 1.25rem);--font-size-xlarge: clamp(1.25rem, .5vw + 1.15rem, 1.75rem);--font-size-xxlarge: clamp(1.5rem, .625vw + 1.375rem, 2.125rem);--font-weight-reg: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--lh-small: 140%;--lh-medium: 150%;--lh-large: 160%;--lh-xlarge: 175%;--color-gray-1: #fff;--color-gray-2: #fbfbfb;--color-gray-3: #f3f3f6;--color-gray-4: #e7e7e7;--color-gray-5: #b5b5b5;--color-gray-6: #646464;--color-gray-7: #121212;--color-background-primary: var(--color-gray-1);--color-background-secondary: var(--color-gray-3);--color-background-tertiary: var(--color-gray-2);--color-border-light: var(--color-gray-4);--color-border-dark: var(--color-gray-5);--color-text-primary: var(--color-gray-7);--color-text-secondary: var(--color-gray-6);--border-radius-xsmall: .25rem;--border-radius-small: .5rem;--border-radius-medium: clamp(.25rem, .5vw + .15rem, .75rem);--border-radius-large: 1rem;--nav-height: 60px;--illustration-height: clamp(30rem, 20vw + 21rem, 45rem);--card-padding: clamp(.75rem, .75vw + .6rem, 1.5rem)}@font-face{font-family:PlusJakartaSans;src:url(/fonts/PlusJakartaSans-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PlusJakartaSans;src:url(/fonts/PlusJakartaSans-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PlusJakartaSans;src:url(/fonts/PlusJakartaSans-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:PlusJakartaSans;src:url(/fonts/PlusJakartaSans-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CommitMono;src:url(/fonts/CommitMono-400-Regular.otf) format("truetype");font-weight:400;font-style:normal;font-display:swap}nav,footer{padding-left:3rem;padding-right:3rem}footer{margin-bottom:2rem;display:flex;flex-direction:row;align-items:center}.footer-links{display:flex;flex-direction:row;align-items:center}.footer-links>*{margin-bottom:0}nav{height:var(--nav-height);top:0;left:0;right:0;position:fixed;z-index:9999;background-color:#fff;display:flex;align-items:center;justify-content:space-between;transition:transform .4s ease-in}@keyframes navFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}nav ul{display:flex;width:100%;justify-content:space-between;padding:0;margin:0}nav a{margin-bottom:0}nav li{text-align:center}.nav--hidden{transform:translateY(calc(-1*var(--nav-height)))}nav .icon{display:none}figure{position:relative;margin:0;padding:0}figure img{width:100%;height:auto;object-fit:cover;overflow:hidden}figure video{width:100%;height:auto;object-fit:cover;overflow:hidden}.img-border img{border-radius:var(--border-radius-medium);border:1px solid var(--color-border-light)}.img-mid{padding:clamp(1.5rem,2.5vw + 1rem,4rem);background-color:var(--color-background-tertiary);border-radius:var(--border-radius-medium);border:1px solid var(--color-border-light);overflow:hidden}.img-right{padding:2rem 0 0;background-color:var(--color-background-tertiary);border-radius:var(--border-radius-medium);border:1px solid var(--color-border-light);overflow:hidden}.img-bot{padding:.5rem 2rem 0;background-color:var(--color-background-tertiary);border-radius:var(--border-radius-medium);border:1px solid var(--color-border-light);overflow:hidden}.img-all img,video{display:flex;border-radius:var(--border-radius-medium);border:1px solid var(--color-border-light);overflow:hidden}.bg-ic{background-color:#fff7ed}.bg-cn{background-color:var(--color-background-primary);background-image:linear-gradient(to bottom,#b8f6fe40,#feffdc40 50.52%,#ffbfd340)}.bg-dd{background-color:var(--color-background-primary);background-image:linear-gradient(223.45deg,#b82fff40 -6.71%,#a733fa40 12.07%,#4e46df40 113.23%)}.bg-rx{background-color:#191b1d}.img-right img{position:relative;right:-2rem;bottom:-2rem}.img-bot img{position:relative;bottom:-2rem}figure a[href]:after{content:"";display:block;position:absolute;inset:0}figure img{transition:transform .3s ease}figure a:hover img{transform:scale(1.02)}i{color:var(--color-text-secondary)}nav a{text-decoration:none;border-radius:var(--border-radius-small);padding:.5rem .75rem;text-align:center;transition:background-color .2s ease-in-out}nav a:hover{background-color:var(--color-background-secondary)}#project-list,header,.inko-cat,.creator-now,.datadog,.about{padding-left:10rem;padding-right:10rem}.playground{padding-left:2rem;padding-right:2rem;padding-bottom:6rem}.blog-post,.blog{max-width:80ch;margin:0 auto}.blog{height:calc(100vh - 200px)}pre{margin-top:1rem;margin-bottom:1rem;padding:1.5rem;border-radius:var(--border-radius-medium);font-family:CommitMono,sans-serif;font-weight:var(--font-weight-reg);font-size:var(--font-size-small);line-height:var(--lh-medium);background-color:#fff;border:1px solid var(--color-border-light);box-shadow:0 1px 3px #0000000d;overflow-x:auto}pre>code{all:unset}pre>code .line{margin-bottom:1rem}.blog-post img,.blog-post video,.blog img{max-width:100%;height:auto;border-radius:var(--border-radius-medium);border:.75px solid var(--color-border-light)}.subscribe{margin:3rem 0}.blog-list{margin-top:1rem}.blog-row{position:relative;display:flex;flex-direction:row;column-gap:1rem;text-align:left;align-items:center;justify-content:space-between;border-radius:var(--border-radius-medium);padding:.45rem 1rem .125rem;margin-left:-1rem;transition:background-color .2s cubic-bezier(.25,.46,.45,.94);cursor:pointer}.blog-row>*{flex:1;position:relative;z-index:1}.blog-row>p{text-align:right;pointer-events:none}.blog-row>a{line-height:var(--lh-medium);text-decoration:none;color:var(--color-text-secondary)}.blog-row>a:hover{color:var(--color-text-secondary)}.blog-row-link:after{content:"";position:absolute;inset:0;z-index:0}.blog-row:hover{background-color:var(--color-background-secondary)}#project-list .project-list-item{margin:0 0 8rem}.proj_description li{margin:0 0 1rem}.proj_description .proj_pos{color:var(--color-text-primary)}.project_description{margin:0 0 1.25rem}header h3{margin:0 auto;text-align:center;width:70%}body{margin:0 auto;background-color:var(--color-background-primary);padding-top:140px}body>*:not(nav){animation:fadeIn .75s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.svg-container{overflow-x:auto;scroll-behavior:smooth}#hero-illustration{margin:0 0 2rem}#hero-illustration svg{width:100%;margin:1rem 0}@keyframes spaceship{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}#spaceship{animation-name:spaceship;animation-duration:3s;animation-iteration-count:infinite;animation-delay:1.5s}@keyframes cube{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}#cube{animation-name:cube;animation-duration:6s;animation-iteration-count:infinite;animation-delay:1.5s}@keyframes totoro{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}#totoro{animation-name:totoro;animation-duration:3s;animation-iteration-count:infinite;animation-delay:1.5s}@keyframes walk-side-1{50%{transform:translate(-15px,10px)}}@keyframes walk-side-2{50%{transform:translate(15px,-8px)}}@keyframes walk-side-3{50%{transform:translate(-80px,40px)}}@keyframes walk-up{50%{transform:translateY(-10px)}}@keyframes walk-down{50%{transform:translateY(10px)}}#figure-2{animation-name:walk-side-2;animation-duration:6s;animation-iteration-count:infinite;animation-delay:1.5s}#figure-3{animation-name:walk-down;animation-duration:6s;animation-iteration-count:infinite;animation-delay:1.5s}#figure-4{animation-name:walk-side-3;animation-duration:15s;animation-iteration-count:infinite;animation-delay:1.5s}#figure-5{animation-name:walk-side-2;animation-duration:10s;animation-iteration-count:infinite;animation-delay:1.5s}#figure-8{animation-name:walk-side-1;animation-duration:6s;animation-iteration-count:infinite;animation-delay:1.5s}#figure-6{animation-name:walk-up;animation-duration:4s;animation-iteration-count:infinite;animation-delay:1.5s}svg{position:relative}#spaceship,#laptop,#ping-pong,#microphone,#cup,#pencil,#cat,#art-palette,#taipei-101,#totoro,#pen-tool{position:absolute;transition:transform .4s ease-out;transform-origin:center}#spaceship:hover,#laptop:hover,#ping-pong:hover,#microphone:hover,#cup:hover,#pencil:hover,#cat:hover,#art-palette:hover,#taipei-101:hover,#pen-tool:hover{transform:translateY(-.4rem)}#grid-base{box-shadow:0 0 40px 100px #fff inset}.skip{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;background-color:var(--color-background-tertiary);padding:.25rem .75rem}.skip:focus{position:absolute;left:20px;top:70px;width:auto;height:auto}.logo{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem}.logo p{margin:0}.logo img{border-radius:var(--border-radius-small)}.grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;column-gap:1.25rem;row-gap:0}.grid figure{margin-bottom:1.25rem}.wide-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;gap:3rem;max-width:100%}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;gap:0 1.25rem}.sub-header{margin-block-start:3rem}.tag{font-family:PlusJakartaSans,sans-serif;font-weight:var(--font-weight-reg);font-size:var(--font-size-small);line-height:var(--lh-xlarge);color:var(--color-text-secondary);padding:.125rem .375rem;background-color:var(--color-background-secondary);border-radius:var(--border-radius-small);display:inline-block;margin-right:.25rem}.tag-list{margin-block-end:2rem}.tooltip{position:absolute;background-color:var(--color-background-primary);color:var(--color-text-primary);border:1px solid var(--color-border-light);padding:.5rem;border-radius:var(--border-radius-medium);visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s;display:flex;width:240px;align-items:center;box-shadow:2px 4px 10px #5959591a;animation:scale-up-bottom .4s cubic-bezier(.39,.575,.565,1) both}@keyframes scale-up-bottom{0%{transform:scale(.5);transform-origin:50% 100%}to{transform:scale(1);transform-origin:50% 100%}}.tooltip-text{margin:0;font-family:PlusJakartaSans,sans-serif;font-weight:var(--font-weight-reg);font-size:var(--font-size-small);line-height:var(--lh-xlarge)}.tooltip.show{visibility:visible;opacity:1}.tooltip-fig{position:relative;width:100%;height:100%}.tooltip-fig img,.tooltip video{width:100%;height:160px;object-fit:cover;z-index:1;margin:0;border-radius:var(--border-radius-small)}.skeleton{position:absolute;background-color:var(--color-background-secondary);width:100%;height:160px;top:0;left:0;z-index:-1;border-radius:var(--border-radius-small);animation:loading-skeleton 1s linear 3 alternate}@keyframes loading-skeleton{0%{background-color:var(--color-background-secondary)}to{background-color:var(--color-background-tertiary)}}.proj_description{display:flex;flex-direction:row;align-items:top;column-gap:2rem}.proj_description li{flex:1}.column-3{grid-column-start:span 3}.column-4{grid-column-start:span 4}.column-6{grid-column-start:span 6}.column-8{grid-column-start:span 8}.column-12{grid-column-start:span 12}.quick-overview{margin-block-end:3rem}h1{font-family:PlusJakartaSans,sans-serif;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xxlarge);line-height:var(--lh-small);color:var(--color-text-primary);margin:0 0 1rem}h2{font-family:PlusJakartaSans,sans-serif;font-weight:var(--font-weight-semibold);font-size:var(--font-size-xlarge);line-height:var(--lh-large);color:var(--color-text-primary);margin:0 0 1rem;width:70%}h3{font-family:PlusJakartaSans,sans-serif;font-weight:var(--font-weight-semibold);font-size:var(--font-size-large);line-height:var(--lh-xlarge);color:var(--color-text-primary);margin:0 0 .25rem}h4{font-family:PlusJakartaSans,sans-serif;font-weight:var(--font-weight-semibold);font-size:var(--font-size-medium);line-height:var(--lh-xlarge);color:var(--color-text-primary);margin:0 0 .25rem}h5{font-family:PlusJakartaSans,sans-serif;font-weight:var(--font-weight-medium);font-size:var(--font-size-medium);line-height:var(--lh-xlarge);color:var(--color-text-secondary);margin:0 0 .5rem}h6{font-family:PlusJakartaSans,sans-serif;font-weight:var(--font-weight-medium);font-size:var(--font-size-small);line-height:var(--lh-xlarge);color:var(--color-text-secondary);text-transform:uppercase;margin:.5rem 0 .25rem}figcaption{font-family:CommitMono,sans-serif;font-weight:var(--font-weight-reg);font-size:var(--font-size-small);line-height:var(--lh-xlarge);letter-spacing:.04rem;color:var(--color-text-secondary);text-transform:uppercase;margin:.5rem 0 .25rem}p{font-family:PlusJakartaSans,sans-serif;font-weight:var(--font-weight-reg);font-size:var(--font-size-medium);line-height:var(--lh-xlarge);color:var(--color-text-secondary);margin:0 0 .5rem}strong{font-family:PlusJakartaSans,sans-serif;font-weight:var(--font-weight-bold);font-size:var(--font-size-medium);line-height:var(--lh-xlarge);color:var(--color-text-primary)}a{font-family:PlusJakartaSans,sans-serif;color:var(--color-text-secondary);text-decoration-thickness:.9px;text-underline-offset:3px;margin:0 0 .5rem}.title-a{font-family:PlusJakartaSans,sans-serif;color:var(--color-text-primary);text-decoration:none;margin:0 0 .5rem}a:hover{color:var(--color-text-primary)}ul{list-style-type:none;padding-left:0;margin-block-start:0;margin-block-end:0}.blog-post{h1,h2,h3,h4,h5,h6,p{margin-bottom:0}h1{margin-bottom:2rem}h2{margin-top:2.5rem}h3{margin-top:1.75rem}h4{margin-top:1.5rem;margin-bottom:-.5rem}h5{margin-top:1.25rem}h6{margin-top:1rem}img{margin-top:.5rem}p{margin-top:1rem;margin-bottom:0;line-height:185%}blockquote{border-left:4px solid var(--color-border-light);padding:0 0 0 1.25rem;margin:1.5rem 0;font-size:1.333em}ul{list-style-type:disc;padding-left:1.5em}li{margin-top:.75em;font-family:PlusJakartaSans,sans-serif;font-weight:var(--font-weight-reg);font-size:var(--font-size-medium);line-height:var(--lh-xlarge);color:var(--color-text-secondary)}p>code,li>code{font-family:CommitMono,sans-serif;font-weight:var(--font-weight-reg);font-size:var(--font-size-small);padding:.25rem;margin:0 .25rem;border-radius:var(--border-radius-xsmall);background:var(--color-background-secondary)}}.timeline,.timeline *{box-sizing:border-box}.timeline{position:relative;max-width:1200px;margin:0 auto}.timeline:after{content:"";position:absolute;width:2px;background-color:var(--color-border-light);top:0;bottom:0;left:20px;margin-left:-1px}.container{position:relative;background-color:inherit;width:100%;padding-left:50px}.container:after{content:"";position:absolute;width:10px;height:10px;right:-7px;background-color:var(--color-background-secondary);border:2px solid var(--color-border-dark);top:0;border-radius:50%;z-index:1}.left{left:0;padding:0 0 4rem 3rem}.right{left:0%;padding:0 0 4rem 3rem}.left:after,.right:after{left:13px}.content{padding:var(--card-padding);background-color:var(--color-background-primary);position:relative;border-radius:var(--border-radius-medium);border:1px solid var(--color-border-light);display:flex;flex-direction:column;column-gap:2rem}.content>*{flex:1}.content p{max-width:60ch;overflow:hidden;text-overflow:ellipsis}.content img{width:100%;height:240px;object-fit:cover;border-radius:.5rem;display:flex}.content-img-g{display:flex;column-gap:1rem;margin-top:.5rem}.content-img-g>*{flex:1}.content-img-g p{margin-bottom:0}.content-img-g img{border:1px solid var(--color-border-light)}.journey h2{margin-bottom:1.5rem}.slider-wrapper{position:relative}.slider{display:flex;aspect-ratio:16 / 9;overflow-x:auto;scroll-behavior:smooth;border-radius:.5rem}.slider img{flex:1 0 100%;animation:slide 16s infinite}@keyframes slide{0%{transform:translate(0)}25%{transform:translate(0)}30%{transform:translate(-100%)}50%{transform:translate(-100%)}55%{transform:translate(-200%)}75%{transform:translate(-200%)}80%{transform:translate(-300%)}to{transform:translate(-300%)}}.slider::-webkit-scrollbar,.svg-container::-webkit-scrollbar{display:none}.slider,.svg-container{-ms-overflow-style:none;scrollbar-width:none}.inko-cat,.creator-now,.datadog,.about{section{margin-block-end:5rem}}.project-grid .column-8{margin-block-start:2rem}.text-banner-img{display:flex;flex-direction:row;margin-block-end:6rem;gap:1rem;align-items:center}.text-banner-img p{width:80%}.text-banner-img h2{margin-bottom:.5rem}.text-banner-img li{flex:1}.text-banner-img img{width:100%;object-fit:cover;border-radius:var(--border-radius-medium);border:1px solid var(--color-border-light)}.text-banner{margin-block-end:2rem}.text-d-banner{margin-block-end:1rem}.card{display:flex;flex-direction:column;padding:1.5rem;background-color:var(--color-background-secondary);margin-block-end:1rem;border-radius:var(--border-radius-medium);gap:.5rem}.text-gallery-item{display:flex;flex-direction:column;gap:.75rem}.t-gallery{display:flex;flex-wrap:wrap;row-gap:3rem;column-gap:1rem;justify-content:space-between}.i-what-is-inko-cat h3{margin:0 0 1rem}.t-gallery li{width:30%}.card-gallery{display:flex;flex-wrap:wrap;row-gap:4rem;justify-content:space-between}.card-gallery li{width:30.5%}.card-gallery img{width:100%;border-radius:var(--border-radius-medium);border:1px solid var(--color-border-light);margin-bottom:.5rem}.link-card li{position:relative;transition:transform .3s ease}.link-card a[href]:after{content:"";display:block;position:absolute;inset:0;transition:all .3s ease}.link-card li:hover{transform:translateY(-4px)}.row{display:flex;flex-wrap:wrap;column-gap:1rem}.column{flex:30%}.column img{margin-top:1rem;vertical-align:middle;width:100%;border-radius:var(--border-radius-medium);border:1px solid var(--color-border-light)}.image-item{position:relative;overflow:hidden}.image-item .caption{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;background-color:var(--color-background-primary);padding:.5rem 1rem;opacity:0;border-radius:var(--border-radius-medium);border:1px solid var(--color-border-light);transform:translateY(20px);transition:opacity .3s,transform .3s}.image-item:hover .caption{opacity:1;transform:translateY(0)}.caption h5{margin-bottom:.25rem}.icon-large{font-size:1.5rem}.icon-xlarge{font-size:2rem}.sub-section{margin-block-end:4rem}.inko-cat p{margin-block-end:.5rem}.quick-overview{margin-block-start:3rem}@media (min-width: 1600px){body{max-width:1100px}}@media screen and (max-width: 1200px){nav,footer,#project-list,header,.inko-cat,.creator-now,.datadog,.about,.blog,.blog-post{padding-left:1rem;padding-right:1rem}.text-banner-img{flex-direction:column}.t-gallery li{width:49%}.card-gallery li{width:48%}footer{flex-direction:column;margin-bottom:1rem}footer>*{width:100%;margin-top:.5rem}.blog{height:calc(100vh - 240px)}.timeline:after{left:20px}.container{width:100%;padding-left:50px}.left:after,.right:after{left:13px}.right{left:0%}.left{padding-right:0}}@media screen and (max-width: 1000px){.column{flex:48%}.column-3,.column-6,.column-4,.column-8{grid-column-start:span 12}.content img{width:100%;height:200px}header h3{width:100%}h2{width:100%;margin-bottom:.5rem}}@media screen and (max-width: 800px){.wide-grid{width:100%;column-gap:0}.column{flex:100%;max-width:100%}.proj_description{flex-direction:column}.content-img-g{flex-direction:column;row-gap:.75rem}}@media screen and (max-width: 740px){.t-gallery li,.card-gallery li,.text-gallery li,.text-banner-img p{width:100%}#hero-illustration svg{width:200%;margin:1rem 0}.tooltip{width:160px}.tooltip-fig img,.tooltip video,.skeleton{height:100px}.timeline:after{left:10px}.left:after,.right:after{left:3px}.container{padding-left:40px}h5{font-size:.875rem}}.playground-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;list-style:none;padding:0;margin:0;align-items:start}.playground-item{position:relative;break-inside:avoid}.playground-item a{display:block;text-decoration:none;border-radius:var(--border-radius-medium);overflow:hidden;background-color:var(--color-background-primary);border:1px solid var(--color-border-light);transition:transform .2s ease,box-shadow .2s ease}.playground-item a:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.playground-media{width:100%;position:relative;overflow:hidden;background-color:var(--color-background-secondary)}.playground-video,.playground-media img{width:100%;height:auto;display:block;object-fit:cover}.playground-gradient{position:absolute;bottom:0;left:0;right:0;height:80%;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%,transparent 100%);pointer-events:none}.playground-media[data-text-color=dark] .playground-gradient{background:linear-gradient(to top,rgba(255,255,255,.7) 0%,rgba(255,255,255,.3) 50%,transparent 100%)}.playground-info{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem;z-index:1}.playground-name{font-family:PlusJakartaSans,sans-serif;font-size:var(--font-size-small);color:#fff}.playground-date{font-family:PlusJakartaSans,sans-serif;font-weight:var(--font-weight-reg);font-size:var(--font-size-small);color:#fff}.playground-media[data-text-color=dark] .playground-name,.playground-media[data-text-color=dark] .playground-date{color:var(--color-text-primary)}@media screen and (max-width: 1200px){.playground{padding-left:1rem;padding-right:1rem}.playground-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 800px){.playground-grid{grid-template-columns:1fr}}.playground-content h1,.playground-content h2,.playground-content h3,.playground-content h4,.playground-content h5,.playground-content h6,.playground-content p{margin-bottom:0}.playground-content h2{margin-top:2.5rem}.playground-content h3{margin-top:1.75rem}.playground-content h4{margin-top:1.5rem;margin-bottom:-.5rem}.playground-content h5{margin-top:1.25rem}.playground-content h6{margin-top:1rem}.playground-content p{margin-top:1rem;margin-bottom:0;line-height:185%}.playground-content blockquote{border-left:4px solid var(--color-border-light);padding:0 0 0 1.25rem;margin:1.5rem 0;font-size:1.333em}.playground-content ul{list-style-type:disc;padding-left:1.5em}.playground-content li{margin-top:.75em;font-family:PlusJakartaSans,sans-serif;font-weight:var(--font-weight-reg);font-size:var(--font-size-medium);line-height:var(--lh-xlarge);color:var(--color-text-secondary)}.playground-content p>code,.playground-content li>code{font-family:CommitMono,sans-serif;font-weight:var(--font-weight-reg);font-size:var(--font-size-small);padding:.25rem;margin:0 .25rem;border-radius:var(--border-radius-xsmall);background:var(--color-background-secondary)}