*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}fieldset{border:none;margin:0;padding:0}legend{padding:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){color:currentColor;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@font-face{font-weight:400;font-family:DM Sans;font-style:normal;src:url(/assets/dm-sans-v15-latin-regular-COF6noiJ.woff2)format("woff2");font-display:swap}@font-face{font-weight:500;font-family:DM Sans;font-style:normal;src:url(/assets/dm-sans-v15-latin-500-kGSpR5A9.woff2)format("woff2");font-display:swap}@font-face{font-weight:600;font-family:DM Sans;font-style:normal;src:url(/assets/dm-sans-v15-latin-600-DrBIvsIy.woff2)format("woff2");font-display:swap}@font-face{font-weight:700;font-family:DM Sans;font-style:normal;src:url(/assets/dm-sans-v15-latin-700-1DREuLwQ.woff2)format("woff2");font-display:swap}:root{--color-primary:#28225c;--color-secondary:#fff;--color-accent:#fff37f;--color-grey-light:#f3f2f0;--color-grey-medium:#fafafa;--color-grey:#888;--color-title-dark:var(--color-primary);--color-title-light:#fff;--color-text-dark:#000;--color-text-grey:var(--color-dark-grey);--color-text-light:#fff;--color-error:#e05c58;--color-secondary-translucent:#fff9;--color-input-border:#d9d9d9;--color-background-grey:var(--color-grey-light);--color-modal-backdrop:#0009;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--rounded-sm:.25rem;--rounded:.5rem;--rounded-md:.7rem;--rounded-lg:1.25rem;--rounded-full:9999px;--layer-0:0;--layer-1:10;--layer-2:20;--layer-3:30;--layer-4:40;--layer-5:50;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--font-light:300;--font-regular:400;--font-medium:500;--font-medium-bold:600;--font-bold:700;--font-body:"DM Sans",sans-serif;--font-title:var(--font-body)}body{min-height:100vh;font-family:var(--font-body);background-color:var(--color-grey-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title)}.header{z-index:var(--layer-2);width:100%;color:var(--color-text-light);background-color:var(--color-primary);flex-direction:row;justify-content:center;align-items:center;padding-block:.8rem;padding-inline:1.25rem;display:flex;position:fixed}.header__go-back{color:var(--color-text-light);margin-inline-end:auto;text-decoration:none;position:absolute;left:1.25rem}.header__project{font-weight:var(--font-medium)}.header__preview{font-weight:var(--font-medium);position:absolute;right:1.25rem}.link{color:var(--color-accent);text-transform:uppercase;cursor:pointer;background:0 0;border:none;text-decoration:underline}.link:hover{text-decoration:none}.button{color:var(--color-text-dark);font-weight:var(--font-medium);font-size:var(--text-base);text-transform:uppercase;border:1px solid var(--color-secondary);background-color:var(--color-secondary);cursor:pointer;flex-direction:row;justify-content:center;align-items:center;padding-block:.25rem;padding-inline:1rem;display:inline-flex}.button:hover,.button:focus{border:1px solid var(--color-primary)}.button:focus{outline-offset:1px;outline:1px solid #fff37f}.button:disabled{cursor:none;opacity:.2}.button--outline{border:1px solid var(--color-primary)}.button--primary{color:var(--color-text-light);background-color:var(--color-primary)}.button--accent{color:var(--color-primary);background-color:var(--color-accent)}.button--accent:hover,.button--accent:focus{color:var(--color-text-light);background-color:var(--color-primary)}.button--tooltip{position:relative}.menu{background-color:var(--color-grey-light);margin-inline:1.25rem;margin-top:.77rem;overflow:hidden}.menu__list{flex-direction:row;justify-content:space-around;width:100%;margin:0;padding-left:0;display:flex}.menu__item{width:100%;list-style-type:none;position:relative}.menu__button{width:100%;height:100%;color:var(--color-text-dark);background-color:var(--color-secondary);border:none;justify-content:center;align-items:center;gap:.8rem;padding-block:1rem;text-decoration:none;display:flex}.menu__button[disabled]{opacity:.6}.menu__button:not([disabled]):after{--width:1.75rem;content:"";z-index:var(--layer-3);width:var(--width);height:var(--width);margin-right:calc(-2*var(--width));border-color:transparent transparent transparent var(--color-secondary);border-style:solid;border-width:var(--width);position:absolute;top:0;right:0}.menu__button:not([disabled]):hover{background-color:var(--color-grey-medium);cursor:pointer}.menu__button:not([disabled]):hover:after{--width:1.75rem;content:"";z-index:var(--layer-3);width:var(--width);height:var(--width);margin-right:calc(-2*var(--width));border-color:transparent transparent transparent var(--color-grey-medium);border-style:solid;border-width:var(--width);position:absolute;top:0;right:0}.menu__key{color:inherit;font-weight:var(--font-medium)}.menu__number{width:1.4rem;height:1.4rem;color:var(--color-primary);font-weight:var(--font-medium);border-radius:var(--rounded-full);background-color:var(--color-accent);justify-content:center;align-items:center;padding-inline:.45rem;display:inline-flex}.form{flex-direction:column;justify-content:space-between;width:100%;margin-block:.77rem;margin-inline:1.25rem;padding-bottom:1.25rem;display:flex}.form__group{background-color:var(--color-secondary);flex-shrink:0;margin-bottom:.6rem}.form__group:first-of-type{flex-grow:1}.form__title{color:var(--color-primary);font-size:var(--text-base)}.form__subtitle{font-weight:var(--font-bold);font-size:var(--text-base);margin-bottom:.75rem}.form__text{white-space:pre-line}.form__section{padding-block:1.5rem;padding-inline:1.8rem;position:relative}.form__section:first-child{border-bottom:1px solid #d8d8d8;padding-block:.9rem}.form__section:not(:last-child,:first-child):after{content:"";border-top:1px solid #d8d8d8;display:block;position:relative;top:1.5rem}.form__section .form-section__summary{cursor:pointer;flex-direction:row;justify-content:space-between;align-items:center;list-style:none;display:flex;position:relative}.form__section .form-section__summary .form__subtitle{margin-bottom:0}.form__section .form-section__summary::-webkit-details-marker{display:none}.form__section .form-section__summary::marker{display:none}.form__section .form-section__summary .summary__arrow--closed{display:none}.form__section .form-section__summary .summary__arrow--opened{display:block}.form__section[open] .form-section__summary{margin-bottom:1.5rem}.form__section[open] .form-section__summary .summary__arrow--closed{display:block}.form__section[open] .form-section__summary .summary__arrow--opened{display:none}.form__subsubtitle{font-weight:var(--font-medium-bold);font-size:var(--text-sm)}.form__content{font-size:var(--text-base)}.form__button{margin-top:.75rem}.form__buttons{background:var(--color-secondary-translucent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-direction:row;justify-content:center;align-items:center;gap:.75rem;padding-block:1.6rem;display:flex}.page{width:100%;position:relative}.page__overlay{grid-template:"menu menu"4.1rem"main sidepanel"/auto 22.7rem;width:100%;height:100vh;padding-top:3.15rem;display:grid;position:fixed}.page__menu{grid-area:menu}.page__sidepanel{grid-area:sidepanel;height:100%;position:absolute;right:0;overflow:visible auto}.page__main{padding-block-start:10rem;flex-direction:column;align-items:center;width:100%;height:100%;padding-right:22.7rem;display:flex}.page--previewing{display:block}.page--previewing .page__main{padding-right:0}.input:not(:first-of-type){margin-top:1rem}.input__label{font-weight:var(--font-medium-bold);padding-bottom:.75rem;display:block}.input__text{font-size:var(--text-base);border:.5px solid var(--color-input-border);padding-block:.4rem;padding-inline:.75rem}.input__text:hover{border-color:var(--color-grey);outline:none}.input__text:focus,.input__text:active{border-color:var(--color-text-dark);outline:none}.input__text::placeholder{color:var(--color-grey)}.input__select{width:100%;font-size:var(--text-base);border:.5px solid var(--color-input-border);background-color:#0000;padding-block:.5rem;padding-inline:.75rem;display:block}.color-input{background-color:var(--color-grey-medium);flex-direction:row;justify-content:center;align-items:center;gap:.75rem;width:8.2rem;padding-block:.37rem;padding-inline:.75rem;display:flex}.color-input:hover{outline:.5px solid var(--color-grey)}.color-input:focus-within{outline:.5px solid var(--color-text-dark)}.color-input--full-width{width:100%}.color-input__picker{cursor:pointer;appearance:none;background-color:#0000;border:none;width:1.1rem;height:1.1rem;padding:0}.color-input__picker::-webkit-color-swatch-wrapper{padding:0}.color-input__picker::-webkit-color-swatch{border:none}.color-input__picker::-moz-color-swatch{border:none}.color-input__hex{text-transform:uppercase;background-color:#0000;border:none;width:100%}.color-input__hex:focus,.color-input__hex:active{outline:none}.color-table{flex-direction:column;gap:.15rem;display:flex}.color-table__row{flex-direction:row;gap:.15rem;display:flex}.color-table__key{width:7rem;color:var(--color-grey);font-size:var(--text-sm);background-color:var(--color-grey-medium);flex-direction:column;justify-content:center;padding-inline-start:.75rem;display:flex}.checkbox-input{flex-direction:row;gap:.5rem;display:flex}.tooltip{--width:10rem;z-index:var(--layer-4);width:var(--width);margin-left:calc(-.5*var(--width));color:var(--color-text-light);font-weight:var(--font-regular);text-align:left;text-transform:none;text-wrap:wrap;word-wrap:break-word;border-radius:var(--rounded-sm);background-color:var(--color-primary);padding:.5rem;transition:opacity .15s;position:absolute;bottom:125%;left:50%}.tooltip:after{--width:.375rem;content:"";margin-left:calc(-1*var(--width));border-color:var(--color-primary)transparent transparent transparent;border-style:solid;border-width:var(--width);position:absolute;top:100%;left:50%}.information{color:#888;padding-inline:.5rem;display:inline-block;position:relative}.information:hover{color:#000}.modal{width:100%;max-width:45rem;font-size:var(--font-base);background-color:var(--color-background-grey);border:none;padding-block:5.1rem;padding-inline:7.3rem}.modal::backdrop{background-color:var(--color-modal-backdrop)}.modal__buttons{flex-direction:column;align-items:stretch;gap:.75rem;margin-block-start:2.2rem;display:flex}.modal__section{margin-bottom:2.5rem}.modal__title{color:var(--color-primary);font-weight:var(--font-bold);font-size:var(--text-base);margin-bottom:.75rem}.modal__subtitle{font-weight:var(--font-medium-bold);font-size:var(--text-sm);margin-bottom:.75rem}.embed-code__code{width:100%;font-size:var(--text-xs);background-color:var(--color-secondary);resize:none;-webkit-user-select:all;user-select:all;border:.5px solid #d9d9d9;margin-bottom:.75rem;padding-block:.5rem;padding-inline:.75rem;font-family:monospace;display:block}.embed-code__button{display:block}.sr-only{white-space:nowrap;clip:rect(0,0,0,0);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tell-it{color:var(--tellit-color);font-family:var(--tellit-font);background-color:var(--tellit-background,transparent);position:relative}.tell-it__stage-wrapper{z-index:1;background-color:var(--stage-background,transparent);pointer-events:none;justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;left:0;overflow:hidden}.tell-it__steps-wrapper{z-index:10;pointer-events:none;position:relative;transform:translateZ(10px)}.tell-it__step-backgrounds{width:100%;position:absolute}.step{padding-bottom:calc(var(--step-height,var(--step-desktop-height,80))*12.5px);pointer-events:none}@media screen and (min-width:768px){.step{padding-bottom:calc(var(--step-desktop-height,80)*12.5px)}}.step--debug{border-top:1px solid #f0f;position:relative}.step--debug:before{content:attr(data-step-name);background-color:#ffffff80;border:1px solid #f0f;padding:0 .5rem;position:absolute;bottom:100%}.step__wrapper{width:100%;max-width:100vw;margin:0 auto}.step__body{max-width:90%;color:var(--step-color,inherit);font-weight:var(--step-font-weight,400);font-size:calc(var(--step-font-size,16)/16*1rem);font-family:var(--step-font-family,inherit);line-height:var(--step-line-height,1.4);border:calc(var(--step-border-width,0)*1px)solid var(--step-border-color,transparent);border-radius:calc(var(--step-border-radius,8)*1px);background:var(--step-body-background,#ffffffe6);margin-block:0;margin-inline:auto;padding:1.25rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@media screen and (min-width:768px){.step__body{width:calc(var(--step-width,440)*1px);font-size:calc(var(--step-font-size,14)/16*1rem);padding:24px}.step__body *{font-size:inherit}}.step__sr-description{white-space:nowrap;clip:rect(0,0,0,0);border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.step__content{flex-direction:column;align-content:center;gap:1rem;display:flex}@media screen and (min-width:768px){.step__content{flex-direction:row}}.step__image{object-fit:contain;flex-grow:0;flex-shrink:0;width:150px;max-width:100%;margin:auto;overflow:hidden}@media screen and (min-width:768px){.step__image{margin-inline:0}}.step__text{width:100%;text-align:var(--step-text-alignment,"left");margin-block:auto}.step__text code{color:red;font-size:1rem;font-family:monospace!important}.step__text p{margin:0 0 1rem}.step__text p:last-child{margin-bottom:0}.step__text ul{margin:0 0 1rem;padding:0 0 0 1rem}.step__text ul:last-child{margin-bottom:0}.step__text li{margin:0 0 .8rem;padding:0}.step__text li:last-child{margin-bottom:0}.step--header .step__body{border:none;border-radius:0;width:100%;max-width:100%;padding-block:2rem;padding-inline:0}.step--header .step__content{justify-self:center;max-width:90%;margin-inline:auto}.step--no-shadow :is(.step__wrapper,.step__body){box-shadow:none}@media screen and (min-width:768px){.step__body--with-alignment{margin-right:unset;margin-left:calc(var(--step-alignment)*1%);transform:translateX(calc(var(--step-alignment)*-1%))}.tell-it__steps-wrapper--no-offset .step__body{transform:none}}.step--background{background:var(--step-background,transparent)}.step--background *{visibility:hidden}.stage{aspect-ratio:1;background-color:#0000;width:100%;max-width:100vh;margin:0 auto;position:relative}.stage__svg{aspect-ratio:1;width:100%;height:100%;position:absolute;overflow:visible!important}.stage__svg--delayed{animation:.5s ease-in-out tell-it-fade-in}.loader{justify-content:center;align-items:center;gap:1.5rem;width:100%;height:200px;display:flex}.loader__message{color:#666;font-size:2rem;font-weight:700}.loader__spinner{border:5px solid #666;border-bottom-color:#0000;border-radius:50%;width:2rem;height:2rem;animation:4s linear infinite tell-it-spin;display:inline-block}@keyframes tell-it-spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes tell-it-fade-in{0%{opacity:0}to{opacity:1}}.tell-it{width:100%}