<template>
  <NuxtPage/>
</template>

<script setup lang="ts">
</script>

<style lang="scss">
.categories__popular {
  margin-top: 32px;
}

.categories__category-icon {
  opacity: 0.5;
}

.categories__category-wrapper {
  display: grid;
  row-gap: 32px;
}

.categories__category-all {
  justify-self: center;
  margin-block: 16px;

  @include from-br(sm) {
    grid-column: 1/-1;
  }
}

.categories__category-section:first-child {
  padding-top: 0;
}

.categories__category-section:last-child {
  border-bottom: none;
}

.categories__loading {
  --size: 24px;

  min-height: var(--chips-height);
}
</style>
