xeltica-ui.min.css

/*!
 * Xeltica Design System 1.0.0-beta.9
 * (C)2021-2022 Xeltica
 * Licensed under MIT (https://github.com/xeltica/design-system/tree/master/LICENSE)
 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*{box-sizing:border-box}html{font-size:18px;line-height:1.5}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;cursor:pointer}pre,pre>code{overflow:auto}a{text-decoration:none}a:hover{text-decoration:underline}@media (max-width:600px){.ge-phone{display:none!important}}@media (min-width:600px){.le-phone{display:none!important}}@media (max-width:800px){.ge-tablet{display:none!important}}@media (min-width:800px){.le-tablet{display:none!important}}@media (max-width:1000px){.ge-pc{display:none!important}}@media (min-width:1000px){.le-pc{display:none!important}}body{--clickable-active-transform:translateY(2px);--clickable-hover-transform:translateY(-1px)}.clickable:not(:disabled){cursor:pointer;transform-origin:center;transition:transform .1s ease-out}.clickable:not(:disabled):hover{transform:var(--clickable-hover-transform);z-index:9999}.clickable:not(:disabled):active{transform:var(--clickable-active-transform);z-index:9999}.clickable.text:not(:disabled){cursor:pointer;transform-origin:center;transition:transform .1s ease-out}.clickable.text:not(:disabled):hover{transform:var(--clickable-hover-transform);z-index:9999}.clickable.text:not(:disabled):active{transform:var(--clickable-active-transform);z-index:9999}body{--margin:16px;--slim-margin:8px;--radius:6px;--circle-radius:999px}.fluid{width:100%!important}.sharp{border-radius:0!important}.sharp-t{border-top-left-radius:0!important;border-top-right-radius:0!important}.sharp-b{border-bottom-right-radius:0!important}.sharp-b,.sharp-l{border-bottom-left-radius:0!important}.sharp-l{border-top-left-radius:0!important}.sharp-r{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.rounded{border-radius:var(--radius)!important}.rounded-t{border-top-left-radius:var(--radius)!important;border-top-right-radius:var(--radius)!important}.rounded-b{border-bottom-right-radius:var(--radius)!important}.rounded-b,.rounded-l{border-bottom-left-radius:var(--radius)!important}.rounded-l{border-top-left-radius:var(--radius)!important}.rounded-r{border-bottom-right-radius:var(--radius)!important;border-top-right-radius:var(--radius)!important}.circle,label.input-switch input+.switch:before{border-radius:var(--circle-radius)!important}.select-none{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.no-pointer-events{pointer-events:none!important}.block{display:block!important}.inline{display:inline!important}.iblock{display:inline-block!important}.alert,.alert>.icon,.flex{display:flex!important}.iflex{display:inline-flex!important}.f-left{justify-content:flex-start!important}.alert>.icon,.f-center{justify-content:center!important}.f-right{justify-content:flex-end!important}.f-hstretch{justify-content:stretch!important}.f-top{align-items:flex-start!important}.alert>.icon,.f-middle{align-items:center!important}.f-bottom{align-items:flex-end!important}.f-vstretch{align-items:stretch!important}.f-wrap{flex-wrap:wrap!important}.f-wrap-reverse{flex-wrap:wrap-reverse!important}body{--shadow-color:rgba(0,0,0,0.2);--red-1:#f9d7d6;--red-2:#f3afad;--red-3:#ee8783;--red-4:#e85f5a;--red-5:#e23731;--red-6:#b52c27;--red-7:#88211d;--red-8:#5a1614;--red-9:#44110f;--red-10:#2d0b0a;--red:var(--red-5);--vermilion-1:#fbdfcc;--vermilion-2:#f7c099;--vermilion-3:#f3a067;--vermilion-4:#ef8134;--vermilion-5:#eb6101;--vermilion-6:#bc4e01;--vermilion-7:#8d3a01;--vermilion-8:#5e2700;--vermilion-9:#471d00;--vermilion-10:#2f1300;--vermilion:var(--vermilion-5);--orange-1:#fce6cc;--orange-2:#f9cd99;--orange-3:#f6b566;--orange-4:#f39c33;--orange-5:#f08300;--orange-6:#c06900;--orange-7:#904f00;--orange-8:#603400;--orange-9:#482700;--orange-10:#301a00;--orange:var(--orange-5);--yellow-1:#fbf2cc;--yellow-2:#f6e599;--yellow-3:#f2d866;--yellow-4:#edcb33;--yellow-5:#e9be00;--yellow-6:#ba9800;--yellow-7:#8c7200;--yellow-8:#5d4c00;--yellow-9:#463900;--yellow-10:#2f2600;--yellow:var(--yellow-5);--lime-1:#f1f6cc;--lime-2:#e3ed99;--lime-3:#d4e466;--lime-4:#c6db33;--lime-5:#b8d200;--lime-6:#93a800;--lime-7:#6e7e00;--lime-8:#4a5400;--lime-9:#373f00;--lime-10:#252a00;--lime:var(--lime-5);--green-1:#d8f0e2;--green-2:#b2e1c6;--green-3:#8bd1a9;--green-4:#65c28d;--green-5:#3eb370;--green-6:#328f5a;--green-7:#256b43;--green-8:#19482d;--green-9:#133622;--green-10:#0c2416;--green:var(--green-5);--teal-1:#d2f2ec;--teal-2:#a6e6d9;--teal-3:#79d9c6;--teal-4:#4dcdb3;--teal-5:#20c0a0;--teal-6:#1a9a80;--teal-7:#137360;--teal-8:#0d4d40;--teal-9:#0a3a30;--teal-10:#062620;--teal:var(--teal-5);--cyan-1:#d9fefd;--cyan-2:#b4fefa;--cyan-3:#8efdf8;--cyan-4:#69fdf5;--cyan-5:#43fcf3;--cyan-6:#36cac2;--cyan-7:#289792;--cyan-8:#1b6561;--cyan-9:#144c49;--cyan-10:#0d3231;--cyan:var(--cyan-5);--skyblue-1:#ccf1ff;--skyblue-2:#99e2ff;--skyblue-3:#66d4ff;--skyblue-4:#33c5ff;--skyblue-5:#00b7ff;--skyblue-6:#0092cc;--skyblue-7:#006e99;--skyblue-8:#004966;--skyblue-9:#00374d;--skyblue-10:#002533;--skyblue:var(--skyblue-5);--blue-1:#d3e3ff;--blue-2:#a8c6ff;--blue-3:#7caaff;--blue-4:#518dff;--blue-5:#2571ff;--blue-6:#1e5acc;--blue-7:#164499;--blue-8:#0f2d66;--blue-9:#0b224d;--blue-10:#071733;--blue:var(--blue-5);--indigo-1:#d0dfe6;--indigo-2:#a2bfcd;--indigo-3:#739eb5;--indigo-4:#457e9c;--indigo-5:#165e83;--indigo-6:#124b69;--indigo-7:#0d384f;--indigo-8:#092634;--indigo-9:#071c27;--indigo-10:#04131a;--indigo:var(--indigo-5);--purple-1:#e7daea;--purple-2:#cfb6d6;--purple-3:#b891c1;--purple-4:#a06dad;--purple-5:#884898;--purple-6:#6d3a7a;--purple-7:#522b5b;--purple-8:#361d3d;--purple-9:#29162e;--purple-10:#1b0e1e;--purple:var(--purple-5);--magenta-1:#ffddec;--magenta-2:#ffbbd9;--magenta-3:#ff99c7;--magenta-4:#ff77b4;--magenta-5:#ff55a1;--magenta-6:#cc4481;--magenta-7:#993361;--magenta-8:#662240;--magenta-9:#4d1a30;--magenta-10:#331120;--magenta:var(--magenta-5);--pink-1:#ffdee6;--pink-2:#ffbece;--pink-3:#ff9db5;--pink-4:#ff7d9d;--pink-5:#ff5c84;--pink-6:#cc4a6a;--pink-7:#99374f;--pink-8:#662535;--pink-9:#4d1c28;--pink-10:#33121a;--pink:var(--pink-5);--gray-1:#f4f4f4;--gray-2:#e8e8e8;--gray-3:#ddd;--gray-4:#d1d1d1;--gray-5:#c6c6c6;--gray-6:#bababa;--gray-7:#afafaf;--gray-8:#a3a3a3;--gray-9:#989898;--gray-10:#8c8c8c;--gray-11:#818181;--gray-12:#757575;--gray-13:#6a6a6a;--gray-14:#5e5e5e;--gray-15:#535353;--gray-16:#474747;--gray-17:#3c3c3c;--gray-18:#303030;--gray-19:#252525;--gray-20:#1a1a1a;--black:#000;--white:#fff;--black-50:rgba(0,0,0,0.5);--white-50:hsla(0,0%,100%,0.5);--dark:var(--gray-20);--light:var(--gray-1);--dimmed:var(--tone-10);--success-fg:var(--white);--primary-fg:var(--white);--info-fg:var(--black);--danger-fg:var(--white);--warn-fg:var(--black);--primary:var(--green-5);--primary-1:var(--green-1);--primary-2:var(--green-2);--primary-3:var(--green-3);--primary-4:var(--green-4);--primary-5:var(--green-5);--primary-6:var(--green-6);--primary-7:var(--green-7);--primary-8:var(--green-8);--primary-9:var(--green-9);--primary-10:var(--green-10);--success:var(--blue-5);--success-1:var(--blue-1);--success-2:var(--blue-2);--success-3:var(--blue-3);--success-4:var(--blue-4);--success-5:var(--blue-5);--success-6:var(--blue-6);--success-7:var(--blue-7);--success-8:var(--blue-8);--success-9:var(--blue-9);--success-10:var(--blue-10);--info:var(--skyblue-5);--info-1:var(--skyblue-1);--info-2:var(--skyblue-2);--info-3:var(--skyblue-3);--info-4:var(--skyblue-4);--info-5:var(--skyblue-5);--info-6:var(--skyblue-6);--info-7:var(--skyblue-7);--info-8:var(--skyblue-8);--info-9:var(--skyblue-9);--info-10:var(--skyblue-10);--danger:var(--red-5);--danger-1:var(--red-1);--danger-2:var(--red-2);--danger-3:var(--red-3);--danger-4:var(--red-4);--danger-5:var(--red-5);--danger-6:var(--red-6);--danger-7:var(--red-7);--danger-8:var(--red-8);--danger-9:var(--red-9);--danger-10:var(--red-10);--warn:var(--yellow-5);--warn-1:var(--yellow-1);--warn-2:var(--yellow-2);--warn-3:var(--yellow-3);--warn-4:var(--yellow-4);--warn-5:var(--yellow-5);--warn-6:var(--yellow-6);--warn-7:var(--yellow-7);--warn-8:var(--yellow-8);--warn-9:var(--yellow-9);--warn-10:var(--yellow-10);--tone-1:var(--gray-1);--tone-2:var(--gray-2);--tone-3:var(--gray-3);--tone-4:var(--gray-4);--tone-5:var(--gray-5);--tone-6:var(--gray-6);--tone-7:var(--gray-7);--tone-8:var(--gray-8);--tone-9:var(--gray-9);--tone-10:var(--gray-10);--tone-11:var(--gray-11);--tone-12:var(--gray-12);--tone-13:var(--gray-13);--tone-14:var(--gray-14);--tone-15:var(--gray-15);--tone-16:var(--gray-16);--tone-17:var(--gray-17);--tone-18:var(--gray-18);--tone-19:var(--gray-19);--tone-20:var(--gray-20);--bg:var(--gray-2);--fg:var(--gray-16);--link:var(--primary);--hover:rgba(0,0,0,0.03);--panel:var(--white);--panel-hover:var(--gray-1);--panel-active:var(--gray-2);--code-fg:var(--red-7);--code-bg:var(--red-1)}body.dark{--tone-1:var(--gray-20);--tone-2:var(--gray-19);--tone-3:var(--gray-18);--tone-4:var(--gray-17);--tone-5:var(--gray-16);--tone-6:var(--gray-15);--tone-7:var(--gray-14);--tone-8:var(--gray-13);--tone-9:var(--gray-12);--tone-10:var(--gray-11);--tone-11:var(--gray-10);--tone-12:var(--gray-9);--tone-13:var(--gray-8);--tone-14:var(--gray-7);--tone-15:var(--gray-6);--tone-16:var(--gray-5);--tone-17:var(--gray-4);--tone-18:var(--gray-3);--tone-19:var(--gray-2);--tone-20:var(--gray-1);--bg:var(--gray-20);--fg:var(--gray-5);--hover:hsla(0,0%,100%,0.06);--panel:var(--gray-19);--panel-hover:var(--gray-10);--panel-active:var(--gray-20);--code-fg:var(--red-4);--code-bg:var(--red-8)}.text-red-1{color:var(--red-1)!important}.bg-red-1{background-color:var(--red-1)!important}.text-red-2{color:var(--red-2)!important}.bg-red-2{background-color:var(--red-2)!important}.text-red-3{color:var(--red-3)!important}.bg-red-3{background-color:var(--red-3)!important}.text-red-4{color:var(--red-4)!important}.bg-red-4{background-color:var(--red-4)!important}.text-red-5{color:var(--red-5)!important}.bg-red-5{background-color:var(--red-5)!important}.text-red-6{color:var(--red-6)!important}.bg-red-6{background-color:var(--red-6)!important}.text-red-7{color:var(--red-7)!important}.bg-red-7{background-color:var(--red-7)!important}.text-red-8{color:var(--red-8)!important}.bg-red-8{background-color:var(--red-8)!important}.text-red-9{color:var(--red-9)!important}.bg-red-9{background-color:var(--red-9)!important}.text-red-10{color:var(--red-10)!important}.bg-red-10{background-color:var(--red-10)!important}.text-red{color:var(--red)!important}.bg-red{background-color:var(--red)!important}.text-vermilion-1{color:var(--vermilion-1)!important}.bg-vermilion-1{background-color:var(--vermilion-1)!important}.text-vermilion-2{color:var(--vermilion-2)!important}.bg-vermilion-2{background-color:var(--vermilion-2)!important}.text-vermilion-3{color:var(--vermilion-3)!important}.bg-vermilion-3{background-color:var(--vermilion-3)!important}.text-vermilion-4{color:var(--vermilion-4)!important}.bg-vermilion-4{background-color:var(--vermilion-4)!important}.text-vermilion-5{color:var(--vermilion-5)!important}.bg-vermilion-5{background-color:var(--vermilion-5)!important}.text-vermilion-6{color:var(--vermilion-6)!important}.bg-vermilion-6{background-color:var(--vermilion-6)!important}.text-vermilion-7{color:var(--vermilion-7)!important}.bg-vermilion-7{background-color:var(--vermilion-7)!important}.text-vermilion-8{color:var(--vermilion-8)!important}.bg-vermilion-8{background-color:var(--vermilion-8)!important}.text-vermilion-9{color:var(--vermilion-9)!important}.bg-vermilion-9{background-color:var(--vermilion-9)!important}.text-vermilion-10{color:var(--vermilion-10)!important}.bg-vermilion-10{background-color:var(--vermilion-10)!important}.text-vermilion{color:var(--vermilion)!important}.bg-vermilion{background-color:var(--vermilion)!important}.text-orange-1{color:var(--orange-1)!important}.bg-orange-1{background-color:var(--orange-1)!important}.text-orange-2{color:var(--orange-2)!important}.bg-orange-2{background-color:var(--orange-2)!important}.text-orange-3{color:var(--orange-3)!important}.bg-orange-3{background-color:var(--orange-3)!important}.text-orange-4{color:var(--orange-4)!important}.bg-orange-4{background-color:var(--orange-4)!important}.text-orange-5{color:var(--orange-5)!important}.bg-orange-5{background-color:var(--orange-5)!important}.text-orange-6{color:var(--orange-6)!important}.bg-orange-6{background-color:var(--orange-6)!important}.text-orange-7{color:var(--orange-7)!important}.bg-orange-7{background-color:var(--orange-7)!important}.text-orange-8{color:var(--orange-8)!important}.bg-orange-8{background-color:var(--orange-8)!important}.text-orange-9{color:var(--orange-9)!important}.bg-orange-9{background-color:var(--orange-9)!important}.text-orange-10{color:var(--orange-10)!important}.bg-orange-10{background-color:var(--orange-10)!important}.text-orange{color:var(--orange)!important}.bg-orange{background-color:var(--orange)!important}.text-yellow-1{color:var(--yellow-1)!important}.bg-yellow-1{background-color:var(--yellow-1)!important}.text-yellow-2{color:var(--yellow-2)!important}.bg-yellow-2{background-color:var(--yellow-2)!important}.text-yellow-3{color:var(--yellow-3)!important}.bg-yellow-3{background-color:var(--yellow-3)!important}.text-yellow-4{color:var(--yellow-4)!important}.bg-yellow-4{background-color:var(--yellow-4)!important}.text-yellow-5{color:var(--yellow-5)!important}.bg-yellow-5{background-color:var(--yellow-5)!important}.text-yellow-6{color:var(--yellow-6)!important}.bg-yellow-6{background-color:var(--yellow-6)!important}.text-yellow-7{color:var(--yellow-7)!important}.bg-yellow-7{background-color:var(--yellow-7)!important}.text-yellow-8{color:var(--yellow-8)!important}.bg-yellow-8{background-color:var(--yellow-8)!important}.text-yellow-9{color:var(--yellow-9)!important}.bg-yellow-9{background-color:var(--yellow-9)!important}.text-yellow-10{color:var(--yellow-10)!important}.bg-yellow-10{background-color:var(--yellow-10)!important}.text-yellow{color:var(--yellow)!important}.bg-yellow{background-color:var(--yellow)!important}.text-lime-1{color:var(--lime-1)!important}.bg-lime-1{background-color:var(--lime-1)!important}.text-lime-2{color:var(--lime-2)!important}.bg-lime-2{background-color:var(--lime-2)!important}.text-lime-3{color:var(--lime-3)!important}.bg-lime-3{background-color:var(--lime-3)!important}.text-lime-4{color:var(--lime-4)!important}.bg-lime-4{background-color:var(--lime-4)!important}.text-lime-5{color:var(--lime-5)!important}.bg-lime-5{background-color:var(--lime-5)!important}.text-lime-6{color:var(--lime-6)!important}.bg-lime-6{background-color:var(--lime-6)!important}.text-lime-7{color:var(--lime-7)!important}.bg-lime-7{background-color:var(--lime-7)!important}.text-lime-8{color:var(--lime-8)!important}.bg-lime-8{background-color:var(--lime-8)!important}.text-lime-9{color:var(--lime-9)!important}.bg-lime-9{background-color:var(--lime-9)!important}.text-lime-10{color:var(--lime-10)!important}.bg-lime-10{background-color:var(--lime-10)!important}.text-lime{color:var(--lime)!important}.bg-lime{background-color:var(--lime)!important}.text-green-1{color:var(--green-1)!important}.bg-green-1{background-color:var(--green-1)!important}.text-green-2{color:var(--green-2)!important}.bg-green-2{background-color:var(--green-2)!important}.text-green-3{color:var(--green-3)!important}.bg-green-3{background-color:var(--green-3)!important}.text-green-4{color:var(--green-4)!important}.bg-green-4{background-color:var(--green-4)!important}.text-green-5{color:var(--green-5)!important}.bg-green-5{background-color:var(--green-5)!important}.text-green-6{color:var(--green-6)!important}.bg-green-6{background-color:var(--green-6)!important}.text-green-7{color:var(--green-7)!important}.bg-green-7{background-color:var(--green-7)!important}.text-green-8{color:var(--green-8)!important}.bg-green-8{background-color:var(--green-8)!important}.text-green-9{color:var(--green-9)!important}.bg-green-9{background-color:var(--green-9)!important}.text-green-10{color:var(--green-10)!important}.bg-green-10{background-color:var(--green-10)!important}.text-green{color:var(--green)!important}.bg-green{background-color:var(--green)!important}.text-teal-1{color:var(--teal-1)!important}.bg-teal-1{background-color:var(--teal-1)!important}.text-teal-2{color:var(--teal-2)!important}.bg-teal-2{background-color:var(--teal-2)!important}.text-teal-3{color:var(--teal-3)!important}.bg-teal-3{background-color:var(--teal-3)!important}.text-teal-4{color:var(--teal-4)!important}.bg-teal-4{background-color:var(--teal-4)!important}.text-teal-5{color:var(--teal-5)!important}.bg-teal-5{background-color:var(--teal-5)!important}.text-teal-6{color:var(--teal-6)!important}.bg-teal-6{background-color:var(--teal-6)!important}.text-teal-7{color:var(--teal-7)!important}.bg-teal-7{background-color:var(--teal-7)!important}.text-teal-8{color:var(--teal-8)!important}.bg-teal-8{background-color:var(--teal-8)!important}.text-teal-9{color:var(--teal-9)!important}.bg-teal-9{background-color:var(--teal-9)!important}.text-teal-10{color:var(--teal-10)!important}.bg-teal-10{background-color:var(--teal-10)!important}.text-teal{color:var(--teal)!important}.bg-teal{background-color:var(--teal)!important}.text-cyan-1{color:var(--cyan-1)!important}.bg-cyan-1{background-color:var(--cyan-1)!important}.text-cyan-2{color:var(--cyan-2)!important}.bg-cyan-2{background-color:var(--cyan-2)!important}.text-cyan-3{color:var(--cyan-3)!important}.bg-cyan-3{background-color:var(--cyan-3)!important}.text-cyan-4{color:var(--cyan-4)!important}.bg-cyan-4{background-color:var(--cyan-4)!important}.text-cyan-5{color:var(--cyan-5)!important}.bg-cyan-5{background-color:var(--cyan-5)!important}.text-cyan-6{color:var(--cyan-6)!important}.bg-cyan-6{background-color:var(--cyan-6)!important}.text-cyan-7{color:var(--cyan-7)!important}.bg-cyan-7{background-color:var(--cyan-7)!important}.text-cyan-8{color:var(--cyan-8)!important}.bg-cyan-8{background-color:var(--cyan-8)!important}.text-cyan-9{color:var(--cyan-9)!important}.bg-cyan-9{background-color:var(--cyan-9)!important}.text-cyan-10{color:var(--cyan-10)!important}.bg-cyan-10{background-color:var(--cyan-10)!important}.text-cyan{color:var(--cyan)!important}.bg-cyan{background-color:var(--cyan)!important}.text-skyblue-1{color:var(--skyblue-1)!important}.bg-skyblue-1{background-color:var(--skyblue-1)!important}.text-skyblue-2{color:var(--skyblue-2)!important}.bg-skyblue-2{background-color:var(--skyblue-2)!important}.text-skyblue-3{color:var(--skyblue-3)!important}.bg-skyblue-3{background-color:var(--skyblue-3)!important}.text-skyblue-4{color:var(--skyblue-4)!important}.bg-skyblue-4{background-color:var(--skyblue-4)!important}.text-skyblue-5{color:var(--skyblue-5)!important}.bg-skyblue-5{background-color:var(--skyblue-5)!important}.text-skyblue-6{color:var(--skyblue-6)!important}.bg-skyblue-6{background-color:var(--skyblue-6)!important}.text-skyblue-7{color:var(--skyblue-7)!important}.bg-skyblue-7{background-color:var(--skyblue-7)!important}.text-skyblue-8{color:var(--skyblue-8)!important}.bg-skyblue-8{background-color:var(--skyblue-8)!important}.text-skyblue-9{color:var(--skyblue-9)!important}.bg-skyblue-9{background-color:var(--skyblue-9)!important}.text-skyblue-10{color:var(--skyblue-10)!important}.bg-skyblue-10{background-color:var(--skyblue-10)!important}.text-skyblue{color:var(--skyblue)!important}.bg-skyblue{background-color:var(--skyblue)!important}.text-blue-1{color:var(--blue-1)!important}.bg-blue-1{background-color:var(--blue-1)!important}.text-blue-2{color:var(--blue-2)!important}.bg-blue-2{background-color:var(--blue-2)!important}.text-blue-3{color:var(--blue-3)!important}.bg-blue-3{background-color:var(--blue-3)!important}.text-blue-4{color:var(--blue-4)!important}.bg-blue-4{background-color:var(--blue-4)!important}.text-blue-5{color:var(--blue-5)!important}.bg-blue-5{background-color:var(--blue-5)!important}.text-blue-6{color:var(--blue-6)!important}.bg-blue-6{background-color:var(--blue-6)!important}.text-blue-7{color:var(--blue-7)!important}.bg-blue-7{background-color:var(--blue-7)!important}.text-blue-8{color:var(--blue-8)!important}.bg-blue-8{background-color:var(--blue-8)!important}.text-blue-9{color:var(--blue-9)!important}.bg-blue-9{background-color:var(--blue-9)!important}.text-blue-10{color:var(--blue-10)!important}.bg-blue-10{background-color:var(--blue-10)!important}.text-blue{color:var(--blue)!important}.bg-blue{background-color:var(--blue)!important}.text-indigo-1{color:var(--indigo-1)!important}.bg-indigo-1{background-color:var(--indigo-1)!important}.text-indigo-2{color:var(--indigo-2)!important}.bg-indigo-2{background-color:var(--indigo-2)!important}.text-indigo-3{color:var(--indigo-3)!important}.bg-indigo-3{background-color:var(--indigo-3)!important}.text-indigo-4{color:var(--indigo-4)!important}.bg-indigo-4{background-color:var(--indigo-4)!important}.text-indigo-5{color:var(--indigo-5)!important}.bg-indigo-5{background-color:var(--indigo-5)!important}.text-indigo-6{color:var(--indigo-6)!important}.bg-indigo-6{background-color:var(--indigo-6)!important}.text-indigo-7{color:var(--indigo-7)!important}.bg-indigo-7{background-color:var(--indigo-7)!important}.text-indigo-8{color:var(--indigo-8)!important}.bg-indigo-8{background-color:var(--indigo-8)!important}.text-indigo-9{color:var(--indigo-9)!important}.bg-indigo-9{background-color:var(--indigo-9)!important}.text-indigo-10{color:var(--indigo-10)!important}.bg-indigo-10{background-color:var(--indigo-10)!important}.text-indigo{color:var(--indigo)!important}.bg-indigo{background-color:var(--indigo)!important}.text-purple-1{color:var(--purple-1)!important}.bg-purple-1{background-color:var(--purple-1)!important}.text-purple-2{color:var(--purple-2)!important}.bg-purple-2{background-color:var(--purple-2)!important}.text-purple-3{color:var(--purple-3)!important}.bg-purple-3{background-color:var(--purple-3)!important}.text-purple-4{color:var(--purple-4)!important}.bg-purple-4{background-color:var(--purple-4)!important}.text-purple-5{color:var(--purple-5)!important}.bg-purple-5{background-color:var(--purple-5)!important}.text-purple-6{color:var(--purple-6)!important}.bg-purple-6{background-color:var(--purple-6)!important}.text-purple-7{color:var(--purple-7)!important}.bg-purple-7{background-color:var(--purple-7)!important}.text-purple-8{color:var(--purple-8)!important}.bg-purple-8{background-color:var(--purple-8)!important}.text-purple-9{color:var(--purple-9)!important}.bg-purple-9{background-color:var(--purple-9)!important}.text-purple-10{color:var(--purple-10)!important}.bg-purple-10{background-color:var(--purple-10)!important}.text-purple{color:var(--purple)!important}.bg-purple{background-color:var(--purple)!important}.text-magenta-1{color:var(--magenta-1)!important}.bg-magenta-1{background-color:var(--magenta-1)!important}.text-magenta-2{color:var(--magenta-2)!important}.bg-magenta-2{background-color:var(--magenta-2)!important}.text-magenta-3{color:var(--magenta-3)!important}.bg-magenta-3{background-color:var(--magenta-3)!important}.text-magenta-4{color:var(--magenta-4)!important}.bg-magenta-4{background-color:var(--magenta-4)!important}.text-magenta-5{color:var(--magenta-5)!important}.bg-magenta-5{background-color:var(--magenta-5)!important}.text-magenta-6{color:var(--magenta-6)!important}.bg-magenta-6{background-color:var(--magenta-6)!important}.text-magenta-7{color:var(--magenta-7)!important}.bg-magenta-7{background-color:var(--magenta-7)!important}.text-magenta-8{color:var(--magenta-8)!important}.bg-magenta-8{background-color:var(--magenta-8)!important}.text-magenta-9{color:var(--magenta-9)!important}.bg-magenta-9{background-color:var(--magenta-9)!important}.text-magenta-10{color:var(--magenta-10)!important}.bg-magenta-10{background-color:var(--magenta-10)!important}.text-magenta{color:var(--magenta)!important}.bg-magenta{background-color:var(--magenta)!important}.text-pink-1{color:var(--pink-1)!important}.bg-pink-1{background-color:var(--pink-1)!important}.text-pink-2{color:var(--pink-2)!important}.bg-pink-2{background-color:var(--pink-2)!important}.text-pink-3{color:var(--pink-3)!important}.bg-pink-3{background-color:var(--pink-3)!important}.text-pink-4{color:var(--pink-4)!important}.bg-pink-4{background-color:var(--pink-4)!important}.text-pink-5{color:var(--pink-5)!important}.bg-pink-5{background-color:var(--pink-5)!important}.text-pink-6{color:var(--pink-6)!important}.bg-pink-6{background-color:var(--pink-6)!important}.text-pink-7{color:var(--pink-7)!important}.bg-pink-7{background-color:var(--pink-7)!important}.text-pink-8{color:var(--pink-8)!important}.bg-pink-8{background-color:var(--pink-8)!important}.text-pink-9{color:var(--pink-9)!important}.bg-pink-9{background-color:var(--pink-9)!important}.text-pink-10{color:var(--pink-10)!important}.bg-pink-10{background-color:var(--pink-10)!important}.text-pink{color:var(--pink)!important}.bg-pink{background-color:var(--pink)!important}.text-gray-1{color:var(--gray-1)!important}.bg-gray-1{background-color:var(--gray-1)!important}.text-gray-2{color:var(--gray-2)!important}.bg-gray-2{background-color:var(--gray-2)!important}.text-gray-3{color:var(--gray-3)!important}.bg-gray-3{background-color:var(--gray-3)!important}.text-gray-4{color:var(--gray-4)!important}.bg-gray-4{background-color:var(--gray-4)!important}.text-gray-5{color:var(--gray-5)!important}.bg-gray-5{background-color:var(--gray-5)!important}.text-gray-6{color:var(--gray-6)!important}.bg-gray-6{background-color:var(--gray-6)!important}.text-gray-7{color:var(--gray-7)!important}.bg-gray-7{background-color:var(--gray-7)!important}.text-gray-8{color:var(--gray-8)!important}.bg-gray-8{background-color:var(--gray-8)!important}.text-gray-9{color:var(--gray-9)!important}.bg-gray-9{background-color:var(--gray-9)!important}.text-gray-10{color:var(--gray-10)!important}.bg-gray-10{background-color:var(--gray-10)!important}.text-gray-11{color:var(--gray-11)!important}.bg-gray-11{background-color:var(--gray-11)!important}.text-gray-12{color:var(--gray-12)!important}.bg-gray-12{background-color:var(--gray-12)!important}.text-gray-13{color:var(--gray-13)!important}.bg-gray-13{background-color:var(--gray-13)!important}.text-gray-14{color:var(--gray-14)!important}.bg-gray-14{background-color:var(--gray-14)!important}.text-gray-15{color:var(--gray-15)!important}.bg-gray-15{background-color:var(--gray-15)!important}.text-gray-16{color:var(--gray-16)!important}.bg-gray-16{background-color:var(--gray-16)!important}.text-gray-17{color:var(--gray-17)!important}.bg-gray-17{background-color:var(--gray-17)!important}.text-gray-18{color:var(--gray-18)!important}.bg-gray-18{background-color:var(--gray-18)!important}.text-gray-19{color:var(--gray-19)!important}.bg-gray-19{background-color:var(--gray-19)!important}.text-gray-20{color:var(--gray-20)!important}.bg-gray-20{background-color:var(--gray-20)!important}.text-black{color:var(--black)!important}.bg-black{background-color:var(--black)!important}.text-white{color:var(--white)!important}.bg-white{background-color:var(--white)!important}.text-black-50{color:var(--black-50)!important}.bg-black-50{background-color:var(--black-50)!important}.text-white-50{color:var(--white-50)!important}.bg-white-50{background-color:var(--white-50)!important}.text-dark{color:var(--dark)!important}.bg-dark{background-color:var(--dark)!important}.text-light{color:var(--light)!important}.bg-light{background-color:var(--light)!important}.text-dimmed{color:var(--dimmed)!important}.bg-dimmed{background-color:var(--dimmed)!important}.text-success-fg{color:var(--success-fg)!important}.bg-success-fg{background-color:var(--success-fg)!important}.text-primary-fg{color:var(--primary-fg)!important}.bg-primary-fg{background-color:var(--primary-fg)!important}.text-info-fg{color:var(--info-fg)!important}.bg-info-fg{background-color:var(--info-fg)!important}.text-danger-fg{color:var(--danger-fg)!important}.bg-danger-fg{background-color:var(--danger-fg)!important}.text-warn-fg{color:var(--warn-fg)!important}.bg-warn-fg{background-color:var(--warn-fg)!important}.text-primary{color:var(--primary)!important}.bg-primary{background-color:var(--primary)!important}.bg-primary,.bg-primary b,.bg-primary h1,.bg-primary h2,.bg-primary h3,.bg-primary h4,.bg-primary h5,.bg-primary h6,.bg-primary strong{color:var(--primary-fg)!important}.text-success{color:var(--success)!important}.bg-success{background-color:var(--success)!important}.bg-success,.bg-success b,.bg-success h1,.bg-success h2,.bg-success h3,.bg-success h4,.bg-success h5,.bg-success h6,.bg-success strong{color:var(--success-fg)!important}.text-info{color:var(--info)!important}.bg-info{background-color:var(--info)!important}.bg-info,.bg-info b,.bg-info h1,.bg-info h2,.bg-info h3,.bg-info h4,.bg-info h5,.bg-info h6,.bg-info strong{color:var(--info-fg)!important}.text-danger{color:var(--danger)!important}.bg-danger{background-color:var(--danger)!important}.bg-danger,.bg-danger b,.bg-danger h1,.bg-danger h2,.bg-danger h3,.bg-danger h4,.bg-danger h5,.bg-danger h6,.bg-danger strong{color:var(--danger-fg)!important}.text-warn{color:var(--warn)!important}.bg-warn{background-color:var(--warn)!important}.bg-warn,.bg-warn b,.bg-warn h1,.bg-warn h2,.bg-warn h3,.bg-warn h4,.bg-warn h5,.bg-warn h6,.bg-warn strong{color:var(--warn-fg)!important}.bg-panel{background-color:var(--panel)}.bg-bg{background-color:var(--bg)}.ma-auto{margin:auto!important}.ml-auto{margin-left:auto!important}.list-form>.item>.body,.mr-auto{margin-right:auto!important}.mt-auto{margin-top:auto!important}.mb-auto{margin-bottom:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.pa-auto{padding:auto!important}.pl-auto{padding-left:auto!important}.pr-auto{padding-right:auto!important}.pt-auto{padding-top:auto!important}.pb-auto{padding-bottom:auto!important}.px-auto{padding-left:auto!important;padding-right:auto!important}.py-auto{padding-bottom:auto!important;padding-top:auto!important}.ma-0{margin:calc(var(--slim-margin)*0)!important}.ml-0{margin-left:calc(var(--slim-margin)*0)!important}.mr-0{margin-right:calc(var(--slim-margin)*0)!important}.mt-0{margin-top:calc(var(--slim-margin)*0)!important}.mb-0{margin-bottom:calc(var(--slim-margin)*0)!important}.mx-0{margin-left:calc(var(--slim-margin)*0)!important;margin-right:calc(var(--slim-margin)*0)!important}.my-0{margin-bottom:calc(var(--slim-margin)*0)!important;margin-top:calc(var(--slim-margin)*0)}.pa-0{padding:calc(var(--slim-margin)*0)!important}.pl-0{padding-left:calc(var(--slim-margin)*0)!important}.pr-0{padding-right:calc(var(--slim-margin)*0)!important}.pt-0{padding-top:calc(var(--slim-margin)*0)!important}.pb-0{padding-bottom:calc(var(--slim-margin)*0)!important}.px-0{padding-left:calc(var(--slim-margin)*0)!important;padding-right:calc(var(--slim-margin)*0)!important}.py-0{padding-bottom:calc(var(--slim-margin)*0)!important;padding-top:calc(var(--slim-margin)*0)!important}.ma-1{margin:calc(var(--slim-margin)*1)!important}.ml-1{margin-left:calc(var(--slim-margin)*1)!important}.menu .item>.icon,.mr-1{margin-right:calc(var(--slim-margin)*1)!important}.list-form>.item+.item,.mt-1{margin-top:calc(var(--slim-margin)*1)!important}.mb-1{margin-bottom:calc(var(--slim-margin)*1)!important}.mx-1{margin-left:calc(var(--slim-margin)*1)!important;margin-right:calc(var(--slim-margin)*1)!important}.my-1{margin-bottom:calc(var(--slim-margin)*1)!important;margin-top:calc(var(--slim-margin)*1)}.pa-1{padding:calc(var(--slim-margin)*1)!important}.pl-1{padding-left:calc(var(--slim-margin)*1)!important}.pr-1{padding-right:calc(var(--slim-margin)*1)!important}.pt-1{padding-top:calc(var(--slim-margin)*1)!important}.pb-1{padding-bottom:calc(var(--slim-margin)*1)!important}.px-1{padding-left:calc(var(--slim-margin)*1)!important;padding-right:calc(var(--slim-margin)*1)!important}.py-1{padding-bottom:calc(var(--slim-margin)*1)!important;padding-top:calc(var(--slim-margin)*1)!important}.ma-2{margin:calc(var(--slim-margin)*2)!important}.ml-2{margin-left:calc(var(--slim-margin)*2)!important}.alert>.icon,.list-form>.item>.icon,.mr-2{margin-right:calc(var(--slim-margin)*2)!important}.mt-2{margin-top:calc(var(--slim-margin)*2)!important}.mb-2{margin-bottom:calc(var(--slim-margin)*2)!important}.mx-2{margin-left:calc(var(--slim-margin)*2)!important;margin-right:calc(var(--slim-margin)*2)!important}.my-2{margin-bottom:calc(var(--slim-margin)*2)!important;margin-top:calc(var(--slim-margin)*2)}.pa-2{padding:calc(var(--slim-margin)*2)!important}.pl-2{padding-left:calc(var(--slim-margin)*2)!important}.pr-2{padding-right:calc(var(--slim-margin)*2)!important}.pt-2{padding-top:calc(var(--slim-margin)*2)!important}.pb-2{padding-bottom:calc(var(--slim-margin)*2)!important}.px-2{padding-left:calc(var(--slim-margin)*2)!important;padding-right:calc(var(--slim-margin)*2)!important}.py-2{padding-bottom:calc(var(--slim-margin)*2)!important;padding-top:calc(var(--slim-margin)*2)!important}.ma-3{margin:calc(var(--slim-margin)*3)!important}.ml-3{margin-left:calc(var(--slim-margin)*3)!important}.mr-3{margin-right:calc(var(--slim-margin)*3)!important}.mt-3{margin-top:calc(var(--slim-margin)*3)!important}.mb-3{margin-bottom:calc(var(--slim-margin)*3)!important}.mx-3{margin-left:calc(var(--slim-margin)*3)!important;margin-right:calc(var(--slim-margin)*3)!important}.my-3{margin-bottom:calc(var(--slim-margin)*3)!important;margin-top:calc(var(--slim-margin)*3)}.pa-3{padding:calc(var(--slim-margin)*3)!important}.pl-3{padding-left:calc(var(--slim-margin)*3)!important}.pr-3{padding-right:calc(var(--slim-margin)*3)!important}.pt-3{padding-top:calc(var(--slim-margin)*3)!important}.pb-3{padding-bottom:calc(var(--slim-margin)*3)!important}.px-3{padding-left:calc(var(--slim-margin)*3)!important;padding-right:calc(var(--slim-margin)*3)!important}.py-3{padding-bottom:calc(var(--slim-margin)*3)!important;padding-top:calc(var(--slim-margin)*3)!important}.ma-4{margin:calc(var(--slim-margin)*4)!important}.ml-4{margin-left:calc(var(--slim-margin)*4)!important}.mr-4{margin-right:calc(var(--slim-margin)*4)!important}.mt-4{margin-top:calc(var(--slim-margin)*4)!important}.mb-4{margin-bottom:calc(var(--slim-margin)*4)!important}.mx-4{margin-left:calc(var(--slim-margin)*4)!important;margin-right:calc(var(--slim-margin)*4)!important}.my-4{margin-bottom:calc(var(--slim-margin)*4)!important;margin-top:calc(var(--slim-margin)*4)}.pa-4{padding:calc(var(--slim-margin)*4)!important}.pl-4{padding-left:calc(var(--slim-margin)*4)!important}.pr-4{padding-right:calc(var(--slim-margin)*4)!important}.pt-4{padding-top:calc(var(--slim-margin)*4)!important}.pb-4{padding-bottom:calc(var(--slim-margin)*4)!important}.px-4{padding-left:calc(var(--slim-margin)*4)!important;padding-right:calc(var(--slim-margin)*4)!important}.py-4{padding-bottom:calc(var(--slim-margin)*4)!important;padding-top:calc(var(--slim-margin)*4)!important}.ma-5{margin:calc(var(--slim-margin)*5)!important}.ml-5{margin-left:calc(var(--slim-margin)*5)!important}.mr-5{margin-right:calc(var(--slim-margin)*5)!important}.mt-5{margin-top:calc(var(--slim-margin)*5)!important}.mb-5{margin-bottom:calc(var(--slim-margin)*5)!important}.mx-5{margin-left:calc(var(--slim-margin)*5)!important;margin-right:calc(var(--slim-margin)*5)!important}.my-5{margin-bottom:calc(var(--slim-margin)*5)!important;margin-top:calc(var(--slim-margin)*5)}.pa-5{padding:calc(var(--slim-margin)*5)!important}.pl-5{padding-left:calc(var(--slim-margin)*5)!important}.pr-5{padding-right:calc(var(--slim-margin)*5)!important}.pt-5{padding-top:calc(var(--slim-margin)*5)!important}.pb-5{padding-bottom:calc(var(--slim-margin)*5)!important}.px-5{padding-left:calc(var(--slim-margin)*5)!important;padding-right:calc(var(--slim-margin)*5)!important}.py-5{padding-bottom:calc(var(--slim-margin)*5)!important;padding-top:calc(var(--slim-margin)*5)!important}body{--shadow-level-unit:3px}.list-form>a.item:not(:disabled),.list-form button.item:not(:disabled),.shadow-1,a.btn:not(.link):not(.flat):not(:disabled),button.btn:not(.link):not(.flat):not(:disabled){box-shadow:0 3px calc(var(--shadow-level-unit)*1) var(--shadow-color)}.shadow-2{box-shadow:0 3px calc(var(--shadow-level-unit)*2) var(--shadow-color)}.shadow-3{box-shadow:0 3px calc(var(--shadow-level-unit)*3) var(--shadow-color)}.shadow-4{box-shadow:0 3px calc(var(--shadow-level-unit)*4) var(--shadow-color)}.shadow-5{box-shadow:0 3px calc(var(--shadow-level-unit)*5) var(--shadow-color)}.shadow-6{box-shadow:0 3px calc(var(--shadow-level-unit)*6) var(--shadow-color)}.shadow-7{box-shadow:0 3px calc(var(--shadow-level-unit)*7) var(--shadow-color)}.shadow-8{box-shadow:0 3px calc(var(--shadow-level-unit)*8) var(--shadow-color)}.shadow-t{text-shadow:0 1px calc(var(--shadow-level-unit)*.5) var(--shadow-color)}body{--table-header:var(--tone-2);--table-color:var(--fg);--table-body:var(--panel);--table-border:var(--tone-5);--table-hover:var(--tone-3);--table-header-border:var(--tone-3);--table-body-border:var(--tone-3);--table-header-border-thickness:2px;--table-body-border-thickness:1px}body.dark{--table-color:var(--tone-15);--table-header:var(--tone-5)}.table{background:var(--table-body);border:1px solid var(--table-border);border-collapse:separate;border-radius:var(--radius);border-spacing:0;color:var(--table-color);margin-bottom:1rem;overflow:hidden;text-align:left}.table tr:hover{background:var(--table-hover)}.table th{background:var(--table-header);border-bottom:var(--table-header-border-thickness) solid var(--table-header-border)}.table td,.table th{padding:.5rem 1rem}.table tr:not(:last-child)>td{border-bottom:var(--table-body-border-thickness) solid var(--table-body-border);overflow:hidden}.text-400{font-size:4rem!important}.text-350{font-size:3.5rem!important}.text-300{font-size:3rem!important}.text-250{font-size:2.5rem!important}.text-200,.text-size-huge{font-size:2rem!important}.text-175{font-size:1.75rem!important}.text-150,.text-size-larger{font-size:1.5rem!important}.text-125,.text-size-large{font-size:1.25rem!important}.text-100,.text-size-normal{font-size:1rem!important}.text-75,.text-size-small,.text-size-smaller{font-size:.75rem!important}.text-50,.text-size-tiny{font-size:.5rem!important}.text-normal{font-weight:400!important}.text-bold{font-weight:700!important}.text-italic{font-style:italic!important}.text-oblique{font-style:oblique!important}body{background:var(--bg);color:var(--fg);font-weight:400}.underline,article>h2,section>h2{border-bottom:1px solid var(--tone-9)}h1,h2,h3,h4,h5,h6,p{margin:0;margin-bottom:var(--slim-margin)}h1{font-size:2.5rem;font-weight:400}h1.display{font-size:5rem}@media (max-width:600px){h1.display{font-size:3rem}}h2{font-size:1.8rem;font-weight:400}h2.display{font-size:3.6rem}@media (max-width:600px){h2.display{font-size:2.16rem}}h3{font-size:1.4rem;font-weight:400}h3.display{font-size:2.8rem}@media (max-width:600px){h3.display{font-size:1.68rem}}h4{font-size:1.3rem;font-weight:400}h4.display{font-size:2.6rem}@media (max-width:600px){h4.display{font-size:1.56rem}}h5{font-size:1.2rem;font-weight:400}h5.display{font-size:2.4rem}@media (max-width:600px){h5.display{font-size:1.44rem}}h6{font-size:1.1rem;font-weight:400}h6.display{font-size:2.2rem}@media (max-width:600px){h6.display{font-size:1.32rem}}small.subtitle-1{color:var(--tone-8);font-size:1.6666666667rem;font-weight:400}small.subtitle-1.display{font-size:5rem}small.subtitle-2{color:var(--tone-8);font-size:1.2rem;font-weight:400}small.subtitle-2.display{font-size:3.6rem}small.subtitle-3{color:var(--tone-8);font-size:.9333333333rem;font-weight:400}small.subtitle-3.display{font-size:2.8rem}small.subtitle-4{color:var(--tone-8);font-size:.8666666667rem;font-weight:400}small.subtitle-4.display{font-size:2.6rem}small.subtitle-5{color:var(--tone-8);font-size:.8rem;font-weight:400}small.subtitle-5.display{font-size:2.4rem}small.subtitle-6{color:var(--tone-8);font-size:.7333333333rem;font-weight:400}small.subtitle-6.display{font-size:2.2rem}code{background-color:var(--code-bg);color:var(--code-fg);font-size:.85rem;padding:4px 8px}code,pre{border-radius:var(--radius)}pre{background-color:var(--panel)}pre,pre>code{display:block}pre>code{background-color:transparent;color:inherit;padding:var(--margin)}a{color:var(--link)}small{font-size:.7em}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}article>h2,article>h3,article>h4,article>h5,article>h6,section>h2,section>h3,section>h4,section>h5,section>h6{margin-bottom:calc(var(--margin));margin-top:calc(var(--margin)*2)}article>p,section>p{margin:var(--margin) 0}ol,ul{-webkit-padding-start:1.5em;padding-inline-start:1.5em}blockquote{border-left:2px solid var(--dimmed);color:var(--dimmed);margin:0;margin-bottom:var(--slim-margin);padding:var(--slim-margin) 0;padding-left:var(--margin)}kbd{background:var(--panel);border:solid var(--tone-4);border-radius:var(--radius);border-width:1px 1px 2px;display:inline-block;padding:4px 8px}.container{--container-padding:32px;--container-padding-phone:16px;padding:var(--container-padding)}@media (max-width:600px){.container{padding:var(--container-padding-phone)}}.vstack{display:flex;flex-direction:column}.vstack:not(.dense){gap:var(--margin)}.vstack.slim{gap:var(--slim-margin)}.hstack{display:flex;flex-direction:row}.hstack.wrap{flex-wrap:wrap}.hstack.fill>:not(.fw){flex:1;min-width:0}.hstack:not(.dense){gap:var(--margin)}.hstack.slim{gap:var(--slim-margin)}ol.hstack,ul.hstack{list-style:none;margin:0;padding:0}.hgroup{display:flex;flex-direction:row}.hgroup>:first-child{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0}.hgroup>:not(:first-child):not(:last-child){border-radius:0;border-right:none}.hgroup>:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.vgroup{display:flex;flex-direction:column}.vgroup>:first-child{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.vgroup>:not(:first-child):not(:last-child){border-bottom:none;border-radius:0}.vgroup>:last-child{border-top-left-radius:0;border-top-right-radius:0}.relative{position:relative}.fix-top-left-0{left:calc(var(--slim-margin)*0)!important;position:fixed!important;top:calc(var(--slim-margin)*0)!important}.fix-top-left-1{left:calc(var(--slim-margin)*1)!important;position:fixed!important;top:calc(var(--slim-margin)*1)!important}.fix-top-left-2{left:calc(var(--slim-margin)*2)!important;position:fixed!important;top:calc(var(--slim-margin)*2)!important}.fix-top-left-3{left:calc(var(--slim-margin)*3)!important;position:fixed!important;top:calc(var(--slim-margin)*3)!important}.fix-top-left-4{left:calc(var(--slim-margin)*4)!important;position:fixed!important;top:calc(var(--slim-margin)*4)!important}.fix-top-left-5{left:calc(var(--slim-margin)*5)!important;position:fixed!important;top:calc(var(--slim-margin)*5)!important}.fix-top-right-0{position:fixed!important;right:calc(var(--slim-margin)*0)!important;top:calc(var(--slim-margin)*0)!important}.fix-top-right-1{position:fixed!important;right:calc(var(--slim-margin)*1)!important;top:calc(var(--slim-margin)*1)!important}.fix-top-right-2{position:fixed!important;right:calc(var(--slim-margin)*2)!important;top:calc(var(--slim-margin)*2)!important}.fix-top-right-3{position:fixed!important;right:calc(var(--slim-margin)*3)!important;top:calc(var(--slim-margin)*3)!important}.fix-top-right-4{position:fixed!important;right:calc(var(--slim-margin)*4)!important;top:calc(var(--slim-margin)*4)!important}.fix-top-right-5{position:fixed!important;right:calc(var(--slim-margin)*5)!important;top:calc(var(--slim-margin)*5)!important}.fix-bottom-left-0{bottom:calc(var(--slim-margin)*0)!important;left:calc(var(--slim-margin)*0)!important;position:fixed!important}.fix-bottom-left-1{bottom:calc(var(--slim-margin)*1)!important;left:calc(var(--slim-margin)*1)!important;position:fixed!important}.fix-bottom-left-2{bottom:calc(var(--slim-margin)*2)!important;left:calc(var(--slim-margin)*2)!important;position:fixed!important}.fix-bottom-left-3{bottom:calc(var(--slim-margin)*3)!important;left:calc(var(--slim-margin)*3)!important;position:fixed!important}.fix-bottom-left-4{bottom:calc(var(--slim-margin)*4)!important;left:calc(var(--slim-margin)*4)!important;position:fixed!important}.fix-bottom-left-5{bottom:calc(var(--slim-margin)*5)!important;left:calc(var(--slim-margin)*5)!important;position:fixed!important}.fix-bottom-right-0{bottom:calc(var(--slim-margin)*0)!important;position:fixed!important;right:calc(var(--slim-margin)*0)!important}.fix-bottom-right-1{bottom:calc(var(--slim-margin)*1)!important;position:fixed!important;right:calc(var(--slim-margin)*1)!important}.fix-bottom-right-2{bottom:calc(var(--slim-margin)*2)!important;position:fixed!important;right:calc(var(--slim-margin)*2)!important}.fix-bottom-right-3{bottom:calc(var(--slim-margin)*3)!important;position:fixed!important;right:calc(var(--slim-margin)*3)!important}.fix-bottom-right-4{bottom:calc(var(--slim-margin)*4)!important;position:fixed!important;right:calc(var(--slim-margin)*4)!important}.fix-bottom-right-5{bottom:calc(var(--slim-margin)*5)!important;position:fixed!important;right:calc(var(--slim-margin)*5)!important}.abs-top-left-0{left:calc(var(--slim-margin)*0)!important;position:absolute!important;top:calc(var(--slim-margin)*0)!important}.abs-top-left-1{left:calc(var(--slim-margin)*1)!important;position:absolute!important;top:calc(var(--slim-margin)*1)!important}.abs-top-left-2{left:calc(var(--slim-margin)*2)!important;position:absolute!important;top:calc(var(--slim-margin)*2)!important}.abs-top-left-3{left:calc(var(--slim-margin)*3)!important;position:absolute!important;top:calc(var(--slim-margin)*3)!important}.abs-top-left-4{left:calc(var(--slim-margin)*4)!important;position:absolute!important;top:calc(var(--slim-margin)*4)!important}.abs-top-left-5{left:calc(var(--slim-margin)*5)!important;position:absolute!important;top:calc(var(--slim-margin)*5)!important}.abs-top-right-0{position:absolute!important;right:calc(var(--slim-margin)*0)!important;top:calc(var(--slim-margin)*0)!important}.abs-top-right-1{position:absolute!important;right:calc(var(--slim-margin)*1)!important;top:calc(var(--slim-margin)*1)!important}.abs-top-right-2{position:absolute!important;right:calc(var(--slim-margin)*2)!important;top:calc(var(--slim-margin)*2)!important}.abs-top-right-3{position:absolute!important;right:calc(var(--slim-margin)*3)!important;top:calc(var(--slim-margin)*3)!important}.abs-top-right-4{position:absolute!important;right:calc(var(--slim-margin)*4)!important;top:calc(var(--slim-margin)*4)!important}.abs-top-right-5{position:absolute!important;right:calc(var(--slim-margin)*5)!important;top:calc(var(--slim-margin)*5)!important}.abs-bottom-left-0{bottom:calc(var(--slim-margin)*0)!important;left:calc(var(--slim-margin)*0)!important;position:absolute!important}.abs-bottom-left-1{bottom:calc(var(--slim-margin)*1)!important;left:calc(var(--slim-margin)*1)!important;position:absolute!important}.abs-bottom-left-2{bottom:calc(var(--slim-margin)*2)!important;left:calc(var(--slim-margin)*2)!important;position:absolute!important}.abs-bottom-left-3{bottom:calc(var(--slim-margin)*3)!important;left:calc(var(--slim-margin)*3)!important;position:absolute!important}.abs-bottom-left-4{bottom:calc(var(--slim-margin)*4)!important;left:calc(var(--slim-margin)*4)!important;position:absolute!important}.abs-bottom-left-5{bottom:calc(var(--slim-margin)*5)!important;left:calc(var(--slim-margin)*5)!important;position:absolute!important}.abs-bottom-right-0{bottom:calc(var(--slim-margin)*0)!important;position:absolute!important;right:calc(var(--slim-margin)*0)!important}.abs-bottom-right-1{bottom:calc(var(--slim-margin)*1)!important;position:absolute!important;right:calc(var(--slim-margin)*1)!important}.abs-bottom-right-2{bottom:calc(var(--slim-margin)*2)!important;position:absolute!important;right:calc(var(--slim-margin)*2)!important}.abs-bottom-right-3{bottom:calc(var(--slim-margin)*3)!important;position:absolute!important;right:calc(var(--slim-margin)*3)!important}.abs-bottom-right-4{bottom:calc(var(--slim-margin)*4)!important;position:absolute!important;right:calc(var(--slim-margin)*4)!important}.abs-bottom-right-5{bottom:calc(var(--slim-margin)*5)!important;position:absolute!important;right:calc(var(--slim-margin)*5)!important}.sticky-top-0{top:calc(var(--slim-margin)*0)!important}.sticky-top-0,.sticky-top-1{position:-webkit-sticky!important;position:sticky!important}.sticky-top-1{top:calc(var(--slim-margin)*1)!important}.sticky-top-2{top:calc(var(--slim-margin)*2)!important}.sticky-top-2,.sticky-top-3{position:-webkit-sticky!important;position:sticky!important}.sticky-top-3{top:calc(var(--slim-margin)*3)!important}.sticky-top-4{top:calc(var(--slim-margin)*4)!important}.sticky-top-4,.sticky-top-5{position:-webkit-sticky!important;position:sticky!important}.sticky-top-5{top:calc(var(--slim-margin)*5)!important}.sticky-bottom-0{bottom:calc(var(--slim-margin)*0)!important}.sticky-bottom-0,.sticky-bottom-1{position:-webkit-sticky!important;position:sticky!important}.sticky-bottom-1{bottom:calc(var(--slim-margin)*1)!important}.sticky-bottom-2{bottom:calc(var(--slim-margin)*2)!important}.sticky-bottom-2,.sticky-bottom-3{position:-webkit-sticky!important;position:sticky!important}.sticky-bottom-3{bottom:calc(var(--slim-margin)*3)!important}.sticky-bottom-4{bottom:calc(var(--slim-margin)*4)!important}.sticky-bottom-4,.sticky-bottom-5{position:-webkit-sticky!important;position:sticky!important}.sticky-bottom-5{bottom:calc(var(--slim-margin)*5)!important}.row{position:relative;width:100%}.row [class^=col]{float:left;margin:.5rem 2%;min-height:.125rem}.row:after{clear:both;content:"";display:table}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{width:96%}.col-1-sm{width:4.3333333333%}.col-2-sm{width:12.6666666667%}.col-3-sm{width:21%}.col-4-sm{width:29.3333333333%}.col-5-sm{width:37.6666666667%}.col-6-sm{width:46%}.col-7-sm{width:54.3333333333%}.col-8-sm{width:62.6666666667%}.col-9-sm{width:71%}.col-10-sm{width:79.3333333333%}.col-11-sm{width:87.6666666667%}.col-12-sm{width:96%}@media only screen and (min-width:800px){.col-1{width:4.3333333333%}.col-2{width:12.6666666667%}.col-3{width:21%}.col-4{width:29.3333333333%}.col-5{width:37.6666666667%}.col-6{width:46%}.col-7{width:54.3333333333%}.col-8{width:62.6666666667%}.col-9{width:71%}.col-10{width:79.3333333333%}.col-11{width:87.6666666667%}.col-12{width:96%}.hidden-sm{display:block}}.card,.list-form>.item{background:var(--panel);border-radius:var(--radius);overflow:hidden}.card>figure,.list-form>.item>figure{margin:0}.card>figure.bottom-shadow,.list-form>.item>figure.bottom-shadow{position:relative}.card>figure.bottom-shadow:before,.list-form>.item>figure.bottom-shadow:before{background:linear-gradient(transparent,rgba(0,0,0,.4));content:"";display:block;inset:0;position:absolute}.card>footer,.card>header,.list-form>.item>footer,.list-form>.item>header{background:var(--tone-1);padding:calc(var(--margin)/2) var(--margin)}.card>header,.list-form>.item>header{border-bottom:1px solid var(--tone-2)}.card>footer,.list-form>.item>footer{border-top:1px solid var(--tone-2)}.card>.body,.list-form>.item>.body{padding:var(--margin)}.card>.body>h1,.list-form>.item>.body>h1{font-size:1.5rem;font-weight:400;margin-bottom:0}.card>.body>h2,.list-form>.item>.body>h2{color:var(--tone-8);font-size:1rem;font-weight:400;margin-bottom:0}.card>.body>:last-child,.list-form>.item>.body>:last-child{margin-bottom:0}.card.acrylic,.list-form>.acrylic.item{-webkit-backdrop-filter:blur(8px) brightness(120%);backdrop-filter:blur(8px) brightness(120%);background:hsla(0,0%,100%,.7);border:none}.dark .card>footer,.dark .card>header,.dark .list-form>.item>footer,.dark .list-form>.item>header{background:var(--tone-2)}.dark .card.acrylic,.dark .list-form>.acrylic.item{background:var(--black-50)}.card.ghost,.list-form>.ghost.item{background:transparent}body{--menu-hover:var(--hover);--menu-active:var(--gray-4);--menu-section-text:var(--tone-12)}body.dark{--menu-active:var(--gray-19)}.menu .section+.section,.menu section+section{margin-top:var(--margin)}.menu .footer,.menu .header,.menu h1{color:var(--menu-section-text);font-size:.7rem;margin:0}.menu a{color:var(--fg);display:block;text-decoration:none}.menu.large .item{padding:8px 16px}.menu.large .item.active{background-color:var(--menu-active)}.menu.large .item:not(.active):not(.disabled):hover{background-color:var(--menu-hover)}.menu .item{background-color:transparent;border:1px solid transparent;border-radius:var(--radius);color:inherit;cursor:pointer;display:block;padding:.2rem .5rem;text-align:left}.menu .item>.icon{color:var(--primary);font-size:1rem}.menu .item:not(.active):not(.disabled):not(:disabled){cursor:pointer;transform-origin:center;transition:transform .1s ease-out}.menu .item:not(.active):not(.disabled):not(:disabled):hover{transform:var(--clickable-hover-transform);z-index:9999}.menu .item:not(.active):not(.disabled):not(:disabled):active{transform:var(--clickable-active-transform);z-index:9999}.menu .item:not(.active):not(.disabled):hover{background-color:var(--menu-hover)}.menu .item.active{background-color:var(--menu-active);cursor:default}.menu .item.disabled{color:var(--dimmed);cursor:default}.menu .item.disabled>.icon{color:var(--dimmed)}@media (max-width:800px){.menu .item{padding:8px 16px}.menu .item.active{background-color:var(--menu-active)}.menu .item:not(.active):not(.disabled):hover{background-color:var(--menu-hover)}}.navbar{align-items:center;display:flex;height:64px;padding:8px 32px;width:100%}.navbar.fixed{left:0;position:fixed;right:0;top:0;width:auto;z-index:9000}.navbar .navbar-title{font-size:1.2rem;line-height:1;margin:0}.navbar .navbar-icon{height:48px}.navbar a{color:inherit}.hero{font-size:18px}.hero>h1{font-size:4em}.hero>h2{font-size:2em}@media (max-width:600px){.hero{font-size:16px}.hero>h1{font-size:3em}.hero>h2{font-size:2em}}.drawer-container{inset:0;pointer-events:none;position:fixed;z-index:500}.drawer-container>.backdrop{background:#000;inset:0;opacity:0;position:absolute;transition:opacity .2s ease;z-index:500}.drawer-container>.drawer{background:var(--panel);bottom:0;box-shadow:0 0 4px var(--black-50);left:0;max-width:80%;min-width:320px;opacity:0;overflow:auto;position:absolute;top:0;transform:translateX(-100%);transition:transform .2s ease,opacity .2s ease;z-index:500}.drawer-container>.drawer>header{align-items:center;display:flex;padding:0 var(--margin)}.drawer-container>.drawer>header>.close{height:48px;margin-left:calc(var(--margin)*-1);position:relative;width:48px}.drawer-container>.drawer>header>.close:not(:disabled){cursor:pointer;transform-origin:center;transition:transform .1s ease-out}.drawer-container>.drawer>header>.close:not(:disabled):hover{transform:var(--clickable-hover-transform);z-index:9999}.drawer-container>.drawer>header>.close:not(:disabled):active{transform:var(--clickable-active-transform);z-index:9999}.drawer-container>.drawer>header h1{font-size:1rem;margin:0}.drawer-container>.drawer>.body{padding:var(--margin)}.drawer-container.active{pointer-events:auto}.drawer-container.active>.backdrop{opacity:.5}.drawer-container.active>.drawer{opacity:1;transform:none}.alert{background:var(--panel);border-radius:var(--radius);color:var(--tone-12);padding:var(--margin)}.alert.bg-primary{background:var(--primary-2)!important;color:var(--primary-6)!important}.dark .alert.bg-primary{background:var(--primary-8)!important;color:var(--primary)!important}.alert.bg-success{background:var(--success-2)!important;color:var(--success-6)!important}.dark .alert.bg-success{background:var(--success-8)!important;color:var(--success)!important}.alert.bg-info{background:var(--info-2)!important;color:var(--info-6)!important}.dark .alert.bg-info{background:var(--info-8)!important;color:var(--info)!important}.alert.bg-danger{background:var(--danger-2)!important;color:var(--danger-6)!important}.dark .alert.bg-danger{background:var(--danger-8)!important;color:var(--danger)!important}.alert.bg-warn{background:var(--warn-2)!important;color:var(--warn-6)!important}.dark .alert.bg-warn{background:var(--warn-8)!important;color:var(--warn)!important}.list-form{display:flex;flex-direction:column}.list-form>.item{align-items:center;cursor:default;display:flex;min-height:80px;padding:var(--margin);text-align:left;transition:all .05s ease}.list-form>.item>.body{padding:0}.list-form>.item>.body .header,.list-form>.item>.body>h1{color:inherit;font-size:1rem;margin:0}.list-form>.item>.body>.desc,.list-form>.item>.body>p{color:inherit;font-size:1rem;margin:0;opacity:.6}.list-form>.item>.icon{font-size:20px}.list-form>.item:disabled{color:var(--dimmed)}.list-form>a.item,.list-form button.item{color:inherit;text-decoration:none}.list-form>a.item:not(:disabled),.list-form button.item:not(:disabled){cursor:pointer}.list-form>a.item:not(:disabled):not(:disabled),.list-form button.item:not(:disabled):not(:disabled){cursor:pointer;transform-origin:center;transition:transform .1s ease-out}.list-form>a.item:not(:disabled):not(:disabled):hover,.list-form button.item:not(:disabled):not(:disabled):hover{transform:var(--clickable-hover-transform);z-index:9999}.list-form>a.item:not(:disabled):not(:disabled):active,.list-form button.item:not(:disabled):not(:disabled):active{transform:var(--clickable-active-transform);z-index:9999}.list-form>a.item:not(:disabled):focus,.list-form>a.item:not(:disabled):hover,.list-form button.item:not(:disabled):focus,.list-form button.item:not(:disabled):hover{background:var(--panel-hover)}.list-form>a.item:not(:disabled):active,.list-form button.item:not(:disabled):active{background:var(--panel-active);filter:brightness(.96)}.list-form .item.next:not(.collapse):after,.list-form>a.item:not(.collapse):after{border:1px solid var(--tone-6);border-bottom:0;border-left:0;box-sizing:border-box;content:"";height:.7rem;margin-left:var(--margin);transform:translateX(-25%) rotate(45deg);width:.7rem}a.btn,button.btn{background:transparent;border:1px solid var(--fg);border-radius:var(--radius);color:var(--fg);cursor:pointer;display:inline-block;font-size:1rem;outline:none;padding:.5rem 1rem;position:relative;text-decoration:none}a.btn:before,button.btn:before{border-radius:var(--radius);content:"";inset:0;position:absolute;transition:box-shadow .2s ease}a.btn:not(.link):not(:disabled),button.btn:not(.link):not(:disabled){cursor:pointer;transform-origin:center;transition:transform .1s ease-out}a.btn:not(.link):not(:disabled):hover,button.btn:not(.link):not(:disabled):hover{transform:var(--clickable-hover-transform);z-index:9999}a.btn:not(.link):not(:disabled):active,button.btn:not(.link):not(:disabled):active{transform:var(--clickable-active-transform);z-index:9999}a.btn:focus:before,button.btn:focus:before{box-shadow:0 0 1rem 0 var(--fg)}a.btn:active,button.btn:active{filter:brightness(.8)}a.btn.primary,button.btn.primary{background:var(--primary);border:1px solid transparent;color:var(--primary-1)}a.btn.primary.outline,button.btn.primary.outline{background:transparent;border:1px solid var(--primary);color:var(--primary)}a.btn.primary:focus:before,button.btn.primary:focus:before{box-shadow:0 0 1rem 0 var(--primary)}a.btn.primary:disabled,button.btn.primary:disabled{background:var(--tone-4);border-color:var(--tone-4);color:var(--tone-0)}a.btn.success,button.btn.success{background:var(--success);border:1px solid transparent;color:var(--success-1)}a.btn.success.outline,button.btn.success.outline{background:transparent;border:1px solid var(--success);color:var(--success)}a.btn.success:focus:before,button.btn.success:focus:before{box-shadow:0 0 1rem 0 var(--success)}a.btn.success:disabled,button.btn.success:disabled{background:var(--tone-4);border-color:var(--tone-4);color:var(--tone-0)}a.btn.info,button.btn.info{background:var(--info);border:1px solid transparent;color:var(--info-1)}a.btn.info.outline,button.btn.info.outline{background:transparent;border:1px solid var(--info);color:var(--info)}a.btn.info:focus:before,button.btn.info:focus:before{box-shadow:0 0 1rem 0 var(--info)}a.btn.info:disabled,button.btn.info:disabled{background:var(--tone-4);border-color:var(--tone-4);color:var(--tone-0)}a.btn.warn,button.btn.warn{background:var(--warn);border:1px solid transparent;color:var(--warn-1)}a.btn.warn.outline,button.btn.warn.outline{background:transparent;border:1px solid var(--warn);color:var(--warn)}a.btn.warn:focus:before,button.btn.warn:focus:before{box-shadow:0 0 1rem 0 var(--warn)}a.btn.warn:disabled,button.btn.warn:disabled{background:var(--tone-4);border-color:var(--tone-4);color:var(--tone-0)}a.btn.danger,button.btn.danger{background:var(--danger);border:1px solid transparent;color:var(--danger-1)}a.btn.danger.outline,button.btn.danger.outline{background:transparent;border:1px solid var(--danger);color:var(--danger)}a.btn.danger:focus:before,button.btn.danger:focus:before{box-shadow:0 0 1rem 0 var(--danger)}a.btn.danger:disabled,button.btn.danger:disabled{background:var(--tone-4);border-color:var(--tone-4);color:var(--tone-0)}a.btn.flat:disabled,a.btn.link:disabled,button.btn.flat:disabled,button.btn.link:disabled{background:transparent;border:none;color:var(--tone-4)}a.btn.flat,button.btn.flat{background:none;border:none;color:var(--fg)}a.btn.flat:not(:disabled):focus:before,button.btn.flat:not(:disabled):focus:before{box-shadow:none}a.btn.flat:not(:disabled):focus,a.btn.flat:not(:disabled):hover,button.btn.flat:not(:disabled):focus,button.btn.flat:not(:disabled):hover{background:var(--hover)}a.btn.link,button.btn.link{background:none;border:none;color:var(--link)}a.btn.link:not(:disabled):focus:before,button.btn.link:not(:disabled):focus:before{box-shadow:none}a.btn.link:not(:disabled):focus,a.btn.link:not(:disabled):hover,button.btn.link:not(:disabled):focus,button.btn.link:not(:disabled):hover{text-decoration:underline}a.btn.link:not(:disabled):active,button.btn.link:not(:disabled):active{filter:brightness(.8)}a.btn:disabled,button.btn:disabled{background:transparent;border-color:var(--tone-4);color:var(--tone-4);cursor:default;font-weight:400}body.dark .btn.primary:not(:disabled):not(.outline){background:var(--primary-8);border:1px solid var(--primary-5);color:var(--primary-2)}body.dark .btn.primary:not(:disabled):not(.outline):focus:before{box-shadow:0 0 1rem 0 var(--primary)}body.dark .btn.success:not(:disabled):not(.outline){background:var(--success-8);border:1px solid var(--success-5);color:var(--success-2)}body.dark .btn.success:not(:disabled):not(.outline):focus:before{box-shadow:0 0 1rem 0 var(--success)}body.dark .btn.info:not(:disabled):not(.outline){background:var(--info-8);border:1px solid var(--info-5);color:var(--info-2)}body.dark .btn.info:not(:disabled):not(.outline):focus:before{box-shadow:0 0 1rem 0 var(--info)}body.dark .btn.warn:not(:disabled):not(.outline){background:var(--warn-8);border:1px solid var(--warn-5);color:var(--warn-2)}body.dark .btn.warn:not(:disabled):not(.outline):focus:before{box-shadow:0 0 1rem 0 var(--warn)}body.dark .btn.danger:not(:disabled):not(.outline){background:var(--danger-8);border:1px solid var(--danger-5);color:var(--danger-2)}body.dark .btn.danger:not(:disabled):not(.outline):focus:before{box-shadow:0 0 1rem 0 var(--danger)}body{--input-padding:10px 16px}:not(label).input-field,label.input-field>input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--tone-4);border-radius:var(--radius);color:inherit;display:block;padding:var(--input-padding);position:relative;width:100%}:not(label).input-field.ghost,label.input-field>input.ghost{border:none}:not(label).input-field:disabled,label.input-field>input:disabled{background:var(--tone-2);color:var(--tone-6)}:not(label).input-field:focus,label.input-field>input:focus{border-color:var(--primary);outline:none}:not(label).input-field::-webkit-input-placeholder,label.input-field>input::-webkit-input-placeholder{color:var(--dimmed);font-style:oblique}:not(label).input-field::-moz-placeholder,label.input-field>input::-moz-placeholder{color:var(--dimmed);font-style:oblique}:not(label).input-field::placeholder,label.input-field>input::placeholder{color:var(--dimmed);font-style:oblique}:not(label).input-field[type=file],label.input-field>input[type=file]{border:none;border-radius:0;padding:0}:not(label).input-field[type=file]:not(:disabled),label.input-field>input[type=file]:not(:disabled){transform-origin:center;transition:transform .1s ease-out}:not(label).input-field[type=file]:not(:disabled):hover,label.input-field>input[type=file]:not(:disabled):hover{transform:var(--clickable-hover-transform);z-index:9999}:not(label).input-field[type=file]:not(:disabled):active,label.input-field>input[type=file]:not(:disabled):active{transform:var(--clickable-active-transform);z-index:9999}:not(label).input-field[type=file]:not(:disabled),label.input-field>input[type=file]:not(:disabled){cursor:pointer}:not(label).input-field[type=file]:not(:disabled)::-webkit-file-upload-button,:not(label).input-field[type=file]:not(:disabled)::file-selector-button,label.input-field>input[type=file]:not(:disabled)::-webkit-file-upload-button,label.input-field>input[type=file]:not(:disabled)::file-selector-button{cursor:pointer}:not(label).input-field[type=file]:not(:disabled):active,label.input-field>input[type=file]:not(:disabled):active{filter:brightness(.8)}:not(label).input-field[type=file]:disabled,label.input-field>input[type=file]:disabled{background:transparent}:not(label).input-field[type=file]:disabled::-webkit-file-upload-button,:not(label).input-field[type=file]:disabled::file-selector-button,label.input-field>input[type=file]:disabled::-webkit-file-upload-button,label.input-field>input[type=file]:disabled::file-selector-button{background:transparent;border:1px solid var(--tone-4);color:var(--tone-4)}:not(label).input-field[type=file]::-webkit-file-upload-button,:not(label).input-field[type=file]::file-selector-button,label.input-field>input[type=file]::-webkit-file-upload-button,label.input-field>input[type=file]::file-selector-button{background:var(--primary);border:none;border-radius:var(--radius);color:var(--primary-fg);padding:var(--input-padding)}:not(label).input-field[type=color],label.input-field>input[type=color]{height:auto;padding:4px;width:48px}:not(label).input-field[type=color]:not(:disabled),label.input-field>input[type=color]:not(:disabled){transform-origin:center;transition:transform .1s ease-out}:not(label).input-field[type=color]:not(:disabled):hover,label.input-field>input[type=color]:not(:disabled):hover{transform:var(--clickable-hover-transform);z-index:9999}:not(label).input-field[type=color]:not(:disabled):active,label.input-field>input[type=color]:not(:disabled):active{transform:var(--clickable-active-transform);z-index:9999}:not(label).input-field[type=color]:not(:disabled),label.input-field>input[type=color]:not(:disabled){cursor:pointer}:not(label).input-field[type=color]:not(:disabled):active,label.input-field>input[type=color]:not(:disabled):active{filter:brightness(.8)}:not(label).input-field[type=color]::-moz-color-swatch,label.input-field>input[type=color]::-moz-color-swatch{border:1px solid var(--tone-4);border-radius:var(--radius);box-sizing:border-box;height:1rem;margin:0;padding:0}:not(label).input-field[type=color]::-webkit-color-swatch,label.input-field>input[type=color]::-webkit-color-swatch{border:1px solid var(--tone-4);border-radius:var(--radius);box-sizing:border-box;height:1rem;margin:0;padding:0}label.input-field{display:block;font-weight:700}label.input-field:not(:first-child){margin-top:var(--margin)}label.input-label{background:var(--tone-1);border:1px solid var(--tone-4);border-radius:var(--radius);margin:0;padding:var(--input-padding)}.dark label.input-label{background:var(--tone-2)}textarea.input-field{line-height:1.5;min-height:4rem}label.input-check{align-items:center;display:flex}label.input-check>input[type=checkbox],label.input-check>input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none;outline:none}label.input-check>input[type=checkbox]+span,label.input-check>input[type=radio]+span{display:block;flex:1;padding-left:28px;position:relative}label.input-check>input[type=checkbox]+span:before,label.input-check>input[type=radio]+span:before{background:transparent;border:1px solid var(--tone-4);content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:box-shadow .2s ease,background .1s ease-out;width:20px}label.input-check>input[type=checkbox]+span:after,label.input-check>input[type=radio]+span:after{background-position:50%;background-repeat:no-repeat;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}label.input-check>input[type=checkbox]:not(:disabled)+span,label.input-check>input[type=radio]:not(:disabled)+span{cursor:pointer}label.input-check>input[type=checkbox]:not(:disabled)+span:focus-within:before,label.input-check>input[type=checkbox]:not(:disabled)+span:hover:before,label.input-check>input[type=radio]:not(:disabled)+span:focus-within:before,label.input-check>input[type=radio]:not(:disabled)+span:hover:before{border:1px solid var(--primary);box-shadow:0 0 8px var(--primary)}label.input-check>input[type=checkbox]:disabled+span,label.input-check>input[type=radio]:disabled+span{color:var(--dimmed)}label.input-check>input[type=checkbox]:disabled+span:before,label.input-check>input[type=radio]:disabled+span:before{background-color:var(--dimmed)}label.input-check>input[type=checkbox]+span:before{border-radius:var(--radius)}label.input-check>input[type=checkbox]+span:after{background:var(--primary-fg);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg height='20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0z' fill='none'/%3E%3Cpath d='m16.293 4.586.707.707-3.282 3.281-6.072 6.072-.353.354-3.354-3.354-.353-.353.707-.707 3 3 2.574-2.575 6.072-6.072z' fill='%23fff'/%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg height='20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h20v20H0z' fill='none'/%3E%3Cpath d='m16.293 4.586.707.707-3.282 3.281-6.072 6.072-.353.354-3.354-3.354-.353-.353.707-.707 3 3 2.574-2.575 6.072-6.072z' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:20px;mask-size:20px;transition:width .2s ease-out .15s;width:0}label.input-check>input[type=checkbox]:checked+span:before{background-color:var(--primary);border:none}label.input-check>input[type=checkbox]:checked+span:after{width:20px}label.input-check>input[type=radio]+span:after,label.input-check>input[type=radio]+span:before{border-radius:100%}label.input-check>input[type=radio]+span:after{background:var(--primary);transform:translateX(5%) translateY(-50%) scale(0);transform-origin:center center;transition:transform .2s ease}label.input-check>input[type=radio]:checked+span:after{transform:translateX(5%) translateY(-50%) scale(.5)}label.input-switch{align-items:center;display:flex}label.input-switch input{display:none}label.input-switch input:not(:disabled)+.switch{cursor:pointer}label.input-switch input:not(:disabled)+.switch+span{cursor:pointer;flex:1}label.input-switch input+.switch{height:24px;position:relative;width:48px}label.input-switch input+.switch:before{background:var(--tone-3);border:1px solid var(--tone-5);border-radius:5px;content:"";height:100%;left:0;position:absolute;right:0;top:0;transition:box-shadow .2s ease,border .2s ease;width:100%}label.input-switch input+.switch:after{background:var(--tone-7);border-radius:100%;content:"";height:18px;left:4px;position:absolute;top:4px;transition:left .3s cubic-bezier(.68,-.55,.27,1.55),background .2s ease;width:18px}label.input-switch input+.switch+*{padding-left:8px}label.input-switch input:not(:disabled):focus-within+.switch:after,label.input-switch input:not(:disabled):hover+.switch:before{border:1px solid var(--primary);box-shadow:0 0 8px var(--primary)}label.input-switch input:checked+.switch:before{background:var(--primary-2);border:1px solid var(--primary-3);content:""}label.input-switch input:checked+.switch:after{background:var(--primary);content:"";left:28px}label.input-switch input:disabled+.switch:before{background:var(--tone-4);content:""}label.input-switch input:disabled+.switch:after{background:var(--tone-6);box-shadow:none;content:""}label.input-switch input:disabled+.switch+span{color:var(--dimmed)}body{--skeleton-base:var(--tone-4);--skeleton-gloss:var(--tone-5)}.skeleton{background:var(--skeleton-base);border-radius:var(--radius);overflow:hidden;position:relative}.skeleton:after{-webkit-animation:skeleton 1.2s ease-out 0s infinite;animation:skeleton 1.2s ease-out 0s infinite;background:linear-gradient(90deg,transparent,var(--skeleton-gloss) 50%,transparent 100%);content:"";inset:0;position:absolute}@-webkit-keyframes skeleton{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}@keyframes skeleton{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}.tab{background:var(--panel);display:flex;flex-wrap:wrap}.tab .item{background:transparent;border:none;color:var(--fg);padding:var(--slim-margin) var(--margin);position:relative;transition:background .2s ease}.tab .item.active{color:var(--primary);cursor:default}.tab .item.active:after{content:"";transform:scaleX(1)}.tab .item:not(.active):not(:disabled){cursor:pointer;transform-origin:center;transition:transform .1s ease-out}.tab .item:not(.active):not(:disabled):hover{transform:var(--clickable-hover-transform);z-index:9999}.tab .item:not(.active):not(:disabled):active{transform:var(--clickable-active-transform);z-index:9999}.tab .item:not(.active):hover{background:var(--hover)}.tab .item:not(.active):hover:after{transform:scaleX(.2)}.tab .item:after{background-color:var(--primary);bottom:0;content:"";display:block;height:2px;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:center center;transition:transform .2s ease;width:100%}