@font-face {
  font-display: swap;
  font-family: yknbkh;
  font-style: normal;
  font-weight: 400;
  src: url("./yknbkh.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: cascadiacode;
  font-style: normal;
  font-weight: 400;
  src: url("./cascadiacode.woff2") format("woff2");
}

*,
body,
input,
button,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li {
  font-family: yknbkh, 'Roboto', sans-serif;
}

.ltr {
  direction: ltr;
}

.rtl {
  direction: rtl;
}

.ltr-ph::placeholder {
  direction: ltr;
}

.rtl-ph::placeholder {
  direction: rtl;
}

html,
body {
  padding: 0;
  margin: 0;
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cascadiacode {
  font-family: cascadiacode;
}