@font-face {
  font-family: 'Inter';
  src: url('./fonts/InterVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('./fonts/InterVariable-Italic.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

/* Base styles */
body {
  background-color: #e0e2e2;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
}

#container {
  font-size: 18px;
}

/* Icons */
.iconK,
.iconN,
.iconA,
.iconP {
  font-size: 0.78em;
  font-family: 'Inter', sans-serif;
  font-weight: 500; 
  color: #fff;
  text-decoration: none;
  user-select: none;
  padding: 0 3px;
  border-radius: 4px;
  width: 18px;
  text-align: center;
}

.iconK { background-color: #fdbf58; }
.iconN { background-color: #00b373; }
.iconA { background-color: #057ad6; }
.iconP { background-color: #c964ff; }

/* Chrome autocomplete style override */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: inherit;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  transition: background-color 5000s ease-in-out 0s;
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvY29tcG9uZW50cy9BcHAuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0E7QUFDQTtBQUNBLEMiLCJmaWxlIjoibWFpbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuaG9sZGVyIHtcclxuICAgIHdpZHRoOiAxMDB2dztcclxuICAgIGJhY2tncm91bmQtY29sb3I6ICNmZmFhZWU7XHJcbn0iXSwic291cmNlUm9vdCI6IiJ9*/