@import"https://fonts.googleapis.com/css2?family=Public+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap";:root{--color-bg:#fff;--color-bg-light:#f7f7f7;--color-text:#1a1a1a;--color-primary:#0065ff;--color-primary-two:#2684ff;--color-text-light:rgba(0,0,0,.16);--color-text-light-two:rgba(0,0,0,.64);--color-nav:#0165ff36;--color-nav-2:#0167ff0d;--color-nav-3:#0167ff35;--font-family:"Public Sans",sans-serif;--font-family-mono:"IBM Plex Mono",monospace;--color-red:#ff5630;--color-green:#36b37e;--color-yellow:#ffab00;--border-radius:5px}[data-theme=dark]{--color-bg:#1a1a1a;--color-bg-light:#232323;--color-text:#fff;--color-primary:#00c7e6;--color-primary-two:#79e2f2;--color-text-light:hsla(0,0%,100%,.16);--color-text-light-two:hsla(0,0%,100%,.64);--color-nav:#383d59bf;--color-nav-2:#383d59;--color-nav:#15182a;--color-nav-2:#1d2034bf;--color-nav-3:#2e324b}.compareperc___arrow,a,b,blockquote,body,button,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,label,li,main,nav,object,ol,p,pre,section,select,small,span,strike,strong,sub,sup,table,tbody,td,textarea,tfoot,th,thead,tr,tt,u,ul,video{margin:0;padding:0;border:0;vertical-align:baseline;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box}body,html{min-height:100vh}caption,footer,header,main,nav,section{display:block}ol,ul{list-style-position:outside;-webkit-padding-start:40px;padding-inline-start:40px}input{-webkit-appearance:none;border-radius:0}:root{--text-base-size:1rem;--text-scale-ratio:1.2;--text-xs:calc((var(--text-base-size) / var(--text-scale-ratio)) / var(--text-scale-ratio));--text-sm:calc(var(--text-xs) * var(--text-scale-ratio));--text-md:calc(var(--text-sm) * var(--text-scale-ratio) * var(--text-scale-ratio));--text-lg:calc(var(--text-md) * var(--text-scale-ratio));--text-xl:calc(var(--text-lg) * var(--text-scale-ratio));--text-xxl:calc(var(--text-xl) * var(--text-scale-ratio));--text-xxxl:calc(var(--text-xxl) * var(--text-scale-ratio))}@media(max-width:720px){:root{--text-scale-ratio:1.08}}.compareperc___arrow,a,b,blockquote,body,button,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{font-family:Public Sans,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.btn,.p,.select,body,button,html,input:not([type=checkbox]),select,textarea{font-size:var(--text-base-size);letter-spacing:.01rem;font-weight:400;color:var(--color-text)}.h1,h1{font-size:var(--text-xxxl)}.h1,.h2,h1,h2{line-height:1.3;letter-spacing:.01rem;font-weight:700}.h2,h2{font-size:var(--text-xxl)}.h3,h3{font-size:var(--text-xl)}.h3,.h4,h3,h4{line-height:1.3;letter-spacing:.01rem;font-weight:700}.h4,h4{font-size:var(--text-lg)}.h5,h5{font-size:var(--text-lg)}.compareperc,.h5,.h6,h5,h6{line-height:1.3;letter-spacing:.01rem;font-weight:500}.compareperc,.h6,h6{font-size:var(--text-md)}.btn---small,.small,label,small{font-size:var(--text-sm);line-height:1.5;letter-spacing:.01rem;font-weight:400}.extra-small{font-size:var(--text-xs);line-height:1.5;letter-spacing:.03rem;font-weight:400}.content .compareperc,.content .h1,.content .h2,.content .h3,.content .h4,.content .h5,.content .h6,.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-top:.5em}.compareperc{display:inline}.compareperc---red .compareperc___arrow{color:var(--color-red)}.compareperc---green .compareperc___arrow{color:var(--color-green)}body,html{background-color:var(--color-bg)}.a,a{cursor:pointer;color:var(--color-primary);text-decoration:underline;text-underline-position:under;transition:all .3s cubic-bezier(.4,0,.2,1)}.a.inactive,.a:hover,a.inactive,a:hover{color:var(--color-primary-two)}.a.inactive,a.inactive{text-decoration:none}.a.inactive:hover,a.inactive:hover{text-decoration:underline}.red{color:var(--color-red)}.green{color:var(--color-green)}.yellow{color:var(--color-yellow)}.bg-red{background-color:var(--color-red)}.bg-green{background-color:var(--color-green)}.bg-yellow{background-color:var(--color-yellow)}.seperator{width:100%;height:1px;background:var(--color-primary-two);opacity:.5}.mainlayout_main{grid-template-columns:calc(var(--space-xxxl) + var(--space-unit) + var(--space-unit) + 0px) 1fr}.mainlayout_main .mainlayout_lg{background-color:var(--color-bg-light);min-height:100vh}.nav{background-color:var(--color-nav);height:100vh;overflow-y:auto;position:-webkit-sticky;position:sticky;top:0}@media(max-width:720px){.nav{width:100%}}.nav .nav_withIcon{grid-template-columns:24px 1fr;align-items:center}.nav .nav_sub{background:var(--color-nav-2);max-height:0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav a{width:100%;padding-top:var(--space-xxxs);padding-bottom:var(--space-xxxs);color:var(--color-text);text-decoration:none}.nav a.nav_active,.nav a:hover{background-color:var(--color-nav-3)}.nav a.nav_active+.nav_sub{max-height:100vh;border-radius:var(--border-radius);border:1px solid var(--color-text-light)}.alert{position:fixed;top:150%;left:0;width:100vw;height:100vh;place-items:center;opacity:0;pointer-events:none;display:grid;transition:all .4s ease}.alert_alertShow{top:0;opacity:1;pointer-events:all}.alert_alertNormal>div{border:1px solid var(--color-primary)}.alert_alertSuccess>div{border:1px solid var(--color-green)}.alert_alertError>div{border:1px solid var(--color-red)}.alert_alertToast{top:-150%;height:auto}.alert_alertToast.alertalertShow{top:var(--space-sm)}.input_withPrefix{background-color:var(--color-text-light);border-radius:var(--border-radius)}.input_helperText,.input_helperText *{color:var(--color-text-light-two)}.input_uploadContainer{position:relative;width:320px;height:120px;display:grid;place-items:center;border-radius:var(--border-radius);border:1px solid var(--color-text-light);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.input_uploadContainer.input_dropover,.input_uploadContainer:hover{background-color:var(--color-bg-light)}.input_uploadContainer input[type=file]{position:absolute;width:320px;height:128px;opacity:0;cursor:pointer}.input_defaultImage{width:100px;height:80px;position:relative}.input_defaultImage *{width:100%!important}.input_defaultImage img{-o-object-fit:contain;object-fit:contain}.mainlayout_main .nav>div>div.nav_head svg{display:none}@media(max-width:720px){.mainlayout_main{grid-template-columns:auto;grid-template-rows:auto}.mainlayout_main .mainlayout_lg>div{grid-auto-rows:auto;grid-auto-columns:auto}.mainlayout_main .nav{z-index:9999;background:var(--color-bg);max-height:var(--space-xxl);overflow:hidden}.mainlayout_main .nav.nav_open{max-height:5000px}.mainlayout_main .nav>div>div.nav_head{grid-template-columns:auto 1fr;padding-left:var(--space-md);padding-right:var(--space-md)}.mainlayout_main .nav>div>div.nav_head div{display:grid;justify-content:flex-end}.mainlayout_main .nav>div>div.nav_head svg{display:block;width:var(--space-xl);height:var(--space-xl)}.mainlayout_main .nav>div:first-child{grid-template-rows:var(--space-xxl) auto}.mainlayout_main .nav>div:first-child>div:nth-child(2){align-content:flex-start}.mainlayout_main .nav>div:first-child>div:nth-child(2) a{min-height:var(--space-xxl)}.mainlayout_main .nav>div:first-child>div:first-child{align-content:center}}:root{--space-unit:1rem;--space-xxxxs:calc(0.125 * var(--space-unit));--space-xxxs:calc(0.25 * var(--space-unit));--space-xxs:calc(0.375 * var(--space-unit));--space-xs:calc(0.5 * var(--space-unit));--space-sm:calc(0.75 * var(--space-unit));--space-md:calc(1.25 * var(--space-unit));--space-lg:calc(2 * var(--space-unit));--space-xl:calc(3.25 * var(--space-unit));--space-xxl:calc(5.25 * var(--space-unit));--space-xxxl:calc(8.5 * var(--space-unit));--space-xxxxl:calc(13.75 * var(--space-unit))}@media(max-width:720px){:root{--space-unit:0.5rem}}.grid{display:grid;place-items:start;align-items:start}@media(max-width:720px){.grid{width:100%}}.grid---bg{background-color:var(--color-bg)}.grid---col{grid-auto-flow:column}@media(max-width:720px){.grid---col{grid-auto-flow:row}.grid.grid---no-mob{grid-auto-flow:column}}.grid---center{place-items:center}.grid---row{grid-auto-flow:row}@media(max-width:720px){.grid---row{place-items:inherit}}.grid---minsize{grid-auto-columns:-webkit-min-content;grid-auto-columns:min-content;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.grid---maxsize{place-items:inherit;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content}.grid---space-between{width:100%;justify-content:space-between;align-items:center}.grid---fw{width:100%}.grid---bordered{border-radius:var(--border-radius);border:1px solid var(--color-text-light)}.grid---shadowed{box-shadow:0 3px 6px var(--color-text-light)}.grid---gap_default{grid-gap:var(--space-unit)}.grid---gap_xxxs{grid-gap:var(--space-xxxs)}.grid---gap_xxs{grid-gap:var(--space-xxs)}.grid---gap_xs{grid-gap:var(--space-xs)}.grid---gap_sm{grid-gap:var(--space-sm)}.grid---gap_md{grid-gap:var(--space-md)}.grid---gap_lg{grid-gap:var(--space-lg)}.grid---gap_xl{grid-gap:var(--space-xl)}.grid---gap_xxl{grid-gap:var(--space-xxl)}.grid---gap_xxxl{grid-gap:var(--space-xxxl)}.grid---gap_xxxxl{grid-gap:var(--space-xxxxl)}.grid---pad_default{padding:var(--space-unit)}.grid---pad_xxxs{padding:var(--space-xxxs)}.grid---pad_xxs{padding:var(--space-xxs)}.grid---pad_xs{padding:var(--space-xs)}.grid---pad_sm{padding:var(--space-sm)}.grid---pad_md{padding:var(--space-md)}.grid---pad_lg{padding:var(--space-lg)}.grid---pad_xl{padding:var(--space-xl)}.grid---pad_xxl{padding:var(--space-xxl)}.grid---pad_xxxl{padding:var(--space-xxxl)}.grid---pad_xxxxl{padding:var(--space-xxxxl)}table{table-layout:fixed;border-collapse:collapse;border-spacing:0;overflow-x:auto;max-width:calc(100vw - 270px)}@media(max-width:720px){table{max-width:100vw}}table td,table th{padding:var(--space-xs) var(--space-sm)}table td.handle,table th.handle{vertical-align:middle}table td.handle svg,table th.handle svg{display:block!important}thead tr{background-color:var(--color-nav-3);position:-webkit-sticky;position:sticky;top:0}thead th{text-align:left;font-weight:700}tbody tr.lighter{background-color:var(--color-white)}tbody tr.darker,tbody tr:nth-child(odd):not(.lighter){background-color:var(--color-bg-light)}tbody tr:hover{background-color:var(--color-nav-3)}tbody tr.dragging{display:table;background:var(--color-nav-3)}tbody tr.active{background:var(--color-nav-2)}tbody tr.no-background{background:none}tbody td.leftAlign,tbody th.leftAlign{text-align:left}tbody td.rightAlign,tbody th.rightAlign{text-align:right}tbody.topVerticalAlign{vertical-align:top}tbody.baselineVerticalAlign{vertical-align:baseline}input:not([type=checkbox]),select,textarea{outline:none;background-color:var(--color-bg);padding:var(--space-xs) var(--space-xxs);width:320px;border-radius:var(--border-radius);border:1px solid var(--color-text-light)}@media(max-width:720px){input:not([type=checkbox]),select,textarea{max-width:320px;width:100%}}input:not([type=checkbox])[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--color-red)}input:not([type=checkbox]):active,input:not([type=checkbox]):focus,select:active,select:focus,textarea:active,textarea:focus{border-color:var(--color-primary-two)}input:not([type=checkbox]).half,select.half,textarea.half{width:140px}@media(max-width:720px){input:not([type=checkbox]).half,select.half,textarea.half{max-width:320px;width:100%}}input:not([type=checkbox]).full,select.full,textarea.full{width:656px}@media(max-width:720px){input:not([type=checkbox]).full,select.full,textarea.full{max-width:320px;width:100%}}.select{width:320px}@media(max-width:720px){.select{max-width:320px;width:100%}}.select.half{width:140px}@media(max-width:720px){.select.half{max-width:320px;width:100%}}.select.full{width:656px}@media(max-width:720px){.select.full{max-width:320px;width:100%}}textarea{height:var(--space-xxl)}label.checkbox{display:block;position:relative;padding-left:var(--space-lg);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}label.checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}label.checkbox .checkmark{position:absolute;top:0;left:0;height:20px;width:20px;border-radius:var(--border-radius);border:1px solid var(--color-text-light);background-color:var(--color-text-light)}label.checkbox .checkmark:after{content:"";position:absolute;display:none;left:6px;top:1px;width:5px;height:10px;border:solid var(--color-bg);border-width:0 3px 3px 0;transform:rotate(45deg)}label.checkbox:hover input~.checkmark{background-color:var(--color-text)}label.checkbox input:checked~.checkmark{background-color:var(--color-primary)}label.checkbox input:checked~.checkmark:after{display:block}.btn,button{text-decoration:none;padding:var(--space-xs) var(--space-md);background-color:var(--color-primary);color:var(--color-bg);border-radius:var(--border-radius);border:1px solid var(--color-text-light);outline:none;cursor:pointer;letter-spacing:.03rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:hover,button:hover{background-color:var(--color-primary-two)}.btn---small{padding:var(--space-xxs) var(--space-sm)}.btn---secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn---secondary:hover{background-color:var(--color-bg-light)}