html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{vertical-align:baseline;background:0 0;border:0;outline:0;margin:0;padding:0;font-size:100%}html,body{height:100%}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
@font-face{font-family:iA Writer Duo;font-weight:400;font-style:normal;src:url(/webfonts/ia_duo/iAWriterDuoS-Regular.eot)format("embedded-opentype"),url(/webfonts/ia_duo/iAWriterDuoS-Regular.woff2)format("woff2"),url(/webfonts/ia_duo/iAWriterDuoS-Regular.woff)format("woff")}@font-face{font-family:iA Writer Duo;font-weight:400;font-style:italic;src:url(/webfonts/ia_duo/iAWriterDuoS-Italic.eot)format("embedded-opentype"),url(/webfonts/ia_duo/iAWriterDuoS-Italic.woff2)format("woff2"),url(/webfonts/ia_duo/iAWriterDuoS-Italic.woff)format("woff")}@font-face{font-family:iA Writer Duo;font-weight:700;font-style:normal;src:url(/webfonts/ia_duo/iAWriterDuoS-Bold.eot)format("embedded-opentype"),url(/webfonts/ia_duo/iAWriterDuoS-Bold.woff2)format("woff2"),url(/webfonts/ia_duo/iAWriterDuoS-Bold.woff)format("woff")}@font-face{font-family:iA Writer Duo;font-weight:700;font-style:italic;src:url(/webfonts/ia_duo/iAWriterDuoS-BoldItalic.eot)format("embedded-opentype"),url(/webfonts/ia_duo/iAWriterDuoS-BoldItalic.woff2)format("woff2"),url(/webfonts/ia_duo/iAWriterDuoS-BoldItalic.woff)format("woff")}
#__app{--font-family-reg:var(--font-hk-grotesk),sans-serif;--font-family-hand:var(--font-nanum-pen-script),"HK Grotesk"}:root{--font-family-mono:"iA Writer Duo","Roboto Mono","Menlo",monospace;--font-size-large:36px;--font-size-reg:18px;--font-size-small:13px;--font-size-tiny:11px;--font-weight-bold:600;--font-weight-med:500;--font-weight-reg:400;--font-weight-thin:300;--color-gray-0:#fff;--color-gray-1:#f7f7f7;--color-gray-2:#f5f5f5;--color-gray-3:#f2f2f2;--color-gray-4:#f0f0f0;--color-gray-5:#ebebeb;--color-gray-6:#e0e0e0;--color-gray-7:#c2c2c2;--color-gray-8:#757575;--color-gray-9:#333;--color-gray-10:#000;--color-white:var(--color-gray-0);--color-black:var(--color-gray-10);--color-gray-dark-0:#303436;--color-gray-dark-1:#323639;--color-gray-dark-2:#373b3e;--color-gray-dark-3:#3a3e41;--color-gray-dark-4:#414649;--color-gray-dark-5:#4a5054;--color-gray-dark-6:#595f64;--color-gray-dark-7:#6e777c;--color-gray-dark-8:#90989d;--color-gray-dark-9:#bbc0c3;--color-gray-dark-10:#e9ebec;--color-gray-darkmode-1:#222426;--color-gray-darkmode-2:#292c2e;--color-font-dark-reg:var(--color-gray-dark-10);--color-font-dark-med:var(--color-gray-dark-9);--color-font-dark-dis:var(--color-gray-dark-8);--color-white-STAY:var(--color-gray-0);--color-black-STAY:var(--color-gray-10);--color-font-reg:var(--color-gray-10);--color-font-med:var(--color-gray-9);--color-font-dis:var(--color-gray-8);--color-brand-yellow:#fbe941;--color-brand-yellow-dark:#e7d740;--color-brand-green:#5ec6a9;--color-red:#e74d3c;--color-red-dark:#bf3a2b;--color-red-darker:#aa3427;--color-red-alpha:#e74d3c33;--color-green:#1abc9c;--color-green-dark:#16a286;--color-green-darker:#12876f;--color-green-alpha:#1abc9c33;--color-blue:#5e9cc5;--color-blue-dark:#287fb8;--color-blue-darker:#2573a7;--color-blue-alpha:#5e9cc533;--color-violet:#9f62b7;--color-violet-dark:#8d43ad;--color-violet-darker:#843fa2;--color-violet-alpha:#9f62b733;--color-orange:#f39c12;--color-orange-dark:#ca8516;--color-orange-darker:#ab7012;--color-orange-alpha:#f39c1233;--color-yellow:#fbd941;--color-yellow-dark:#eabd43;--color-yellow-darker:#ddab22;--color-yellow-alpha:#fbd94133;--color-alert-high:var(--color-red);--color-alert-medium:var(--color-orange);--color-alert-low:var(--color-yellow);--color-code-string:var(--color-orange);--color-code-number:var(--color-violet);--border-radius-reg:2px;--border-radius-med:4px;--border-radius-large:10px;--grid-unit:8px;--section-title-width:44px;--section-padding-left:calc(var(--grid-unit)*4);--section-title-width-mobile:24px;--section-padding-left-mobile:calc(var(--grid-unit)*2);--documentation-navigation-width:300px;--grid-gap:calc(var(--grid-unit)*2);--max-width:1560px;--one-col-max-width:calc((var(--max-width) - var(--grid-gap)*6)/7);--two-col-max-width:calc(var(--one-col-max-width)*2 + var(--grid-gap));--padding-left-full-scroll:calc(50vw - var(--max-width)/2 - var(--grid-gap)*2 - 11px);--window-shadow:0px 0px 1px #00000040,0px 0px 10px #00000029,0px 4px 40px #0000001a}@media (max-width:1668px){:root{--padding-left-full-scroll:var(--grid-gap)}}@media (max-width:720px){:root{--max-width:calc(100vw - var(--section-title-width-mobile) - var(--grid-gap)*2);--one-col-max-width:100%;--two-col-max-width:100%}}
.gridRow{grid-template-columns:1fr [content-start]repeat(7,var(--one-col-max-width))[content-end]1fr;padding:calc(var(--grid-unit)*8)0;grid-gap:var(--grid-gap);display:grid}.noGridRowPadding .gridRow{padding:0}.gridColPadding{padding:calc(var(--grid-unit)*8)0}.gridCol_addPaddingBottom{padding-bottom:calc(var(--grid-unit)*8)}.grid_1{grid-column:1}.grid_2{grid-column:2}.grid_3{grid-column:3}.grid_4{grid-column:4}.grid_5{grid-column:5}.grid_6{grid-column:6}.grid_7{grid-column:7}.grid_8{grid-column:8}.grid_9{grid-column:9}.grid_2-3{grid-column:content-start/span 2}.grid_3-4{grid-column:3/span 2}.grid_4-5{grid-column:4/span 2}.grid_5-6{grid-column:5/span 2}.grid_6-7{grid-column:6/span 2}.grid_7-8{grid-column:7/span 2}.grid_2-4{grid-column:content-start/span 3}.grid_3-5{grid-column:3/span 3}.grid_5-7{grid-column:5/span 3}.grid_6-8{grid-column:6/span 3}.grid_2-5{grid-column:content-start/span 4}.grid_5-8{grid-column:5/span 4}.grid_2-6{grid-column:content-start/span 5}.grid_4-8{grid-column:4/span 5}.grid_1-4{grid-column:1/span 4}.grid_1-5{grid-column:1/span 5}.grid_5-9{grid-column:5/span 5}.grid_2-8{grid-column:2/span 7}.grid_full{grid-column:1/span 9}.grid_fullContent{grid-column:content-start/content-end}.v-center{align-self:center}.v-bottom{align-self:flex-end}.h-center{justify-self:center}.h-end{justify-self:end}.stretch-middle{flex-direction:column;display:flex}.two-col-width{max-width:calc(var(--one-col-max-width)*2 + var(--grid-gap)*1)}.three-col-width{max-width:calc(var(--one-col-max-width)*3 + var(--grid-gap)*2)}.center-children{justify-content:center;align-self:center;display:flex}@media (max-width:1668px){.gridRow{grid-template-columns:calc(var(--grid-gap)*2)[content-start]repeat(7,1fr)[content-end]calc(var(--grid-gap)*2)}.grid_1,.grid_9{display:none}}@media (max-width:720px){.gridRow{padding:calc(var(--grid-unit)*4)0;grid-template-columns:0 1fr 0}.gridColPadding{padding:calc(var(--grid-unit)*4)0}.gridRow-mobile-reverse .grid_2-3,.gridRow-mobile-reverse .grid_2-4{order:2}.gridRow-mobile-reverse .grid_4-5,.gridRow-mobile-reverse .grid_5-8{order:1}.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_2-3,.grid_3-4,.grid_4-5,.grid_5-6,.grid_6-7,.grid_7-8,.grid_2-4,.grid_3-5,.grid_5-7,.grid_6-8,.grid_2-5,.grid_5-8,.grid_2-6,.grid_4-8,.grid_2-8,.grid_fullContent{grid-column:2}.grid_full,.grid_1-4,.grid_1-5,.grid_5-9{grid-column:1/span 3}.two-col-width{max-width:100%}.m-hide{display:none!important}}
*{box-sizing:border-box;position:relative}::selection{color:var(--color-brand-yellow);background:#0000004d}html{scroll-padding:100px}#__app,body{width:100vw;font-family:var(--font-family-reg);--max-text-width:26em;font-size:19px;font-weight:350;line-height:130%;overflow-x:hidden}@media (max-width:720px){#__app,body{font-size:18px}}#_app{width:100vw;min-height:100vh}a{color:inherit;cursor:pointer;text-decoration:none}b{font-weight:var(--font-weight-bold)}p{max-width:var(--max-text-width);margin-bottom:.5em}p:last-child{margin-bottom:0}.regularLink,p a{text-underline-offset:.15em;text-decoration:underline;text-decoration-thickness:.07em}.regularLink:hover,p a:hover{-webkit-text-decoration-color:var(--color-brand-dark);text-decoration-color:var(--color-brand-dark)}h1{font-family:var(--font-family-reg);letter-spacing:-.02em;--max-text-width:20em;margin-bottom:1em;font-size:54px;font-weight:400;line-height:106%}@media (max-width:720px){h1{font-size:36px}}h1{max-width:calc(var(--one-col-max-width)*4 + var(--grid-gap)*3);text-wrap:balance}h1:last-child{margin-bottom:0}h2{font-family:var(--font-family-reg);letter-spacing:-.02em;--max-text-width:23em;margin-bottom:1em;font-size:40px;font-weight:450;line-height:118%}@media (max-width:720px){h2{font-size:30px}}h2{max-width:calc(var(--one-col-max-width)*4 + var(--grid-gap)*3);text-wrap:balance}h3{font-family:var(--font-family-reg);--max-text-width:24em;margin-bottom:1em;font-size:26px;font-weight:350;line-height:125%}@media (max-width:720px){h3{font-size:22px}}h3{max-width:calc(var(--one-col-max-width)*4 + var(--grid-gap)*3);text-wrap:balance}h4{margin-bottom:1em}h5{color:var(--color-font-dis);font-family:var(--font-family-reg);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.6em;font-size:14px;font-weight:500;line-height:130%}h6{margin-bottom:calc(var(--grid-unit)*1);font-family:var(--font-family-reg);letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:500;line-height:130%}p+h6{margin-top:calc(var(--grid-unit)*2)}img{height:auto}hr{margin:calc(var(--grid-unit)*3)0;opacity:.25;width:min((100vw - var(--section-padding-left) - var(--grid-gap)*11)/7*1 + var(--grid-gap)*0,var(--one-col-max-width)*1 + var(--grid-gap)*0);border:none;border-top:1px solid;display:block}@media (max-width:720px){hr{width:30vw!important}}.hasClassicUl ul,.classicUl{max-width:31em;margin:1em 0}.hasClassicUl ul li,.classicUl li{margin-bottom:.3em;padding-left:1.6em}.hasClassicUl ul li:before,.classicUl li:before{content:"— ";margin-left:-1.6em;padding-right:.39em}.text-big{font-size:var(--font-size-large);font-weight:var(--font-weight-thin);letter-spacing:.01em;letter-spacing:-.015em;max-width:calc(var(--one-col-max-width)*4 + var(--grid-gap)*3);line-height:1.3}.text-right{text-align:right}.text-alpha{font-family:var(--font-family-reg);letter-spacing:-.02em;--max-text-width:20em;font-size:54px;font-weight:400;line-height:106%}@media (max-width:720px){.text-alpha{font-size:36px}}.text-beta{font-family:var(--font-family-reg);letter-spacing:-.02em;--max-text-width:23em;font-size:40px;font-weight:450;line-height:118%}@media (max-width:720px){.text-beta{font-size:30px}}.text-gamma{font-family:var(--font-family-reg);--max-text-width:24em;font-size:26px;font-weight:350;line-height:125%}@media (max-width:720px){.text-gamma{font-size:22px}}.text-delta{font-family:var(--font-family-reg);--max-text-width:26em;font-size:19px;font-weight:350;line-height:130%}@media (max-width:720px){.text-delta{font-size:18px}}.text-epsilon{font-family:var(--font-family-reg);letter-spacing:.05em;text-transform:uppercase;font-size:14px;font-weight:500;line-height:130%}.arrow-link,.arrow-link a{font-weight:var(--font-weight-med);border:none;text-decoration:none;display:inline-block}.arrow-link:before{content:"";background:url(/icons/arr-right-white.svg) 50%/contain no-repeat;width:1em;height:.7em;margin-right:.2em;display:inline-block}.arrow-link--black:before{background-image:url(/icons/arr-right-black.svg)}.arrow-link--green:before{background-image:url(/icons/arr-right-green.svg)}.yellow-text{color:var(--color-yellow)}.white-text{color:var(--color-white)}.green-text{color:var(--color-green)}.black-text{color:var(--color-black)}.blog-link{color:var(--color-font-dis);mix-blend-mode:multiply;font-family:var(--font-family-mono);letter-spacing:.03em;word-spacing:-.1em;--max-text-width:30em;max-width:calc(var(--one-col-max-width)*2 + var(--grid-gap)*1);padding-left:1.2em;font-size:14px;font-weight:400;line-height:145%;display:inline-block}.blog-link:before{content:"→";width:1.2em;margin-left:-1.2em;display:inline-block}.blog-link:hover{color:var(--color-font-reg)}.blog-link+.blog-link{margin-top:var(--grid-unit)}.dotGridBG{background:url(/dotGridBG.svg)}.miniAppIcon{margin-right:3px}.lights-are-out__cover{background:#181a1b;position:fixed;inset:0;z-index:1001!important}.lights-are-out .show-on-lights-out{z-index:1002!important}