/** Shopify CDN: Minification failed

Line 77:15 Expected identifier but found "{"
Line 77:16 Unexpected "{"
Line 77:24 Expected ":"
Line 78:10 Expected identifier but found "{"
Line 78:11 Unexpected "{"
Line 78:19 Expected ":"
Line 81:10 Expected identifier but found "{"
Line 81:11 Unexpected "{"
Line 81:19 Expected ":"

**/
/*

Please add any custom CSS code in here, it will be easier to transfer if updating themes.

We highly recommend labelling changes, or App installs, so these can also be updated or removed as needed.

*/

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.product-page--pricing--discount span.money {
    font-size: 14px;
    font-weight: bold;
}
span.variant-value-wrapper {
    color: white;
    background: #4527b6;
}
p.compair-saved {
    position: absolute;
    bottom: 100%;
    margin: 0;
    padding: 2px 3px;
    color: black;
    font-weight: 700;
    border: 2px solid #37ea93;
    font-size: 14px;
    border-radius: 8px;
}
.product-page--pricing {
    margin-top: 46px;
    position: relative;
}
li.product-page--pricing--variant-price span.money {
    font-weight: bold;
    color: #37ea93;
}
#footer-payment-methods {
    align-items: center;
}
img.custom-afterpay {
    width: 71px;
    border-radius: 6px;
    margin-left: 3px;
    height: 33px;
    display: flex;
    align-items: baseline;
    justify-content: center;
}
.container {
    max-width: 100%;
}

/* ///////////////////////////////////scrolling-aanouncement-bar-css////////////////////////////////////////// */
  .custom-marquee {
    position: relative;
    width: 91%;
    max-width: 100%;
    height: 43px;
    overflow-x: hidden;
    margin-right: 25px !important;
    background:{{section.settings.colorBackground}}; 
    color:{{section.settings.colorText}}; 
  }
  .custom-marquee a {
    color:{{section.settings.colorText}}; 
  }
  .custom-marquee .track {
      position: absolute;
      bottom: 6px;
      white-space: nowrap;
      will-change: transform;
      animation: marquee 20s linear infinite;
  }
  .custom-marquee .content {
    margin-left: 40px;
  }
  @keyframes marquee {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-20%);
    }
  }

/* ///////////////////////////////////scrolling-aanouncement-bar-css////////////////////////////////////////// */