/**
 * The contents of this file will be added to the head of the document on our customers websites.
 * It's important that we don't add anything that could alter their styles.
 */

/**
  * Blend Icons
  */

@font-face {
  font-family: 'Blend Icons';
  src: url('data:font/woff;base64,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') format('woff');
}

/**
  * Material Symbols Rounded
  */

@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 300;
  src: url('https://fonts.gstatic.com/s/materialsymbolsrounded/v146/syl7-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvLgyidOK7BDB_Qb9vUdV6_gjDK-P3JuF_Zs-obHph2-jOcOzKPqw.woff2')
    format('woff2');
}

/**
 * The following CSS file is used for fallback theming. If no theming
 * this file will be used.
 * Custom styling should be defined in the admin panel for each customer.
 * It can also be overriden by setting variables inside
 */

@layer theme {
  :root {
    /**
   * Typography desktop
   */
    --bw-font-weight-regular: 400;
    --bw-font-weight-semibold: 600;
    --bw-font-weight-bold: 700;
    --bw-font-h1-font-size: 3.75rem;
    --bw-font-h1-line-height: 110%;
    --bw-font-h1-letter-spacing: 0.4px;
    --bw-font-h1-weight: var(--bw-font-weight-bold);
    --bw-font-h2-font-size: 2.75rem;
    --bw-font-h2-line-height: 120%;
    --bw-font-h2-letter-spacing: 0.4%;
    --bw-font-h2-weight: var(--bw-font-weight-bold);
    --bw-font-h3-font-size: 1.75rem;
    --bw-font-h3-line-height: 120%;
    --bw-font-h3-letter-spacing: 0.4%;
    --bw-font-h3-weight: var(--bw-font-weight-bold);
    --bw-font-h4-font-size: 1.5rem;
    --bw-font-h4-line-height: 120%;
    --bw-font-h4-letter-spacing: 0.2%;
    --bw-font-h4-weight: var(--bw-font-weight-regular);
    --bw-font-body-large-font-size: 1.25rem;
    --bw-font-body-large-line-height: 150%;
    --bw-font-body-large-letter-spacing: 0;
    --bw-font-body-large-weight: var(--bw-font-weight-regular);
    --bw-font-body-bold-font-size: 1.125rem;
    --bw-font-body-bold-line-height: 150%;
    --bw-font-body-bold-letter-spacing: 0.2%;
    --bw-font-body-bold-weight: var(--bw-font-weight-bold);
    --bw-font-body-font-size: 1.125rem;
    --bw-font-body-line-height: 150%;
    --bw-font-body-letter-spacing: 0;
    --bw-font-body-weight: var(--bw-font-weight-regular);
    --bw-font-body-link-size: 1.125rem;
    --bw-font-body-link-line-height: 150%;
    --bw-font-body-link-letter-spacing: 0;
    --bw-font-body-link-weight: var(--bw-font-weight-regular);
    --bw-font-body-small-bold-font-size: 1rem;
    --bw-font-body-small-bold-line-height: 150%;
    --bw-font-body-small-bold-letter-spacing: 0.4px;
    --bw-font-body-small-bold-weight: var(--bw-font-weight-bold);
    --bw-font-body-small-font-size: 1rem;
    --bw-font-body-small-line-height: 150%;
    --bw-font-body-small-letter-spacing: 0;
    --bw-font-body-small-weight: var(--bw-font-weight-regular);
    --bw-font-body-link-small-size: 1rem;
    --bw-font-body-link-small-line-height: 150%;
    --bw-font-body-link-small-letter-spacing: 0.4%;
    --bw-font-body-link-small-weight: var(--bw-font-weight-regular);
    --bw-font-button-font-size: 1.125rem;
    --bw-font-button-line-height: 150%;
    --bw-font-button-letter-spacing: 0.4%;
    --bw-font-button-weight: var(--bw-font-weight-semibold);
    --bw-font-caption-font-size: 0.875rem;
    --bw-font-caption-line-height: 150%;
    --bw-font-caption-letter-spacing: 0.2px;
    --bw-font-caption-weight: var(--bw-font-weight-regular);

    /** Old color scheme */

    /** Fallback colors */

    /** Primary colors **/

    /** New color scheme */ /** fallback to old values */ /** fallback to old values */

    /** Spacing 4 grid system **/

    /** Border radii */

    /** Old border radius */ /** Applied to outer elements like the basket summary */ /** Applied to inner elements like input fields */

    /** Old Font sizes */ /** 12px */ /** 14px */ /** 16px */ /** 20px */ /** 24px */ /** 34px */ /** 48px */ /** 60px */ /** 96px */

    /**
   * Spacings
   * Based on: https://tailwindcss.com/docs/customizing-spacing
   */

    /** Font weights */

    /** Input colors */ /** default css outline color */

    /**
   * Button
   */

    /**
   * Cart Button
   */

    /**
   * Product editor
   */

    /* Product editor - Button */

    /** Product editor - Input */

    /**
   * Product editor inline
   */

    /** Product editor inline - Button */

    /** Product editor inline - Input */

    /**
   * Calendar
   */

    /**
   * Checkout widget
   */

    /**
   * Search widget
   */

    /**
   * Product Info (Dialog)
   */

    /**
   * BasketSummary (Dialog)
   */

    /**
   * Product card
   */
  }

    /* Media min screen desktop */
    @media (width <= 62rem) {
  :root {
      --bw-font-h1-font-size: 2.25rem;
      --bw-font-h1-line-height: 110%;
      --bw-font-h1-letter-spacing: 0.4%;
      --bw-font-h1-weight: var(--bw-font-weight-bold);
      --bw-font-h2-font-size: 2rem;
      --bw-font-h2-line-height: 120%;
      --bw-font-h2-letter-spacing: 0.4%;
      --bw-font-h2-weight: var(--bw-font-weight-bold);
      --bw-font-h3-font-size: 1.5rem;
      --bw-font-h3-line-height: 120%;
      --bw-font-h3-letter-spacing: 0.4px;
      --bw-font-h3-weight: var(--bw-font-weight-bold);
      --bw-font-h4-font-size: 1.5rem;
      --bw-font-h4-line-height: 120%;
      --bw-font-h4-letter-spacing: 0.2px;
      --bw-font-h4-weight: var(--bw-font-weight-regular);
      --bw-font-body-large-font-size: 1.125rem;
      --bw-font-body-large-line-height: 150%;
      --bw-font-body-large-letter-spacing: 0;
      --bw-font-body-large-weight: var(--bw-font-weight-regular);
      --bw-font-body-bold-font-size: 1rem;
      --bw-font-body-bold-line-height: 150%;
      --bw-font-body-bold-letter-spacing: 0.2px;
      --bw-font-body-bold-weight: var(--bw-font-weight-bold);
      --bw-font-body-font-size: 1rem;
      --bw-font-body-line-height: 150%;
      --bw-font-body-letter-spacing: 0;
      --bw-font-body-weight: var(--bw-font-weight-regular);
      --bw-font-body-link-size: 1rem;
      --bw-font-body-link-line-height: 150%;
      --bw-font-body-link-letter-spacing: 0.4px;
      --bw-font-body-link-weight: var(--bw-font-weight-regular);
      --bw-font-body-small-bold-font-size: 0.875rem;
      --bw-font-body-small-bold-line-height: 150%;
      --bw-font-body-small-bold-letter-spacing: 0.4px;
      --bw-font-body-small-bold-weight: var(--bw-font-weight-bold);
      --bw-font-body-small-font-size: 0.875rem;
      --bw-font-body-small-line-height: 150%;
      --bw-font-body-small-letter-spacing: 0.2px;
      --bw-font-body-small-weight: var(--bw-font-weight-regular);
      --bw-font-body-link-small-size: 0.875rem;
      --bw-font-body-link-small-line-height: 150%;
      --bw-font-body-link-small-letter-spacing: 0.4px;
      --bw-font-body-link-small-weight: var(--bw-font-weight-regular);
      --bw-font-button-font-size: 1rem;
      --bw-font-button-line-height: 150%;
      --bw-font-button-letter-spacing: 0.4px;
      --bw-font-button-weight: var(--bw-font-weight-semibold);
      --bw-font-caption-font-size: 0.875rem;
      --bw-font-caption-line-height: 150%;
      --bw-font-caption-letter-spacing: 0.2px;
      --bw-font-caption-weight: var(--bw-font-weight-regular);
  }
  }
    :root {

    --bw-gray-50: #fafafa;
    --bw-gray-100: #f3f2f8;
    --bw-gray-200: #eee;
    --bw-gray-300: #e0e0e0;
    --bw-gray-400: #bdbdbd;
    --bw-gray-500: #9e9e9e;
    --bw-gray-600: #757575;
    --bw-gray-700: #616161;
    --bw-gray-800: #424242;
    --bw-gray-900: #212121;
    --bw-black: black;
    --bw-white: white;
    --bw-positive: #19b122;
    --bw-negative: #f41313;
    --bw-warning: #e29300;
    --bw-box-shadow: 0 2px 5px rgb(71 68 69 / 24%);
    --bw-disabled-opacity: 0.38;
    --bw-primary: #15017c;
    --bw-primary-accent: #fd8383;
    --bw-primary-contrast: white;
    --bw-primary-dark: #492770;
    --bw-primary-light: #f2ecf8;

    --bw-color-white: #fff;
    --bw-color-brand1-lightest: #ffe6e6;
    --bw-color-brand1-lighter: #feb4b4;
    --bw-color-brand1-key: var(--bw-primary-accent);
    --bw-color-brand1-darker: #fc4f4f;
    --bw-color-brand1-contrast: var(--bw-color-neutral-dark);
    --bw-color-brand2-lightest: #eae6ff;
    --bw-color-brand2-lighter: #5635fd;
    --bw-color-brand2-key: var(--bw-primary);
    --bw-color-brand2-darker: #090132;
    --bw-color-brand2-contrast: var(--bw-primary-contrast);
    --bw-color-neutral-dark: #202124;
    --bw-color-neutral-medium: #6c6f7a;
    --bw-color-neutral-light: #d6d8db;
    --bw-color-neutral-background: #f1f2f3;
    --bw-color-neutral-background-white: #fff;
    --bw-color-additional: #97e7d3;
    --bw-color-semantic-success-lighter: #d9f2d9;
    --bw-color-semantic-error-lighter: #fcc;
    --bw-color-semantic-warning-lighter: #ffecb3;
    --bw-color-semantic-info-lighter: #d9ebf2;
    --bw-color-semantic-focus: #007acc;
    --bw-color-semantic-links: #1a1aff;
    --bw-color-semantic-success-darker: #2d862d;
    --bw-color-semantic-error-darker: #c00;
    --bw-color-semantic-warning-darker: #b35900;
    --bw-color-semantic-info-darker: #3b73ab;
    --bw-space-0: 0;
    --bw-space-4: 4px;
    --bw-space-8: 8px;
    --bw-space-12: 12px;
    --bw-space-14: 12px;
    --bw-space-16: 16px;
    --bw-space-24: 24px;
    --bw-space-32: 32px;
    --bw-space-40: 40px;
    --bw-space-48: 48px;
    --bw-space-64: 64px;
    --bw-space-96: 96px;
    --bw-border-radius-xs: 4px;
    --bw-border-radius-sm: 8px;
    --bw-border-radius-md: 16px;
    --bw-border-radius-lg: 24px;
    --bw-border-radius-xl: 100%;
    --bw-border-radius-outer: 16px;
    --bw-border-radius-inner: 4px;
    --bw-font-size-100: 0.75rem;
    --bw-font-size-200: 0.875rem;
    --bw-font-size-300: 1rem;
    --bw-font-size-400: 1.25rem;
    --bw-font-size-500: 1.5rem;
    --bw-font-size-600: 2.125rem;
    --bw-font-size-700: 3rem;
    --bw-font-size-800: 3.75rem;
    --bw-font-size-900: 6rem;
    --bw-spacing-0: 0;
    --bw-spacing-0-5: 0.125rem;
    --bw-spacing-1: 0.25rem;
    --bw-spacing-1-5: 0.375rem;
    --bw-spacing-2: 0.5rem;
    --bw-spacing-2-5: 0.625rem;
    --bw-spacing-3: 0.75rem;
    --bw-spacing-3-5: 0.875rem;
    --bw-spacing-4: 1rem;
    --bw-spacing-5: 1.25rem;
    --bw-spacing-6: 1.5rem;
    --bw-spacing-7: 1.75rem;
    --bw-spacing-8: 2rem;
    --bw-spacing-9: 2.25rem;
    --bw-spacing-10: 2.5rem;
    --bw-spacing-11: 2.75rem;
    --bw-spacing-12: 3rem;
    --bw-spacing-14: 3.5rem;
    --bw-spacing-16: 4rem;
    --bw-spacing-20: 5rem;
    --bw-spacing-24: 6rem;
    --bw-spacing-28: 7rem;
    --bw-spacing-32: 8rem;
    --bw-spacing-36: 9rem;
    --bw-spacing-40: 10rem;
    --bw-spacing-44: 11rem;
    --bw-spacing-48: 12rem;
    --bw-spacing-52: 13rem;
    --bw-spacing-56: 14rem;
    --bw-spacing-60: 15rem;
    --bw-spacing-64: 16rem;
    --bw-spacing-72: 18rem;
    --bw-spacing-80: 20rem;
    --bw-spacing-96: 24rem;
    --bw-border-radius-none: 0px;
    --bw-border-radius-extra-small: 0.25rem;
    --bw-border-radius-small: 0.5rem;
    --bw-border-radius-medium: 1rem;
    --bw-border-radius-large: 1.5rem;
    --bw-default-max-width: 500px;
    --bw-font-weight-lighter: 200;
    --bw-font-weight-light: 400;
    --bw-font-weight-medium: 700;
    --bw-input-background-color: #fff;
    --bw-input-height: 3.25rem;
    --bw-input-color: var(--bw-black);
    --bw-input-border-color: var(--bw-black);
    --bw-input-radius-border: var(--bw-border-radius-small);
    --bw-input-font-size: var(--bw-font-size-300);
    --bw-input-font-weight: var(--bw-font-weight-light);
    --bw-input-outline-color: rgb(0 95 204);
    --bw-input-label-color: var(--bw-black);
    --bw-input-label-font-size: var(--bw-font-size-300);
    --bw-input-select-dropdown-hover-color: #d2c9ff;
    --bw-input-disabled-background-color: var(--bw-gray-300);
    --bw-input-disabled-color: var(--bw-gray-800);
    --bw-input-error-color: var(--bw-negative);
    --bw-input-warning-color: var(--bw-color-semantic-warning-darker);
    --bw-disabled-text: var(--bw-gray-500);
    --bw-button-background-color: var(--bw-primary);
    --bw-button-border-color: transparent;
    --bw-button-color: var(--bw-white);
    --bw-button-border-radius: 100px;
    --bw-icon-button-width: var(--bw-spacing-8);
    --bw-icon-button-height: var(--bw-spacing-8);
    --bw-icon-button-count-color: var(--bw-color-brand1-contrast);
    --bw-icon-button-count-background-color: var(--bw-color-brand1-key);
    --bw-product-editor-background-color: var(--bw-color-brand2-key);
    --bw-product-editor-z-index: 1000;
    --bw-product-editor-color: var(--bw-color-brand2-contrast);
    --bw-product-editor-lg-border-radius: var(--bw-spacing-5) var(--bw-spacing-5) 0 0;
    --bw-product-editor-sm-border-radius: var(--bw-spacing-3) var(--bw-spacing-3) 0 0;
    --bw-product-editor-button-background-color: var(--bw-primary);
    --bw-product-editor-button-color: var(--bw-primary-contrast);
    --bw-product-editor-button-border-color: var(--bw-white);
    --bw-product-editor-input-label-color: var(--bw-white);
    --bw-product-editor-input-color: var(--bw-input-color);
    --bw-product-editor-input-border: var(--bw-input-border-color);
    --bw-product-editor-input-background-color: var(--bw-white);
    --bw-product-editor-inline-background-color: var(--bw-white);
    --bw-product-editor-inline-z-index: 1000;
    --bw-product-editor-inline-color: var(--bw-input-color);
    --bw-product-editor-inline-border-color: var(--bw-gray-300);
    --bw-product-editor-inline-lg-border-radius: 0 0 0 0;
    --bw-product-editor-inline-sm-border-radius: 0 0 0 0;
    --bw-product-editor-inline-button-background-color: var(--bw-primary);
    --bw-product-editor-inline-button-color: var(--bw-primary-contrast);
    --bw-product-editor-inline-button-border-color: var(--bw-white);
    --bw-product-editor-inline-input-label-color: var(--bw-gray-800);
    --bw-product-editor-inline-input-color: var(--bw-input-color);
    --bw-product-editor-inline-input-border: var(--bw-input-border-color);
    --bw-product-editor-inline-input-background-color: var(--bw-white);
    --bw-calendar-background-color: var(--bw-input-background-color);
    --bw-calendar-border-radius: var(--bw-border-radius-small);
    --bw-calendar-box-shadow: var(--bw-box-shadow);
    --bw-calendar-week-day-color: var(--bw-input-color);
    --bw-calendar-week-day-font-weight: var(--bw-font-weight-light);
    --bw-calendar-day-background-color: var(--bw-calendar-background-color);
    --bw-calendar-day-background-color-active: var(--bw-color-neutral-dark);
    --bw-calendar-day-color: var(--bw-black);
    --bw-calendar-day-color-active: var(--bw-white);
    --bw-calendar-day-outline-color: var(--bw-input-outline-color);
    --bw-header-height: var(--bw-spacing-24);
    --bw-checkout-content-width: 75rem;
    --bw-search-bar-background-color: none;
    --bw-search-bar-button-background-color: var(--bw-primary);
    --bw-search-bar-button-color: var(--bw-primary-contrast);
    --bw-search-bar-button-border-color: var(--bw-primary);
    --bw-search-bar-label-color: var(--bw-input-label-color);
    --bw-search-result-max-width: 80rem;
    --bw-product-info-background-color: var(--bw-white);
    --bw-product-info-z-index: 1001;
    --bw-basket-summary-background-color: var(--bw-primary);
    --bw-basket-summary-color: var(--bw-primary-contrast);
    --bw-product-card-border: none;
    --bw-product-card-border-radius: var(--bw-border-radius-medium);
    --bw-product-card-background-color: var(--bw-color-brand2-key);
    --bw-product-card-text-color: var(--bw-color-brand2-contrast);
    --bw-product-card-label-background-color: var(--bw-color-brand1-lightest);
    --bw-product-card-label-text-color: var(--bw-color-brand1-contrast);
    --bw-product-card-price-background-color: var(--bw-color-brand1-lightest);
    --bw-product-card-price-text-color: var(--bw-color-brand2-key);
  }
}