/* Fonts */
@font-face {
  font-family: 'Metropolis-Regular';
  font-style: normal;
  src: url('../../assets/fonts/Metropolis-Regular.otf') format('opentype');
}
@font-face {
  font-family: 'Metropolis-SemiBold';
  font-style: normal;
  src: url('../../assets/fonts/Metropolis-SemiBold.otf') format('opentype');
}
@font-face {
  font-family: 'Metropolis-Bold';
  font-style: normal;
  src: url('../../assets/fonts/Metropolis-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Metropolis-Black';
  font-style: normal;
  src: url('../../assets/fonts/Metropolis-Black.otf') format('opentype');
}
@font-face {
  font-family: 'Bootstrap Icons';
  font-style: normal;
  src: url('../../assets/fonts/bootstrap-icons.woff2') format('woff2'),
  url('../../assets/fonts/bootstrap-icons.woff') format('woff');
}
@font-face {
  font-family: 'Chiller';
  font-style: normal;
  src: url('../../fonts/CHILLER.TTF') format('opentype');
}
@font-face {
  font-family: 'Chiller Bold';
  font-style: bold;
  src: url('../../fonts/CHILLER.TTF') format('opentype');
}

/* Webkit Scrollbar Override */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,0.1);
    border-radius: 5px;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.4);
    border-radius: 5px;
}
.theme-light ::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,0.1);
}
.theme-light ::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.4);
}
.theme-dark ::-webkit-scrollbar-track {
    background-color: rgba(255,255,255,0.1);
}
.theme-dark ::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.4);
}


/* General Skyco14 */
* {
    -webkit-text-size-adjust: 100%;
}
::placeholder {
    color: inherit;
    opacity: .5;
}
.no-br br {
  display: none !important;
}

/* Dropdown focus override */
select:focus {
  background-color: black !important;
  color: white !important;
}

/* Product Grid Styles */
.shop_products_grid_microgames .shop_product {
    width: calc(100% - 30px) !important;
}
.shop_products_grid_microgames .shop_product:nth-child(odd) .info {
    padding-left: 30px !important;
}
.shop_products_grid_microgames .shop_product:nth-child(even) .info {
    order: -1 !important;
    padding-right: 30px !important;
}
@media only screen and (max-width: 768px) {
    .shop_products_grid_microgames .shop_product:nth-child(odd) .info, .shop_products_grid_microgames .shop_product:nth-child(even) .info {
        padding-left: 0 !important;
        padding-right: 0 !important;
        order: 0 !important;
    }
}

