.mr-1 {
  margin-right: 0.1rem;
}
.w-6 {
  width: 60px;
}
.w-10 {
  width: 100px;
}


@media screen and (min-width: 1680px) {
.container[data-v-6a217797] {
    display: grid;
    grid-template-columns: repeat(5, auto);
    grid-gap: 0.1rem;
    gap: 0.1rem;
    height: 100%;
}
}
@media screen and (min-width: 992px) and (max-width: 1679px) {
.container[data-v-6a217797] {
    display: grid;
    grid-template-columns: repeat(4, auto);
    grid-gap: 0.1rem;
    gap: 0.1rem;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.container[data-v-6a217797] {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-gap: 0.1rem;
    gap: 0.1rem;
}
}