/** Shopify CDN: Minification failed

Line 154:0 Unexpected "<"
Line 155:2 Comments in CSS use "/* ... */" instead of "//"
Line 157:9 Expected ":"
Line 158:10 Expected ":"
Line 159:10 Expected ":"
Line 160:18 Unexpected "="
Line 161:6 Expected identifier but found "cssVars("
Line 164:12 Expected ":"
Line 166:0 Unexpected "<"

**/
@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  src: url("//abyss-game-store.myshopify.com/cdn/fonts/roboto/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2?h1=YWJ5c3MtZ2FtZS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=cac6364d5dd21ce1e785263993ca056d57d1f266cde86fb4f1c35bf9a285956e") format("woff2"),
       url("//abyss-game-store.myshopify.com/cdn/fonts/roboto/roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff?h1=YWJ5c3MtZ2FtZS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=8696cb8a1b7e9ccb30af8676a288190793bc4fd1c938b27dd429f155d9e39b43") format("woff");
}

@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  src: url("//abyss-game-store.myshopify.com/cdn/fonts/roboto/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2?h1=YWJ5c3MtZ2FtZS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=cac6364d5dd21ce1e785263993ca056d57d1f266cde86fb4f1c35bf9a285956e") format("woff2"),
       url("//abyss-game-store.myshopify.com/cdn/fonts/roboto/roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff?h1=YWJ5c3MtZ2FtZS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=8696cb8a1b7e9ccb30af8676a288190793bc4fd1c938b27dd429f155d9e39b43") format("woff");
}

@font-face {
  font-family: Roboto;
  font-weight: 900;
  font-style: normal;
  src: url("//abyss-game-store.myshopify.com/cdn/fonts/roboto/roboto_n9.53d38598fbfdff3d54f7424818da582af4f7d230.woff2?h1=YWJ5c3MtZ2FtZS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=726237402d67590145d2ce1c64f69eace86602cba0a8fa6cfb5a24be430ea1b1") format("woff2"),
       url("//abyss-game-store.myshopify.com/cdn/fonts/roboto/roboto_n9.f3669795f8a2d1263fcc5f16bb1988525e54c56f.woff?h1=YWJ5c3MtZ2FtZS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=6d0537ec58dd7630c00951862375ed82a72d1fc2dbb9b6d2f0874c0fdac76243") format("woff");
}

@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: italic;
  src: url("//abyss-game-store.myshopify.com/cdn/fonts/roboto/roboto_i7.9c922c35bb84952cfb17e8c1d42e440e75aa8ccf.woff2?h1=YWJ5c3MtZ2FtZS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=3f7321c53bfb869bc350e3e7005bfd3567aecce2b8c1a4958bd61e46758f2e35") format("woff2"),
       url("//abyss-game-store.myshopify.com/cdn/fonts/roboto/roboto_i7.c50b5683f5731edb8040ff2110a54947108434de.woff?h1=YWJ5c3MtZ2FtZS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=4b20bec81e3502a52e06b79eb882d45bcdfae5aede3ec601c01d3c3eaa5f5add") format("woff");
}

@font-face {
  font-family: Roboto;
  font-weight: 900;
  font-style: italic;
  src: url("//abyss-game-store.myshopify.com/cdn/fonts/roboto/roboto_i9.dc8c05346a6e851c6b22fb4806fb90cf5d43836a.woff2?h1=YWJ5c3MtZ2FtZS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=be66118960f2d68745fa9c925f632b6eb60a9fdcb61fff3a92afb82d32eabfa0") format("woff2"),
       url("//abyss-game-store.myshopify.com/cdn/fonts/roboto/roboto_i9.10f4df810ca3b4d1e239548592583b15c580d51f.woff?h1=YWJ5c3MtZ2FtZS1zdG9yZS5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=5bafc8e47f36fe3913aa5a7c64a9a22237405b03205c0313fc8af26cbaef58fb") format("woff");
}


/* Typography */

body
{
  font-family: Roboto;
  color:var(--text-color);
  font-size:var(--text-size);
}

p, a, button, input, select
{
  color:inherit;
  font-family: Roboto;
}

h1,h2,h3,h4,h5,h6
{
  font-family: Roboto;
  margin-bottom: 16px;
}

/* General Variables */

:root {

    /* Borders */

    --border-radius: 8px;
    --border-color: #BDBDBD;
    --header-border-color: rgba(30, 52, 93, 0.3);

    /* Text */

    --text-size: 14px;
    --text-color: #5F5F5F;
    --text-font-weight: 400;
    --default-text-font-size: 15px;
    --base-text-font-size: 16px;
    --text-font-bolder-weight: 600;

    /* Typography */

    --base-font: Roboto;
    --header-font: Roboto;

    /* Colors */
    --input-background: #fff;
    --color-gradient: linear-gradient(180deg, #124976 2.77%, #000000 84.58%);
    --color-gradient-secondary: linear-gradient(180deg,#124976 2.77%,#124976 84.58%);
    --color-primary: #000000;
    --color-secondary: #000000;
    --color-page-background: #ffffff;

    /* Padding */

    --page-padding-y: 24px;
    --page-padding-x: 40px;
    --mobile-container-gutter: 20px;
    --desktop-container-gutter: 40px;
    
  /* Product */--text-color-rgb                   :  127, 38, 38;
    --product-on-sale-accent           : #05385f;
    --product-on-sale-accent-rgb       : 5, 56, 95;
    --product-on-sale-color            : #ffffff;
    --product-in-stock-color           : #000000;
    --product-low-stock-color          : #646464;
    --product-sold-out-color           : #1d1d1d;
    --product-custom-label-1-background: #0774d7;
    --product-custom-label-1-color     : #ffffff;
    --product-custom-label-2-background: #05385f;
    --product-custom-label-2-color     : #ffffff;
    --product-review-star-color        : #ffbd00;

}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--color-primary);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary);
}





<script>
  // IE11 does not have support for CSS variables, so we have to polyfill them
  if (!(((window || {}).CSS || {}).supports && window.CSS.supports('(--a: 0)'))) {
    const script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2';
    script.onload = function() {
      cssVars({});
    };

    document.getElementsByTagName('head')[0].appendChild(script);
  }
</script>

