/** 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: "Avenir Next";
  font-weight: 400;
  font-style: normal;
  src: url("//www.mtgmexico.com/cdn/fonts/avenir_next/avenirnext_n4.7fd0287595be20cd5a683102bf49d073b6abf144.woff2?h1=bXRnbWV4aWNvLmNvbQ&h2=bXRnLW1leGljby5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=fc9113afafc4d85f6f00c1fb7e406cd07c1260742982d5057c90408e52276418") format("woff2"),
       url("//www.mtgmexico.com/cdn/fonts/avenir_next/avenirnext_n4.a26a334a0852627a5f36b195112385b0cd700077.woff?h1=bXRnbWV4aWNvLmNvbQ&h2=bXRnLW1leGljby5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=d65c45d912b3c9eb61193132077bb204f1118892de7ee004609d27202415ada4") format("woff");
}

@font-face {
  font-family: "Avenir Next";
  font-weight: 400;
  font-style: normal;
  src: url("//www.mtgmexico.com/cdn/fonts/avenir_next/avenirnext_n4.7fd0287595be20cd5a683102bf49d073b6abf144.woff2?h1=bXRnbWV4aWNvLmNvbQ&h2=bXRnLW1leGljby5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=fc9113afafc4d85f6f00c1fb7e406cd07c1260742982d5057c90408e52276418") format("woff2"),
       url("//www.mtgmexico.com/cdn/fonts/avenir_next/avenirnext_n4.a26a334a0852627a5f36b195112385b0cd700077.woff?h1=bXRnbWV4aWNvLmNvbQ&h2=bXRnLW1leGljby5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=d65c45d912b3c9eb61193132077bb204f1118892de7ee004609d27202415ada4") format("woff");
}

@font-face {
  font-family: "Avenir Next";
  font-weight: 700;
  font-style: normal;
  src: url("//www.mtgmexico.com/cdn/fonts/avenir_next/avenirnext_n7.8cfc646eab1e39e2d81a26284624600ccae49d55.woff2?h1=bXRnbWV4aWNvLmNvbQ&h2=bXRnLW1leGljby5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=c3f9ab2fd7d5afebeb15db913193098f4330c767b874bf4e6ac3a5226d1f2d0c") format("woff2"),
       url("//www.mtgmexico.com/cdn/fonts/avenir_next/avenirnext_n7.25b10f8089bc87dfd8e50a7c68b433da7a04bc87.woff?h1=bXRnbWV4aWNvLmNvbQ&h2=bXRnLW1leGljby5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=87880371f9bbc33e70ff6acae794f5616d0960a4ebaeed7359e0d3aab4c385e3") format("woff");
}

@font-face {
  font-family: "Avenir Next";
  font-weight: 400;
  font-style: italic;
  src: url("//www.mtgmexico.com/cdn/fonts/avenir_next/avenirnext_i4.f1583d9f457b68e44fbda187a48b4096d547d7f4.woff2?h1=bXRnbWV4aWNvLmNvbQ&h2=bXRnLW1leGljby5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=0c82d00b045c9078008bfaca4e04883ffe3b2b0ed17ee94653d6ba07409381c5") format("woff2"),
       url("//www.mtgmexico.com/cdn/fonts/avenir_next/avenirnext_i4.67fb53a3e0351125941146246183577ae8d8bf23.woff?h1=bXRnbWV4aWNvLmNvbQ&h2=bXRnLW1leGljby5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=ca3f2f5ae3e0d485e0f2354412f4d072164af1d51b2122b9376e7b32ef5fc0e0") format("woff");
}

@font-face {
  font-family: "Avenir Next";
  font-weight: 700;
  font-style: italic;
  src: url("//www.mtgmexico.com/cdn/fonts/avenir_next/avenirnext_i7.3a67996166b5b7f1b7cc3b35490ebd6824908dc5.woff2?h1=bXRnbWV4aWNvLmNvbQ&h2=bXRnLW1leGljby5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=f0b3ee7b511905e7c69dcb9e7e25bfa1edb740fd06e87a3cf034b98e571b6e7d") format("woff2"),
       url("//www.mtgmexico.com/cdn/fonts/avenir_next/avenirnext_i7.b872875ff437f0efb4c2321d0016eaa726b649ae.woff?h1=bXRnbWV4aWNvLmNvbQ&h2=bXRnLW1leGljby5hY2NvdW50Lm15c2hvcGlmeS5jb20&hmac=07b0aa61cf5afd76fe4dcfee722ea31afdbf0a6e6f82754ff3ec51f720e056bf") format("woff");
}


/* Typography */

body
{
  font-family: "Avenir Next";
  color:var(--text-color);
  font-size:var(--text-size);
}

p, a, button, input, select
{
  color:inherit;
  font-family: "Avenir Next";
}

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

/* General Variables */

:root {

    /* Borders */

    --border-radius: 11px;
    --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: "Avenir Next";
    --header-font: "Avenir Next";

    /* Colors */
    --input-background: #fff;
    --color-gradient: linear-gradient(103.4deg, #bb317d 2.77%, #ff6ebe 84.58%);
    --color-gradient-secondary: linear-gradient(103.4deg,#1DA9A1 2.77%,#8bdbd6 84.58%);
    --color-primary: #044057;
    --color-secondary: #044057;
    --color-page-background: #ffffff;
    --brand-secondary: #044057;
    --button-bg-color: #044057;
    --button-text-color:  #fff;
    --button-bg-hover-color: #044057;
    --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                   :  41, 41, 41;
    --product-on-sale-accent           : #ee0000;
    --product-on-sale-accent-rgb       : 238, 0, 0;
    --product-on-sale-color            : #ffffff;
    --product-in-stock-color           : #00a500;
    --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: #00a500;
    --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>