@font-face{font-display:swap;font-family:Lato;font-style:normal;font-weight:900;src:url(../assets/Lato-Black.woff2) format("woff2")}:root{--header-height:3.125rem;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-family-alt:Lato,var(--font-family);--font-mono:"SF Mono","Menlo","Lucida Console",monospace;--color-code:196,205,205;--color-foreground:50,50,60;--color-background:255,255,255;--color-background-alt:200,200,200;--color-background-dashes:200,200,220;--color-text:50,50,60;--color-text-dim:110,110,120;--color-primary:100,24,230;--color-primary-dark:70,30,131;--color-primary-text:255,255,255;--color-secondary:195,40,185;--color-tertiary:40,210,130;--color-error:240,90,75;--color-danger:240,60,45;--color-success:75,175,80;--color-focus:30,150,240;--color-disabled:100,100,100;--color-link:var(--color-primary);--color-field:255,255,255;--input-box-shadow:inset 0 0 0 0.125rem rgb(var(--color-text)),0 0 0 0 rgba(var(--color-focus),0.25);--input-box-shadow__focus:inset 0 0 0 0.125rem rgb(var(--color-focus)),0 0 0 0.25rem rgba(var(--color-focus),0.25);--image-filter:invert(19%) sepia(9%) saturate(481%) hue-rotate(185deg) brightness(98%) contrast(88%);--color-text-gradient:linear-gradient(-45deg,#c428b9,#6418e6);--soft-shadow-color:rgba(0,0,0,0.05);--soft-shadow:0 -1px 1px var(--soft-shadow-color),0 1px 1px var(--soft-shadow-color),0 2px 2px var(--soft-shadow-color),0 4px 4px var(--soft-shadow-color),0 8px 8px var(--soft-shadow-color),0 16px 16px var(--soft-shadow-color)}:root[data-theme=dark]{--color-text:255,255,255;--color-text-dim:180,180,180;--color-foreground:255,255,255;--color-background:22,22,24;--color-background-alt:10,10,10;--color-disabled:170,170,170;--color-link:110,190,250;--color-primary:185,120,225;--color-primary-text:50,10,80;--color-primary-text:255,255,255;--color-secondary:230 120 220;--image-filter:invert(85%) sepia(9%) saturate(135%) hue-rotate(194deg) brightness(87%) contrast(86%);--color-text-gradient:linear-gradient(-45deg,#ff69f1,#b53cff)}:root[data-theme=dark] main{background-image:radial-gradient(closest-side,rgba(204,104,255,.11),transparent),radial-gradient(closest-side,rgba(204,41,126,.13),transparent);background-position:-40rem -20rem,40rem -50rem;background-repeat:no-repeat;background-size:90vw 90vw}:root[data-theme=dark] [data-scroll="0"] .header{background:transparent}:root[data-theme=dark] .header .button-cta{--cta-text-color:rgb(var(--color-background))}:root[data-theme=dark] .companies,:root[data-theme=dark] .demo .drop{background:#232327}:root[data-theme=dark] .demo .drop label{color:#fff}:root[data-theme=dark] .demo .drop:hover{background:#313135}:root[data-theme=dark] .compare svg{color:#4b4b4f}:root[data-theme=dark] .compare td:not(:last-of-type) .caption span{background:#39393d}:root[data-theme=dark] .tools>li:first-child{--color-primary:172,131,244}:root[data-theme=dark] .tools>li:nth-child(2){--color-primary:173,114,222}:root[data-theme=dark] .tools>li:nth-child(3){--color-primary:201,123,224}:root[data-theme=dark] .how{--color-primary:238,171,116;background:none}:root[data-theme=dark] .examples{background:#232327}:root[data-theme=dark] .features{--color-primary:203,232,144;background:none}:root[data-theme=dark] .compatibility{background:#232327}:root[data-theme=dark] .footer{--color-text:222,222,230;background:transparent;border-top:1px solid #252525;padding-bottom:3rem;padding-top:3rem}:root[data-theme=dark] .article ol li:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.569 1.485c4.461-.46 8.923-.69 13.384-.69s8.923.23 13.384.69c.368 4.33.552 8.767.552 13.31 0 4.543-.184 9.03-.552 13.459a165.785 165.785 0 0 1-26.768 0C.206 22.576.024 18.09.024 14.795c0-3.294.182-7.73.545-13.31Z' fill='%23242425' fill-rule='evenodd'/%3E%3C/svg%3E")}:root[data-theme=dark] .post ol li:before{opacity:.25}:root[data-theme=dark] .tiers>li{border:2px solid #413c45;box-shadow:none}:root[data-theme=dark] .tiers>li:nth-child(2) h3{color:#d34efa}:root[data-theme=dark] .tiers>li:not(:nth-child(2)) .button{background:#413c45}:root[data-theme=dark] .note{background:#464c62}:root[data-theme=dark] .note[data-type=important]{font-weight:700}@media (min-width:70rem){:root[data-theme=dark] .examples{background:none}:root[data-theme=dark] .examples .content{background:#232327}}.theme{position:absolute;right:calc(50% - 1rem)}.theme input{display:none}.theme svg{opacity:0;position:absolute;transform:rotate(-90deg);transition:transform .35s ease-in-out,opacity .15s ease-in}.theme label{cursor:pointer;display:block;height:1rem;margin-top:.125rem;width:1rem}@media (min-width:50rem){.theme{right:8.625rem}}[data-theme=bright] .moon{opacity:0;transform:rotate(-90deg)}[data-theme=bright] .sun{opacity:1;transform:rotate(0)}[data-theme=dark] .sun{opacity:0;transform:rotate(-90deg)}[data-theme=dark] .moon{opacity:1;transform:rotate(0)}body,html{height:100%;margin:0;padding:0}body{display:flex;flex-direction:column}html,pre>code{--scrollbar-track-color:none;scrollbar-color:#32323c transparent;scrollbar-color:var(--scrollbar-thumb-color) transparent;scrollbar-width:thin}html::-webkit-scrollbar,pre>code::-webkit-scrollbar{cursor:pointer;width:1rem}html::-webkit-scrollbar-corner,html::-webkit-scrollbar-track,pre>code::-webkit-scrollbar-corner,pre>code::-webkit-scrollbar-track{background-color:var(--scrollbar-track-color)}html::-webkit-scrollbar-thumb,pre>code::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:#32323c;background-color:var(--scrollbar-thumb-color);border:.3125rem solid transparent;border-radius:9999rem;cursor:pointer}.implicit{clip:rect(1px,1px,1px,1px);border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.button,.text,html,td,th{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-weight:400;line-height:1.5}html{--scrollbar-thumb-color:rgb(var(--color-text));background-color:#fff;background-color:rgb(var(--color-background));color:#32323c;color:rgb(var(--color-text));scroll-padding-top:6em}a{color:#6418e6;color:rgb(var(--color-link));-webkit-text-decoration-color:rgb(from currentColor r g b/.25);text-decoration-color:rgb(from currentColor r g b/.25);text-decoration-thickness:.125em;text-underline-offset:.06125em;transition:-webkit-text-decoration-color .1s ease-in-out;transition:text-decoration-color .1s ease-in-out;transition:text-decoration-color .1s ease-in-out,-webkit-text-decoration-color .1s ease-in-out}a:hover{-webkit-text-decoration-color:rgb(from currentColor r g b/.5);text-decoration-color:rgb(from currentColor r g b/.5)}h1{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family-alt);font-size:2.25rem;font-weight:900;letter-spacing:-.030625em;line-height:1.05;margin:3rem auto;max-width:45rem;padding:0 1rem;text-align:center}h1 span{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(-45deg,#c428b9,#6418e6);background-image:var(--color-text-gradient);white-space:nowrap}h1+.tagline{margin-top:-2rem}h1+.headinglink{color:currentColor;display:block;font-size:.875rem;margin:-2.5rem auto 2.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tagline{color:#6e6e78;color:rgb(var(--color-text-dim));font-size:1.25rem;line-height:1.25;max-width:42rem;padding:0 2rem;text-align:center}.tagline+.tagline{color:#32323c;color:rgb(var(--color-text));font-size:1rem}@media (min-width:52em){h1{font-size:2.5rem;line-height:1.25;margin:6rem auto}h1+.tagline{margin-top:-5rem;max-width:40rem}h1+.headinglink{margin:-5.5rem auto 5.5rem}}h2{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family-alt);font-size:2rem;font-weight:900;line-height:1.1;margin-bottom:0;margin-top:2rem}h2+p{margin-top:.5rem}h3{font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family-alt);font-size:1.325rem;line-height:1.1}h3~h3{margin-top:3rem}p{margin-left:auto;margin-right:auto;max-width:30rem}main{padding-top:3.125rem;padding-top:var(--header-height)}.gradient-border{background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),var(--gradient-default);background-image:linear-gradient(rgb(var(--color-background)),rgb(var(--color-background))),var(--gradient-default);background-origin:border-box;border:2px double transparent}.gradient-text{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:var(--gradient-default)}.heading-group{margin-bottom:2rem}.heading-group h2{margin-bottom:.65rem;margin-top:0}.heading-group p{font-size:1.125rem;line-height:1.2;margin:0;max-width:none}.heading-group:after{background:rgba(100,24,230,.25);background:rgba(var(--color-primary),.25);content:"";display:inline-block;height:2px;width:5rem}.text-primary{color:#6418e6;color:rgb(var(--color-primary));font-weight:600}.text-intro{font-size:1.125em;font-weight:500;margin-bottom:2rem}h1+.text-intro{margin-top:-2rem}@media (min-width:52em){h1+.text-intro{margin-top:-4rem}}code,pre{font-family:SF Mono,Menlo,Lucida Console,monospace;font-family:var(--font-mono);font-size:.75rem}pre{border-radius:.5rem;box-shadow:inset 0 0 0 1px hsla(180,8%,79%,.35);box-shadow:inset 0 0 0 1px rgba(var(--color-code),.35);max-width:none;overflow:visible;word-break:normal}pre>code{--scrollbar-track-color:rgba(var(--color-code),0.35);--scrollbar-thumb-color:rgba(var(--color-code),0.85);-webkit-clip-path:inset(0 0 0 0 round .5rem);clip-path:inset(0 0 0 0 round .5rem);display:block;max-height:70vh;max-width:100%;overflow-x:auto;padding:1.5rem}code:not([class*=language]){background-color:rgba(107,25,227,.09);border-radius:.125rem;color:#7c1cdb;display:inline-block;line-height:1.5;margin:0 .125em;padding:0 .3em}a code{text-decoration:underline}::-moz-selection{background-color:#edf0f2}::selection{background-color:#edf0f2}.font-small{font-size:.625em}.discount{background:linear-gradient(135deg,#afc831,#98bd4c);border-radius:9999em;color:#fff;display:inline-block;margin:0 .75em;padding:.25em .75em;pointer-events:none;text-decoration:none;-webkit-text-decoration-color:transparent;text-decoration-color:transparent}dl{font-size:.875em}dl dt{color:#32323c;color:rgb(var(--color-text));font-weight:600}dl dd,dl dt{margin:0}dl dd{margin-bottom:.25em}.row{grid-gap:.5rem;display:flex;gap:.5rem}.anim{background:#8052aa;height:3.125rem;height:var(--header-height);width:100%}.anim video{height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity 1s;width:100%}.anim video[data-active=true]{opacity:1}.header{--link-color:var(--color-text-dim);--cta-background-color:rgb(var(--color-primary));--cta-text-color:#fff;--background-color:var(--color-background);background-color:rgb(var(--background-color));left:0;position:fixed;right:0;top:0;transition:box-shadow .2s,background-color .2s;z-index:3}.header .content{align-items:center;display:flex;min-height:3.125rem;min-height:var(--header-height);padding:0 1rem;position:relative}.header nav{margin-left:auto}.header .logo{color:#32323c;color:rgb(var(--color-text))}.header a:not(.button-cta):not(.logo){color:rgb(var(--link-color));font-size:.875rem;text-decoration:none;-webkit-text-decoration-color:rgba(var(--link-color),.25);text-decoration-color:rgba(var(--link-color),.25)}.header a:not(.button-cta):not(.logo):hover{text-decoration:underline;-webkit-text-decoration-color:rgba(var(--link-color),.25);text-decoration-color:rgba(var(--link-color),.25)}.header .button-cta{background-color:#32323c;background-color:rgb(var(--color-text));background-image:none;border-radius:9999rem;color:var(--cta-text-color);font-size:.875rem;margin-left:2rem;padding:.25rem 1rem}.header .button-cta:hover{box-shadow:none!important}.header .main a.button-login{color:#32323c;color:rgb(var(--color-text));font-weight:600}body[data-scroll="0"] .header .button-cta{box-shadow:none!important}body[data-scroll]:not([data-scroll="0"]) .header{box-shadow:0 -1px 1px rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.05),0 2px 2px rgba(0,0,0,.05),0 4px 4px rgba(0,0,0,.05),0 8px 8px rgba(0,0,0,.05),0 16px 16px rgba(0,0,0,.05);box-shadow:var(--soft-shadow)}@media (max-width:34em){.js nav.main div{display:none}.js nav.main li{margin-top:-1rem}.main .button-cta{margin-top:1rem}}nav.main h2.implicit{display:none}nav.main h2{font-size:1rem;height:1.5rem}nav.main button[aria-expanded],nav.main h2{align-items:center;display:inline-flex;margin:0}nav.main button[aria-expanded]{background:transparent;border:none;color:#32323c;color:rgb(var(--color-text));font-size:.875rem;font-size:1rem;font-weight:400;letter-spacing:.06125rem;line-height:1;padding:0;text-transform:lowercase}nav.main button[aria-expanded] svg{height:1rem;margin-left:.5rem;position:relative;top:.06125rem;width:1rem}nav.main ul{grid-gap:.75rem;align-items:center;display:flex;gap:.75rem;list-style:none;margin:0;padding:0}nav.main ul a{padding:1rem .5rem}nav.main h2:not(.implicit)[data-state=active]~div:not([hidden]){background-color:rgb(var(--background-color));box-shadow:0 -1px 1px rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.05),0 2px 2px rgba(0,0,0,.05),0 4px 4px rgba(0,0,0,.05),0 8px 8px rgba(0,0,0,.05),0 16px 16px rgba(0,0,0,.05);box-shadow:var(--soft-shadow);display:block;left:0;margin-top:-1px;padding:1rem;position:absolute;right:0;top:3.125rem;top:var(--header-height);transition:box-shadow .2s,background-color .2s;z-index:1}nav.main h2:not(.implicit)[data-state=active]~div:not([hidden]) a{display:block}nav.main h2:not(.implicit)[data-state=active]~div:not([hidden]) ul{grid-gap:0;flex-direction:column;gap:0}nav.main h2:not(.implicit)[data-state=active]~div:not([hidden]) .button-cta{margin-left:0}.hero{--color-link:var(--color-primary);margin-top:2rem}.hero,.hero .content{position:relative}.hero ul{grid-gap:4rem;align-items:center;display:flex;flex-direction:column;gap:4rem;justify-content:center;list-style:none;margin:0;padding:0}.hero em{color:#32323c;color:rgb(var(--color-text));display:block;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family-alt);font-size:1.125rem;font-style:normal;margin-bottom:.25rem}.hero p{color:#6e6e78;color:rgb(var(--color-text-dim));line-height:1.25;margin-bottom:1.5rem;margin-top:0}.hero li{align-items:center;display:flex;flex-direction:column;max-width:16rem;text-align:center}.hero li .example{order:1}.hero .ref{grid-gap:.5rem;align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:4rem;margin-top:2rem}.hero .ref>span{font-size:.75rem}.hero .ref>a:not(.button){margin-top:2rem}.hero .button-cta{align-items:center;display:inline-flex}.hero .button-cta span{font-size:.75rem;margin-left:.5rem;opacity:.7}.example{position:relative}.example,.example img{display:inline-block}.example .arrow{left:0;position:absolute;top:0;z-index:1}.example .example-after,.example .example-before{opacity:0;transition:opacity .25s var(--delay) ease-in}.example .example-after[\:has\(\[data-ready\]\)],.example .example-after[data-ready],.example .example-before[\:has\(\[data-ready\]\)],.example .example-before[data-ready]{opacity:1}.example .example-after:has([data-ready]),.example .example-after[data-ready],.example .example-before:has([data-ready]),.example .example-before[data-ready]{opacity:1}.example .example-before{--delay:0s;border-radius:.125rem;filter:saturate(.8) contrast(.9)}.example .example-after{--delay:0.25s;background-color:rgb(from rgb(110,110,120) r g b/.1);background-color:rgb(from rgb(var(--color-text-dim)) r g b/.1);border:4px solid #fff;box-shadow:inset 0 0 0 2px #fff,0 2px 4px -1px rgba(0,0,0,.15);filter:contrast(1.05);left:0;position:absolute;top:0}.example-crop .arrow{rotate:5deg;translate:-20% 50%;width:120px}.example-crop .example-before{--svg:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M0 0c40 1 60 1 100 0v100c-40-1-60-1-100 0V0"/></svg>');-webkit-mask:var(--svg);mask:var(--svg);-o-object-fit:fill;object-fit:fill;rotate:-1deg}.example-crop .example-after{-o-object-fit:cover;object-fit:cover;-o-object-position:0 0;object-position:0 0;rotate:-.5deg;translate:90% 90%}.example-compress .arrow{translate:-5% 270%;width:auto}.example-compress .example-before{--svg:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 150"><path d="M1 0h98c1 50 1 100 0 150H1C0 100 0 50 1 0"/></svg>');aspect-ratio:220/330;display:inline-block;-webkit-mask:var(--svg);mask:var(--svg)}.example-compress .example-before img{scale:130%;translate:5% -15%}.example-compress .example-after{margin-left:50%;margin-top:100%;rotate:-1deg;translate:-50%}.example-orient .arrow{translate:-20% -20%;width:250px}.example-orient .example-before{transform:rotate(1.5deg) scaleY(-1) scaleX(-1);transform-origin:center}.example-orient .example-after{rotate:-1deg;translate:-20% 100%}@media (min-width:42rem){.hero ul{align-items:baseline;flex-direction:row;flex-wrap:wrap}}@media (min-width:60rem){.hero ul{flex-wrap:nowrap}.hero li em{margin-top:2rem}.hero li .example{order:0}& .example-crop{translate:0 -25%}& .example-orient{translate:0 -5%}}.section.video{margin:4rem 0;overflow-x:hidden;padding:64px 0 0;position:relative;text-align:center}.section.video video{aspect-ratio:1022/638;margin:0 auto;max-width:100%;opacity:.5;transition:opacity .25s ease-in;width:1022px}.section.video video[data-canplay]{opacity:1}.section.video:after{content:"Loading demo video...";font-size:.75rem;left:50%;opacity:.6;pointer-events:none;position:absolute;top:80%;transition:opacity .25s ease-in;translate:-50%;z-index:1}.section.video .video-bright{margin-top:1px}@-moz-document url-prefix(){.video-dark{filter:brightness(99%) contrast(99%)}}:root[data-theme=dark] .section.video{--fill:#232327}:root[data-theme=dark] .section.video[\:has\(\.video-dark\[data-canplay\]\)]:after{opacity:0}:root[data-theme=dark] .section.video:has(.video-dark[data-canplay]):after{opacity:0}:root[data-theme=dark] .video-bright{display:none}:root[data-theme=dark] .video-dark{display:block}:root[data-theme=bright] .section.video{--fill:#eff2f4}:root[data-theme=bright] .section.video[\:has\(\.video-bright\[data-canplay\]\)]:after{opacity:0}:root[data-theme=bright] .section.video:has(.video-bright[data-canplay]):after{opacity:0}:root[data-theme=bright] .video-bright{display:block}:root[data-theme=bright] .video-dark{display:none}@media (min-width:1022px){.section.video{background:linear-gradient(var(--fill),var(--fill)) no-repeat left top 144px /100% 480px}}@media (max-width:700px){.hero a[href="#video"],.section.video{display:none}.hero a[href="#demo"]{display:block}}.companies{background:#eff2f4;padding:3rem 0;text-align:center}.companies p{color:#a1a5ae;font-size:.875rem;margin:.5rem auto 1rem}.companies ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0 auto;max-width:50rem;opacity:.65;padding:0}.companies li{margin:.5rem 0}.companies img{display:block;filter:invert(19%) sepia(9%) saturate(481%) hue-rotate(185deg) brightness(98%) contrast(88%);filter:var(--image-filter);height:2rem;margin:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (min-width:60rem){.companies{border-radius:5rem;margin:0 auto;max-width:55rem;text-align:center}}.section{--color-link:var(--color-primary);padding:5rem 0}.section .split>img{display:none}@media (min-width:50rem){.section .split{display:flex;max-width:80rem;padding:0}.section .split .content{box-sizing:border-box;padding:5rem;text-align:left;width:50%}.section .split>img{display:block;-o-object-fit:cover;object-fit:cover;width:50%}}@media (min-width:80rem){.section .split>img{border-radius:5rem}}.content{margin:0 auto;max-width:60rem;padding:0 2rem}.content-centered{text-align:center}.content-nav{padding-bottom:4rem}.content-nav ul{font-size:1.25rem;list-style:none;margin:2rem 0;padding:0}.content-nav ul li+li{margin-top:1.5rem}.logo{align-items:center;display:inline-flex;font-weight:400;letter-spacing:.06125rem;text-decoration:none}.logo svg{display:block;margin-right:.375rem}.logo span{line-height:1}.try{margin:2rem auto 0;max-width:24rem}.try p{margin:1rem auto;max-width:30rem}.try .button-cta{margin-top:1rem}.compare-groups .compare{box-sizing:border-box;margin-top:2rem;padding:1rem}.compare-groups .compare>p{margin-bottom:2rem}.compare-groups td:first-child{text-align:right}.compare-groups td:last-child{text-align:left}@media (min-width:40rem){.compare-groups{display:flex;flex-wrap:wrap;justify-content:center}.compare-groups .compare{width:50%}}.compare table{border-collapse:collapse;color:#6e6e78;color:rgb(var(--color-text-dim));width:100%}.compare svg{color:#d8d8e6;display:block;margin:0 1rem}.compare table,.compare td,.compare th{font-size:.75rem}.compare td:first-child,.compare td:last-child{width:50%}.compare td{padding:1rem 0 3rem;vertical-align:middle}.compare img{border-radius:1rem;display:block;max-height:10rem;max-width:10rem;-o-object-fit:cover;object-fit:cover;width:100%}.compare img[src*=low-res]{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}.compare .file,.compare .icon,.compare .img{display:block;margin-left:auto;margin-right:auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.compare .img{min-height:4rem;min-width:5rem}.compare .icon{background-image:url(../assets/file.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:3rem;margin-bottom:.25rem;width:5rem}.compare .icon,.compare .img{display:inline-block;position:relative}.compare .caption{align-items:center;bottom:-.5rem;display:flex;justify-content:center;left:0;position:absolute;right:0;z-index:1}.compare .caption span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#6e6e78;background:rgb(var(--color-text-dim));border-radius:9999rem;box-shadow:0 0 0 2px #fff;color:#fff;display:inline-block;font-size:.5rem;padding:.175rem .5rem}.compare .icon .file,.compare .img .file{left:-1rem;margin:.75rem 0 0;max-width:none;position:absolute;right:-1rem;top:100%}.compare .file,.compare .title{text-align:center}.compare .title{display:block;font-size:.625rem;line-height:1.5;max-width:100%;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare .caption{font-size:.6875rem;white-space:nowrap}.compare td:last-of-type .caption span{background:linear-gradient(90deg,#681ae4,#9720ce)}.compare .img[data-outline]{position:relative}.compare .img[data-outline]:after{border:2px dashed rgba(200,200,220,.7);border:2px dashed rgba(var(--color-background-dashes),.7);border-radius:1rem;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.compare .img[data-outline] .label{background:transparent;color:#b8b8c5;font-size:.75rem;left:0;line-height:0;position:absolute;right:0;text-align:center;text-transform:lowercase;top:50%}.compare .img[data-outline] img{visibility:hidden}@media (min-width:40rem){.compare thead th{padding:1rem 0}.compare tr:first-child td{padding-top:0}.compare tr:last-child td{padding-bottom:0}}.examples{background-image:linear-gradient(0deg,#eff2f4,rgba(239,242,244,0) 50%);position:relative}.examples ul{grid-gap:.25em;display:flex;flex-direction:column;gap:.25em;list-style:none;margin:1em 0;padding:0}.examples .compare>p{color:#6e6e78;color:rgb(var(--color-text-dim))}.examples .img{border-radius:1rem}.examples svg{color:#c9c9d6;margin:0 1.5rem}.examples table p{border:2px solid;border-radius:1rem;color:#6b1be3;display:inline-block;font-size:.75rem;font-weight:600;padding:.125rem .5rem;text-align:center}@media (min-width:50rem){.examples{background-image:none;background:#f3f5f5}.examples .compare .caption span{box-shadow:0 0 0 2px #f3f5f5}}@media (min-width:70rem){.examples{background:none}.examples .content{background:#f3f5f5;border-radius:5rem;padding:8rem 5rem}}.demo .content,.demo p.try-it{max-width:none}.demo p.try-config span{font-weight:600;white-space:nowrap}.demo .drop-wrap{align-items:center;display:flex;justify-content:center;margin:4rem -2rem;overflow:hidden}.demo .drop-pad{display:flex;min-width:60vw}.demo .drop-pad:first-of-type{justify-content:flex-end}.demo .drop,.demo .drop-pad>*{margin:0 1rem}.demo .sample{background:transparent;border:none;cursor:pointer;display:block;height:8.5rem;padding:0;position:relative}.demo .sample:before{align-items:center;background:hsla(0,0%,100%,.75);background:rgba(var(--color-background),.75);border-radius:1.5rem;bottom:0;content:"Loading...";display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease-out;z-index:2}.demo .sample img{border-radius:1.5rem;display:block;height:100%;pointer-events:none;width:auto}.demo .sample[data-state=loading]:before{opacity:1}.tools{margin:2rem 0}.tools,.tools ul{list-style:none;padding:0}.tools>li{font-weight:700}.tools>li li{font-weight:400}.tools>li+li{margin-top:2rem}.tools ul{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:.5rem 0 0}.tools ul li{background:rgba(100,24,230,.05);background:rgba(var(--color-primary),.05);border-radius:9999rem;color:#6418e6;color:rgb(var(--color-primary));font-size:1rem;font-weight:500;margin:.5rem .25rem;padding:.25rem 1rem;white-space:nowrap}.tools a{--color-link:var(--color-primary)}.tools>li:first-child{--color-primary:111,25,225}.tools>li:nth-child(2){--color-primary:137,30,213}.tools>li:nth-child(3){--color-primary:163,34,200}.tools>li:nth-child(4){--color-primary:189,39,188}.tools h3+p{margin-top:-.75rem}.tools p{font-size:.875rem;font-weight:400;max-width:20rem}@media (min-width:50rem){.tools{align-items:flex-start;align-items:baseline;display:flex;justify-content:center;margin-bottom:3rem}.tools h3{display:block;margin:.5rem 0 1rem;white-space:nowrap}.tools>li{flex:1 1 auto;margin:0 1rem}.tools>li+li{margin-top:0}}.features{--color-primary:141,184,55;background:#f2f6e9}.features .split{padding:0}.features table{border-collapse:collapse;margin:0 auto}.features th{font-weight:600}.features td,.features th{display:block}.features td{color:#6e6e78;color:rgb(var(--color-text-dim));margin-bottom:.5rem}.features .try{margin-top:3rem}.features img{-o-object-fit:contain;object-fit:contain}.features .button-cta{background-image:linear-gradient(135deg,#afc831,#98bd4c)}@media (min-width:50rem){.features{--color:#edf3e0;background:linear-gradient(var(--color),var(--color));background-position:100% 5rem;background-repeat:no-repeat;background-size:calc(50% - 5rem) calc(100% - 10rem)}.features img{border-bottom-left-radius:5rem;border-top-left-radius:5rem;-o-object-position:30%;object-position:30%}.features .split .content{padding-right:5rem}}@media (min-width:64rem){.features td,.features th{display:table-cell;line-height:1.25;padding:.5rem 0;vertical-align:top}.features th{padding-right:1rem;width:12rem}.features td{width:20rem}}.how{--color-primary:225,130,55;background:#f8f2ec}.how .split{padding:0}.how ol{list-style:none;margin:2rem auto 3rem;max-width:20rem;padding:0 0 0 4rem;text-align:center}.how li{margin:0;position:relative;text-align:left}.how li>span{font-size:2.5rem;font-weight:900;height:2rem;left:-4rem;line-height:0;position:absolute;text-indent:1rem;top:.75rem;width:2rem}.how li>span>span{position:relative;z-index:1}.how li svg{color:rgba(100,24,230,.1);color:rgba(var(--color-primary),.1);height:2rem;left:0;position:absolute;top:0;width:2rem}.how li+li{margin-top:3rem}.how img{display:none}.how .button-cta{background-image:linear-gradient(135deg,#e18236,#e89e49)}@media (min-width:50rem){.how{--color:#f8f2ec;background:linear-gradient(var(--color),var(--color));background-position:0 5rem;background-repeat:no-repeat;background-size:calc(50% - 5rem) calc(100% - 10rem)}.how img{border-bottom-right-radius:5rem;border-top-right-radius:5rem}.how ol,.how p{margin-left:0}}.browsers{list-style:none;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.browsers li{grid-gap:.5rem;align-items:center;display:flex;gap:.5rem;margin:.5rem 0}.browsers span{color:#6e6e78;color:rgb(var(--color-text-dim));font-size:.75rem}.compatibility{background:#f3f5f5}.article,.contact{padding-bottom:4rem}.article{margin:0 auto;max-width:30rem}.article h2{font-size:1.5rem;margin:3rem auto 1rem;max-width:30rem}.tiers{margin:0 auto;padding:0}.tiers .tier-title{font-size:1.5rem;margin:0}.tiers .tier-price{color:rgba(50,50,60,.65);color:rgba(var(--color-text),.65);margin:1.5rem 0 0}.tiers .tier-number{color:#32323c;color:rgb(var(--color-text));font-size:1.875rem;font-weight:500;line-height:1.15}.tiers .tier-interval{display:block;font-size:.875rem;margin-top:.25rem}.tiers a{font-size:.875rem}.tiers a~p{font-size:.75rem;margin:0}.tiers a+p{margin-top:1rem}.tiers-scroller{margin:2rem auto 4rem;max-width:100%}@media (max-width:58em){ul.tiers{grid-gap:2rem;align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;list-style:none;margin:0;padding:0 2rem}ul.tiers>li{border:1px solid rgba(50,50,60,.1);border:1px solid rgba(var(--color-text),.1);border-radius:1rem;min-width:12rem;padding:1.5rem}ul.tiers ul{list-style:none;margin:2.8125rem 0 2rem;padding:0}ul.tiers ul li{grid-gap:.375rem;align-items:center;display:flex;font-size:.875em;gap:.375rem;margin:.3125rem 0}ul.tiers ul li:before{--svg:url('data:image/svg+xml;charset=utf-8,<svg class="symbol-checkmark" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>');background-color:#000;content:"";display:inline-block;height:1rem;-webkit-mask:var(--svg);mask:var(--svg);-webkit-mask-size:cover;mask-size:cover;transition:background-color .2s;width:1rem}ul.tiers .tier-includes{font-size:.875rem;font-weight:700;margin-bottom:.5rem;margin-top:1rem}ul.tiers .tier-includes+ul{margin-top:.5rem}ul.tiers .tier-title{font-size:1.5rem}ul.tiers .tier-price{margin-top:.75rem}ul.tiers .tier-interval{margin-top:0}table.tiers{display:none}}@media (min-width:calc(58em + 1px)){ul.tiers{display:none}table.tiers{border-collapse:collapse;border-radius:1rem;min-width:55rem;table-layout:fixed}table.tiers td,table.tiers th{padding:.25rem}table.tiers th{font-weight:400}table.tiers thead th{border-top:1px solid rgba(50,50,60,.1);border-top:1px solid rgba(var(--color-text),.1);vertical-align:top}table.tiers tbody th{font-size:.875rem;font-weight:400;padding-left:2rem;padding-right:2rem;text-align:left;white-space:nowrap}table.tiers tbody{font-size:.875rem}table.tiers td,table.tiers th{height:2.25rem;margin:0;padding:0;text-align:center}table.tiers tr>th:first-child{--fill:rgb(var(--color-background));--overlay:rgba(var(--color-text),0.1);background-color:var(--fill);background-image:linear-gradient(var(--overlay),var(--overlay));left:0;position:sticky;z-index:1}table.tiers thead tr:last-child td,table.tiers thead tr:last-child th{padding:0 2rem 2rem;vertical-align:top}table.tiers thead tr:first-child td,table.tiers thead tr:first-child th{padding:2rem}table.tiers .tier-title{align-items:center;display:inline-flex;position:relative}table.tiers .tier-number{margin-left:.125rem}table.tiers tbody tr:first-child>*{padding-top:1rem}table.tiers tbody tr:last-child>*{padding-bottom:1rem}table.tiers tr>*{border-right:1px solid rgba(50,50,60,.1);border-right:1px solid rgba(var(--color-text),.1)}table.tiers thead tr:first-child th:first-child{border-top:1px solid rgba(50,50,60,.15);border-top:1px solid rgba(var(--color-text),.15)}table.tiers tbody th:first-child,table.tiers thead th:first-child{border-left:1px solid rgba(50,50,60,.15);border-left:1px solid rgba(var(--color-text),.15);border-right:1px solid rgba(50,50,60,.15);border-right:1px solid rgba(var(--color-text),.15)}table.tiers tbody tr:first-child td{border-top:1px solid rgba(50,50,60,.1);border-top:1px solid rgba(var(--color-text),.1)}table.tiers tbody tr:first-child th{border-top:1px solid rgba(50,50,60,.2);border-top:1px solid rgba(var(--color-text),.2)}table.tiers tbody:last-child tr:last-child>th{border-bottom:1px solid rgba(50,50,60,.2);border-bottom:1px solid rgba(var(--color-text),.2);padding-bottom:1rem}table.tiers tbody:last-child tr:last-child>td{border-bottom:1px solid rgba(50,50,60,.1);border-bottom:1px solid rgba(var(--color-text),.1)}table.tiers tr>:first-child{background:rgba(50,50,60,.1);background:rgba(var(--color-text),.1)}}[class*=symbol-]{display:inline-block;vertical-align:bottom}.symbol-checkmark{height:1.25rem;width:1.25rem}.symbol-infinity{font-size:1.25rem}.faq{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;padding:0 0 4rem}.faq li{margin:1rem;max-width:20rem}.faq p{color:#6e6e78;color:rgb(var(--color-text-dim))}.posts{list-style:none;padding-bottom:10rem}.posts time{color:#6e6e78;color:rgb(var(--color-text-dim))}.posts li+li{margin-top:3rem}.posts .article-title{margin-bottom:.5rem}.posts p{margin-top:.5rem}.latest-posts{list-style:none}.latest-posts li+li{margin-top:2rem}.latest-posts p{font-size:1rem}.latest-posts h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-weight:500;margin:0}.latest-posts time{color:#6e6e78;color:rgb(var(--color-text-dim));font-size:.875rem}.post{padding-bottom:4rem}.post p{max-width:none}.post time{color:#6e6e78;color:rgb(var(--color-text-dim));display:block;text-align:center}.post>p:first-child,.post time+p{font-size:1.125em;font-weight:500;margin-bottom:2rem}.post ul li{margin:0}@media (min-width:70em){.post time{margin-bottom:4rem;margin-top:-5rem}}.docs{margin:0 auto;max-width:30rem;min-height:20rem;padding-bottom:4rem}.docs>nav{margin-bottom:4rem}.docs>.content{margin:0}.docs h2{margin-bottom:2rem;margin-top:0}.docs h3,.docs h4{margin-bottom:-.5rem;margin-top:3rem}.note{background:#f9e5c5;border-radius:1em;display:block;font-size:.8125em;padding:.75em 1em}.note a{color:currentColor}.button{cursor:pointer;text-decoration:none}.button,.text{background-color:#fff;background-color:rgb(var(--color-field));border:none;border-radius:.5rem;padding:.5rem .5625rem}.button{border-radius:9999rem}.input{box-shadow:inset 0 0 0 .125rem #32323c,0 0 0 0 rgba(30,150,240,.25)!important;box-shadow:var(--input-box-shadow)!important;outline:transparent;transition:box-shadow .15s ease-out}.input:focus{box-shadow:inset 0 0 0 .125rem #1e96f0,0 0 0 .25rem rgba(30,150,240,.25)!important;box-shadow:var(--input-box-shadow__focus)!important}.button,.button-cta{backrgound-color:#32323c;backrgound-color:rgb(var(--color-foreground));--color-hover-primary:var(--color-foreground);color:#fff;color:rgb(var(--color-background));display:inline-block;outline:transparent;padding-left:2rem;padding-right:2rem;text-decoration:none;transition:box-shadow .15s ease-out}.button-cta:focus,.button-cta:hover,.button:focus,.button:hover{box-shadow:0 0 .5rem .125rem #fff,0 0 1rem rgba(var(--color-hover-primary),.5);box-shadow:0 0 .5rem .125rem rgb(var(--color-background)),0 0 1rem rgba(var(--color-hover-primary),.5)}.button-cta{background-color:#6418e6;background-color:rgb(var(--color-primary));background:linear-gradient(-45deg,#a122ca,#6418e6);color:#fff;color:rgb(var(--color-primary-text))}.button-cta,.button-dim{--color-hover-primary:var(--color-primary)}.button-dim{background:transparent;box-shadow:inset 0 0 0 1px rgba(50,50,60,.25);box-shadow:inset 0 0 0 1px rgba(var(--color-text),.25);color:#32323c;color:rgb(var(--color-text))}.button-dim:focus,.button-dim:hover{box-shadow:inset 0 0 0 1px rgba(50,50,60,.75),0 0 0 1px rgba(50,50,60,.75);box-shadow:inset 0 0 0 1px rgba(var(--color-text),.75),0 0 0 1px rgba(var(--color-text),.75)}.form{max-width:20rem;text-align:left}.form input[type=email],.form input[type=search],.form input[type=text],.form textarea{background-color:#fff;border:1px solid #dcdde2;border-radius:.5rem;color:#53565c;line-height:2.375rem;margin-top:.0625rem;outline:transparent;padding:0 .75rem;transition:box-shadow .2s ease-in-out}.form input[type=search]{-webkit-appearance:textfield}.form input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.form input:-webkit-autofill,.form input:-webkit-autofill:active,.form input:-webkit-autofill:focus,.form input:-webkit-autofill:hover{box-shadow:inset 0 0 0 1000px #fff}.form input,.form textarea{box-sizing:border-box;display:block;max-width:100%;width:20rem}.form input[disabled],.form textarea[disabled]{background:#fff}.form .field{margin:1rem 0}.form .field>label{display:inline-block;margin-bottom:.5rem}.form .line input,.form .line textarea{display:inline-block;min-width:auto}.form .line .field+.field{margin-left:.5rem}.form textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);line-height:1.4;min-height:10rem;padding-top:.5rem;resize:vertical}.form .spinner{margin-right:.5rem}.form .form-status-success{color:#c9ff8b}.form .form-status-error,.form .form-status-invalid{color:#f67878}.form [class*=form-status]{display:none}.form[data-state=busy] .form-status-busy,.form[data-state=error] .form-status-error,.form[data-state=invalid] .form-status-invalid,.form[data-state=success] .form-status-success{display:block}@media (min-width:30em){.form .line{display:inline-flex}}.footer{--color-text:196,196,213;background:#32323c;color:#32323c;color:rgb(var(--color-text));font-size:.875rem;margin-top:auto;padding:1rem 0}.footer .content{position:relative;text-align:left}.footer .logo,.footer .product{font-weight:500}.footer .product{display:flex;flex-direction:column;letter-spacing:.06125rem}.footer .product a{color:inherit;margin-bottom:.5rem}.footer p{max-width:none}.footer a{--color-link:var(--color-text);text-decoration-thickness:.06125em}.footer ul{display:flex;flex-wrap:wrap;list-style:none;padding:0}.footer ul li{margin-right:.5rem}.footer .copy{opacity:.5}.footer .origin{background:#fff;border-radius:.25rem;cursor:default;padding:.25em .25em .25em .5em;position:absolute;right:2rem;top:0}.footer .origin img{border-radius:.125rem;display:block;margin-left:.5rem;-o-object-fit:cover;object-fit:cover}.footer .origin p{align-items:center;color:#013399;display:flex;flex-direction:row-reverse;font-size:.75em;font-weight:600;margin:0}@media (min-width:42em){.footer{padding:2rem}.footer .product{align-items:center;flex-direction:row}.footer .product a{margin:0}.footer .product a:after{content:" • ";margin:0 .25rem}.footer .origin{right:0}.footer nav{display:flex}.footer li+li{margin-top:.25rem}.footer ul{flex-direction:column}.footer ul+ul{margin-left:1rem}}a[data-module=SystemStatus]:after{background-color:#999;border-radius:1em;content:"";display:inline-block;height:.75em;margin-left:.5em;position:relative;width:.75em}a[data-module=SystemStatus][data-status=online]:after{background-color:#8bc34a}a[data-module=SystemStatus][data-status=unstable]:after{background-color:#ff9800}a[data-module=SystemStatus][data-status=offline]:after{background-color:#f44336}.live-demo{margin:2rem 0;text-align:center;transition:opacity .25s,filter .25s}.live-demo[data-state=loading]{filter:grayscale(80%);pointer-events:none}.live-demo[data-state=loading] p{color:transparent;position:relative}.live-demo[data-state=loading] label{visibility:hidden}.live-demo[data-state=loading] p:after{color:#5d5d75;content:"Loading CropGuide...";left:0;position:absolute;right:0}.live-demo span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.live-demo label{color:#5d5d75;pointer-events:none;text-decoration:underline;-webkit-text-decoration-color:#d8d8e6;text-decoration-color:#d8d8e6;text-decoration-thickness:2px;text-underline-offset:.06125em}.live-demo input{margin:0 2rem;width:180px}.live-demo input::-webkit-file-upload-button{background:#fafafa linear-gradient(180deg,#fff,#eff2f4);border:1px solid #888a8c;border-radius:.25rem;color:#32323c;cursor:pointer;padding:.25rem .5rem}.live-demo input::file-selector-button{background:#fafafa linear-gradient(180deg,#fff,#eff2f4);border:1px solid #888a8c;border-radius:.25rem;color:#32323c;cursor:pointer;padding:.25rem .5rem}.live-demo span[id]{font-size:.875rem}.live-demo .compare{margin:2rem auto 6rem;max-width:30rem}.demo .try,.live-demo .compare:empty{display:none}.demo[\:has\(\.compare\:not\(\:empty\)\)] .try{display:block}.demo:has(.compare:not(:empty)) .try{display:block}.spinner{display:inline-flex}.spinner>span+span{margin-left:.3125em}.spinner>span{-webkit-animation:dot 1.4s ease-in-out infinite both;animation:dot 1.4s ease-in-out infinite both;background-color:currentColor;border-radius:99999rem;height:.75em;width:.75em}.spinner>span:first-child{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner>span:nth-child(2){-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes dot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes dot{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}code[class*=language]{color:#212121}code[class*=language] .comment{color:#9398a2;font-style:italic}.language-html .punctuation,.language-jsx .punctuation,.language-php .punctuation,.language-svelte .punctuation,code[class*=language] .string{color:#d86a1b}.language-html .attr-name,.language-jsx .attr-name,.language-php .attr-name,.language-svelte .attr-name{color:#8d30b5}.language-html .attr-value,.language-jsx .attr-value,.language-php .attr-value,.language-svelte .attr-value{color:#d86a1b}.language-html .attr-equals,.language-jsx .attr-equals,.language-php .attr-equals,.language-svelte .attr-equals{color:#212121}.language-html .doctype,.language-html .tag,.language-jsx .doctype,.language-jsx .tag,.language-php .doctype,.language-php .tag,.language-svelte .doctype,.language-svelte .tag{color:#245fc0}.language-html .doctype .punctuation:first-of-type,.language-html .doctype .punctuation:last-of-type,.language-html .tag .punctuation:first-of-type,.language-html .tag .punctuation:last-of-type,.language-jsx .doctype .punctuation:first-of-type,.language-jsx .doctype .punctuation:last-of-type,.language-jsx .tag .punctuation:first-of-type,.language-jsx .tag .punctuation:last-of-type,.language-php .doctype .punctuation:first-of-type,.language-php .doctype .punctuation:last-of-type,.language-php .tag .punctuation:first-of-type,.language-php .tag .punctuation:last-of-type,.language-svelte .doctype .punctuation:first-of-type,.language-svelte .doctype .punctuation:last-of-type,.language-svelte .tag .punctuation:first-of-type,.language-svelte .tag .punctuation:last-of-type{color:#88a6d7}.language-javascript .function-variable,.language-javascript .punctuation,.language-js .function-variable,.language-js .punctuation,.language-jsx .function-variable,.language-jsx .punctuation,.language-php .function-variable,.language-php .punctuation,.language-svelte .function-variable,.language-svelte .punctuation{color:#212121}.language-javascript .function,.language-js .function,.language-jsx .function,.language-php .function,.language-svelte .function{color:#6655eb}.language-javascript .operator,.language-js .operator,.language-jsx .operator,.language-php .operator,.language-svelte .operator{color:#8f9196}.language-javascript .constant,.language-javascript .keyword,.language-js .constant,.language-js .keyword,.language-jsx .constant,.language-jsx .keyword,.language-php .constant,.language-php .keyword,.language-svelte .constant,.language-svelte .keyword{color:#bc27bd}.language-javascript .boolean,.language-js .boolean,.language-jsx .boolean,.language-php .boolean,.language-svelte .boolean{color:#3aa0ce}.language-javascript .class-name,.language-js .class-name,.language-jsx .class-name,.language-php .class-name,.language-svelte .class-name{color:#cba905}.language-javascript .number,.language-js .number,.language-jsx .number,.language-php .number,.language-svelte .number{color:#348c38}.language-jsx .class-name,.language-svelte .class-name{color:#67a5f4}.language-css .rule{color:#8d30b5}.language-css .punctuation{color:#b7c6d6}.language-css .property{color:#7a8095}.language-css .selector{color:#d72a65}.highlight-line-active{--color:#f0f4f8}:root[data-theme=dark] code:not([class*=language]){background-color:rgba(187,141,255,.16);color:#c8a1ee}:root[data-theme=dark] code[class*=language]{color:#ddd}:root[data-theme=dark] code[class*=language] .comment{color:#707985}:root[data-theme=dark] code[class*=language] .string{color:#f6a66c}:root[data-theme=dark] .highlight-line-active{--color:#3a3a3b}:root[data-theme=dark] .language-html .attr-name,:root[data-theme=dark] .language-jsx .attr-name,:root[data-theme=dark] .language-php .attr-name,:root[data-theme=dark] .language-svelte .attr-name{color:#c7d6ec}:root[data-theme=dark] .language-html .attr-equals,:root[data-theme=dark] .language-jsx .attr-equals,:root[data-theme=dark] .language-php .attr-equals,:root[data-theme=dark] .language-svelte .attr-equals{color:#59677b}:root[data-theme=dark] .language-html .doctype,:root[data-theme=dark] .language-html .tag,:root[data-theme=dark] .language-jsx .doctype,:root[data-theme=dark] .language-jsx .tag,:root[data-theme=dark] .language-php .doctype,:root[data-theme=dark] .language-php .tag,:root[data-theme=dark] .language-svelte .doctype,:root[data-theme=dark] .language-svelte .tag{color:#788ca8}:root[data-theme=dark] .language-html .doctype .punctuation:first-of-type,:root[data-theme=dark] .language-html .doctype .punctuation:last-of-type,:root[data-theme=dark] .language-html .tag .punctuation:first-of-type,:root[data-theme=dark] .language-html .tag .punctuation:last-of-type,:root[data-theme=dark] .language-jsx .doctype .punctuation:first-of-type,:root[data-theme=dark] .language-jsx .doctype .punctuation:last-of-type,:root[data-theme=dark] .language-jsx .tag .punctuation:first-of-type,:root[data-theme=dark] .language-jsx .tag .punctuation:last-of-type,:root[data-theme=dark] .language-php .doctype .punctuation:first-of-type,:root[data-theme=dark] .language-php .doctype .punctuation:last-of-type,:root[data-theme=dark] .language-php .tag .punctuation:first-of-type,:root[data-theme=dark] .language-php .tag .punctuation:last-of-type,:root[data-theme=dark] .language-svelte .doctype .punctuation:first-of-type,:root[data-theme=dark] .language-svelte .doctype .punctuation:last-of-type,:root[data-theme=dark] .language-svelte .tag .punctuation:first-of-type,:root[data-theme=dark] .language-svelte .tag .punctuation:last-of-type{color:#59677b}:root[data-theme=dark] .language-html .attr-value,:root[data-theme=dark] .language-html .attr-value .punctuation:last-of-type,:root[data-theme=dark] .language-html .attr-value .punctuation:nth-of-type(2),:root[data-theme=dark] .language-html .punctuation,:root[data-theme=dark] .language-jsx .attr-value,:root[data-theme=dark] .language-jsx .attr-value .punctuation:last-of-type,:root[data-theme=dark] .language-jsx .attr-value .punctuation:nth-of-type(2),:root[data-theme=dark] .language-jsx .punctuation,:root[data-theme=dark] .language-php .attr-value,:root[data-theme=dark] .language-php .attr-value .punctuation:last-of-type,:root[data-theme=dark] .language-php .attr-value .punctuation:nth-of-type(2),:root[data-theme=dark] .language-php .punctuation,:root[data-theme=dark] .language-svelte .attr-value,:root[data-theme=dark] .language-svelte .attr-value .punctuation:last-of-type,:root[data-theme=dark] .language-svelte .attr-value .punctuation:nth-of-type(2),:root[data-theme=dark] .language-svelte .punctuation{color:#f6a66c}:root[data-theme=dark] .language-diff-js .function-variable,:root[data-theme=dark] .language-diff-js .punctuation,:root[data-theme=dark] .language-javascript .function-variable,:root[data-theme=dark] .language-javascript .punctuation,:root[data-theme=dark] .language-js .function-variable,:root[data-theme=dark] .language-js .punctuation,:root[data-theme=dark] .language-jsx .function-variable,:root[data-theme=dark] .language-jsx .punctuation,:root[data-theme=dark] .language-php .function-variable,:root[data-theme=dark] .language-php .punctuation,:root[data-theme=dark] .language-svelte .function-variable,:root[data-theme=dark] .language-svelte .punctuation{color:#9c9c9c}:root[data-theme=dark] .language-diff-js .function,:root[data-theme=dark] .language-javascript .function,:root[data-theme=dark] .language-js .function,:root[data-theme=dark] .language-jsx .function,:root[data-theme=dark] .language-php .function,:root[data-theme=dark] .language-svelte .function{color:#85b7f6}:root[data-theme=dark] .language-diff-js .operator,:root[data-theme=dark] .language-javascript .operator,:root[data-theme=dark] .language-js .operator,:root[data-theme=dark] .language-jsx .operator,:root[data-theme=dark] .language-php .operator,:root[data-theme=dark] .language-svelte .operator{color:#8f9196}:root[data-theme=dark] .language-diff-js .constant,:root[data-theme=dark] .language-diff-js .keyword,:root[data-theme=dark] .language-javascript .constant,:root[data-theme=dark] .language-javascript .keyword,:root[data-theme=dark] .language-js .constant,:root[data-theme=dark] .language-js .keyword,:root[data-theme=dark] .language-jsx .constant,:root[data-theme=dark] .language-jsx .keyword,:root[data-theme=dark] .language-php .constant,:root[data-theme=dark] .language-php .keyword,:root[data-theme=dark] .language-svelte .constant,:root[data-theme=dark] .language-svelte .keyword{color:#f699d1}:root[data-theme=dark] .language-diff-js .boolean,:root[data-theme=dark] .language-javascript .boolean,:root[data-theme=dark] .language-js .boolean,:root[data-theme=dark] .language-jsx .boolean,:root[data-theme=dark] .language-php .boolean,:root[data-theme=dark] .language-svelte .boolean{color:#3aa0ce}:root[data-theme=dark] .language-diff-js .class-name,:root[data-theme=dark] .language-javascript .class-name,:root[data-theme=dark] .language-js .class-name,:root[data-theme=dark] .language-jsx .class-name,:root[data-theme=dark] .language-php .class-name,:root[data-theme=dark] .language-svelte .class-name{color:#f4db86}:root[data-theme=dark] .language-diff-js .number,:root[data-theme=dark] .language-javascript .number,:root[data-theme=dark] .language-js .number,:root[data-theme=dark] .language-jsx .number,:root[data-theme=dark] .language-php .number,:root[data-theme=dark] .language-svelte .number{color:#8eb771}:root[data-theme=dark] .language-jsx .class-name{color:#788ca8}:root[data-theme=dark] .language-jsx .token .punctuation{color:#59677b}:root[data-theme=dark] .language-jsx .spread .attr-value{color:#c7d6ec}:root[data-theme=dark] .language-css .selector{color:#ff93b8}:root[data-theme=dark] .language-css .rule{color:#e4d18a}:root[data-theme=dark] .language-css .punctuation{color:#777}:root[data-theme=dark] .language-css .property{color:#b7b7c0}:root[data-theme=dark] .language-css .atrule .property{color:#abb7f2}.post{margin-top:2rem;max-width:32rem;padding:0 1rem 4rem}.post:before{background:rgba(100,24,230,.25);background:rgba(var(--color-primary),.25);content:"";display:block;height:2px;margin:0 auto 1.75rem;width:5rem}.post h2{font-size:1.5rem;margin-bottom:1rem;margin-top:2.5rem}.post ol{counter-reset:steps;list-style:none;margin:2rem 0;padding:0}.post ol li{counter-increment:steps;padding-left:3rem;position:relative}.post ol li img{margin-left:0;margin-right:0}.post ol li+li{margin-top:2rem}.post ol li:after,.post ol li:before{height:1.75rem;left:0;line-height:2rem;position:absolute;top:0;width:1.75rem}.post ol li:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.569 1.485c4.461-.46 8.923-.69 13.384-.69s8.923.23 13.384.69c.368 4.33.552 8.767.552 13.31 0 4.543-.184 9.03-.552 13.459a165.785 165.785 0 0 1-26.768 0C.206 22.576.024 18.09.024 14.795c0-3.294.182-7.73.545-13.31Z' fill='%23EDF0F2' fill-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;content:"";margin-left:-.5rem;margin-top:.5rem;z-index:1}.post ol li:after{content:counter(steps);font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family-alt);font-size:1.75rem;font-weight:900;margin-left:-.25rem;margin-top:-.25rem;text-align:right;z-index:2}.post ul{padding-left:1.25rem}.post img,.post video{border-radius:.5rem;box-shadow:0 0 0 1px rgba(0,0,0,.1);display:block;margin:2rem auto;max-width:90%}.post .persons{display:flex;justify-content:center}.post .person{align-items:center;display:flex;flex-direction:column}.post .person img{border-radius:9999rem;display:block;height:4rem;margin:0 0 .5rem;width:4rem}.post .person p{margin:.25rem 0;white-space:nowrap}.post .person span{font-weight:700}.post .person a{font-size:.75rem;opacity:.6}.post .person figcaption{align-items:center;display:flex;flex-direction:column;font-size:.875rem}.article+.companies,.post+.companies{margin-bottom:5rem}.demo-flow{align-items:center;display:flex;justify-content:flex-start;padding-left:.5rem;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.demo-flow>*{margin:1rem}.demo-button,.demo-dropdown{align-items:center;display:inline-flex;margin:0 .325rem}.demo-button svg,.demo-dropdown svg{margin-right:.5rem}.demo-field{color:#333;color:var(--text,#333);font-size:.875rem}.demo-field>*{display:block;margin-top:.25rem}.demo-textarea{background-color:#fff;background-color:var(--background,#fff);border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:.25rem;border-radius:var(--radius,.25rem);color:#333;color:var(--text,#333);padding:.5rem}.demo-textarea pre{border:0;margin:0;opacity:.25;padding:0}.demo-textarea pre code{background:transparent;color:inherit}.demo-dropdown{background-color:#fff;background-color:var(--background,#fff);border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:.25rem;border-radius:var(--radius,.25rem);color:#333;color:var(--text,#333);display:inline-flex;font-size:.875rem;min-width:10rem;padding:.375rem .75rem}.demo-dropdown:after{content:"▼";margin-left:auto;opacity:.25;transform:scaleY(.75)}.demo-then{align-items:center;display:inline-flex}.demo-button{background-color:#000;background-color:var(--background,#000);border:1px solid transparent;border:1px solid var(--border,transparent);border-radius:.25rem;border-radius:var(--radius,.25rem);color:#fff;color:var(--text,#fff);font-size:.875rem;padding:.375rem .75rem;white-space:nowrap}.demo-button code{background:transparent;color:inherit;font-weight:300;margin:0 .5rem 0 0;padding:0}.demo-rect{background-color:#fff;background-color:var(--background,#fff);border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:.25rem;color:#999;color:var(--text,#999);font-size:.875rem;font-weight:700;padding:.375rem .75rem}.tabs{grid-gap:1em;display:flex;flex-direction:column;gap:1em;list-style:none;padding:1em}.tabs a{grid-gap:.25em;align-items:baseline;background:rgba(50,50,60,.15);background:rgba(var(--color-text),.15);border-radius:1em;color:currentColor;display:flex;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family-alt);font-size:1.25em;gap:.25em;padding:.25em 1em;text-decoration:none}.tabs li.selected a{background:rgba(100,24,230,.15);background:rgba(var(--color-link),.15);color:#6418e6;color:rgb(var(--color-link))}@media (min-width:32em){.tabs{grid-gap:2em;flex-direction:row;gap:2em;justify-content:center}}