@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";.red{--bg-color: #f44336;--readable-text-color: #fff}.pink{--bg-color: #e91e63;--readable-text-color: #fff}.purple{--bg-color: #9c27b0;--readable-text-color: #fff}.deepPurple{--bg-color: #673ab7;--readable-text-color: #fff}.indigo{--bg-color: #3f51b5;--readable-text-color: #fff}.blue{--bg-color: #2196f3;--readable-text-color: #fff}.lightBlue{--bg-color: #03a9f4;--readable-text-color: #fff}.cyan{--bg-color: #00bcd4;--readable-text-color: #fff}.teal{--bg-color: #009688;--readable-text-color: #fff}.green{--bg-color: #4caf50;--readable-text-color: #fff}.lightGreen{--bg-color: #8bc34a;--readable-text-color: #fff}.lime{--bg-color: #cddc39;--readable-text-color: #000}.yellow{--bg-color: #ffeb3b;--readable-text-color: #000}.amber{--bg-color: #ffc107;--readable-text-color: #000}.orange{--bg-color: #ff9800;--readable-text-color: #fff}.deepOrange{--bg-color: #ff5722;--readable-text-color: #fff}.brown{--bg-color: #795548;--readable-text-color: #fff}.grey{--bg-color: #9e9e9e;--readable-text-color: #fff}.blueGrey{--bg-color: #607d8b;--readable-text-color: #fff}html,body{font-family:"Roboto",sans-serif}:is(input,select,textarea){outline:none;font-family:inherit;box-sizing:border-box;background-color:#fff;padding:.25em .5em;border-radius:.25em;border:1px solid rgba(0,0,0,0);box-shadow:0px 1px 0px 0px rgba(0,0,0,.75);transition:background-color 100ms linear,box-shadow 100ms linear,border-color 50ms linear}:is(input,select,textarea):hover{background-color:#f8f8f8}:is(input,select,textarea):focus-within{background-color:#f4f4f4;border:1px solid #888;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}input[type=number].noArrows,select[type=number].noArrows{-moz-appearance:textfield}input[type=number].noArrows::-webkit-outer-spin-button,select[type=number].noArrows::-webkit-outer-spin-button,input[type=number].noArrows::-webkit-inner-spin-button,select[type=number].noArrows::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=file],select[type=file],input[type=range],select[type=range]{border:none;box-shadow:none;background-color:rgba(0,0,0,0);padding:0}input[type=file]::-webkit-file-upload-button,select[type=file]::-webkit-file-upload-button{margin:3px}input[type=button],select[type=button]{color:var(--readable-text-color);background-color:var(--bg-color)}input[type=checkbox],select[type=checkbox]{box-shadow:unset}input[type=range],select[type=range]{height:1em;appearance:none}input[type=range]::-webkit-slider-runnable-track,select[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--bg-color, #646464)}input[type=range]::-webkit-slider-thumb,select[type=range]::-webkit-slider-thumb{height:11px;width:11px;margin-top:-5px;border-radius:50%;background:var(--bg-color, #ccc);cursor:grab;-webkit-appearance:none;filter:saturate(0.4);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}input[type=range]:active::-webkit-slider-thumb,select[type=range]:active::-webkit-slider-thumb{cursor:grabbing}input[type=range]:focus::-webkit-slider-runnable-track,select[type=range]:focus::-webkit-slider-runnable-track{filter:brightness(0.9)}input[type=radio],select[type=radio]{box-shadow:none}select{background-size:1em;background-repeat:no-repeat;background-position:center;background-image:var(--icon-url);--icon-url:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4uY2FudmFze2ZpbGw6IG5vbmU7IG9wYWNpdHk6IDA7fS5saWdodC1kZWZhdWx0Z3JleXtmaWxsOiAjMjEyMTIxOyBvcGFjaXR5OiAxO308L3N0eWxlPg0KICA8L2RlZnM+DQogIDx0aXRsZT5JY29uTGlnaHRFeHBhbmREb3duPC90aXRsZT4NCiAgPGcgaWQ9ImNhbnZhcyI+DQogICAgPHBhdGggY2xhc3M9ImNhbnZhcyIgZD0iTTE2LDBWMTZIMFYwWiIgLz4NCiAgPC9nPg0KICA8ZyBpZD0ibGV2ZWwtMSI+DQogICAgPHBhdGggY2xhc3M9ImxpZ2h0LWRlZmF1bHRncmV5IiBkPSJNMTQsNC4yOTMsMTQuNzA3LDUsOC4zNTQsMTEuMzU0SDcuNjQ2TDEuMjkzLDUsMiw0LjI5M2w2LDZaIiAvPg0KICA8L2c+DQo8L3N2Zz4=");appearance:none;padding-right:4em;background-position:calc(100% - .5em) calc(50% + 1px)}input[type=date],select[type=date],input[type=time],select[type=time]{background-size:1em;background-repeat:no-repeat;background-position:center;background-image:var(--icon-url);--icon-url:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4uY2FudmFze2ZpbGw6IG5vbmU7IG9wYWNpdHk6IDA7fS5saWdodC1kZWZhdWx0Z3JleS0xMHtmaWxsOiAjMjEyMTIxOyBvcGFjaXR5OiAwLjE7fS5saWdodC1kZWZhdWx0Z3JleXtmaWxsOiAjMjEyMTIxOyBvcGFjaXR5OiAxO30uY2xzLTF7b3BhY2l0eTowLjc1O308L3N0eWxlPg0KICA8L2RlZnM+DQogIDx0aXRsZT5JY29uTGlnaHRDYWxlbmRhcjwvdGl0bGU+DQogIDxnIGlkPSJjYW52YXMiIGNsYXNzPSJjYW52YXMiPg0KICAgIDxwYXRoIGNsYXNzPSJjYW52YXMiIGQ9Ik0xNiwxNkgwVjBIMTZaIiAvPg0KICA8L2c+DQogIDxnIGlkPSJsZXZlbC0xIj4NCiAgICA8cGF0aCBjbGFzcz0ibGlnaHQtZGVmYXVsdGdyZXktMTAiIGQ9Ik0xNC41LDIuNXYzSDEuNXYtM1oiIC8+DQogICAgPHBhdGggY2xhc3M9ImxpZ2h0LWRlZmF1bHRncmV5IiBkPSJNMTQuNSwySDExVjFIMTBWMkg2VjFINVYySDEuNUwxLDIuNXYzbC41LjVoMTNsLjUtLjV2LTNaTTE0LDVIMlYzSDVWNEg2VjNoNFY0aDFWM2gzWiIgLz4NCiAgICA8ZyBjbGFzcz0iY2xzLTEiPg0KICAgICAgPHBhdGggY2xhc3M9ImxpZ2h0LWRlZmF1bHRncmV5LTEwIiBkPSJNMTQuNSw2djcuNUgxLjVWNloiIC8+DQogICAgICA8cGF0aCBjbGFzcz0ibGlnaHQtZGVmYXVsdGdyZXkiIGQ9Ik0xNSw1LjV2OGwtLjUuNUgxLjVMMSwxMy41di04bC41LjVIMnY3SDE0VjZoLjVaIiAvPg0KICAgIDwvZz4NCiAgICA8cGF0aCBjbGFzcz0ibGlnaHQtZGVmYXVsdGdyZXkiIGQ9Ik0xMSwxMkg4di0uNTg2YTEuNTE3LDEuNTE3LDAsMCwxLC4xMDktLjU3LDEuNTMzLDEuNTMzLDAsMCwxLC4yNTgtLjQyMiw1LjQ2LDUuNDYsMCwwLDEsLjM5MS0uNDE0cS4yMTktLjIxMS40MjktLjM5MWE0LjUxMSw0LjUxMSwwLDAsMCwuNC0uMzgzLDIuOTkzLDIuOTkzLDAsMCwwLC4zLS4zNjdBLjY5NC42OTQsMCwwLDAsMTAsOC41YS41LjUsMCwwLDAtLjgxMy0uMzkxLjU0My41NDMsMCwwLDAtLjE3OS4yODlsLS45NzctLjJhMS4zNzIsMS4zNzIsMCwwLDEsLjE4LS40NzYsMS4yOTIsMS4yOTIsMCwwLDEsLjM0NC0uMzc1QTEuOTYyLDEuOTYyLDAsMCwxLDksNy4wOTQsMS4zMjMsMS4zMjMsMCwwLDEsOS41LDdhMS40NzQsMS40NzQsMCwwLDEsLjU4Ni4xMTcsMS41LDEuNSwwLDAsMSwuOC44QTEuNDc0LDEuNDc0LDAsMCwxLDExLDguNWExLjYzOSwxLjYzOSwwLDAsMS0uMDg2LjU0NywxLjczOCwxLjczOCwwLDAsMS0uMjQyLjQ1MywzLjUwNiwzLjUwNiwwLDAsMS0uMzQ0LjRxLS4xODcuMTg4LS40LjM2YTUuMDksNS4wOSwwLDAsMC0uNC4zNTlxLS4xODcuMTg4LS4zNjcuMzgzSDExWiIgLz4NCiAgICA8cGF0aCBjbGFzcz0ibGlnaHQtZGVmYXVsdGdyZXkiIGQ9Ik02LjEsOC4xNDhhMy4xNTIsMy4xNTIsMCwwLDEtLjUzMi4yNDNBMS42ODgsMS42ODgsMCwwLDEsNSw4LjV2LTFhLjkyNC45MjQsMCwwLDAsLjI0Mi0uMDQ3LDIuNDg2LDIuNDg2LDAsMCwwLC4zMTMtLjExNywxLjUsMS41LDAsMCwwLC4yODEtLjE2NEEuNjczLjY3MywwLDAsMCw2LjAwOCw3SDd2NUg2LjFaIiAvPg0KICA8L2c+DQo8L3N2Zz4NCg==");padding-right:3em;background-position:calc(100% - .5em) calc(50% + 1px);position:relative}input[type=date]::-webkit-calendar-picker-indicator,select[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,select[type=time]::-webkit-calendar-picker-indicator{width:100%;position:absolute;opacity:0;margin:0}input[type=time],select[type=time]{--icon-url:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQogIDxkZWZzPg0KICAgIDxzdHlsZT4uY2FudmFze2ZpbGw6IG5vbmU7IG9wYWNpdHk6IDA7fS5saWdodC1kZWZhdWx0Z3JleS0xMHtmaWxsOiAjMjEyMTIxOyBvcGFjaXR5OiAwLjE7fS5saWdodC1kZWZhdWx0Z3JleXtmaWxsOiAjMjEyMTIxOyBvcGFjaXR5OiAxO308L3N0eWxlPg0KICA8L2RlZnM+DQogIDx0aXRsZT5JY29uTGlnaHRUaW1lPC90aXRsZT4NCiAgPGcgaWQ9ImNhbnZhcyI+DQogICAgPHBhdGggY2xhc3M9ImNhbnZhcyIgZD0iTTE2LDE2SDBWMEgxNloiIC8+DQogIDwvZz4NCiAgPGcgaWQ9ImxldmVsLTEiPg0KICAgIDxwYXRoIGNsYXNzPSJsaWdodC1kZWZhdWx0Z3JleS0xMCIgZD0iTTE0LjUsOEE2LjUsNi41LDAsMSwxLDgsMS41LDYuNSw2LjUsMCwwLDEsMTQuNSw4WiIgLz4NCiAgICA8cGF0aCBjbGFzcz0ibGlnaHQtZGVmYXVsdGdyZXkiIGQ9Ik04LDFhNyw3LDAsMSwwLDcsN0E3LjAwOCw3LjAwOCwwLDAsMCw4LDFaTTgsMTRhNiw2LDAsMSwxLDYtNkE2LjAwNiw2LjAwNiwwLDAsMSw4LDE0WiIgLz4NCiAgICA8cGF0aCBjbGFzcz0ibGlnaHQtZGVmYXVsdGdyZXkiIGQ9Ik0xMSw4VjlINy41TDcsOC41VjRIOFY4WiIgLz4NCiAgPC9nPg0KPC9zdmc+DQo=")}button,input[type=file]::-webkit-file-upload-button,input[type=button],select[type=file]::-webkit-file-upload-button,select[type=button]{outline:none;color:var(--readable-text-color, #212121);background-color:var(--bg-color, #ccc);padding:.25em 1em;border-radius:.25em;border:1px solid rgba(0,0,0,0);font-family:inherit;cursor:pointer;user-select:none;transition:filter 100ms linear,transform 15ms linear,border-color 50ms linear;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}button:hover,input[type=file]:hover::-webkit-file-upload-button,input[type=button]:hover,select[type=file]:hover::-webkit-file-upload-button,select[type=button]:hover,button:focus,input[type=file]:focus::-webkit-file-upload-button,input[type=button]:focus,select[type=file]:focus::-webkit-file-upload-button,select[type=button]:focus{filter:brightness(1.1)}button:focus,input[type=file]:focus::-webkit-file-upload-button,input[type=button]:focus,select[type=file]:focus::-webkit-file-upload-button,select[type=button]:focus{border-color:rgba(0,0,0,.25)}button:active,input[type=file]:active::-webkit-file-upload-button,input[type=button]:active,select[type=file]:active::-webkit-file-upload-button,select[type=button]:active{filter:brightness(0.9);box-shadow:unset;transform:translateY(1px)}button:disabled,input[type=file]:disabled::-webkit-file-upload-button,input[type=button]:disabled,select[type=file]:disabled::-webkit-file-upload-button,select[type=button]:disabled{filter:contrast(0.8);transform:none;cursor:default;box-shadow:unset}button.icon,input.icon[type=file]::-webkit-file-upload-button,input.icon[type=button],select.icon[type=file]::-webkit-file-upload-button,select.icon[type=button]{display:inline-flex;align-items:center}button.icon::before,input.icon[type=button]::before,select.icon[type=button]::before{width:1.5em;height:1.5em;margin-right:.75em;display:inline-block;content:" ";background-size:1.5em;background-repeat:no-repeat;background-position:center;background-image:var(--icon-url)}button.icon.invert::before,input.icon.invert[type=button]::before,select.icon.invert[type=button]::before{filter:invert(1)}