:root{--logo-pintura:url(/static/assets/pintura/logo.svg);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--color-dark:26,23,23;--color-darker:22,19,19;--color-bright:250,250,250;--color-brighter:255,255,255;--color-foreground:var(--color-dark);--color-background:var(--color-bright);--color-background-alt:var(--color-brighter);--color-text:50,50,60;--color-text-dim:100,105,110;--color-primary-dark:70,30,131;--color-primary-text:255,255,255;--color-primary-alt:226,72,73;--color-primary:255,0,0;--color-primary:255,60,60;--color-link:217,150,15;--color-secondary:230,80,30;--color-tertiary:255,0,0;--color-text-gradient:linear-gradient(-90deg,rgb(var(--color-primary)),rgb(var(--color-primary-alt)));--soft-shadow-color:rgba(0,0,0,.015);--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);--soft-shadow-up:0 0 0 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]{--logo-pintura:url(/static/assets/pintura/logo-inverted.svg);--color-text:250,250,250;--color-text-dim:195,190,195;--color-link:248,197,112;--color-foreground:var(--color-bright);--color-background:var(--color-dark);--color-background-alt:var(--color-darker);--color-text-gradient-filter:none}:root[data-theme=dark] .pintura-editor{--color-foreground:var(--color-bright);--color-background:var(--color-darker)}:root[data-theme=dark] [data-module=DesktopEditor][data-state=idle]{background-color:#161313;background-color:rgb(var(--color-darker))}.theme{position:absolute;right:1rem;top:1.25rem;z-index:4}.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;width:1rem}@media (min-width:40rem){.theme{right:1.5rem}}[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}main{min-height:100%}.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{background-color:#fafafa;background-color:rgb(var(--color-background));color:#32323c;color:rgb(var(--color-text))}.custom-scrollbar,html{--scrollbar-thumb-color:rgba(var(--color-text),0.4);--scrollbar-track-color:rgb(var(--color-background));scrollbar-color:var(--scrollbar-thumb-color) transparent;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar,html::-webkit-scrollbar{width:1rem}.custom-scrollbar::-webkit-scrollbar-corner,.custom-scrollbar::-webkit-scrollbar-track,html::-webkit-scrollbar-corner,html::-webkit-scrollbar-track{background-color:var(--scrollbar-track-color)}.custom-scrollbar::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--scrollbar-thumb-color);border:.3125rem solid transparent;border-radius:9999rem;cursor:pointer}a{color:#32323c;color:rgb(var(--color-text));text-decoration-color:rgba(50,50,60,.25);text-decoration-color:rgba(var(--color-text),.25);text-decoration-thickness:.125em;text-underline-offset:.06125em;transition:text-decoration-color .1s ease-in-out}a:hover{text-decoration-color:rgba(50,50,60,.5);text-decoration-color:rgba(var(--color-text),.5)}h1{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:1.75rem;font-weight:900;letter-spacing:-.030625em;line-height:1.35;margin-bottom:2rem;margin-top:7rem;padding:0 1rem;text-align:center}h1 span{white-space:nowrap}.poweredby{margin:1rem 0;text-align:center}@media (min-width:52em){h1{font-size:2rem;line-height:1.25}}h2{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:1.5rem;font-weight:900;line-height:1.1;margin-bottom:2rem;text-align:center}@media (min-width:52em){h2{font-size:2rem}}h2+p{margin-top:.5rem}h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:1.325rem}.gradient-text{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(-90deg,#ff3c3c,#e24849);background-image:var(--color-text-gradient);filter:var(--color-text-gradient-filter);font-weight:600;white-space:nowrap}html{background-image:radial-gradient(closest-side,rgba(255,0,0,.025),rgba(255,0,0,0)),radial-gradient(closest-side,rgba(255,60,60,.05),rgba(255,60,60,0));background-image:radial-gradient(closest-side,rgba(var(--color-tertiary),.025),rgba(var(--color-tertiary),0)),radial-gradient(closest-side,rgba(var(--color-primary),.05),rgba(var(--color-primary),0));background-position:-30em 5em,30em -25em;background-repeat:no-repeat;background-size:70em 100em,120em 50em}.logo{color:#32323c;color:rgb(var(--color-text));display:inline-flex;text-decoration:none}.logo,.logo>span{align-items:center}.logo>span{display:flex;font-weight:900;letter-spacing:-.03125em;line-height:1;text-transform:uppercase;white-space:nowrap}.logo>span>span{background:linear-gradient(270deg,#e24849,#ff3c3c);background:linear-gradient(to left,rgba(var(--color-primary-alt),1),rgba(var(--color-primary),1));border-radius:1rem;color:transparent;display:inline-block;height:.875rem;line-height:0;margin:0 .5rem;position:relative;width:.875rem}.content{margin:0 auto 4rem;max-width:60rem;padding:0 1rem;text-align:center}.content h2{margin-bottom:2rem;margin-top:4rem}.content+.content{margin-top:8rem}.implicit{clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.tabs{justify-content:center;list-style:none;margin:2rem 0;padding:0;text-align:center}.tabs a{display:block;padding:.75rem}@media (min-width:46em){.tabs{display:flex;margin:4rem 0}.tabs a{border:1px solid rgba(26,23,23,.1);border:1px solid rgba(var(--color-foreground),.1);border-radius:2rem;margin:.5rem;padding:.5rem 1.5rem;text-decoration:none}}.article{margin:0 auto;max-width:30rem;padding:0 1rem}.article h1,.article h2,.article h3{padding:0;text-align:left}.article h2{font-size:1.5rem;margin-bottom:1rem;margin-top:2rem}.article hr{background:rgba(26,23,23,.5);background:rgba(var(--color-foreground),.5);border:none;height:1px}.anim{background:#8052aa;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);left:0;padding:1rem 0;position:absolute;right:0;top:0;transition:box-shadow .2s,background-color .2s;z-index:3}.header .content{align-items:center;display:flex;max-width:none;min-height:var(--header-height);padding:0 1rem;position:relative}.header nav{margin-left:auto}.header .logo{color:#32323c;color:rgb(var(--color-text));margin:0}.header a:not(.button-cta):not(.logo){color:rgb(var(--link-color));font-size:.875rem;text-decoration:none;text-decoration-color:rgba(var(--link-color),.25)}.header a:not(.button-cta):not(.logo):hover{text-decoration:underline;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}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{align-items:center;display:flex;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,.015),0 1px 1px rgba(0,0,0,.015),0 2px 2px rgba(0,0,0,.015),0 4px 4px rgba(0,0,0,.015),0 8px 8px rgba(0,0,0,.015),0 16px 16px rgba(0,0,0,.015);box-shadow:var(--soft-shadow);display:block;left:0;margin-top:-1px;padding:1rem;position:absolute;right:0;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{flex-direction:column}nav.main h2:not(.implicit)[data-state=active]~div:not([hidden]) .button-cta{margin-left:0}nav.main{margin-right:2rem}.poweredby{margin:0}.poweredby a{align-items:center;color:#32323c;color:rgb(var(--color-text));display:inline-flex;font-size:.8125em;font-weight:500;justify-content:center;line-height:.75;text-decoration:none}.poweredby span{background:url(/static/assets/pintura/logo.svg);background:var(--logo-pintura);background-repeat:no-repeat;color:transparent;height:1.375rem;margin-left:.325em;position:relative;top:.03125em;width:3.75rem}h1+.poweredby{margin-bottom:3rem;margin-top:.5rem}.intro{color:#64696e;color:rgb(var(--color-text-dim));text-align:center}.intro h1{margin-bottom:0}.intro h1,.intro strong{color:#32323c;color:rgb(var(--color-text))}.intro strong{font-weight:700}.intro .stronger{display:inline-block;font-weight:800}.intro p{font-size:.875em}.intro p>span{white-space:nowrap}@media (min-width:52em){.intro p{font-size:1em}}.about{padding:0 1rem}.about h2,.about h3{text-align:center}.about h3{margin:2rem 0 -.5rem}.about p{margin-left:auto;margin-right:auto;max-width:26rem}.about p,.about ul{color:#64696e;color:rgb(var(--color-text-dim))}.about ul{list-style:none;margin:0;padding:0}.about li,.about p{text-align:center}.about li+li{margin-top:1rem}.about img{border-radius:1rem;display:block;margin:0 auto;max-width:100%;width:22rem}.usage{max-width:40rem}.usage h3{margin-top:2rem}.usage p{color:#64696e;color:rgb(var(--color-text-dim));text-align:center}.divider{background:hsla(210,5%,41%,.15);background:rgba(var(--color-text-dim),.15);height:1px;margin:4rem auto;width:10rem}.contact p{color:#64696e;color:rgb(var(--color-text-dim));padding:0 2rem;text-align:center}.contact .form{margin:0 auto;max-width:20rem;padding:0 2rem;text-align:left}.contact .form-input{margin-top:2rem}.issues .beta{margin:0 .125rem;padding:.125em .325em}.issues ul{list-style:none;margin:1rem auto 1.5rem;max-width:18rem;padding:0}.issues ul li{align-items:center;color:#64696e;color:rgb(var(--color-text-dim));display:flex;text-align:left}.issues ul li+li{margin-top:.75rem}.issues ul span{font-size:1.75rem;margin-right:.75rem}.privacy h3{margin-bottom:2rem;margin-top:2rem;text-align:center}.privacy p{color:#64696e;color:rgb(var(--color-text-dim));padding:0 2rem;text-align:center}.privacy p:last-child{color:#32323c;color:rgb(var(--color-text));font-weight:600;margin-top:2rem}.privacy ul{list-style:none;margin:1.5rem auto;max-width:10rem;padding:0}.privacy ul li{align-items:center;color:#64696e;color:rgb(var(--color-text-dim));display:flex}.privacy ul span{font-size:1.75rem;margin-right:.75rem}.credits{font-size:.75rem;opacity:.5;text-align:center}input:checked+.checkable:before{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="%23000" stroke-width="5" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>')}html{scroll-padding:2em}.beta{background:#ffbf14;border-radius:.25em;color:#000;line-height:1.1;margin-left:1em;padding:.25em .5em .3125em;text-align:center}.beta a{color:inherit!important}.footer{background-color:#fff;background-color:rgb(var(--color-background-alt));font-size:.875rem;margin-top:4rem;padding:.5rem 0}.footer .content{align-items:center;display:flex;margin-bottom:0;margin-top:0;max-width:50rem;text-align:left}.footer a{text-decoration:none}.footer .logo{display:none;font-size:.875em;margin:0 auto 0 0}.footer .logo:before{height:10px;width:10px}.footer .twitter{align-items:center;display:flex;margin-left:auto}.footer .twitter span{display:none;font-size:.875em;margin-left:.325rem}.footer .nav{font-size:.875em;margin-right:auto;opacity:.5}.footer .nav a{text-decoration:underline;text-decoration-color:rgba(50,50,60,.5);text-decoration-color:rgba(var(--color-text),.5);text-underline-offset:2px}.footer .nav>*{margin:0 .25rem}@media (min-width:30em){.footer .nav{margin-left:auto}.footer .content{justify-content:space-between}.footer .logo{display:inline}.footer{padding-left:1rem;padding-right:1rem}}@media (min-width:34em){.footer .twitter span{display:inline}}:root .PinturaRoot .PinturaButtonExport{background:#1a1717!important;background:rgb(var(--color-foreground))!important;color:#fafafa!important;color:rgb(var(--color-background))!important}:root .PinturaRoot .PinturaButtonExport[disabled]{background:rgba(26,23,23,.1)!important;background:rgba(var(--color-foreground),.1)!important;color:#1a1717!important;color:rgb(var(--color-foreground))!important}:root .PinturaRoot>.PinturaNavMain button{border-radius:1rem!important;box-shadow:none}:root .PinturaRoot>.PinturaNavMain [aria-selected=true] button{box-shadow:inset 0 0 0 1px var(--color-foreground-5)}:root .PinturaDropdownButton.PinturaDropdownIconOnly .PinturaButtonIcon{margin-left:0}.PinturaRoot .ExportMenu{padding:.75em;width:14em}.PinturaRoot .ExportMenu label,.PinturaRoot .ExportMenu legend{display:block;font-size:.75em;margin-bottom:.5em}.PinturaRoot .ExportMenu>*+*{margin-top:.75em}.PinturaRoot .ExportMenu input[type=number]{-moz-appearance:textfield;border-radius:.3125em;font-size:.75em;line-height:1.75;padding:0;width:2em}.PinturaRoot .ExportMenu input::-webkit-inner-spin-button,.PinturaRoot .ExportMenu input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.PinturaRoot .ExportMenu input[type=radio]{display:none}.PinturaRoot .ExportMenu input+label{border:1px solid var(--color-foreground-100);border-radius:.3125em;cursor:pointer;display:inline-block;font-size:.75em;margin-right:.75em;padding:.25em .5em}.PinturaRoot .ExportMenu input:checked+label{background:var(--color-foreground-100);color:var(--color-background-100)}.PinturaRoot .ExportMenu .number-slider{align-items:center;display:flex;position:relative}.PinturaRoot .ExportMenu .number-slider input[type=range]{flex:1}.PinturaRoot .ExportMenu .number-slider input[type=number]{margin-left:1em;padding-left:.25em;padding-right:1.5em;text-align:right}.PinturaRoot .ExportMenu .number-slider span{font-size:.75em;margin-right:.3125em;position:absolute;right:0}.PinturaRoot .ExportMenu fieldset[disabled]{filter:grayscale(50%);opacity:.35}.PinturaRoot .ExportMenu button{background:#fdba07;border-radius:.3125em;color:#000;cursor:pointer;font-size:.75em;line-height:2.25;padding:0 1em}.PinturaRoot .ExportMenu button[disabled]{filter:grayscale(100%);opacity:.5}.PinturaRoot .ExportMenu button svg{height:1em;margin-left:-.125em;margin-right:.5em;width:1em}.PinturaRoot .ExportMenu button svg:only-child{margin:0}.PinturaRoot .ExportMenu button>span{align-items:center;display:flex}.PinturaRoot .ExportMenu .outputActions{display:flex;justify-content:space-between}.PinturaRoot .ExportMenu input[type=range]{-webkit-appearance:none;width:10em}.PinturaRoot .ExportMenu input[type=range]::-moz-range-thumb{background:var(--color-foreground-100);border:none;border-radius:.75em;cursor:pointer;height:.75em;margin-top:-.375em;width:.75em}.PinturaRoot .ExportMenu input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-foreground-100);border-radius:.75em;cursor:pointer;height:.75em;margin-top:.125em;width:.75em}.PinturaRoot .ExportMenu input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--color-foreground-100),var(--color-foreground-100));background-position:0 50%;background-repeat:no-repeat;background-size:100% 1px;height:1em}.PinturaRoot .ExportMenu input[type=range]::-moz-range-track{background:linear-gradient(var(--color-foreground-100),var(--color-foreground-100));background-position:0 50%;background-repeat:no-repeat;background-size:100% 1px;height:1em}.PinturaRoot .emoji-loading{color:#333;font-size:.75em;padding:.75em}.PinturaRoot emoji-picker{--background:transparent;--border-size:0;--input-font-size:0.875rem;--input-padding:0 0.5rem;--input-line-height:2;--input-border-radius:0.35rem;--input-border-color:var(--color-foreground-30);--border-color:var(--color-foreground-10);--indicator-color:var(--color-foreground-50);--indicator-height:2px;--emoji-padding:0.35rem;--button-hover-background:var(--color-foreground-10);border-radius:1em;height:15.5em;margin-left:1px;margin-right:1px;overflow:hidden}.PinturaRoot .PinturaShapePresetsFlat svg+.PinturaButtonLabel{margin-left:0}.PinturaRoot .PinturaShapePresetsFlat .PinturaButtonIcon{display:none}.select{align-items:center;display:flex;flex-direction:column;justify-content:center}.select>*{margin:.5rem}.select .button{font-size:.875em;font-weight:500}.select input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}@media (min-width:34em){.select{align-items:baseline;flex-direction:row;margin-bottom:0}.select>*{margin:1rem}}@media (min-width:40em){[data-module=MobileEditor][data-hide-on-desktop]{display:none}.editor-blog{box-sizing:border-box;margin-left:calc(-50vw - -50%);padding:0 1em;width:100vw}.editor-blog h2,.editor-blog p{text-align:center}.editor-blog h2{margin-top:5rem}.editor-blog h2 a{display:none}[data-module=DesktopEditor]:after{content:"Waiting for editor to load…";font-size:.875em;left:0;opacity:.9;pointer-events:none;position:absolute;right:0;text-align:center;top:calc(50% - 1.375ex);transition:opacity .25s ease-in-out}[data-module=DesktopEditor]:not(:empty):after{opacity:0}.editor[data-module=DesktopEditor]{border-radius:1.75rem;box-shadow:0 0 0 1px rgba(26,23,23,.05);box-shadow:0 0 0 1px rgba(var(--color-foreground),.05);height:60vh;margin:3rem auto;max-height:50rem;max-width:90rem;min-height:40rem;overflow:hidden;position:relative;width:calc(100% - 2rem)}html.js[data-fullscreen]{overflow:hidden}html.js[data-fullscreen] .editor[data-module=DesktopEditor]{background:#161313;background:rgb(var(--color-darker));border-radius:0;height:100%;left:0;margin:0;max-height:none;max-width:none;min-height:auto;min-width:auto;position:fixed;top:0;width:100%;z-index:2147483647}}html.js .select .button{background-color:rgba(26,23,23,0);background-color:rgba(var(--color-foreground),0);box-shadow:inset 0 0 0 2px #1a1717;box-shadow:inset 0 0 0 2px rgba(var(--color-foreground),1);position:relative;transition:background-color .25s ease-in-out}html.js .select .button:after{bottom:0;color:#1a1717;color:rgb(var(--color-foreground));content:"Loading editor…";font-size:.875em;left:0;opacity:1;padding-left:1rem;pointer-events:none;position:absolute;right:0;top:.175em}html.js[data-editor-state=loading] .select .button{cursor:progress}html.js[data-editor-state=ready] .select .button{background-color:#1a1717;background-color:rgba(var(--color-foreground),1);box-shadow:inset 0 0 0 2px rgba(26,23,23,0);box-shadow:inset 0 0 0 2px rgba(var(--color-foreground),0)}html.js[data-editor-state=ready] .select .button:after{opacity:0}.button{background-color:#1a1717;background-color:rgba(var(--color-foreground),1);border:none;border-radius:9999em;color:#fafafa;color:rgb(var(--color-background));cursor:pointer;display:inline-block;font-size:.875em;line-height:2.25;padding:0 1.5em;text-decoration:none;white-space:nowrap}.form input[type=email],.form input[type=search],.form input[type=text],.form textarea{background-color:#fff;border:none;border-radius:.5rem;box-shadow:inset 0 0 0 1px rgba(26,23,23,.15);box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.15);color:#53565c;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:2.375rem;margin-top:.0625rem;outline:transparent;padding:0 .75rem;transition:box-shadow .2s ease-in-out}.form input[type=email]:focus,.form input[type=search]:focus,.form input[type=text]:focus,.form textarea:focus{box-shadow:inset 0 0 0 2px #fcbf09}.form input[type=search]{-webkit-appearance:textfield}.form input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.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{color:#64696e;color:rgb(var(--color-text-dim));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{min-height:10rem;resize:vertical}.form .spinner{margin-right:.5rem}.form .form-status-success{color:#c9ff8b}.form .form-status-error{color:#f67878}.form .field-center{text-align:center}.form [class*=form-status]{display:none;max-width:20rem}.form[data-state=busy] .form-status-busy,.form[data-state=error] .form-status-error,.form[data-state=success] .form-status-success{display:block}@media (min-width:30em){.form .line{display:inline-flex}}.newsletter{margin:4rem auto 0;max-width:30rem;padding:0 2rem}.newsletter p{color:#64696e;color:rgb(var(--color-text-dim));padding:0 2rem;text-align:center}.newsletter .form{margin:0 auto;max-width:20rem;padding:0 2rem}.newsletter .form-input{margin-top:2rem}.template-state{align-items:center;display:flex;justify-content:center;margin:0 auto;padding:1rem 2rem;text-align:left}.template-state[hidden]{display:none}.template-state ul{align-items:baseline;display:flex;list-style:none;margin:0;max-width:100%;overflow:auto;padding:0}.template-state li{color:#64696e;color:rgb(var(--color-text-dim));display:block;font-size:.75rem;margin:.5rem 1rem;text-align:center;text-transform:capitalize}.template-state span{border-radius:.5rem;color:#32323c;color:rgb(var(--color-text));display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-weight:900;margin-top:.25rem;max-width:10rem}.template-state .button{align-items:center;display:flex;height:2rem;justify-content:center;margin-left:1rem;min-width:2rem;padding:0}.template-state .button svg{height:1rem;width:1rem}@media (max-width:40em){.template{display:flex;flex-direction:column-reverse}.template-state{border-radius:1rem;box-shadow:inset 0 0 0 1px rgba(26,23,23,.15);box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.15);margin:1rem;padding:.5rem}}.templates{text-align:center}.templates p{margin:1rem auto;max-width:36rem}.templates h2{margin-bottom:1rem}.templates ul{list-style:none;margin:0;padding:0}.templates h3{font-size:1.125em}.templates li+li{margin-top:4rem}.templates .template-groups{display:flex;flex-direction:column;margin-bottom:4rem}.templates .template-group{margin:0 1rem}.templates .template-group ul{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center}.templates .template-group li{margin:0 1rem 2rem}.templates dd,.templates dl,.templates dt{margin:0;padding:0}.templates dl{border:1px solid rgba(26,23,23,.15);border:1px solid rgba(var(--color-foreground),.15);border-radius:1rem;font-size:.8125rem;margin-bottom:-.5rem;min-width:14rem;text-align:left}.templates dd{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.templates dd,.templates dt{flex:1;white-space:nowrap}.templates dl div{display:flex;padding:.5rem 1rem}.templates dl div+div{border-top:1px solid rgba(26,23,23,.15);border-top:1px solid rgba(var(--color-foreground),.15)}.templates .button{align-items:center;display:inline-flex;height:2rem;justify-content:center;min-width:2rem;padding:0}.templates .button svg{height:1rem;position:relative;right:-.125rem;width:1rem}.widget-docs{margin:0 auto;max-width:26rem;text-align:left}.widget-docs pre{margin:2rem 0}.studio{padding:0 4rem}.studio footer{margin-top:2rem}.studio .link-type+label{border-radius:2rem;box-shadow:inset 0 0 0 1px rgba(26,23,23,.15);box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.15);cursor:pointer;display:inline-block;font-size:1rem;margin:1rem .25rem;min-width:7rem;padding:.3125rem 0}.studio .link-type:checked+label{background-color:rgba(26,23,23,.15);background-color:rgba(var(--color-foreground),.15)}.studio .output input,.studio .output output{display:none}.studio #embed:checked~.output output,.studio #link:checked~.output input{display:block}.output{align-items:center;background-color:#fff;background-color:rgb(var(--color-background-alt));border-radius:2rem;display:flex;justify-content:space-between;margin:1rem auto 0;max-width:40rem;padding:1rem}.output[data-pinned=true]{border-radius:2rem 2rem 0 0;box-shadow:0 -1px 1px rgba(0,0,0,.015),0 1px 1px rgba(0,0,0,.015),0 2px 2px rgba(0,0,0,.015),0 4px 4px rgba(0,0,0,.015),0 8px 8px rgba(0,0,0,.015),0 16px 16px rgba(0,0,0,.015);box-shadow:var(--soft-shadow)}.output input{background:transparent;border:none;color:inherit;font-family:monospace;font-size:1em;margin-left:1rem;margin-right:1rem;outline:none;width:100%}.output input,.output output{overflow:hidden;text-overflow:ellipsis}.output output{margin:0 1rem;text-align:left}.output output pre{margin:0}.output a{margin-left:auto}.output a svg{position:relative;right:-.125rem}.output button{margin-left:.5rem}.output a,.output button{align-items:center;display:flex;height:2rem;justify-content:center;min-width:2rem;padding:0}.output a svg,.output button svg{height:1rem;width:1rem}@media (max-width:30em){.output output{word-break:break-all}}[data-module=Builder]{margin:0 auto;max-width:20rem}.studio{max-width:30rem}.studio .center{text-align:center}.studio form{background:#fafafa;background:rgb(var(--color-background));box-shadow:0 0 3rem 3rem #fafafa;box-shadow:0 0 3rem 3rem rgb(var(--color-background));margin:0 auto;max-width:20rem;text-align:left}.studio fieldset{border:0;margin:0;padding:0}.studio form>div+*,.studio form>fieldset+*{margin-top:1rem}.studio form h3{margin:2rem 0 1.5rem}.studio form>h3{margin-top:3rem}.studio label,.studio legend{margin:0;padding:0}.studio input[type=number],.studio input[type=text],.studio select{background-color:#fff;border:none;border-radius:.5rem;box-shadow:inset 0 0 0 1px rgba(26,23,23,.15);box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.15);box-sizing:border-box;color:#53565c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:1rem;font-weight:400;outline:transparent;padding:.5rem .625rem;transition:box-shadow .2s ease-in-out}.studio input[type=number]:focus,.studio input[type=text]:focus,.studio select:focus{box-shadow:inset 0 0 0 2px #fcbf09}.studio select{-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="%23000" stroke-width="3.5" stroke-linecap="round" stroke-linejoin="round"><path d="m6 9 6 6 6-6"/></svg>');background-position:right .5rem center;background-repeat:no-repeat;background-size:1.125rem 1.125rem;padding-right:2.5rem}.studio select::-ms-expand{display:none}.studio input[type=number]{margin-left:.5rem;margin-right:.5rem}.studio input[type=color]{background:#fff;border:1px solid rgba(26,23,23,.15);border:1px solid rgba(var(--color-foreground),.15);border-radius:.25rem;height:2rem;padding:.125rem;width:2rem}.checklist>div+div{margin-top:.5rem}.checkable{align-items:center;background:#fafafa;background:rgb(var(--color-background));box-shadow:0 0 0 .5rem #fafafa;box-shadow:0 0 0 .5rem rgb(var(--color-background));cursor:pointer;display:inline-flex;justify-content:flex-start;vertical-align:top}.checkable:before{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:1rem 1rem;border-radius:.5rem;box-shadow:inset 0 0 0 1px rgba(26,23,23,.15);box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.15);content:"";display:block;height:1.5rem;margin-right:.75rem;width:1.5rem}[data-conditional]{height:0;opacity:0;outline:0;position:absolute;width:0}[data-conditional]~div{border-radius:1rem;box-shadow:inset 0 0 0 1px rgba(26,23,23,.1);box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.1);margin:-.75rem -2rem 2rem;padding:2rem}[data-conditional]~div>div{align-items:center;display:flex}[data-conditional]~div>div label{margin-right:.75rem}[data-conditional]~div>div+div{margin-top:1rem}[data-conditional]~div>span{align-items:center;display:inline-flex;margin-right:1rem}[data-conditional]~div>span>label{min-width:3.25rem}[data-conditional]~div>span>input[type=number]{margin-right:0;min-width:5rem}[data-conditional]~div>span{margin:.5rem 1rem .5rem 0}[data-conditional]:not(:checked)~div{display:none}code[class*=language]{color:#212121}code[class*=language] .comment{color:#9398a2;font-style:italic}code[class*=language] .string{color:#d86a1b}.language-html .punctuation,.language-jsx .punctuation,.language-php .punctuation,.language-svelte .punctuation{color:#9d9db2}.language-html .attr-name,.language-jsx .attr-name,.language-php .attr-name,.language-svelte .attr-name{color:#7c7d84}.language-html .attr-value,.language-jsx .attr-value,.language-php .attr-value,.language-svelte .attr-value{color:#e24849}.language-html .attr-equals,.language-jsx .attr-equals,.language-php .attr-equals,.language-svelte .attr-equals{color:#9d9db2}.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:#000}.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:#9d9db2}.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:#7c7d84}.language-javascript .function,.language-js .function,.language-jsx .function,.language-php .function,.language-svelte .function{color:#e24849}.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:#7c7d84}.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:#e24849}.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[class*=language]{color:#ccc}:root[data-theme=dark] .language-css .selector{color:#fcd45e}:root[data-theme=dark] .language-css .property{color:#a3a6b2}:root[data-theme=dark] .language-html .punctuation,:root[data-theme=dark] .language-jsx .punctuation,:root[data-theme=dark] .language-php .punctuation,:root[data-theme=dark] .language-svelte .punctuation{color:#9a9aa4}: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:#bebeca}:root[data-theme=dark] .language-html .attr-value,:root[data-theme=dark] .language-jsx .attr-value,:root[data-theme=dark] .language-php .attr-value,:root[data-theme=dark] .language-svelte .attr-value{color:#f0c850}: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:#9a9aa4}: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:#fff}: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:#9a9aa4}: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:#7c7d84}: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:#f0c850}: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-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:#7c7d84}: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-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:#f0c850}: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:#348c38}.for-printer{display:none}@media print{body,html{background-color:#fff;color:#000;height:auto;margin:0;min-height:none;min-width:none;width:auto}div,footer,h1,header,ol,p,ul{display:none!important}img.for-printer{display:block;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;page-break-after:always;page-break-before:always;page-break-inside:avoid;width:100%}}:where(.article ul){list-style:revert;margin:revert;padding:revert}.articles{grid-gap:2rem;align-items:baseline;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;list-style:none;margin:0 auto;max-width:24rem;padding:0;text-align:center}.articles p{font-size:.875rem;margin:.5rem 0}.articles li+li{margin-top:2rem}.articles li a:first-of-type{--color-link:var(--color-text)}.articles .h2{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-size:1.25rem;font-weight:900;line-height:1.1;margin-bottom:2rem;text-align:center}.articles p+a,.articles time{font-size:.875rem}.articles time{display:block;margin-top:.25rem;opacity:.75}.article-header{text-align:center}.article-header h1{margin-bottom:0}.article-header time{color:rgba(50,50,60,.6);color:rgba(var(--color-text),.6);display:inline-block;margin-top:.25rem}.article{margin-top:2rem;max-width:36rem}.article .example-button{align-items:center;border-radius:.5rem;box-shadow:inset 0 0 0 1px rgba(50,50,60,.2);box-shadow:inset 0 0 0 1px rgba(var(--color-text),.2);display:inline-flex;font-size:.75rem;line-height:1;margin:0 .125rem;padding:.325rem .625rem;vertical-align:middle}.article .example-button svg{height:.875rem;margin-right:.25rem;width:.875rem}.article .example-button-cta,.article .example-button-round{border-radius:99999rem;padding-right:.875rem}.article .example-button-cta{background:#32323c;background:rgb(var(--color-text));box-shadow:none;color:#fafafa;color:rgb(var(--color-background))}.article>p:first-child{font-size:1.25rem;font-weight:400;margin-bottom:2rem}.article>p:first-child strong{font-weight:600}.article>h2{margin-bottom:1rem;margin-top:4rem}.article>h3{margin-bottom:1rem;margin-top:3rem}.article>ol,.article>ul{list-style:none;margin:2rem 0;padding-left:2rem}.article>ol li:before,.article>ul li:before{--width:2rem;display:inline-block;font-family:var(--heading);font-weight:800;height:1rem;line-height:0;margin-bottom:-1rem;margin-left:calc(var(--width)*-1);text-align:center;width:var(--width)}.article>ol li p:first-child,.article>ul li p:first-child{display:inline}.article>ul li{list-style:none}.article>ul li:before{content:"•";font-size:1.25rem}.article>ol{counter-reset:section}.article>ol li{counter-increment:section}.article>ol li:before{content:counter(section);font-size:1.125rem}.article ol>li+li,.article ul>li+li{margin-top:.5rem}.article>p+p{margin-top:1rem}.article>pre{margin-bottom:2rem;margin-top:2rem}.article>canvas:not([class]),.article>img:not([class]),.article>p>canvas:not([class]),.article>p>img:not([class]),.article>p>video:not([class]),.article>video:not([class]){border-radius:1rem;box-shadow:0 0 0 2px #fafafa,0 0 0 3px rgba(50,50,60,.15);box-shadow:0 0 0 2px rgba(var(--color-background),1),0 0 0 3px rgba(var(--color-text),.15);display:block;margin:2rem 0 2rem 3px;max-width:calc(100% - 6px)}.article [id]>a{color:currentColor;margin-left:.5rem;margin-top:.06125rem;opacity:.25;transition:opacity .1s;width:1rem}.article [id]>a:hover{opacity:1}.article [id]>a svg{height:1.25rem;width:1.25rem}@media (min-width:50em){.article [id]{position:relative}.article [id]>a{color:currentColor;left:-1rem;margin-left:-1rem;margin-top:.125rem;opacity:.25;position:absolute;transition:opacity .1s;width:1rem}.article [id]>a:hover{opacity:1}.article [id]>a svg{height:1.25rem;width:1.25rem}}