/* packages/css/index.css */
:root {
  --sat: env(safe-area-inset-top);
  --sar: env(safe-area-inset-right);
  --sab: env(safe-area-inset-bottom);
  --sal: env(safe-area-inset-left);
}

::selection {
  color: #fff;
  background: #0ff;
}

* {
  color: #000;
  font-size: inherit;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font-style: normal;
}

html, body, mount {
  overflow: hidden;
  user-select: none;
  overscroll-behavior-y: none;
  overscroll-behavior-x: none;
  -webkit-user-select: none;
  -webkit-font-smoothing: antialiased;
  min-width: 100dvw;
  min-height: 100dvh;
  font-family: sans-serif;
}

body, mount {
  display: flex;
  background: #000;
}

div, form {
  display: flex;
  touch-action: pan-x pan-y;
  overscroll-behavior-y: none;
  overscroll-behavior-x: none;
  flex-direction: column;
}

input {
  width: 100%;
}

textarea {
  resize: none;
}

a, button {
  display: flex;
  cursor: pointer;
  touch-action: manipulation;
  flex-direction: row;
}

i {
  display: flex;
  justify-content: center;
  align-items:  center;
}

@media (display-mode: standalone) {
  html, body, mount {
    min-height: 100vh;
  }
}

/* packages/icons/index.css */
@font-face {
  font-family: Material Symbols Outlined;
  src: url("./MaterialSymbolsOutlined-Regular.ttf") format(truetype);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Material Symbols Outlined;
  src: url("./MaterialSymbolsOutlined-Light.ttf") format(truetype);
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: Material Symbols Outlined;
  src: url("./MaterialSymbolsOutlined-Bold.ttf") format(truetype);
  font-weight: 600;
  font-style: normal;
}