/** Shopify CDN: Minification failed

Line 159:0 Unexpected "<"
Line 160:2 Comments in CSS use "/* ... */" instead of "//"
Line 162:9 Expected ":"
Line 163:10 Expected ":"
Line 164:10 Expected ":"
Line 165:18 Unexpected "="
Line 166:6 Expected identifier but found "cssVars("
Line 169:12 Expected ":"
Line 171:0 Unexpected "<"

**/
@font-face {
  font-family: "Titillium Web";
  font-weight: 700;
  font-style: normal;
  src: url("//accidentallycoolgames.com/cdn/fonts/titillium_web/titilliumweb_n7.d9934f829b1262cd6f365837a78b867b01693063.woff2?h1=YWNjaWRlbnRhbGx5Y29vbGdhbWVzLmNvbQ&h2=YWNjaWRlbnRhbGx5LWNvb2wtZ2FtZXMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=972201a1f1316cf2462acecf6a3b7536a006438c60861ef5df012a0a4f2c33a5") format("woff2"),
       url("//accidentallycoolgames.com/cdn/fonts/titillium_web/titilliumweb_n7.669e49a9a18dba73feccda36771289d60afd2565.woff?h1=YWNjaWRlbnRhbGx5Y29vbGdhbWVzLmNvbQ&h2=YWNjaWRlbnRhbGx5LWNvb2wtZ2FtZXMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=d45e1831cf12d4f6ef87f9c242ebce0365cadfcc09256379e32e9857a1de7928") format("woff");
}

@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: normal;
  src: url("//accidentallycoolgames.com/cdn/fonts/roboto/roboto_n4.da808834c2315f31dd3910e2ae6b1a895d7f73f5.woff2?h1=YWNjaWRlbnRhbGx5Y29vbGdhbWVzLmNvbQ&h2=YWNjaWRlbnRhbGx5LWNvb2wtZ2FtZXMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=eee4a67e04da469b475d2c9b52fc27f2d5c789222362734d8fde7779bbdb2027") format("woff2"),
       url("//accidentallycoolgames.com/cdn/fonts/roboto/roboto_n4.a512c7b68cd7f12c72e1a5fd58e7f7315c552e93.woff?h1=YWNjaWRlbnRhbGx5Y29vbGdhbWVzLmNvbQ&h2=YWNjaWRlbnRhbGx5LWNvb2wtZ2FtZXMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=b816ee2cdaeee1f6ae38944049a4bb26a58697f22dbde667f47ddeae978b5eeb") format("woff");
}

@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: normal;
  src: url("//accidentallycoolgames.com/cdn/fonts/roboto/roboto_n7.51ede27d5b58491d9cf07ad184108da52fef80b4.woff2?h1=YWNjaWRlbnRhbGx5Y29vbGdhbWVzLmNvbQ&h2=YWNjaWRlbnRhbGx5LWNvb2wtZ2FtZXMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=0e855a6951c49d83cce7fe4c75057c836e97f33a22f28a8f142590ded56c2e16") format("woff2"),
       url("//accidentallycoolgames.com/cdn/fonts/roboto/roboto_n7.1babbb6a27f91b14216bafa40bf222e08f6999f4.woff?h1=YWNjaWRlbnRhbGx5Y29vbGdhbWVzLmNvbQ&h2=YWNjaWRlbnRhbGx5LWNvb2wtZ2FtZXMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=2acd6e9a9b3d21091a8833d2d3d351ead88ba773c3bb759083aaa82137787ca9") format("woff");
}

@font-face {
  font-family: Roboto;
  font-weight: 400;
  font-style: italic;
  src: url("//accidentallycoolgames.com/cdn/fonts/roboto/roboto_i4.f98951b4b9b6e1096fc799cd05debd098bd422ac.woff2?h1=YWNjaWRlbnRhbGx5Y29vbGdhbWVzLmNvbQ&h2=YWNjaWRlbnRhbGx5LWNvb2wtZ2FtZXMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=8c018ab81713129cf68301a5eb945f2018b6fd810245e13684ff3f30e86f79d3") format("woff2"),
       url("//accidentallycoolgames.com/cdn/fonts/roboto/roboto_i4.688a26691d45bc4053b6ae24a196cabdeedbc25c.woff?h1=YWNjaWRlbnRhbGx5Y29vbGdhbWVzLmNvbQ&h2=YWNjaWRlbnRhbGx5LWNvb2wtZ2FtZXMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=8500f4c69a30505c0e0d458fd05051f8e090778f1f5555fac5e60183fc0d59f6") format("woff");
}

@font-face {
  font-family: Roboto;
  font-weight: 700;
  font-style: italic;
  src: url("//accidentallycoolgames.com/cdn/fonts/roboto/roboto_i7.9c922c35bb84952cfb17e8c1d42e440e75aa8ccf.woff2?h1=YWNjaWRlbnRhbGx5Y29vbGdhbWVzLmNvbQ&h2=YWNjaWRlbnRhbGx5LWNvb2wtZ2FtZXMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=37a534c41ee535781695dbeeb14885c01cab5cc9d64d8214016339936d7c23e7") format("woff2"),
       url("//accidentallycoolgames.com/cdn/fonts/roboto/roboto_i7.c50b5683f5731edb8040ff2110a54947108434de.woff?h1=YWNjaWRlbnRhbGx5Y29vbGdhbWVzLmNvbQ&h2=YWNjaWRlbnRhbGx5LWNvb2wtZ2FtZXMuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=47f6e4854f31b32238cc769460f71ff48810741d5f3a7c110f8b503d98db080b") 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: "Titillium Web";
  margin-bottom: 16px;
}

/* General Variables */

:root {

    /* Borders */

    --border-radius: 4px;
    --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: "Titillium Web";

    /* Colors */
    --input-background: #fff;
    --color-gradient: linear-gradient(103.4deg, #59ac57 2.77%, #437042 84.58%);
    --color-gradient-secondary: linear-gradient(103.4deg,#437042 2.77%,#59ac57 84.58%);
    --color-primary: #437042;
    --color-secondary: #000000;
    --color-page-background: #FFFFFF;
    --brand-secondary: #437042;
    --button-bg-color: #437042;
    --button-text-color:  #fff;
    --button-bg-hover-color: #437042;
    --button-text-hover-color: #fff;

    /* Padding */

    --page-padding-y: 24px;
    --page-padding-x: 40px;
    --mobile-container-gutter: 20px;
    --desktop-container-gutter: 40px;
    
  /* Product */--text-color-rgb                   :  0, 0, 0;
    --product-on-sale-accent           : #363d36;
    --product-on-sale-accent-rgb       : 54, 61, 54;
    --product-on-sale-color            : #ffffff;
    --product-in-stock-color           : #437042;
    --product-low-stock-color          : #ee0000;
    --product-sold-out-color           : #8a9297;
    --product-custom-label-1-background: #0774d7;
    --product-custom-label-1-color     : #ffffff;
    --product-custom-label-2-background: #437042;
    --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>