@font-face {
  font-family: Kalameh;
  src: url("../fonts/kalameh/KalamehWebFaNum-Thin.woff2") format("woff2"),
       url("../fonts/kalameh/KalamehWebFaNum-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Kalameh;
  src: url("../fonts/kalameh/KalamehWebFaNum-ExtraLight.woff2") format("woff2"),
       url("../fonts/kalameh/KalamehWebFaNum-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Kalameh;
  src: url("../fonts/kalameh/KalamehWebFaNum-Light.woff2") format("woff2"),
       url("../fonts/kalameh/KalamehWebFaNum-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Kalameh;
  src: url("../fonts/kalameh/KalamehWebFaNum-Regular.woff2") format("woff2"),
       url("../fonts/kalameh/KalamehWebFaNum-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Kalameh;
  src: url("../fonts/kalameh/KalamehWebFaNum-Medium.woff2") format("woff2"),
       url("../fonts/kalameh/KalamehWebFaNum-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Kalameh;
  src: url("../fonts/kalameh/KalamehWebFaNum-SemiBold.woff2") format("woff2"),
       url("../fonts/kalameh/KalamehWebFaNum-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Kalameh;
  src: url("../fonts/kalameh/KalamehWebFaNum-Bold.woff2") format("woff2"),
       url("../fonts/kalameh/KalamehWebFaNum-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Kalameh;
  src: url("../fonts/kalameh/KalamehWebFaNum-ExtraBold.woff2") format("woff2"),
       url("../fonts/kalameh/KalamehWebFaNum-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Kalameh;
  src: url("../fonts/kalameh/KalamehWebFaNum-Black.woff2") format("woff2"),
       url("../fonts/kalameh/KalamehWebFaNum-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

.ui-ico, .side-ico, .top-ico, .note-svg, .tk-ava-ico {
  color: var(--ico, currentColor);
  stroke-width: 1.15;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.side-link .side-ico, .btn .ui-ico, .btn .top-ico {
  color: inherit;
}
.ui-ico .ico-fill, .side-ico .ico-fill, .top-ico .ico-fill, .note-svg .ico-fill {
  fill: var(--ico-2, var(--gold, #2a9d8f));
  stroke: none;
  opacity: 0.22;
}
.ui-ico .ico-b, .side-ico .ico-b, .top-ico .ico-b, .note-svg .ico-b, .tk-ava-ico .ico-b {
  stroke: var(--ico-2, var(--gold, #2a9d8f));
}
.ui-ico .ico-b[fill="currentColor"],
.side-ico .ico-b[fill="currentColor"],
.top-ico .ico-b[fill="currentColor"],
.note-svg .ico-b[fill="currentColor"] {
  fill: var(--ico-2, var(--gold, #2a9d8f));
}
.btn:not(.ghost):not(.btn-ghost) .ico-a,
.btn:not(.ghost):not(.btn-ghost) .ico-b {
  stroke: #fff;
}
.btn:not(.ghost):not(.btn-ghost) .ico-b[fill="currentColor"] {
  fill: #fff;
}
.btn:not(.ghost):not(.btn-ghost) .ico-fill {
  fill: #fff;
  opacity: 0.3;
}