main{background-color:var(--background-color);padding:0;width:100%;height:100dvh;display:flex;flex-direction:column;overflow:hidden}main .content{width:100%;height:100%;min-height:0;margin:0 auto;max-width:var(--app-max-width);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);overflow:hidden}@media(max-width:490px){main .content{display:flex;flex-direction:column}}@media(min-width:491px){html[dir=rtl] main{background:linear-gradient(to right,var(--subtle-background-color) 0 calc(50% - min(20vw,196px)),var(--background-color) calc(50% - min(20vw,196px)) 100%)}html[dir=ltr] main{background:linear-gradient(to right,var(--background-color) 0 calc(50% + min(20vw,196px)),var(--subtle-background-color) calc(50% + min(20vw,196px)) 100%)}}.bottom-part{display:none;gap:.5rem;flex-direction:column;position:fixed;left:0;bottom:0;padding-bottom:max(12px,env(safe-area-inset-bottom));z-index:99;width:100vw;pointer-events:none}.bottom-part:not([data-isvisible]){display:none}.bottom-part [data-index="-1"]{width:0!important;max-width:0!important;min-width:0!important;overflow:hidden!important;padding-inline-end:0!important;padding-inline-start:0!important;padding-bottom:24px!important}@media(max-width:490px){.bottom-part{display:flex}}.bottom-part:after{content:"";width:200%;height:200%;z-index:-10;position:absolute;right:0;bottom:0;background:linear-gradient(to top,var(--background-color),var(--background-color),rgba(var(--background-color-rgb),0));border:none}.bottom-part .bottom-part-status{padding:0 var(--padding);pointer-events:none;position:relative;display:block}.bottom-part .bottom-part-status .status-text-container{pointer-events:none}.bottom-part .bottom-part-errors{pointer-events:auto;padding:0 var(--padding);display:flex;gap:.375rem;overflow-x:scroll;height:-moz-fit-content;height:fit-content;overflow-y:hidden;scrollbar-width:none}.bottom-part .bottom-part-errors,.bottom-part .bottom-part-errors *{touch-action:pan-x}.bottom-part .bottom-part-errors::-webkit-scrollbar{display:none}.bottom-part .bottom-part-errors .error-container{-webkit-tap-highlight-color:rgba(0,0,0,0);padding:0}.bottom-part .bottom-part-errors .error-container:nth-child(2){scroll-snap-align:start}.bottom-part .bottom-part-errors .error-container:last-child{scroll-snap-align:end}.bottom-part .bottom-part-errors .error-container:not(:first-child,:last-child){scroll-snap-align:center}.bottom-part .bottom-part-errors .error-container .error{width:calc(100vw - var(--padding) * 4);border-radius:var(--border-radius)}.error{padding:.5rem .625rem;background-color:var(--error-background-color);cursor:pointer;width:100%;overflow:hidden;height:-moz-fit-content;height:fit-content;display:flex;gap:.5rem;flex-shrink:0;animation-name:error;animation-duration:.1s;animation-delay:var(--animation-delay);animation-fill-mode:forwards;opacity:0;pointer-events:none;transition:background-color .1s ease;align-items:center;justify-content:space-between}.error>div{display:flex;flex-direction:column;min-width:0}.error[data-isselected]{background-color:var(--error-background-color-selected);outline:none}.error .title{font-size:inherit;font-weight:600;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}.error .index{color:gray;font-size:.6875rem;display:flex;align-items:center;justify-content:center}.error .description{color:var(--dimmed-text-color);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;display:inline-block;max-width:330px;font-size:.8125rem;line-height:1.3}.error.is-yellow{background-color:var(--warning-background-color)}.error.is-yellow[data-isselected]{background-color:var(--warning-background-color-selected)}.error.is-green{background-color:var(--possibly-wrong-background-color)}.error.is-green[data-isselected]{background-color:var(--possibly-wrong-background-color-selected)}@media(prefers-reduced-motion:reduce){.error{animation:none;opacity:1;pointer-events:auto;transition:none}}@keyframes error{0%{opacity:0;pointer-events:none;filter:blur(12px)}to{opacity:1;pointer-events:auto;filter:blur(0)}}button.replacement-button{display:inline-grid;place-items:center;width:-moz-fit-content;width:fit-content;min-height:1.75rem;max-width:100%;margin-top:.375rem;padding:.25rem .625rem;overflow:hidden;border:1px solid var(--header-border-color);border-radius:999px;background-color:rgba(var(--background-color-rgb),.55);color:gray;line-height:1;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;pointer-events:auto;font-size:.8125rem;font-weight:500;transition:color .1s ease,background-color .1s ease,transform .1s ease}button.replacement-button[data-is-single-character]{width:1.75rem;min-width:1.75rem;padding:0;border-radius:50%}button.replacement-button:hover,button.replacement-button:focus-visible{color:#000;background-color:var(--background-color)}button.replacement-button:focus-visible{outline:2px solid var(--brand-color);outline-offset:2px}button.replacement-button:active{transform:scale(.97)}.dots{--transform-amount: 10%;font-size:150%;transform:translateY(-25%);--transform-amount: 4px;display:inline-flex;gap:4px}.dots>span{display:inline-block;animation-iteration-count:infinite;animation-duration:1s;animation-timing-function:linear;color:gray;width:6px;height:6px;border-radius:1.5rem;background-color:var(--text-color)}.dots[data-islarge]{gap:14px}.dots[data-islarge]>span{width:16px;height:16px}.dots .one{animation-name:dot_one}.dots .two{animation-name:dot_two}.dots .three{animation-name:dot_three}@keyframes dot_one{20%{opacity:.1}40%{opacity:.5}}@keyframes dot_two{40%{opacity:.1}60%{opacity:.5}}@keyframes dot_three{60%{opacity:.1}80%{opacity:.5}}.status-text{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;cursor:default;position:absolute;color:var(--dimmed-text-color);inset-block-start:0;white-space:normal;overflow-wrap:break-word;word-wrap:break-word;width:100%;font-size:var(--helper-text-size);line-height:1.4}.status-text[data-isvisible]{position:relative}.status-text[data-iserror]{color:#ff4a4a}.status-text .dots{padding-inline-end:8px}.conditional-text{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;pointer-events:none}.conditional-text>span{display:inline-block;white-space:pre-wrap}.conditional-text,.conditional-text>span{opacity:0;transform:translate(5%);filter:blur(6px);transition-duration:75ms}.conditional-text[data-isvisible]{pointer-events:auto}.conditional-text[data-isvisible],.conditional-text[data-isvisible]>span{opacity:1;transform:translate(0);filter:blur(0)}.status-text-container{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;min-width:0;min-height:1.5rem}.error-page{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background-color:#fff}.error-page .title{font-weight:600;font-size:1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.error-page .description{font-size:.875rem;margin-top:6px}@media(max-width:490px){.error-page{padding-bottom:48px}}.error-page .reload-button{color:var(--brand-color);position:absolute;bottom:40px}.logo[data-isbackground]{pointer-events:none;z-index:-1;position:fixed;opacity:.025;height:100vh;max-width:100vw;bottom:0;right:-29vw}._button_p01ev_1{padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:.375rem;cursor:pointer;pointer-events:auto;transition:background-color .2s}._button_p01ev_1[data-variant=primary]{color:#fff;background-color:var(--brand-color);border:none}@media(hover:hover){._button_p01ev_1[data-variant=primary]:hover:not(:disabled){background-color:#159c2d}}._button_p01ev_1[data-variant=secondary]{color:var(--text-color);background-color:var(--background-color);border:1px solid var(--header-border-color)}@media(hover:hover){._button_p01ev_1[data-variant=secondary]:hover:not(:disabled){background-color:var(--subtle-background-color)}}._button_p01ev_1:disabled{opacity:.5;cursor:not-allowed}._backdrop_mgf76_1{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--padding);z-index:500}@media(max-width:490px){._backdrop_mgf76_1{padding:.5rem}}._modal_mgf76_17{background-color:var(--background-color);color:var(--text-color);border-radius:var(--border-radius);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:28rem;max-height:90dvh;width:100%;display:flex;flex-direction:column;overflow:hidden}@media(max-width:490px){._modal_mgf76_17{max-width:100%;max-height:95dvh;border-radius:1rem}}._content_mgf76_37{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;min-height:0}@media(max-width:490px){._content_mgf76_37{padding:1rem;gap:.75rem}}._footer_mgf76_53{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--header-border-color)}@media(max-width:490px){._footer_mgf76_53{padding:.75rem 1rem}}._stepIndicator_1chir_1{display:flex;align-items:center;justify-content:center;gap:.5rem}._dot_1chir_8{height:.5rem;width:.5rem;border-radius:9999px;background-color:#d1d5db;transition:all .3s}._dot_1chir_8[data-active]{width:2rem;background-color:var(--brand-color)}._stepContent_nq20k_1{text-align:center;flex-shrink:0}._stepTitle_nq20k_6{font-size:1.125rem;font-weight:500;color:var(--text-color)}._stepDescription_nq20k_12{font-size:.875rem;color:var(--dimmed-text-color);margin:0}@media(max-width:490px){._stepDescription_nq20k_12{font-size:.8125rem}}._screenshotContainer_nq20k_23{background-color:#f3f4f6;border-radius:.5rem;overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;min-height:0;max-height:100%}._screenshot_nq20k_23{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.header{background-color:transparent;padding-inline:0;height:var(--header-height);overflow:hidden;width:100%;position:fixed;top:0;inset-inline:0;z-index:9999}@media(max-width:490px){.header{background-color:var(--background-color)}}.header .content{width:100%;height:100%;padding-inline:var(--padding);margin:0 auto;max-width:var(--app-max-width);display:flex;align-items:center;justify-content:space-between;position:relative}@media(max-width:490px){.header .content{max-width:unset;margin:0;width:100%;height:var(--header-height)}}.header .content a{position:relative;z-index:3;pointer-events:auto;text-decoration:none;font-size:.8125rem;line-height:1;text-underline-offset:.25rem}.header .content a,.header .content a *{cursor:pointer}.header .content a,.header .content a:visited{color:var(--brand-color)}@media(hover:hover){.header .content a:hover{text-decoration:underline}}.header .content .button-container{padding:0;position:absolute;inset-inline-end:var(--padding);top:50%;transform:translateY(-50%)}.header .content .button-container,.header .content .button-container button{color:var(--brand-color);text-align:start}.header .content .button-container button{pointer-events:auto}.header .content .status-part{width:100%;max-width:calc(100dvw - 100px)}.text-and-logo{font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;cursor:default;display:flex;align-items:center;gap:6px;position:relative;transition-duration:75ms}.text-and-logo .logo{width:20px;height:20px}.text-and-logo[data-isinvisible]{opacity:0;transform:translate(5%);filter:blur(6px);transition-duration:75ms}@media(max-width:490px){.text-and-logo{position:absolute}}.error-list{position:relative;flex:1;min-height:0;--before-opacity: 0;--after-opacity: 1}.error-list .scrollable{display:flex;flex-direction:column;height:100%;overflow-y:auto;transition-duration:.1s;scrollbar-width:none;border-radius:.25rem;gap:.5rem}.error-list .scrollable::-webkit-scrollbar{display:none}.error-list .scrollable .error{border-radius:var(--border-radius)}.left-part{display:flex;flex-direction:column;height:100%;min-height:0;position:relative;overflow:hidden;padding:calc(var(--header-height) + var(--padding)) var(--padding) var(--padding);background-color:var(--subtle-background-color);min-width:0}@media(max-width:490px){.left-part{display:none}}.left-part .status-text-container{min-height:1.5rem;margin-bottom:.5rem}.loading-page{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background-color:#fff;gap:12px}.loading-page .title{font-weight:600;font-size:1.125rem}.editor{--editor-inline-padding: var(--padding);position:relative;display:flex;flex-direction:column;height:100%;flex-grow:1;background-color:var(--background-color);padding-block:calc(var(--header-height) + var(--padding)) var(--padding);padding-inline:var(--editor-inline-padding);caret-color:var(--brand-color);min-height:0;overflow-y:auto;width:100%;color:var(--text-color)}.editor .extra-space{--height: 160px;height:var(--height);min-height:var(--height);max-height:var(--height);display:flex;flex-shrink:0}@media(max-width:490px){.editor{height:100%;max-height:100%}.editor,.editor *{touch-action:pan-y}}.editor .placeholder{line-height:1.3;font-size:var(--helper-text-size);position:absolute;color:var(--dimmed-text-color);top:calc(var(--header-height) + var(--padding));inset-inline-start:var(--editor-inline-padding);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:default;z-index:0}.editor [contenteditable]{width:100%;flex-grow:1;line-height:1.4}.editor [contenteditable]:focus{outline:none}.editor [contenteditable] mark{background-color:inherit;position:relative;z-index:2;color:var(--text-color);transition-duration:.1s;--animation-delay: 0;--background-color: var(--error-background-color)}.editor [contenteditable] mark:before{content:"";position:absolute;bottom:6px;top:50%;transform:translateY(-50%);inset-inline-end:0;z-index:-1;width:0;height:70%;background-color:var(--background-color);transition-duration:.1s;animation-name:expand;animation-duration:.1s;transform-origin:inline-end;animation-fill-mode:forwards;animation-delay:var(--animation-delay)}.editor [contenteditable] mark.is-yellow{--background-color: var(--warning-background-color)}.editor [contenteditable] mark.is-green{--background-color: var(--possibly-wrong-background-color)}@media(max-width:490px){.editor [contenteditable] mark:before{width:100%;animation:none}}.editor .autocomplete{position:fixed;z-index:3;color:#000;opacity:.5;line-height:1.3;white-space:pre;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.editor .autocomplete-options{display:none}@media(max-width:490px){.editor .autocomplete-options{position:fixed;z-index:100;inset-inline:var(--padding);bottom:calc(var(--mobile-bottom-part-height, 0px) + var(--padding));display:flex;overflow:hidden;padding:.25rem;border:1px solid var(--header-border-color);border-radius:.75rem;background-color:rgba(var(--background-color-rgb),.94);box-shadow:0 .25rem 1rem #0002;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);pointer-events:auto;touch-action:manipulation}.editor .autocomplete-options button{min-width:0;flex:1;overflow:hidden;padding:.625rem .5rem;color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;pointer-events:auto;touch-action:manipulation}.editor .autocomplete-options button+button{border-inline-start:1px solid var(--header-border-color)}}@keyframes expand{to{width:100%}}@media(prefers-reduced-motion:reduce){.editor [contenteditable] mark:before{width:100%;animation:none;transition:none}}.error-tooltip{position:fixed;background-color:var(--tooltip-background);margin:0;color:var(--tooltip-foreground);line-height:1.2;font-size:.875rem;padding:.375rem .5rem;z-index:99;width:-moz-max-content;width:max-content;max-width:400px;border-radius:.25rem;box-shadow:0 .25rem .75rem #0002;text-align:start;pointer-events:none;transition-duration:.1s}.error-tooltip[data-isvisible]{animation-name:tooltip-in;animation-duration:.2s;animation-fill-mode:forwards}.error-tooltip .tooltip-content{position:relative;display:flex;flex-direction:column}.error-tooltip .replacement-button{border-color:var(--tooltip-foreground);background-color:transparent;color:var(--tooltip-foreground)}.error-tooltip .replacement-button:hover,.error-tooltip .replacement-button:focus-visible{background-color:var(--tooltip-foreground);color:var(--tooltip-background)}.error-tooltip:not([data-isvisible]){opacity:0}.error-tooltip:not([data-isvisible]) .replacement-button{pointer-events:none}@media(max-width:490px){.error-tooltip{max-width:calc(100vw - 48px)}}@keyframes tooltip-in{to{opacity:1}}@keyframes tooltip-out{to{opacity:0}}.right-part{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;overflow:hidden}.right-part .spacer{display:none}:root{--background-color: #fff;--background-color-rgb: 255, 255, 255;--padding: 12px;--header-height: 3.125rem;--brand-color: #1bb636;--tooltip-background: #000;--tooltip-foreground: #fff;--text-color: #000;-webkit-tap-highlight-color:rgba(27,182,54,.2);--border-radius: .5rem;--mobile-editor-height: 90vh;--dimmed-text-color: #808080;--subtle-background-color: #f9fafb;--helper-text-size: .9rem;--app-max-width: 980px;line-height:1.5;font:-apple-system-body;--error-background-color: #ffe5e5;--error-background-color-selected: #ff8080;--warning-background-color: #ffffe5;--warning-background-color-selected: #ffff80;--possibly-wrong-background-color: #e5ffe9;--possibly-wrong-background-color-selected: #80ff96;--header-border-color: #0002}@media(prefers-color-scheme:dark){:root{--text-color: #fff;--background-color: #000;--background-color-rgb: 0, 0, 0;--tooltip-background: #fff;--tooltip-foreground: #000;--subtle-background-color: #171717;--error-background-color: #400000;--error-background-color-selected: #800000;--header-border-color: #fff2;--warning-background-color: #404000;--warning-background-color-selected: #808000;--possibly-wrong-background-color: #00400b;--possibly-wrong-background-color-selected: #008017}}*:before,*,*:after{line-height:1.5;margin:0;padding:0;font-display:block;scrollbar-width:none;box-sizing:border-box}*:before:not([contenteditable]),*:before button,*:not([contenteditable]),* button,*:after:not([contenteditable]),*:after button{cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}*:before::-webkit-scrollbar,*::-webkit-scrollbar,*:after::-webkit-scrollbar{display:none}@media(max-width:490px){html,body{height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden}}body{background-color:var(--background-color);font-family:S-arami,system-ui,sans-serif;font-weight:300;color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media(max-width:490px){body{font-size:1.125rem}}button{font-size:inherit;background:none;border:none;font-family:inherit}button:disabled{opacity:.25}::-moz-selection{background-color:#1bb63633!important}::selection{background-color:#1bb63633!important}a{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}
