/** 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: Asul;
  font-weight: 400;
  font-style: normal;
  src: url("//1stpickhs-onlineshop.com/cdn/fonts/asul/asul_n4.814c5323104eaec8052c156ea81d27e4cc2ecc89.woff2?h1=MXN0cGlja2hzLW9ubGluZXNob3AuY29t&h2=MXN0LXBpY2staG9iYnktc3RvcmUuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=613810822c0455fccdb664e9cb201b9a506c57b8cf0d6691ad8c8d13907b82ba") format("woff2"),
       url("//1stpickhs-onlineshop.com/cdn/fonts/asul/asul_n4.fad4580d0c2a0762bf2eec95df0ca1bba03e7345.woff?h1=MXN0cGlja2hzLW9ubGluZXNob3AuY29t&h2=MXN0LXBpY2staG9iYnktc3RvcmUuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c964c5e945673a17c641bf43be7862cb3b9b57676c22140dd529f8feec6c3629") format("woff");
}

@font-face {
  font-family: Archivo;
  font-weight: 400;
  font-style: normal;
  src: url("//1stpickhs-onlineshop.com/cdn/fonts/archivo/archivo_n4.dc8d917cc69af0a65ae04d01fd8eeab28a3573c9.woff2?h1=MXN0cGlja2hzLW9ubGluZXNob3AuY29t&h2=MXN0LXBpY2staG9iYnktc3RvcmUuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=ec1c3fd4fd12e375e7b40903b067517c7b1128e741cc3912ac9966bd5bbbaa19") format("woff2"),
       url("//1stpickhs-onlineshop.com/cdn/fonts/archivo/archivo_n4.bd6b9c34fdb81d7646836be8065ce3c80a2cc984.woff?h1=MXN0cGlja2hzLW9ubGluZXNob3AuY29t&h2=MXN0LXBpY2staG9iYnktc3RvcmUuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=582049ec217179ab0a61241344cf9dd73e75a740d1fc6faf36b61258a0ee47ca") format("woff");
}

@font-face {
  font-family: Archivo;
  font-weight: 700;
  font-style: normal;
  src: url("//1stpickhs-onlineshop.com/cdn/fonts/archivo/archivo_n7.651b020b3543640c100112be6f1c1b8e816c7f13.woff2?h1=MXN0cGlja2hzLW9ubGluZXNob3AuY29t&h2=MXN0LXBpY2staG9iYnktc3RvcmUuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=cb799ec6193c8106d7493ef64aa304abb1f06ea02ef784824adaad9f7be274f9") format("woff2"),
       url("//1stpickhs-onlineshop.com/cdn/fonts/archivo/archivo_n7.7e9106d320e6594976a7dcb57957f3e712e83c96.woff?h1=MXN0cGlja2hzLW9ubGluZXNob3AuY29t&h2=MXN0LXBpY2staG9iYnktc3RvcmUuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=99c4ff4b203fb45af351dae2b26f3323192a3d42d61419dcbbeb57b1281f1429") format("woff");
}

@font-face {
  font-family: Archivo;
  font-weight: 400;
  font-style: italic;
  src: url("//1stpickhs-onlineshop.com/cdn/fonts/archivo/archivo_i4.37d8c4e02dc4f8e8b559f47082eb24a5c48c2908.woff2?h1=MXN0cGlja2hzLW9ubGluZXNob3AuY29t&h2=MXN0LXBpY2staG9iYnktc3RvcmUuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=97607d2bc4afaac3d59a942e2734f2e8dd294d48fb890993868c5f4080531762") format("woff2"),
       url("//1stpickhs-onlineshop.com/cdn/fonts/archivo/archivo_i4.839d35d75c605237591e73815270f86ab696602c.woff?h1=MXN0cGlja2hzLW9ubGluZXNob3AuY29t&h2=MXN0LXBpY2staG9iYnktc3RvcmUuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=72f15aa845b8b5f08da4e10e7f8f495e4c802b011607cbb11c16423d0c1e998e") format("woff");
}

@font-face {
  font-family: Archivo;
  font-weight: 700;
  font-style: italic;
  src: url("//1stpickhs-onlineshop.com/cdn/fonts/archivo/archivo_i7.3dc798c6f261b8341dd97dd5c78d97d457c63517.woff2?h1=MXN0cGlja2hzLW9ubGluZXNob3AuY29t&h2=MXN0LXBpY2staG9iYnktc3RvcmUuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=da27a8fee9d43c53e930c79581191733d2e39405d86a9ba19a2165309919659f") format("woff2"),
       url("//1stpickhs-onlineshop.com/cdn/fonts/archivo/archivo_i7.3b65e9d326e7379bd5f15bcb927c5d533d950ff6.woff?h1=MXN0cGlja2hzLW9ubGluZXNob3AuY29t&h2=MXN0LXBpY2staG9iYnktc3RvcmUuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=f9330daf50de0bdb2766bd2f17b2b4cc00f29b1658c6082232beae012066ef7f") format("woff");
}


/* Typography */

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

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

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

/* General Variables */

:root {

    /* Borders */

    --border-radius: 46px;
    --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: Archivo;
    --header-font: Asul;

    /* Colors */
    --input-background: #fff;
    --color-gradient: linear-gradient(103.4deg, #7535E5 2.77%, #8484FF 84.58%);
    --color-gradient-secondary: linear-gradient(103.4deg,#1DA9A1 2.77%,#8bdbd6 84.58%);
    --color-primary: #3567e5;
    --color-secondary: #1DA9A1;
    --color-page-background: #ffffff;
    --brand-secondary: #3567e5;
    --button-bg-color: #3567e5;
    --button-text-color:  #fff;
    --button-bg-hover-color: #3567e5;
    --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>

