@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:100;src:url("fonts/roboto-v50-latin-ext-100.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:italic;font-weight:100;src:url("fonts/roboto-v50-latin-ext-100italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:200;src:url("fonts/roboto-v50-latin-ext-200.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:italic;font-weight:200;src:url("fonts/roboto-v50-latin-ext-200italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:300;src:url("fonts/roboto-v50-latin-ext-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:italic;font-weight:300;src:url("fonts/roboto-v50-latin-ext-300italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:400;src:url("fonts/roboto-v50-latin-ext-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:italic;font-weight:400;src:url("fonts/roboto-v50-latin-ext-italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:500;src:url("fonts/roboto-v50-latin-ext-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:italic;font-weight:500;src:url("fonts/roboto-v50-latin-ext-500italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:600;src:url("fonts/roboto-v50-latin-ext-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:italic;font-weight:600;src:url("fonts/roboto-v50-latin-ext-600italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:700;src:url("fonts/roboto-v50-latin-ext-700.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:italic;font-weight:700;src:url("fonts/roboto-v50-latin-ext-700italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:800;src:url("fonts/roboto-v50-latin-ext-800.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:italic;font-weight:800;src:url("fonts/roboto-v50-latin-ext-800italic.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:normal;font-weight:900;src:url("fonts/roboto-v50-latin-ext-900.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Roboto";font-style:italic;font-weight:900;src:url("fonts/roboto-v50-latin-ext-900italic.woff2") format("woff2")}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background-color:var(--mono-800);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--mono-600)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}*{padding:0;margin:0;font-family:"Roboto",sans-serif;line-height:1.4;letter-spacing:.1px}* ul{box-sizing:border-box}* li{list-style:none}* input{box-sizing:border-box;background:none;outline:none;border:none;font-size:inherit;color:inherit}* button{border:none;background:none;font-weight:inherit;font-size:inherit;color:inherit;cursor:inherit}:root{--white: #fff;--black: #000;--hue: 210;--mono-950: hsl(var(--hue), 10%, 95%);--mono-900: hsl(var(--hue), 10%, 90%);--mono-800: hsl(var(--hue), 10%, 80%);--mono-700: hsl(var(--hue), 10%, 70%);--mono-600: hsl(var(--hue), 10%, 60%);--mono-500: hsl(var(--hue), 10%, 50%);--mono-400: hsl(var(--hue), 10%, 40%);--mono-300: hsl(var(--hue), 10%, 30%);--mono-200: hsl(var(--hue), 10%, 20%);--mono-100: hsl(var(--hue), 10%, 10%);--mono-50: hsl(var(--hue), 10%, 0.5%);--primary-100-98: hsl(var(--hue), 100%, 98%);--primary-100-95: hsl(var(--hue), 100%, 95%);--primary-100-90: hsl(var(--hue), 100%, 90%);--primary-100-85: hsl(var(--hue), 100%, 85%);--primary-100-75: hsl(var(--hue), 100%, 75%);--primary-100-50: hsl(var(--hue), 100%, 50%);--primary-100-30: hsl(var(--hue), 100%, 30%);--primary-50-75: hsl(var(--hue), 50%, 75%);--red-100-50: hsl(0, 100%, 50%);--green-100-50: hsl(120, 100%, 35%);--app-nav-height: 56px}