
  @font-face {
  font-family: "ITC Clearface";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://trickers.com/cdn/fonts/itc_clearface/itcclearface_n4.0b8e5be1178a7d02f1cb5b4354ada58ec706fc90.woff2?h1=dHJpY2tlcnMtc2hvZXMuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dHJpY2tlcnMuY29t&h3=dHJpY2tlcnMuc3RvcmU&h4=dHJpY2tlcnMuc2hvcA&hmac=7ec45e0a829e24b4908d25b1dd176fb0421b26c9c1c06d91709203d8d423e090") format("woff2"),
       url("https://trickers.com/cdn/fonts/itc_clearface/itcclearface_n4.3e5bedaa384b59e204df7f200155500d48e610ba.woff?h1=dHJpY2tlcnMtc2hvZXMuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dHJpY2tlcnMuY29t&h3=dHJpY2tlcnMuc3RvcmU&h4=dHJpY2tlcnMuc2hvcA&hmac=8ac3a5a900723527412cc52e3424987047645a2d7ab3dffd984d3b8309b4feda") format("woff");
}

  @font-face {
  font-family: "Twentieth Century";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://trickers.com/cdn/fonts/twentieth_century/twentiethcentury_n4.1a7b2b68023505e1927302cc60a155187098ca59.woff2?h1=dHJpY2tlcnMtc2hvZXMuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dHJpY2tlcnMuY29t&h3=dHJpY2tlcnMuc3RvcmU&h4=dHJpY2tlcnMuc2hvcA&hmac=a263af1cd8156eccf67c6d5b05dea47fe897c8b29b116f77e7f556ec8a42512a") format("woff2"),
       url("https://trickers.com/cdn/fonts/twentieth_century/twentiethcentury_n4.2bd9ba3193feaaeabefe6059cf0ba7e11c41e810.woff?h1=dHJpY2tlcnMtc2hvZXMuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dHJpY2tlcnMuY29t&h3=dHJpY2tlcnMuc3RvcmU&h4=dHJpY2tlcnMuc2hvcA&hmac=8fe107cffdffed5a07a13d8a442ba01b33c9d2162992eaf6cbe6f91dc97a50e1") format("woff");
}

  
  @font-face {
  font-family: "Quattrocento Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("https://trickers.com/cdn/fonts/quattrocento_sans/quattrocentosans_n4.b43a78e6b8b9780ef5893d83cd043417f12e0d99.woff2?h1=dHJpY2tlcnMtc2hvZXMuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dHJpY2tlcnMuY29t&h3=dHJpY2tlcnMuc3RvcmU&h4=dHJpY2tlcnMuc2hvcA&hmac=6f5ba970dd5e52913e3c30807b986c8124de39fed6b0618934a99ceca26f0586") format("woff2"),
       url("https://trickers.com/cdn/fonts/quattrocento_sans/quattrocentosans_n4.19c4a084d66bf65371b1784dad52aa1acf657cdd.woff?h1=dHJpY2tlcnMtc2hvZXMuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dHJpY2tlcnMuY29t&h3=dHJpY2tlcnMuc3RvcmU&h4=dHJpY2tlcnMuc2hvcA&hmac=24a3bcfbcef461179bffdc8d2492a3ca47e8d254e054045aff1b5a8571181fff") format("woff");
}

  @font-face {
  font-family: "Quattrocento Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("https://trickers.com/cdn/fonts/quattrocento_sans/quattrocentosans_n7.3aa8bd40fbad0fb4d493af9ef60d80c7dc39d34e.woff2?h1=dHJpY2tlcnMtc2hvZXMuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dHJpY2tlcnMuY29t&h3=dHJpY2tlcnMuc3RvcmU&h4=dHJpY2tlcnMuc2hvcA&hmac=2a9323e19bc638dd4a0d0bdcb62e316f9fbabf806188d42ed004140c25712f37") format("woff2"),
       url("https://trickers.com/cdn/fonts/quattrocento_sans/quattrocentosans_n7.e5214af0eb400455ab60a0d1b9aee6be554f16be.woff?h1=dHJpY2tlcnMtc2hvZXMuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dHJpY2tlcnMuY29t&h3=dHJpY2tlcnMuc3RvcmU&h4=dHJpY2tlcnMuc2hvcA&hmac=71965c480b9f9578646f0607de71d7a8413b3b55ce1b708c4bacb248c1bd3541") format("woff");
}

  @font-face {
  font-family: "Quattrocento Sans";
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url("https://trickers.com/cdn/fonts/quattrocento_sans/quattrocentosans_i4.05e513d210c064197634a6efb30ba9f47e76338d.woff2?h1=dHJpY2tlcnMtc2hvZXMuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dHJpY2tlcnMuY29t&h3=dHJpY2tlcnMuc3RvcmU&h4=dHJpY2tlcnMuc2hvcA&hmac=37e453124fb01cbc7c8a0443e3d8443f91f67ec2298fb4b51926d54ba8df6a0e") format("woff2"),
       url("https://trickers.com/cdn/fonts/quattrocento_sans/quattrocentosans_i4.ff64670d7818e5cbd12e36eda543508a83010303.woff?h1=dHJpY2tlcnMtc2hvZXMuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dHJpY2tlcnMuY29t&h3=dHJpY2tlcnMuc3RvcmU&h4=dHJpY2tlcnMuc2hvcA&hmac=a8fd376efe29ff6a07d1ca99dacfc1aeb208f959f61be0968c2383ef01e80766") format("woff");
}

  @font-face {
  font-family: "Quattrocento Sans";
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("https://trickers.com/cdn/fonts/quattrocento_sans/quattrocentosans_i7.564e5b9e0e697bff7dfaf701660d797279f17606.woff2?h1=dHJpY2tlcnMtc2hvZXMuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dHJpY2tlcnMuY29t&h3=dHJpY2tlcnMuc3RvcmU&h4=dHJpY2tlcnMuc2hvcA&hmac=702a0d06acf15a9cc91a4560cd2b74db41d755de04f1ea5b1bdb2ed683f76c6c") format("woff2"),
       url("https://trickers.com/cdn/fonts/quattrocento_sans/quattrocentosans_i7.426503744cfa0a672b1956d7e2bc9a76947c65e2.woff?h1=dHJpY2tlcnMtc2hvZXMuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dHJpY2tlcnMuY29t&h3=dHJpY2tlcnMuc3RvcmU&h4=dHJpY2tlcnMuc2hvcA&hmac=f749ecc983fb4a3b9acd45596e26fe85da577522adc0bfe2f6aef33d95bf3102") format("woff");
}


  :root {
    --color-text: #111111;
    --color-text-8-percent: rgba(17, 17, 17, 0.08);  
    --color-text-alpha: rgba(17, 17, 17, 0.35);
    --color-text-meta: rgba(17, 17, 17, 0.6);
    --color-text-link: #000000;
    --color-text-error: #D02F2E;
    --color-text-success: #478947;

    --color-background: #ffffff;
    --color-background-semi-transparent-80: rgba(255, 255, 255, 0.8);
    --color-background-semi-transparent-90: rgba(255, 255, 255, 0.9);

    --color-background-transparent: rgba(255, 255, 255, 0);
    --color-border: #aaaaaa;
    --color-border-meta: rgba(170, 170, 170, 0.6);
    --color-overlay: rgba(0, 0, 0, 0.7);

    --color-background-meta: #f5f5f5;
    --color-background-meta-alpha: rgba(245, 245, 245, 0.6);
    --color-background-darker-meta: #e8e8e8;
    --color-background-darker-meta-alpha: rgba(232, 232, 232, 0.6);
    --color-background-placeholder: #e8e8e8;
    --color-background-placeholder-lighter: #f0f0f0;
    --color-foreground-placeholder: rgba(17, 17, 17, 0.4);

    --color-border-input: #aaaaaa;
    --color-border-input-alpha: rgba(170, 170, 170, 0.25);
    --color-text-input: #111111;
    --color-text-input-alpha: rgba(17, 17, 17, 0.04);

    --color-text-button: #ffffff;

    --color-background-button: #000000;
    --color-background-button-alpha: rgba(0, 0, 0, 0.6);
    --color-background-outline-button-alpha: rgba(0, 0, 0, 0.1);
    --color-background-button-hover: #333333;

    --color-icon: rgba(17, 17, 17, 0.4);
    --color-icon-darker: rgba(17, 17, 17, 0.6);

    --color-text-sale-badge: #C31818;
    --color-background-sold-badge: #414141;
    --color-text-sold-badge: #ffffff;

    --color-text-header: #000000;
    --color-text-header-half-transparent: rgba(0, 0, 0, 0.5);

    --color-background-header: #ffffff;
    --color-background-header-transparent: rgba(255, 255, 255, 0);
    --color-icon-header: #000000;
    --color-shadow-header: rgba(0, 0, 0, 0.15);

    --color-background-footer: #000000;
    --color-text-footer: #ffffff;
    --color-text-footer-subdued: rgba(255, 255, 255, 0.7);

    --color-products-sale-price: #be2a34;
    --color-products-rating-star: #000000;

    --color-products-stock-good: #b17a37;
    --color-products-stock-medium: #101e2b;
    --color-products-stock-bad: #be2a34;
    --color-products-stock-bad: #be2a34;

    --font-logo: "ITC Clearface", serif;
    --font-logo-weight: 400;
    --font-logo-style: normal;
    --logo-text-transform: uppercase;
    --logo-letter-spacing: 0.0em;

    --font-heading: "Twentieth Century", sans-serif;
    --font-heading-weight: 400;
    --font-heading-style: normal;
    --font-heading-text-transform: uppercase;
    --font-heading-base-letter-spacing: 0.0em;
    --font-heading-base-size: 43px;

    --font-body: "Quattrocento Sans", sans-serif;
    --font-body-weight: 400;
    --font-body-style: normal;
    --font-body-italic: italic;
    --font-body-bold-weight: 700;
    --font-body-base-letter-spacing: 0.0em;
    --font-body-base-size: 17px;

    /* Typography */
    --line-height-heading: 1.1;
    --line-height-subheading: 1.33;
    --line-height-body: 1.5;

    --logo-font-size: 
clamp(1.4rem, 1.1513812154696133rem + 1.0607734806629836vw, 2.0rem)
;

    --font-size-navigation-base: 17px;
    --font-navigation-base-letter-spacing: 0.02em;
    --font-navigation-base-text-transform: uppercase;

    --font-size-heading-display-1: 
clamp(3.225rem, 2.890918508287293rem + 1.425414364640884vw, 4.03125rem)
;
    --font-size-heading-display-2: 
clamp(2.86595rem, 2.569062914364641rem + 1.266718232044199vw, 3.5824375rem)
;
    --font-size-heading-display-3: 
clamp(2.50819rem, 2.2483636878453037rem + 1.1085922651933702vw, 3.1352375rem)
;
    --font-size-heading-1-base: 
clamp(2.15rem, 1.9272790055248619rem + 0.9502762430939227vw, 2.6875rem)
;
    --font-size-heading-2-base: 
clamp(1.88125rem, 1.6863691298342542rem + 0.8314917127071823vw, 2.3515625rem)
;
    --font-size-heading-3-base: 
clamp(1.6125rem, 1.4454592541436464rem + 0.712707182320442vw, 2.015625rem)
;
    --font-size-heading-4-base: 
clamp(1.25345rem, 1.1236036602209944rem + 0.5540110497237569vw, 1.5668125rem)
;
    --font-size-heading-5-base: 
clamp(1.075rem, 0.9636395027624309rem + 0.4751381215469613vw, 1.34375rem)
;
    --font-size-heading-6-base: 
clamp(0.8944rem, 0.8017480662983425rem + 0.39531491712707184vw, 1.118rem)
;
    --font-size-body-400: 
clamp(1.68161875rem, 1.6449448895027625rem + 0.15647513812154695vw, 1.770125rem)
;
    --font-size-body-350: 
clamp(1.569578125rem, 1.535347720994475rem + 0.14604972375690609vw, 1.6521875rem)
;
    --font-size-body-300: 
clamp(1.4575375rem, 1.4257505524861878rem + 0.1356243093922652vw, 1.53425rem)
;
    --font-size-body-250: 
clamp(1.345496875rem, 1.3161533839779005rem + 0.1251988950276243vw, 1.4163125rem)
;
    --font-size-body-200: 
clamp(1.23345625rem, 1.2065562154696132rem + 0.11477348066298342vw, 1.298375rem)
;
    --font-size-body-150: 
clamp(1.121415625rem, 1.096959046961326rem + 0.10434806629834253vw, 1.1804375rem)
;
    --font-size-body-100: 
clamp(1.009375rem, 0.9873618784530387rem + 0.09392265193370165vw, 1.0625rem)
;
    --font-size-body-75: 
clamp(0.896325rem, 0.8767773480662984rem + 0.08340331491712707vw, 0.9435rem)
;
    --font-size-body-60: 
clamp(0.829908125rem, 0.8118089364640884rem + 0.07722320441988952vw, 0.8735875rem)
;
    --font-size-body-50: 
clamp(0.784284375rem, 0.7671801795580111rem + 0.0729779005524862vw, 0.8255625rem)
;
    --font-size-body-25: 
clamp(0.72876875rem, 0.7128752762430939rem + 0.0678121546961326vw, 0.767125rem)
;
    --font-size-body-20: 
clamp(0.67224375rem, 0.6575830110497237rem + 0.06255248618784531vw, 0.707625rem)
;

    /* Buttons */
    
      --button-padding-multiplier: 1;
      --font-size-button: var(--font-size-body-50);
      --font-size-button-x-small: var(--font-size-body-25);
    

    --font-button-text-transform: uppercase;
    --button-letter-spacing: 0.05em;
    --line-height-button: 1.45;

    /* Product badges */
    
      --font-size-product-badge: var(--font-size-body-20);
    

    --font-product-badge-text-transform: uppercase;

    /* Product listing titles */
    
      --font-size-listing-title: var(--font-size-body-60);
    

    --font-product-listing-title-text-transform: uppercase;
    --font-product-listing-title-base-letter-spacing: 0.05em;

    /* Shopify pay specific */
    --payment-terms-background-color: #f5f5f5;
  }

  @supports not (font-size: clamp(10px, 3.3vw, 20px)) {
    :root {
      --logo-font-size: 
1.7rem
;
      --font-size-heading-display-1: 
3.628125rem
;
      --font-size-heading-display-2: 
3.22419375rem
;
      --font-size-heading-display-3: 
2.82171375rem
;
      --font-size-heading-1-base: 
2.41875rem
;
      --font-size-heading-2-base: 
2.11640625rem
;
      --font-size-heading-3-base: 
1.8140625rem
;
      --font-size-heading-4-base: 
1.41013125rem
;
      --font-size-heading-5-base: 
1.209375rem
;
      --font-size-heading-6-base: 
1.0062rem
;
      --font-size-body-400: 
1.725871875rem
;
      --font-size-body-350: 
1.6108828125rem
;
      --font-size-body-300: 
1.49589375rem
;
      --font-size-body-250: 
1.3809046875rem
;
      --font-size-body-200: 
1.265915625rem
;
      --font-size-body-150: 
1.1509265625rem
;
      --font-size-body-100: 
1.0359375rem
;
      --font-size-body-75: 
0.9199125rem
;
      --font-size-body-60: 
0.8517478125rem
;
      --font-size-body-50: 
0.8049234375rem
;
      --font-size-body-25: 
0.747946875rem
;
      --font-size-body-20: 
0.689934375rem
;
    }
  }.product-badge[data-handle="icon"]{
        color: #897153;
      }
    
.product-badge[data-handle="seasonal"]{
        color: #101e2b;
      }
    
.product-badge[data-handle="new"]{
        color: #000000;
      }
