main{background-color:var(--background-color);padding:var(--padding);width:100%;height:100%;display:flex;flex-direction:column;padding-top:0;padding-bottom:0}main .content{width:100%;margin:0 auto;max-width:980px;display:grid;height:100%;min-height:calc(100vh - var(--padding) - var(--padding) - var(--header-height));grid-template-columns:60% 40%}@media(max-width:490px){main .content{display:flex;flex-direction:column}}.bottom-part{position:fixed;left:0;bottom:48px;padding:var(--padding);z-index:99;width:100vw;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.1333333333),rgba(0,0,0,.1333333333) rgba(0,0,0,0));display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;height:-moz-fit-content;height:fit-content;overflow-y:hidden;scrollbar-width:none;scroll-behavior:smooth}.bottom-part,.bottom-part *{touch-action:pan-x}.bottom-part::-webkit-scrollbar{display:none}.bottom-part .error-container{-webkit-tap-highlight-color:rgba(0,0,0,0);padding:0 calc(var(--padding) / 2)}.bottom-part .error-container:first-child{scroll-snap-align:start;padding-right:var(--padding)}.bottom-part .error-container:last-child{scroll-snap-align:end;padding-left:var(--padding)}.bottom-part .error-container:not(:first-child,:last-child){scroll-snap-align:center}.bottom-part .error-container .error{width:calc(100vw - var(--padding) * 4);border-radius:var(--border-radius)}.error{padding:10px var(--padding);background-color:#fff3f3;cursor:pointer;width:100%;overflow:hidden;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;flex-shrink:0;animation-name:error;animation-duration:.1s;animation-delay:var(--animation-delay);animation-fill-mode:forwards;opacity:0;pointer-events:none;transition-duration:.1s;transform-origin:right}.error:not(:last-child){border-bottom:1px solid #ffd1d1}.error[data-isselected]{background-color:#ffdddb;outline:none}.error .top-part{display:flex;align-items:center;justify-content:space-between}.error .top-part .title{font-size:inherit;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block}.error .top-part .index{color:gray;font-size:10px}@media(max-width:490px){.error .top-part .index{font-size:14px}}.error .description{color:gray;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;display:inline-block}@keyframes error{0%{opacity:0;pointer-events:none;filter:blur(12px)}to{opacity:1;transform:translate(0);pointer-events:auto;filter:blur(0)}}.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:24px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.error-page .description{font-size:14px;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}.header{background-color:#fff;padding:var(--padding);height:var(--header-height);overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1333333333);position:relative;width:100%}@media(max-width:490px){.header{position:static!important;padding:0;padding-right:var(--padding)}}.header .content{width:100%;margin:0 auto;max-width:980px;display:grid;position:relative;grid-template-columns:60% 40%}@media(max-width:490px){.header .content{display:flex;align-items:center;justify-content:space-between;max-width:unset;margin:0;width:100%;height:var(--header-height)}}.header .content a{color:1;position:absolute;z-index:3;left:0;text-decoration:none}.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,.header .content a:hover *{text-decoration:underline}}.header .content .button-container{padding:var(--padding);min-width:100px;position:absolute;left:0;top:0}.header .content .button-container,.header .content .button-container button{color:var(--brand-color);text-align:left}.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:static;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}}.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)}.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:24px;background-color:#000}.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:gray;top:var(--body-padding);white-space:nowrap;overflow:hidden;width:100%;text-overflow:ellipsis}.status-text[data-iserror]{color:#ff4a4a}.status-text.is-static{position:static}.status-text-container{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%}.error-list{position:relative;height:100%;--before-opacity: 0;--after-opacity: 1;padding-right:var(--padding);max-height:calc(100vh - 26px - var(--padding) - var(--padding) - var(--padding) - var(--header-opacity) * var(--header-height))}.error-list:before,.error-list:after{pointer-events:none;position:absolute;content:"";left:0;height:100px;width:100%;opacity:0;z-index:33;transition-property:opacity;transition-duration:.2s;background:linear-gradient(var(--gradient-direction),rgba(var(--background-color-rgb),0),rgba(var(--background-color-rgb),.5),rgba(var(--background-color-rgb),1))}@media(hover:hover){.error-list:before,.error-list:after{transition-duration:.1s}}.error-list:before{--gradient-direction: to top;opacity:var(--before-opacity)}.error-list:after{bottom:0;--gradient-direction: to bottom;opacity:var(--after-opacity)}.error-list .scrollable{display:flex;flex-direction:column;height:100%;overflow-y:auto;transition-duration:.1s;scrollbar-width:none;border-radius:12px}.error-list .scrollable::-webkit-scrollbar{display:none}.error-list .scrollable .error:nth-child(1){border-top-right-radius:12px;border-top-left-radius:12px}.error-list .scrollable .error:last-child{border-bottom-right-radius:12px;border-bottom-left-radius:12px}.left-part{display:flex;flex-direction:column;align-items:space-between;height:100%;top:0;position:sticky;overflow:hidden;max-height:calc(100vh - var(--padding))}.left-part .status-text-container{margin:var(--padding);padding-right:var(--padding)}.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:18px}.editor{--padding: 12px;position:relative;background-color:#eee;display:flex;flex-direction:column;height:100%;flex-grow:1;background-color:#fff;padding-top:var(--padding);padding-bottom:var(--padding);caret-color:var(--brand-color);min-height:calc(100vh - var(--header-height));width:100%}@media(max-width:490px){.editor{overflow-y:scroll;height:100%;min-height:80dvh;max-height:calc(99dvh - var(--header-height))}.editor .extra-space{--height: 140px;height:var(--height);min-height:var(--height);max-height:var(--height);display:flex;flex-shrink:0}.editor,.editor *{touch-action:pan-y}}.editor .placeholder{line-height:1.3;position:absolute;color:#afafaf;top:var(--padding);right:0;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.3}.editor [contenteditable]:focus{outline:none}.editor [contenteditable] mark{background-color:inherit;position:relative;z-index:2;transition-duration:.1s;--background-color: #ff4a4a33;--animation-delay: 0}.editor [contenteditable] mark:before{content:"";position:absolute;bottom:6px;top:50%;transform:translateY(-50%);right:0;z-index:-1;width:0;height:70%;background-color:var(--background-color);animation-name:expand;animation-duration:.1s;transform-origin:right;animation-fill-mode:forwards;animation-delay:var(--animation-delay)}@keyframes expand{to{width:100%}}.error-tooltip{position:absolute;background-color:#000;color:#fff;line-height:1.2;font-size:14px;padding:4px 6px;z-index:99;width:-moz-fit-content;width:fit-content;max-width:400px;text-align:right;pointer-events:none}.error-tooltip[data-isvisible]{animation-name:tooltip-in;animation-duration:.2s;animation-fill-mode:forwards}.error-tooltip .tooltip-content{position:relative}.error-tooltip:not([data-isvisible]){opacity:0}@media(max-width:490px){.error-tooltip{max-width:100vw;width:-moz-max-content;width:max-content}}@keyframes tooltip-in{to{opacity:1}}@keyframes tooltip-out{to{opacity:0}}.right-part{display:flex;flex-direction:column}.right-part .spacer{width:0;height:var(--body-padding);flex-shrink:0}:root{--background-color: #fff;--background-color-rgb: 255, 255, 255;--padding: 12px;--header-height: 50px;--brand-color: #1bb636;-webkit-tap-highlight-color:rgba(27,182,54,.2);--border-radius: 24px;--mobile-editor-height: 90vh}*:before,*,*:after{margin:0;padding:0;font-display:block;scrollbar-width:none;box-sizing:border-box;touch-action:none}*: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:#fff;font-family:S-arami,system-ui,sans-serif;font-weight:300}@media(max-width:490px){body{font-size:18px}}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}