.unset {
  all: unset; 
  appearance: none; 
}




@font-face {
  font-family: 'Jost';
  src: url('../fonts/Jost-VariableFont_wght.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/Manrope-VariableFont_wght.ttf') format('truetype');
  font-weight: 400; 
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

.fs-8px {
  font-size: 8px;
}
.fs-10px {
  font-size: 10px;
}
.fs-12px {
  font-size: 12px;
}


.wh-2px {
  width: 2px;
  height: 2px;
}
.wh-4px {
  width: 4px;
  height: 4px;
}
.wh-8px {
  width: 8px;
  height: 8px;
}
.wh-16px {
  width: 16px;
  height: 16px;
}
.wh-32px {
  width: 32px;
  height: 32px;
}
.wh-48px {
  width: 48px;
  height: 48px;
}
.wh-64px {
  width: 64px;
  height: 64px;
}

.all-unset {
  all: unset;
}


.btn-rotate {
  animation: rotate-animation 1s linear infinite;
}

@keyframes rotate-animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


.menu-item-grid {
  grid-template-columns: 24px 1fr;
  align-items: center;
}

.icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
}