@prijsvrijtechsupport/ui 0.0.28 → 0.0.29

package/dist/components/stepper/Stepper.stories.d.ts

@@ -1,9 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react-vite";
-import { Stepper } from "./Stepper";
+import { Stepper } from "./index";
 declare const meta: Meta<typeof Stepper>;
 export default meta;
 type Story = StoryObj<typeof Stepper>;
 export declare const Default: Story;
-export declare const SmallVariant: Story;
-export declare const WithCompletedSteps: Story;
-export declare const CustomClassNameStepper: Story;

package/dist/components/stepper/index.d.ts

@@ -1,2 +1,12 @@
-export * from "./NumberedStepper";
-export * from "./Stepper";
+interface Step {
+    name: string;
+    number: number;
+    state: "active" | "completed" | "upcoming";
+}
+interface StepperProps {
+    "data-testid"?: string;
+    className?: string;
+    steps: Step[];
+}
+export declare const Stepper: ({ className, steps, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/dist/index.css

@@ -143,6 +143,10 @@
 @theme {
   /* Base colors */
   --color-primary: #fff;
+  --color-primary-dark-50: #fff;
+  --color-primary-dark-25: #fff;
+  --color-primary-light-25: #fff;
+  --color-primary-light-50: #fff;
   --color-primary-light-75: #eff8fe;
   --color-secondary: #fff;
   --color-black: #1b1c1e;

package/dist/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"file":"index.css","names":[],"sources":["../../src/styles/fonts.css","../../src/styles/variables.css","../../src/components/topMenu/styles.css","../../src/components/button/styles.css","../../src/components/priceCheck/styles.css","../../src/components/toggle/styles.css","../../src/components/topHeaderMenu/styles.css","../../src/components/filterButtons/styles.css","../../src/components/searchBox/styles.css","../../src/components/dropdown/styles.css","../../src/components/counterIcon/styles.css","../../src/components/usp/styles.css","../../src/components/middleNavigation/styles.css","../../src/components/menu/styles.css","../../src/components/footer/styles.css","../../src/components/blogWidget/styles.css","../../src/components/bookModule/styles.css","../../src/components/categoryFilter/styles.css","../../src/components/collection/styles.css","../../src/components/review/styles.css","../../src/components/hotelAccomodationResults/styles.css","../../src/components/coupon/styles.css","../../src/components/giftCard/styles.css","../../src/components/pvPopup/styles.css","../../src/components/photoCardsRotated/styles.css","../../src/components/spotlights/styles.css","../../src/components/viewedAccomodations/styles.css","../../src/components/quantityButtons/styles.css","../../src/components/matrixTable/styles.css","../../src/components/pageNavigation/styles.css","../../src/styles/utilities.css","../../src/globals.css"],"sourcesContent":["/**\n * Font Face Declarations\n * Titillium Web font family definitions\n */\n\n@import url(\"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700;900&family=Lato:wght@400;700;900&family=Open+Sans:wght@400;700&display=swap\");\n\n:root {\n  --font-open-sans: \"Open Sans\";\n  --font-lato: \"Lato\";\n  --font-titillium-web: \"Titillium Web\";\n}\n\n/* Font-face declarations */\n\n/* Custom font-face declarations */\n@font-face {\n  font-family: \"EloquentJFRegularPro\";\n  src: url(\"https://db.onlinewebfonts.com/t/8bdf9153512e81954b0d2b7167eab648.eot\");\n  src: url(\"https://db.onlinewebfonts.com/t/8bdf9153512e81954b0d2b7167eab648.eot?#iefix\")format(\"embedded-opentype\"),\n    url(\"https://db.onlinewebfonts.com/t/8bdf9153512e81954b0d2b7167eab648.woff2\")format(\"woff2\"),\n    url(\"https://db.onlinewebfonts.com/t/8bdf9153512e81954b0d2b7167eab648.woff\")format(\"woff\"),\n    url(\"https://db.onlinewebfonts.com/t/8bdf9153512e81954b0d2b7167eab648.ttf\")format(\"truetype\"),\n    url(\"https://db.onlinewebfonts.com/t/8bdf9153512e81954b0d2b7167eab648.svg#EloquentJFRegularPro\")format(\"svg\");\n}\n\n/* Hermes Maia T4 font-face declarations */\n@font-face {\n  font-family: \"Hermes Maia T4\";\n  src:\n    url(\"../assets/fonts/hermes_maia_t4_regular-webfont.woff2\") format(\"woff2\"),\n    url(\"../assets/fonts/hermes_maia_t4_regular-webfont.woff\") format(\"woff\");\n  font-weight: normal;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Hermes Maia T4\";\n  src:\n    url(\"../assets/fonts/hermes_maia_t4_bold-webfont.woff2\") format(\"woff2\"),\n    url(\"../assets/fonts/hermes_maia_t4_bold-webfont.woff\") format(\"woff\");\n  font-weight: bold;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Hermes Maia T4\";\n  src:\n    url(\"../assets/fonts/hermes_maia_t4_italic-webfont.woff2\") format(\"woff2\"),\n    url(\"../assets/fonts/hermes_maia_t4_italic-webfont.woff\") format(\"woff\");\n  font-weight: normal;\n  font-style: italic;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Hermes Maia T4\";\n  src:\n    url(\"../assets/fonts/hermes_maia_t4_bold_italic-webfont.woff2\") format(\"woff2\"),\n    url(\"../assets/fonts/hermes_maia_t4_bold_italic-webfont.woff\") format(\"woff\");\n  font-weight: bold;\n  font-style: italic;\n  font-display: swap;\n}\n\n/* Utility classes for Titillium Web */\n.titillium-web-regular,\n.font-titillium-web-regular {\n  font-family: var(--font-titillium-web), sans-serif;\n  font-weight: 400;\n  font-style: normal;\n}\n\n.titillium-web-bold {\n  font-family: var(--font-titillium-web), sans-serif;\n  font-weight: 700;\n  font-style: normal;\n}\n\n.titillium-web-black {\n  font-family: var(--font-titillium-web), sans-serif;\n  font-weight: 900;\n  font-style: normal;\n}\n\n/* Utility classes for Lato */\n.lato-regular {\n  font-family: var(--font-lato), sans-serif;\n  font-weight: 400;\n  font-style: normal;\n}\n\n.lato-bold {\n  font-family: var(--font-lato), sans-serif;\n  font-weight: 600;\n  font-style: normal;\n}\n\n.lato-black {\n  font-family: var(--font-lato), sans-serif;\n  font-weight: 900;\n  font-style: normal;\n}\n\n/* Utility classes for Open Sans */\n.open-sans-regular {\n  font-family: var(--font-open-sans), sans-serif;\n  font-weight: 400;\n  font-style: normal;\n}\n\n.open-sans-bold {\n  font-family: var(--font-open-sans), sans-serif;\n  font-weight: 700;\n  font-style: normal;\n}\n\n/* Utility classes for custom fonts */\n.eloquent-jf-pro {\n  font-family: \"EloquentJFRegularPro\", sans-serif;\n  font-weight: 400;\n  font-style: normal;\n}\n\n.hermes-maia-t4-regular {\n  font-family: \"Hermes Maia T4\", sans-serif;\n  font-weight: 400;\n  font-style: normal;\n}\n\n.hermes-maia-t4-bold {\n  font-family: \"Hermes Maia T4\", sans-serif;\n  font-weight: 700;\n  font-style: normal;\n}\n","/**\n * Theme Variables\n * Design tokens for the UI Package\n */\n\n@theme {\n  /* Base colors */\n  --color-primary: #fff;\n  --color-primary-light-75: #eff8fe;\n  --color-secondary: #fff;\n  --color-black: #1b1c1e;\n  --color-light-blue: #26295c;\n  --color-white: #ffffff;\n  --color-ultra-light-blue: #fafcff;\n  --color-ultra-light-gray: #fbfbfb;\n  --color-light-gray: #efefef;\n  --color-alternative3: #339900;\n\n  /* Functional colors */\n  --color-light-blue-disabled: #bdbeca;\n  --color-green: #1d9856;\n  --color-green-light: #ecfdf3;\n  --color-pink: #e2237a;\n  --color-pink-light: #fce9f2;\n  --color-purple: #420089;\n  --color-purple-light: #f2e6ff;\n  --color-accent-blue: #0066cc;\n  --color-accent-blue-light: #e7f0f9;\n  --color-orange: #e86427;\n  --color-orange-light: #fff3eb;\n  --color-yellow: #ffc048;\n  --color-check: #2dc071;\n  --color-warning: #ee9603;\n  --color-warning-light: #fff4e2;\n\n  /* Dark/Light shades */\n  --color-dark-600: #333333;\n  --color-dark-500: #1a1a1a;\n  --color-dark-400: #262626;\n  --color-dark-300: #666666;\n  --color-dark-200: #999999;\n  \n  --color-light-600: #E8E8E8;\n  --color-light-500: #707070;\n  --color-light-400: #A8A8A8;\n  --color-light-300: #E8E8E8;\n  --color-light-200: #EFEFEF;\n\n  --color-usp-icon-color: #52c65c;\n\n  /* Typography system */\n  /* Extra small fields */\n  --font-xs-fields-size: 0.625rem;\n  --font-xs-fields-line-height: 1rem;\n  --font-xs-fields-weight: 400;\n\n  /* Extra small field titles */\n  --font-xs-field-titles-size: 0.75rem;\n  --font-xs-field-titles-line-height: 1rem;\n  --font-xs-field-titles-weight: 700;\n\n  /* Extra small */\n  --font-xs-size: 0.75rem;\n  --font-xs-line-height: 1rem;\n  --font-xs-weight: 400;\n\n  /* Small */\n  --font-sm-size: 0.875rem;\n  --font-sm-line-height: 1.25rem;\n  --font-sm-weight: 400;\n\n  /* Base */\n  --font-base-size: 1rem;\n  --font-base-line-height: 1.5rem;\n  --font-base-weight: 400;\n\n  /* Large */\n  --font-lg-size: 1.125rem;\n  --font-lg-line-height: 1.75rem;\n  --font-lg-weight: 400;\n\n  /* Extra large */\n  --font-xl-size: 1.25rem;\n  --font-xl-line-height: 1.75rem;\n  --font-xl-weight: 400;\n\n  /* 2x large */\n  --font-2xl-size: 1.5rem;\n  --font-2xl-line-height: 2rem;\n  --font-2xl-weight: 400;\n\n  /* 3x large */\n  --font-3xl-size: 1.875rem;\n  --font-3xl-line-height: 2.25rem;\n  --font-3xl-weight: 400;\n\n  /* 4x large */\n  --font-4xl-size: 2.25rem;\n  --font-4xl-line-height: 2.5rem;\n  --font-4xl-weight: 400;\n\n  /* 5x large */\n  --font-5xl-size: 3rem;\n  --font-5xl-line-height: 1;\n  --font-5xl-weight: 400;\n\n  /* 6x large */\n  --font-6xl-size: 3.75rem;\n  --font-6xl-line-height: 1;\n  --font-6xl-weight: 400;\n\n  /* 7x large */\n  --font-7xl-size: 4.5rem;\n  --font-7xl-line-height: 1;\n  --font-7xl-weight: 400;\n\n  /* 8x large */\n  --font-8xl-size: 6rem;\n  --font-8xl-line-height: 1;\n  --font-8xl-weight: 400;\n\n  /* 9x large */\n  --font-9xl-size: 8rem;\n  --font-9xl-line-height: 1;\n  --font-9xl-weight: 400;\n\n  /* Large */\n  --font-lg-weight: 700;\n\n  /* Extra large */\n  --font-xl-size: 1.5rem;\n  --font-xl-line-height: 2rem;\n  --font-xl-weight: 500;\n\n  /* 2XL */\n  --font-2xl-size: 1.5rem;\n  --font-2xl-line-height: 2rem;\n  --font-2xl-weight: 700;\n\n  /* 3XL */\n  --font-3xl-size: 1.875rem;\n  --font-3xl-line-height: 2.25rem;\n  --font-3xl-weight: 700;\n\n  /* Shadows and effects */\n  --drop-shadow-3xl: drop-shadow(0px 4px 27px rgba(4, 1, 50, 0.2));\n  --shadow-dropdown: 0px 4px 19px 0px rgba(124, 124, 124, 0.18);\n  --shadow-dropdown-xl: 0px 29px 30px 0px #0004401a;\n\n  /* Animations */\n  --animation-spin-slow: spin 2s linear infinite;\n  --animation-spin-once: spin 2s linear;\n\n  /* Transitions */\n  --transition-property-max-height: max-height;\n  --transition-timing-function-custom-cubic: cubic-bezier(0, 1, 0, 1);\n  --transition-duration-700: 700ms;\n  --transition-duration-1000: 1000ms;\n\n  /* Sizing */\n  --max-h-0: 0;\n  --max-h-1000: 1000px;\n\n  /* Font families */\n  --font-family-sans:\n    var(--font-open-sans), ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n    \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --font-family-serif:\n    ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif;\n  --font-family-mono:\n    ui-monospace, SFMono-Regular, \"SF Mono\", Consolas, \"Liberation Mono\", Menlo,\n    monospace;\n  --font-sans:\n    \"var(--font-gotham)\", \"ui-sans-serif\", \"system-ui\", \"-apple-system\",\n    \"BlinkMacSystemFont\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Arial\",\n    \"Noto Sans\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\n/* Change this path to be relative to where this CSS file ends up after packaging this library. */\n@source \"../../dist\";\n",".top-menu-wrapper {\n  background-color: var(--topMenu-background-color);\n  box-shadow: inset 0 32px var(--topMenu-boxShadow-color);\n}\n\n.topMenu {\n  background-color: var(--topMenu-background-color);\n  box-shadow: inset 0 32px var(--topMenu-boxShadow-color);\n  height: var(--topMenu-height);\n}","\n.btn-primary-boxShadow {\n  box-shadow: var(--primary-btn-box-shadow);\n}\n.btn-primary-boxShadow-active {\n  box-shadow: var(--primary-btn-box-shadow-active);\n}\n.btn-primary-boxShadow-hover {\n  box-shadow: var(--primary-btn-box-shadow-hover);\n}\n\n/* Active state fallbacks */\nbutton.btn-primary-boxShadow:active {\n  box-shadow: var(--primary-btn-box-shadow-active);\n}\nbutton.btn-primary-boxShadow:hover {\n  box-shadow: var(--primary-btn-box-shadow-hover);\n}\n\nbutton.btn-primary-boxShadow:hover:active {\n  box-shadow: var(--primary-btn-box-shadow-active);\n}\n\nbutton.btn-secondary:active {\n  box-shadow: var(--secondary-btn-box-shadow-active);\n}\n\nbutton.btn-secondary:hover {\n  box-shadow: var(--secondary-btn-box-shadow-hover);\n}\n\nbutton.btn-secondary:hover:active {\n  box-shadow: var(--secondary-btn-box-shadow-active);\n}\n\n.btn-secondary-boxShadow {\n  box-shadow: var(--secondary-btn-box-shadow);\n}\n\n.btn-secondary-boxShadow-active {\n  box-shadow: var(--secondary-btn-box-shadow-active);\n}\n.btn-secondary-boxShadow-hover {\n  box-shadow: var(--secondary-btn-box-shadow-hover);\n}\n\n/* Button primary variant with CSS custom properties */\n.btn-primary {\n  background-color: var(--primary-btn-color);\n  border-color: transparent;\n  color: white;\n  transition: all .2s ease;\n}\n\n.btn-primary:disabled {\n  background-color: var(--primary-btn-color);\n  opacity: 0.2;\n  color: #1f2937;\n}\n\n.btn-primary:disabled:hover {\n  background-color: var(--primary-btn-color);\n  opacity: 0.2;\n}\n\n/* Button secondary variant with CSS custom properties */\n.btn-secondary {\n  background-color: var(--secondary-btn-color);\n  border-color: transparent;\n  color: white;\n  transition: all .2s ease;\n}\n\n.btn-secondary:disabled {\n  background-color: var(--secondary-btn-color);\n  opacity: 0.2;\n  color: #1f2937;\n}\n\n.btn-secondary:disabled:hover {\n  background-color: var(--secondary-btn-color);\n  opacity: 0.2;\n}\n\n/* Button tertiary variant with CSS custom properties */\n.btn-alternative {\n  background-color: var(--alternative-btn-color);\n  border-color: transparent;\n  color: white;\n  transition: all .2s ease;\n\n}\n\n.btn-alternative:hover {\n  background-color: var(--alternative-btn-hover-color);\n}\n\n.btn-alternative:disabled {\n  background-color: var(--alternative-btn-color);\n  opacity: 0.2;\n  color: #1f2937;\n}\n\n.btn-alternative:disabled:hover {\n  background-color: var(--alternative-btn-color);\n  opacity: 0.2;\n}\n\n/* Button alternative2 variant with CSS custom properties */\n.btn-alternative2 {\n  background-color: var(--alternative2-btn-color);\n  border-color: transparent;\n  color: white;\n  transition: all .2s ease;\n}\n\n.btn-alternative2:hover {\n  background-color: var(--alternative2-btn-hover-color);\n}\n\n.btn-alternative2:disabled {\n  background-color: var(--alternative2-btn-color);\n  opacity: 0.2;\n  color: #1f2937;\n}\n\n.btn-alternative2:disabled:hover {\n  background-color: var(--alternative2-btn-color);\n  opacity: 0.2;\n}\n\n.btn-shadow {\n  box-shadow: var(--btn-shadow);\n}\n\n.btn-outline {\n  border-color: var(--btn-outline-border);\n  color: var(--btn-outline-color);\n}\n\n.btn-outline:hover {\n  border-color: var(--btn-outline-hover-border-color);\n  color: var(--btn-outline-hover-color);\n}\n\n.btn-text {\n  color: var(--btn-text-color);\n}\n.btn-text-hover-color:hover {\n  color: var(--btn-text-hover-color);\n}\n","\n.price-check-color {\n  color: var(--price-check-color);\n}\n\n.price-check-color-price {\n  color: var(--price-check-price-color);\n}\n\n.price-check-fontFamily {\n  font-family: var(--fontFamily-price-check);\n}\n\n.price-check-fontFamily-price {\n  font-family: var(--fontFamily-price-check-price);\n  z-index: 0;\n}\n\n.price-check-font-price-text {\n  font-weight: var(--fontWeight-price-text);\n  z-index: 0;\n}\n\n.price-background {\n  inset: 0;\n  position: absolute;\n  z-index: 0;\n}\n\n.price-background::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-color: var(--price-background);\n  transform: matrix(1, -.06, .1, 1, 0, 0);\n  z-index: 3;\n}\n\n.price-background::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  background-color: var(--price-background-back);\n  transform: matrix(1,.05,-.05,1,0,0);\n  transform-origin: center;\n}\n\n.price-check-text-padding {\n  padding-left: var(--price-text-padding-left);\n  margin-bottom: var(--price-text-padding-bottom);\n}\n\n.price-check-price-padding {\n  padding-left: var(--price-price-padding-left);\n  padding-right: var(--price-price-padding-right);\n}\n\n.price-check-price-margin-top {\n  margin-top: var(--price-price-margin-top)\n}\n\n.price-check-minus {\n  position: absolute;\n  right: var(--price-minus-right);\n  bottom: var(--price-minus-bottom);\n}","\n.toggle {\n    background-color: color-mix(in srgb, var(--toggle-inactive-background-color) 20%, transparent);\n    container-type: inline-size;\n    font-family: var(--toggle-font-family);\n}\n\n.toggle-inactive:not(.disabled):hover {\n    box-shadow: 0 2px #333, 0 4px 17px -10px #333;\n    transform: translateY(-2px);\n    transition: opacity .2s ease, transform .1s ease, background .1s ease, box-shadow .1s ease;\n}\n\n.toggle-inactive:not(.disabled):active {\n  transform: translateY(0px);\n  box-shadow: 0 0px #333, 0 0px 17px -10px #333;\n  transition: opacity .2s ease, transform .1s ease, background .1s ease, box-shadow .1s ease;\n}\n\n.toggle-active {\n  background-color: var(--toggle-active-background-color);\n  color: var(--toggle-active-color);\n  transform: translateY(1px);\n  box-shadow: 0 -1px var(--color-secondary);\n}\n.toggle-inactive {\n  color: var(--toggle-inactive-color);\n}\n\n.toggle-active-icon {\n  color: var(--toggle-active-color);\n}\n\n.toggle-inactive-icon {\n  color: var(--toggle-inactive-color);\n}","\n\n.top-header-menu {\n  background-color: var(--topHeaderMenu-background-color);\n}\n\n.top-header-menu li {\n  background-color: var(--topMenu-background-color);\n  height: var(--topMenu-height);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  transition: all 0.4s ease;\n}\n\n.top-header-menu li a {\n  padding: 0 4px;\n  height: 100%;\n  display: flex;\n  align-content: center;\n  align-items: center;\n}\n\n.top-header-menu li:hover a {\n  background-color: var(--topMenu-background-color-hover);\n  transition: all 0.4s ease;\n  color: white;\n}\n.top-header-menu li:hover a {\n  color: white;\n}\n\n.top-header-menu li a {\n  text-decoration: none;\n  color: white;\n  padding: 0 12px;\n  font-weight: 700;\n  font-size: 14px;\n  font-family: var(--font-open-sans), sans-serif;\n}\n","\n.filter-button {\n  background-color: var(--filter-button-background-color);\n  font-family: var(--fontFamily-filter-button);\n}\n\n.filter-button:hover {\n  background-color: var(--filter-button-background-hover-color);\n}\n\n.filter-button-icon {\n  background-color: var(--filter-button-icon-background-color);\n  color: var(--filter-button-background-color);\n}\n\n.filter-button:hover .filter-button-icon {\n  background-color: var(--filter-button-icon-background-hover-color);\n  color: white;\n}\n","\n.search-box-input:disabled {\n  opacity: 0.92;\n  cursor: not-allowed;\n}\n\n.search-box-input:active,\n.search-box-input:focus,\n.search-box-input.active {\n  width: var(--expanded-width, 300px);\n  padding-left: 48px;\n  transition: width .3s ease, padding-left .3s ease;\n  border: 2px solid var(--search-box-border-color);\n}\n\n.search-box-input:focus-visible {\n  outline: none;\n  border: 1px solid var(--search-box-border-color);\n}\n\n.search-box-input:focus::placeholder,\n.search-box-input.active::placeholder {\n  color: #9ca3af;\n  opacity: 1;\n  transition: opacity .3s ease;\n}\n\n.search-box-input::placeholder {\n  color: transparent;\n  opacity: 0;\n}\n\n.search-box-input {\n  border: 2px solid var(--search-box-border-color);\n} \n\n.search-box-icon {\n  color: var(--search-box-icon-color);\n}\n\n \n\n.search-box-clear:hover {\n  background-color: var(--search-box-clear-icon-background-hover-color);\n}\n\n.search-box-results {\n  box-shadow: 0 4px 80px rgba(0, 0, 0, .07), 0 .893452px 17.869px rgba(0, 0, 0, .042), 0 .266004px 5.32008px rgba(0, 0, 0, .028);\n}\n\n.search-box-clear {\n  background-color: var(--search-box-clear-icon-background-color);\n  color: var(--search-box-clear-icon-color);\n}\n.search-box-result-location {\n  color: var(--search-box-result-location-color);\n}\n\n.search-box-result:hover {\n  background-color: var(--search-box-result-hover-background-color);\n}\n.search-box-result-type-page {\n  color: var(--search-box-result-location-color);\n}\n.search-box-result-type-page:hover {\n  color: color-mix(in srgb, var(--search-box-result-location-color) 70%, transparent);\n}\n\n.search-box-result-location {\n  font-family: var(--font-open-sans), sans-serif;\n}\n",".dropdown-button {\n  color: var(--color-primary);\n}\n.dropdown-button-text {\n  color: var(--color-dark-600);\n}\n.dropdown-icon {\n  color: var(--color-secondary);\n}\n\n\n",".counter-icon-count {\n    background-color: var(--counter-icon-color);\n}\n.counter-icon-wrapper {\n    margin: 0 8px;\n}\n.counter-icon-clickable:hover {\n    background-color: var(--topMenu-background-color-hover);\n}","/* .usp-icon {\n    color: var(--color-alternative);\n} */\n\n.usp-wrapper,\n.usp-wrapper a {\n    color: var(--color-dark-600);\n    text-decoration: none;\n    font-family: var(--usp-font-family);\n}\n\n/* Container queries for responsive USP items */\n.usp-wrapper {\n    container-type: inline-size;\n}\n\n@container (max-width: 800px) {\n    .usp-wrapper.flex-row .usp-item:nth-child(n+4) {\n        display: none;\n    }\n}\n\n@container (max-width: 640px) {\n    .usp-wrapper.flex-row .usp-item:nth-child(n+3) {\n        display: none;\n    }\n    \n}\n\n@container (max-width: 480px) {\n    .usp-wrapper.flex-row .usp-item:nth-child(n+2) {\n        display: none;\n    }\n}\n\n",".middle-navigation {\n    color: #73726e;\n    font-family: var(--middle-navigation-font-family);\n}\n\n.middle-navigation li {\n    transition: all 0.3s ease-in-out;\n}\n\n.middle-navigation li:hover {\n    color: var(--color-dark-200);\n}","/* Menu styles */\n.menu-item {\n  position: relative;\n}\n\n\n.menu-item:hover:has(.menu-dropdown) .menu-link {\n  background-color: white;\n  color: var(--menu-link-hover-color);\n}\n\n.menu-item:hover {\n  background: rgba(0, 0, 0, .1);\n  border-radius: 4px;\n}\n\n.menu-item:hover .menu-link {\n  color: white;\n}\n\n.menu-item:hover .menu-item-icon {\n  color: var(--menu-item-icon-hover-color);\n}\n\n.menu-link {\n  color: var(--menu-link-color);\n}\n\n.menu-item-icon {\n  color: var(--menu-item-icon-color);\n}\n\n.menu-dropdown {\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.15s ease-in-out;\n  max-height: calc(100vh - 32px);\n  overflow: hidden;\n}\n\n.menu-item[data-open=\"true\"][data-ready=\"false\"] .menu-dropdown {\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.menu-item[data-open=\"true\"][data-ready=\"true\"] .menu-dropdown {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n}\n\n/* Create invisible bridge to prevent gap */\n.menu-dropdown::before {\n  content: '';\n  position: absolute;\n  top: -12px;\n  left: 0;\n  right: 0;\n  height: 12px;\n  background: transparent;\n}\n\n.menu-dropdown.bottom-full::before {\n  top: -12px;\n}\n\n.menu-dropdown.top-full::before {\n  bottom: -12px;\n  top: auto;\n}\n\n.menu-category:not(:last-child) {\n  border-bottom: 1px solid #e5e7eb;\n}\n\n.menu-dropdown a {\n  white-space: nowrap;\n}\n\n/* Ensure dropdown stays above other content */\n.menu-dropdown {\n  z-index: 50;\n}\n\n/* Add subtle animation for menu items */\n.menu-item > a {\n  position: relative;\n  transition: color 0.2s ease;\n}\n\n/* Sticky category headers for better navigation when scrolling */\n.menu-dropdown .sticky {\n  position: sticky;\n  top: 0;\n  background: white;\n  z-index: 10;\n}\n\n/* Hide dropdown scrollbars (keep scroll functionality) */\n.menu-dropdown {\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* IE/Edge legacy */\n}\n\n.menu-dropdown::-webkit-scrollbar {\n  width: 0;\n  height: 0;\n}\n\n/* Prevent dropdown from going off-screen horizontally */\n.menu-dropdown {\n  max-width: 90vw;\n}\n\n/* Ensure dropdown never goes negative left */\n.menu-dropdown.left-0 {\n  left: 0;\n  right: auto;\n}\n\n/* Handle dropdown positioning */\n.menu-dropdown.top-full {\n  top: 100%;\n}\n\n.menu-dropdown.bottom-full {\n  bottom: 100%;\n  margin-bottom: 4px;\n}\n\n.menu-dropdown.left-0 {\n  left: 0;\n}\n\n.menu-dropdown.right-0 {\n  right: 0;\n}\n\n.menu-dropdown.left-1\\/2 {\n  left: 50%;\n}\n\n.menu-dropdown.-translate-x-1\\/2 {\n  transform: translateX(-50%);\n}\n\n\n/* Grid layout for dropdown */\n.menu-dropdown .grid {\n  grid-template-columns: repeat(3, minmax(200px, 1fr));\n}\n\n/* Category styling in grid */\n.menu-dropdown .menu-category {\n  min-width: 200px;\n}\n",".footer-navigation-link {\n    color: var(--color-footer-navigation-link);\n}\n\n.footer-navigation-category-link {\n    color: var(--color-footer-navigation-category-link);\n}",".blog-widget-title {\n  font-family: var(--fontFamily-blog-widget);\n}\n.blog-widget-date {\n  font-family: var(--fontFamily-blog-widget-date);\n}",".bookModule {\n    background-color: var(--bookModule-background-color);\n    color: var(--bookModule-text-color); \n    font-size: var(--bookModule-text-size);\n    font-weight: var(--bookModule-text-weight);\n    font-family: var(--bookModule-font-family);\n    border-radius: var(--bookModule-border-radius);\n}\n\n.bookModuleButton {\n    background-color: white;\n    border-radius: var(--bookModuleButtonRadius);\n    height: var(--bookModuleButtonHeight);\n}\n\n.bookModuleButtonLabel {\n    font-size: var(--bookModuleButtonLabel-text-size);\n    font-weight: var(--bookModuleButtonLabel-text-weight);\n    font-family: var(--bookModuleButtonLabel-font-family);\n    color: var(--bookModuleButtonLabel-color); \n}\n\n.bookModuleButtonIcon {\n    color: var(--bookModuleButtonIcon-color);\n}\n\n.bookModuleButtonSelectedValue {\n\n    font-family: var(--bookModuleButtonSelectedValue-font-family);\n    color: var(--bookModuleButtonSelectedValue-color);\n    font-size: var(--bookModuleButtonSelectedValue-text-size);\n    font-weight: var(--bookModuleButtonSelectedValue-text-weight); \n    margin-top: var(--bookModuleButtonSelectedValue-margin-top);\n\n}\n\n.bookModuleButtonSecondarySelectedValue {\n    font-size: var(--bookModuleButtonLabel-text-size);\n    color: var(--bookModuleButtonIcon-color);\n}\n\n.bookModuleButtonDownIcon {\n    color: var(--bookModuleButtonDownIcon-color);\n    width: var(--bookModuleButtonDownIcon-size);\n    height: var(--bookModuleButtonDownIcon-size);\n}",".category-filter {\n    font-family: var(--category-filter-font-family);\n}",".collection-title {\n    font-family: var(--collection-title-font-family)\n}\n\n.collection-description {\n    font-family: var(--collection-description-font-family);\n    color: var(--color-dark-300);\n    \n}",".review {\n    box-shadow: 0 4px 80px rgba(0, 0, 0, .07), 0 .893452px 17.869px rgba(0, 0, 0, .042), 0 .266004px 5.32008px rgba(0, 0, 0, .028);\n}\n\n.review-color {    \n    color: var(--review-color);\n}\n\n.review-number-color {\n    background: var(--review-number-background-color);\n    color: var(--review-number-color);\n}\n\n.review-shadow {\n    box-shadow: var(--review-shadow);\n}\n\n.review-small {\n   background: var(--review-color); \n   color: white;\n}\n\n.review-small-arrow {\n    border-top-color: var(--review-color);\n}",".hotel-accomodation-results-title {\n    color: var(--hotel-accomodation-results-title-color);\n    font-family: var(--hotel-accomodation-results-title-font);\n}\n\n.hotel-accomodation-results-location {\n    font-family: var(--hotel-accomodation-results-location-font);\n    color: var(--hotel-accomodation-results-location-color); \n}",".coupon-bite-top {\n  -webkit-mask-image: radial-gradient(circle 12px at 0 100%, transparent 99%, #000), radial-gradient(circle 12px at 100% 100%, transparent 99%, #000);\n  -webkit-mask-size: 51% 100%;\n  -webkit-mask-position: left, right;\n  -webkit-mask-repeat: no-repeat;\n  mask-image: radial-gradient(circle 12px at 0 100%, transparent 99%, #000), radial-gradient(circle 12px at 100% 100%, transparent 99%, #000);\n  mask-size: 51% 100%;\n  mask-position: left, right;\n  mask-repeat: no-repeat;\n}\n\n.coupon-bite-dashes {\n  -webkit-mask-image: repeating-linear-gradient(90deg, transparent 0 10px, #000 10px 18px);\n  mask-image: repeating-linear-gradient(90deg, transparent 0 10px, #000 10px 18px);\n}\n\n.coupon-bite-bottom {\n  -webkit-mask-image: radial-gradient(circle 12px at 0 0, transparent 99%, #000), radial-gradient(circle 12px at 100% 0, transparent 99%, #000);\n  -webkit-mask-size: 51% 100%;\n  -webkit-mask-position: left, right;\n  -webkit-mask-repeat: no-repeat;\n  mask-image: radial-gradient(circle 12px at 0 0, transparent 99%, #000), radial-gradient(circle 12px at 100% 0, transparent 99%, #000);\n  mask-size: 51% 100%;\n  mask-position: left, right;\n  mask-repeat: no-repeat;\n}",".gift-card {\n    fill: linear-gradient(215deg, rgba(255, 255, 255, 0.20) -115.47%, #0092F2 36.73%);\n    font-family: var(--font-open-sans), sans-serif;\n}\n\n.gift-card-amount {\n    font-family: \"Hermes Maia T4\", sans-serif;\n}\n",".popup-title {\n    font-family: var(--popup-title-font-family);\n}","\n.rotated-image-0,\n.rotated-image-1 {\n    box-shadow: 0 0.893px 17.869px 0 rgba(0, 0, 0, 0.04), 0 0.266px 5.32px 0 rgba(0, 0, 0, 0.03);\n}\n\n.rotated-image-2 {\n    box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.07), 0 0.893px 17.869px 0 rgba(0, 0, 0, 0.04), 0 0.266px 5.32px 0 rgba(0, 0, 0, 0.03);\n}",".spotlights-item {\n    font-family: \"Hermes Maia T4\";\n}","\n.viewed-accomodations {\n    box-shadow: 0 1px 5px rgba(0,0,0,.12),0 2px 6.4px rgba(0,0,0,.11),0 3px 9.6px -2px rgba(0,0,0,.2);\n}\n\n.viewed-accomodations-title {\n    font-family: var(--viewed-accomodations-title-font);\n    color: var(--viewed-accomodations-title-text-color);\n}\n\n.viewed-accomodations-header {\n    font-family: var(--viewed-accomodations-header);\n    color: var(--viewed-accomodations-title-text-color);\n    font-size: var(--viewed-accomodations-header-font-size);\n}\n\n.viewed-accomodations-items, .viewed-accomodations-empty-header {\n    color: var(--viewed-accomodations-empty-color);\n}\n\n.viewed-accomodations-empty-text-color {\n    color: var(--viewed-accomodations-empty-text-color);\n}",".quantity-buttons-border-color {\n    border-color: var(--quantity-buttons-border-color);\n}\n\n.quantity-buttons-border-color:hover:not(:disabled) {\n    border-color: var(--quantity-buttons-border-color-hover);\n}\n\n.quantity-buttons-border-color:hover:not(:disabled) .quantity-buttons-color {\n    color: var(--quantity-buttons-border-color-hover);\n}\n\n.quantity-buttons-color {\n    color: var(--quantity-buttons-color);\n}\n\n.quantity-buttons-value-color {\n    color: var(--quantity-buttons-value-color);\n}\n",".matrix-table-days {\n    color: var(--matrix-table-days-color);\n}\n.matrix-table-month-header {\n    color: var(--matrix-table-month-header-color);\n    font-family: var(--matrix-table-month-header-font-family);\n}\n\n.matrix-table-cell:hover, .matrix-table-cell-cheapest:hover, .matrix-table-cell-active:hover {\n    background: #e4e4e4;\n    border-color: #e4e4e4;\n    color: var(--matrix-table-days-color);\n} \n\n.matrix-table-cell-cheapest {\n    background: var(--matrix-table-cell-cheapest-color);\n    border-color: var(--matrix-table-cell-cheapest-border-color);\n    font-weight: 600;\n}\n.matrix-table-cell {\n    background: var(--matrix-table-cell-color);\n    border-color: var(--matrix-table-cell-border-color);    \n}\n.matrix-table-cell-active {\n    background: var(--matrix-table-cell-active-color);\n    border-color: var(--matrix-table-cell-active-border-color);\n    color: var(--matrix-table-cell-active-text-color);\n    font-weight: 600;\n}\n.matrix-table-days {\n    font-family: var(--matrix-table-days-amount-font);\n}\n.matrix-table-dates, .matrix-table-dates-weekday {\n    font-family: var(--matrix-table-days-amount-font);\n}\n.matrix-table-dates-weekday {\n    color: var(--matrix-table-days-weekday-color);\n}\n",".page-navigation:hover,\n.page-navigation.selected {\n    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.20), 0 2px 2px 0 rgba(0, 0, 0, 0.11), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n}","/**\n * Custom Utilities\n * Additional utility classes for the UI Package\n */\n\n/* Custom utilities */\n\n@import '../components/topMenu/styles.css';\n@import '../components/button/styles.css';\n@import '../components/priceCheck/styles.css';\n@import '../components/toggle/styles.css';\n@import '../components/topHeaderMenu/styles.css';\n@import '../components/filterButtons/styles.css';\n@import '../components/searchBox/styles.css';\n@import '../components/dropdown/styles.css';\n@import '../components/counterIcon/styles.css';\n@import '../components/usp/styles.css';\n@import '../components/middleNavigation/styles.css';\n@import '../components/menu/styles.css';\n@import '../components/footer/styles.css';\n@import '../components/blogWidget/styles.css';\n@import '../components/bookModule/styles.css';\n@import '../components/categoryFilter/styles.css';\n@import '../components/collection/styles.css';\n@import '../components/review/styles.css';\n@import '../components/hotelAccomodationResults/styles.css';\n@import '../components/coupon/styles.css';\n@import '../components/giftCard/styles.css';\n@import '../components/pvPopup/styles.css';\n@import '../components/photoCardsRotated/styles.css';\n@import '../components/spotlights/styles.css';\n@import '../components/viewedAccomodations/styles.css';\n@import '../components/quantityButtons/styles.css';\n@import '../components/matrixTable/styles.css';\n@import '../components/pageNavigation/styles.css';\n\n@utility transition-max-height {\n  transition: max-height 0.3s ease-in-out;\n}\n\n@layer utilities {\n  /* Animation utility classes */\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n  .animate-spin-slow {\n    animation: spin 2s linear infinite;\n  }\n  .animate-spin-once {\n    animation: spin 2s linear forwards;\n  }\n\n  .animate-plane-bounce {\n    animation: airplane-bounce 5s ease-in-out infinite;\n  }\n\n  .animate-cloud-float {\n    animation: cloud-move 7s infinite linear;\n  }\n\n  .animate-cloud-float-2 {\n    animation: cloud-move 7s -5s infinite linear;\n  }\n\n  .animate-cloud-float-3 {\n    animation: cloud-move 7s -10s infinite linear;\n  }\n\n  /* Duration utility classes */\n  .duration-sidebar {\n    transition-duration: var(--transition-duration-sidebar);\n  }\n\n  .duration-1000 {\n    transition-duration: 1000ms;\n  }\n\n  .duration-700 {\n    transition-duration: 700ms;\n  }\n\n  /* Gradient background utility classes */\n  .bg-linear-gradient-y {\n    background-image: var(--color-linear-gradient-y);\n  }\n  .bg-linear-gradient-x {\n    background-image: var(--color-linear-gradient-x);\n  }\n  .bg-gradient-blue-pink {\n    background-image: var(--color-linear-gradient-x) !important;\n  }\n  .bg-gradient-blue-green-y {\n    background-image: var(--color-gradient-blue-green-y);\n  }\n  .bg-gradient-blue-green-x {\n    background-image: var(--color-gradient-blue-green-x);\n  }\n  .bg-gradient-calendar {\n    background-image: var(--color-gradient-calendar);\n  }\n  .hover\\:bg-gradient-calendar:hover {\n    background-image: var(--color-gradient-calendar);\n  }\n  @media (min-width: 768px) {\n    .md\\:hover\\:bg-gradient-calendar:hover {\n      background-image: var(--color-gradient-calendar);\n    }\n  }\n  .bg-nav-gradient {\n    background-image: var(--color-nav-gradient);\n  }\n  .bg-nav-gradient-mobile {\n    background-image: var(--color-nav-gradient-mobile);\n  }\n\n  /* Toast notification colors */\n  :root {\n    --toastify-color-info: #2a67f6;\n    --toastify-color-success: #10d1bb;\n    --toastify-color-warning: #f8ec5b;\n    --toastify-color-error: #ed3f55;\n  }\n\n  /* Base element styles */\n  * {\n    box-sizing: inherit;\n  }\n\n  html {\n    box-sizing: border-box;\n    -ms-overflow-style: scrollbar;\n    -webkit-tap-highlight-color: rgba(#000, 0);\n    font-family: var(--font-open-sans), sans-serif;\n    @reference min-h-screen;\n    @reference overflow-y-scroll;\n    @reference text-base;\n  }\n\n  body {\n    @reference m-0;\n    @reference bg-ultra-light-blue;\n  }\n\n  /* Focus styles */\n  button:focus-visible {\n    @reference focus:outline-hidden;\n    @reference focus:ring-2;\n    @reference focus:ring-offset-2;\n  }\n\n  /* Link styles */\n  a {\n    font-size: 0.75rem;\n    font-weight: 500;\n    color: var(--color-accent-blue);\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  /* Base layer styles */\n  @layer base {\n    button:not(:disabled),\n    [role=\"button\"]:not(:disabled) {\n      cursor: pointer;\n    }\n  }\n\n  /* Heading styles */\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    @reference m-0;\n  }\n\n  /* Editor styles */\n  .is-editor-empty:first-of-type::before {\n    @reference text-gray-800;\n    color: #333333 !important;\n  }\n\n  /* List styles */\n  ul {\n    @reference list-disc;\n  }\n\n  ol {\n    @reference list-decimal;\n  }\n}\n\n/* Table animations */\n.table-animation-exit {\n  opacity: 1;\n  transition: opacity 300ms ease-out;\n}\n.table-animation-exit-active {\n  opacity: 0;\n  transition: opacity 300ms ease-out;\n}\n.table-animation-enter {\n  opacity: 0;\n  transition: opacity 300ms ease-in;\n}\n.table-animation-enter-active {\n  opacity: 1;\n  transition: opacity 300ms ease-in;\n}\n\n/* Spin animation keyframes */\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes airplane-bounce {\n  0% {\n    transform: translate3d(0, 0, 0);\n  }\n  25% {\n    transform: translate3d(0, -2%, 0);\n  }\n  50% {\n    transform: translate3d(0, 0, 0);\n  }\n  75% {\n    transform: translate3d(0, 2%, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n@keyframes cloud-move {\n  0% {\n    left: 100%;\n  }\n  100% {\n    left: -100%;\n  }\n}\n","/**\n * Global CSS Styles\n * Main stylesheet for the UI Package\n */\n\n@import \"tailwindcss\";\n@import \"./styles/fonts.css\";\n@import \"./styles/variables.css\";\n@import \"./styles/utilities.css\";\n@import \"@toolwind/anchors\";\n\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.tiptap {\n  :first-child {\n    margin-top: 0;\n  }\n\n  /* List styles */\n  ul,\n  ol {\n    padding: 0 1rem;\n    margin: 1.25rem 1rem 1.25rem 0.4rem;\n\n    li p {\n      margin-top: 0.25em;\n      margin-bottom: 0.25em;\n    }\n  }\n}\n\n.font-lato {\n  font-family: var(--font-lato), sans-serif;\n}\n\n\n/* Prijsvrij */\n:root {\n  --prijsvrij-primary: #0092F2;\n  --prijsvrij-primary-dark-50: #004979;\n  --prijsvrij-primary-dark-25: #006DB5;\n  --prijsvrij-primary-light-25: #40ADF5;\n  --prijsvrij-primary-light-50: #80C8F8;\n  --prijsvrij-primary-light-75: #EFF8FE;\n  \n  --prijsvrij-secondary: #003593;\n  --prijsvrij-secondary-dark-50: #1A499E;\n  --prijsvrij-secondary-dark-25: #335DA9;\n  --prijsvrij-secondary-light-25: #6686BE;\n  --prijsvrij-secondary-light-50: #B2C2DF;\n  --prijsvrij-secondary-light-75: #E5EBF4;\n  \n  --prijsvrij-alternative: #FDE92F;\n  --prijsvrij-alternative-dark-50: #7F7518;\n  --prijsvrij-alternative-dark-25: #BEAF23;\n  --prijsvrij-alternative-light-25: #FEEF63;\n  --prijsvrij-alternative-light-50: #FEF497;\n  --prijsvrij-alternative-light-75: #FFFACB;\n  \n  --prijsvrij-alternative2: #D90000;\n  --prijsvrij-alternative2-dark-50: #730000;\n  --prijsvrij-alternative2-dark-25: #A60000;\n  --prijsvrij-alternative2-light-25: #E13333;\n  --prijsvrij-alternative2-light-50: #EC8080;\n  --prijsvrij-alternative2-light-75: #F7CCCC;\n  \n  --prijsvrij-alternative3: #339900;\n  --prijsvrij-alternative3-dark-50: #1A4D00;\n  --prijsvrij-alternative3-dark-25: #267300;\n  --prijsvrij-alternative3-light-25: #74B555;\n  --prijsvrij-alternative3-light-50: #99CC80;\n  --prijsvrij-alternative3-light-75: #CCE5BF;\n\n  --prijsvrij-danger-red: #D90000;\n  --prijsvrij-danger-red-hover: #A60000;\n  --prijsvrij-danger-red-disabled: #F7CCCC;\n\n  --prijsvrij-dark-600: #333333;\n  --prijsvrij-dark-500: #1a1a1a;\n  --prijsvrij-dark-400: #262626;\n  --prijsvrij-dark-300: #666666;\n  --prijsvrij-dark-200: #999999;\n\n  --prijsvrij-light-600: #E0E0E0;\n  --prijsvrij-light-500: #707070;\n  --prijsvrij-light-400: #A8A8A8;\n  --prijsvrij-light-300: #E8E8E8;\n  --prijsvrij-light-200: #EFEFEF;\n\n  --btn-prijsvrij-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.11),0 1px 5px rgba(0,0,0,.12);\n\n  /* D-reizen */\n  --dreizen-primary: #0077BF;\n  --dreizen-primary-100: #003C60;\n  --dreizen-primary-200: #00598F;\n  --dreizen-primary-300: #80BBDF;\n  \n  --dreizen-secondary: #FF7801;\n  --dreizen-secondary-100: #803C00;\n  --dreizen-secondary-200: #BF5A01;\n  --dreizen-secondary-300: #FF9A40;\n  --dreizen-secondary-400: #FFEEDF;  \n  \n  --dreizen-alternative: #52C75D;\n  --dreizen-alternative-100: #29642E;\n  --dreizen-alternative-200: #3D9546;\n  --dreizen-alternative-300: #72D17B;\n  --dreizen-alternative-400: #93DC9A;\n\n  --dreizen-danger-red: #cc3433;\n  --dreizen-danger-red-hover: #992726;\n  --dreizen-danger-red-disabled: #e68080;\n  \n  --dreizen-dark-600: #333333;\n  --dreizen-dark-500: #1a1a1a;\n  --dreizen-dark-400: #262626;\n  --dreizen-dark-300: #666666;\n  --dreizen-dark-200: #999999;\n\n  --dreizen-light-600: #E8E8E8;\n  --dreizen-light-500: #747474;\n  --dreizen-light-400: #AEAEAE;\n  --dreizen-light-300: #F4F4F4;\n  --dreizen-light-200: #EEEEEE;\n  \n  --btn-dreizen-shadow: 0;\n\n  --usp-icon-color: #52c65c;\n}\n\n\n/* Apply de juiste variabelen op basis van data-brand */\n:root[data-brand=\"prijsvrij\"],\n[data-brand=\"prijsvrij\"] {\n  --color-primary: var(--prijsvrij-primary);\n  --color-primary-dark-50: var(--prijsvrij-primary-dark-50);\n  --color-primary-dark-25: var(--prijsvrij-primary-dark-25);\n  --color-primary-light-25: var(--prijsvrij-primary-light-25);\n  --color-primary-light-50: var(--prijsvrij-primary-light-50);\n  --color-primary-light-75: var(--prijsvrij-primary-light-75);\n  \n  --color-secondary: var(--prijsvrij-secondary);\n  --color-secondary-dark-50: var(--prijsvrij-secondary-dark-50);\n  --color-secondary-dark-25: var(--prijsvrij-secondary-dark-25);\n  --color-secondary-light-25: var(--prijsvrij-secondary-light-25);\n  --color-secondary-light-50: var(--prijsvrij-secondary-light-50);\n  --color-secondary-light-75: var(--prijsvrij-secondary-light-75);\n  \n  --color-alternative: var(--prijsvrij-alternative);\n  --color-alternative-dark-50: var(--prijsvrij-alternative-dark-50);\n  --color-alternative-dark-25: var(--prijsvrij-alternative-dark-25);\n  --color-alternative-light-25: var(--prijsvrij-alternative-light-25);\n  --color-alternative-light-50: var(--prijsvrij-alternative-light-50);\n  --color-alternative-light-75: var(--prijsvrij-alternative-light-75);\n  \n  --color-alternative2: var(--prijsvrij-alternative2);\n  --color-alternative2-dark-50: var(--prijsvrij-alternative2-dark-50);\n  --color-alternative2-dark-25: var(--prijsvrij-alternative2-dark-25);\n  --color-alternative2-light-25: var(--prijsvrij-alternative2-light-25);\n  --color-alternative2-light-50: var(--prijsvrij-alternative2-light-50);\n  --color-alternative2-light-75: var(--prijsvrij-alternative2-light-75);\n  \n  --color-alternative3: var(--prijsvrij-alternative3);\n  --color-alternative3-dark-50: var(--prijsvrij-alternative3-dark-50);\n  --color-alternative3-dark-25: var(--prijsvrij-alternative3-dark-25);\n  --color-alternative3-light-25: var(--prijsvrij-alternative3-light-25);\n  --color-alternative3-light-50: var(--prijsvrij-alternative3-light-50);\n  --color-alternative3-light-75: var(--prijsvrij-alternative3-light-75);\n  \n  --color-dark-600: var(--prijsvrij-dark-600);\n  --color-dark-500: var(--prijsvrij-dark-500);\n  --color-dark-400: var(--prijsvrij-dark-400);\n  --color-dark-300: var(--prijsvrij-dark-300);\n  --color-dark-200: var(--prijsvrij-dark-200);\n  \n  --color-light-600: var(--prijsvrij-light-600);\n  --color-light-500: var(--prijsvrij-light-500);\n  --color-light-400: var(--prijsvrij-light-400);\n  --color-light-300: var(--prijsvrij-light-300);\n  --color-light-200: var(--prijsvrij-light-200);\n  \n  --radius: var(--prijsvrij-radius);\n  \n  --fontFamily-price-check: var(--font-open-sans), sans-serif;\n  --fontFamily-price-check-price: \"Hermes Maia T4\", sans-serif;\n  --fontFamily-blog-widget: \"Hermes Maia T4\", sans-serif;\n  --fontFamily-blog-widget-date: var(--font-open-sans), sans-serif;\n\n  --fontWeight-price-text: 400;\n  --price-background: var(--prijsvrij-alternative);\n  --price-background-back: #ffbf2b;\n\n\n  /* Buttons */\n  --primary-btn-hover-color: var(--prijsvrij-alternative2-dark-25);\n  --primary-btn-color: var(--prijsvrij-alternative2);\n  --primary-btn-inactive-color: var(--prijsvrij-alternative2-light-75);\n  --primary-btn-box-shadow: 0 3px var(--prijsvrij-alternative2-dark-50);\n  --primary-btn-box-shadow-active: 0 1px var(--prijsvrij-alternative2-dark-50);\n  --primary-btn-box-shadow-hover: 0 6px var(--prijsvrij-alternative2-dark-50);\n\n  --secondary-btn-hover-color: var(--prijsvrij-alternative3-dark-25);\n  --secondary-btn-color: var(--prijsvrij-alternative3);\n  --secondary-btn-inactive-color: var(--prijsvrij-alternative3-light-75);\n  --secondary-btn-box-shadow: 0 3px var(--prijsvrij-alternative3-dark-50);\n  --secondary-btn-box-shadow-active: 0 1px var(--prijsvrij-alternative3-dark-50);\n  --secondary-btn-box-shadow-hover: 0 6px var(--prijsvrij-alternative3-dark-50);\n\n  --alternative-btn-hover-color: var(--prijsvrij-alternative-dark-25);\n  --alternative-btn-color: var(--prijsvrij-alternative);\n  --alternative-btn-inactive-color: var(--prijsvrij-alternative-light-75);\n  --alternative-btn-box-shadow: 0 3px var(--prijsvrij-alternative-dark-50);\n  --alternative-btn-box-shadow-active: 0 1px var(--prijsvrij-alternative-dark-50);\n  --alternative-btn-box-shadow-hover: 0 6px var(--prijsvrij-alternative-dark-50);\n\n  --alternative2-btn-hover-color: var(--prijsvrij-alternative2-dark-25);\n  --alternative2-btn-color: var(--prijsvrij-alternative2);\n  --alternative2-btn-inactive-color: var(--prijsvrij-alternative2-light-75);\n  --alternative2-btn-box-shadow: 0 3px var(--prijsvrij-alternative2-dark-50);\n  --alternative2-btn-box-shadow-active: 0 1px var(--prijsvrij-alternative2-dark-50);\n  --alternative2-btn-box-shadow-hover: 0 6px var(--prijsvrij-alternative2-dark-50);\n  \n  --alternative3-btn-hover-color: var(--prijsvrij-alternative3-dark-25);\n  --alternative3-btn-color: var(--prijsvrij-alternative3);\n  --alternative3-btn-inactive-color: var(--prijsvrij-alternative3-light-75);\n  --alternative3-btn-box-shadow: 0 3px var(--prijsvrij-alternative3-dark-50);\n  --alternative3-btn-box-shadow-active: 0 1px var(--prijsvrij-alternative3-dark-50);\n  --alternative3-btn-box-shadow-hover: 0 6px var(--prijsvrij-alternative3-dark-50);\n\n  --logo-url: var(--prijsvrij-logo-url);\n\n  --btn-shadow: var(--btn-prijsvrij-shadow);\n  --btn-outline-border: var(--prijsvrij-primary);\n  --btn-outline-color: var(--prijsvrij-primary);\n\n  --btn-outline-hover-border-color: var(--prijsvrij-primary-dark-25);\n  --btn-outline-hover-color: var(--prijsvrij-primary-dark-25);\n\n  --btn-text-color: var(--prijsvrij-primary);\n\n  --btn-text-hover-color: var(--prijsvrij-primary-dark-25);\n  --price-check-color: var(--prijsvrij-alternative2);\n  --price-check-price-color: var(--prijsvrij-alternative2);\n  --price-text-padding-left: 0.5rem;\n\n  --danger-red: var(--prijsvrij-danger-red);\n  --danger-red-hover: var(--prijsvrij-danger-red-hover);\n  --danger-red-disabled: var(--prijsvrij-danger-red-disabled);\n  --price-text-padding-bottom: -0.5rem;\n  --price-price-padding-left: 1rem;\n  --price-price-padding-right: 0.5rem;\n  --price-minus-right: 10px;\n  --price-minus-bottom: 10px;\n  --price-price-margin-top: 0;\n\n  --toggle-active-background-color: var(--prijsvrij-primary);\n  --toggle-inactive-background-color: var(--prijsvrij-primary);\n  --toggle-active-color: white;\n  --toggle-inactive-color: var(--prijsvrij-dark-600);\n  --toggle-font-family: var(--font-open-sans), sans-serif;\n\n  --filter-button-background-color: var(--prijsvrij-primary);\n  --filter-button-background-hover-color: #005cbb;\n  --fontFamily-filter-button: var(--font-open-sans), sans-serif;\n\n  --filter-button-icon-background-color: #80c8f8;\n  --filter-button-icon-background-hover-color: #002c49;\n\n  --search-box-border-color: transparent;\n  --search-box-icon-color: var(--prijsvrij-dark-600);\n  --search-box-clear-icon-background-color: #e3e3e3;\n  --search-box-clear-icon-background-hover-color: #a0a0a0;\n  --search-box-clear-icon-color: white;\n\n  --search-box-result-location-color: var(--prijsvrij-primary); \n  --search-box-result-hover-background-color: #edf7fe;\n\n  --topMenu-background-color: #0083da;\n  --topHeaderMenu-background-color: #0083da;\n  --topMenu-background-color-hover: #004979;\n  --topMenu-boxShadow-color: transparent;\n  --topMenu-height: 40px;\n\n  --counter-icon-color: #d90000;\n\n  --usp-font-family: var(--font-open-sans), sans-serif;\n  --middle-navigation-font-family: var(--font-open-sans), sans-serif;\n  --fontFamily-blog-widget: \"Hermes Maia T4\";\n\n  --menu-link-color: white;\n  --menu-link-hover-color: var(--prijsvrij-primary);\n  --menu-item-icon-color: white;\n\n  --color-footer-navigation-link: var(--prijsvrij-primary); \n  --color-footer-navigation-category-link: var(--prijsvrij-secondary); \n\n  --bookModule-background-color: var(--prijsvrij-alternative);\n  --bookModule-text-color: var(--prijsvrij-secondary);\n  --bookModule-text-size: 24px;\n  --bookModule-text-weight: 400;\n  --bookModule-font-family: \"Hermes Maia T4\", sans-serif;\n  --bookModule-border-radius: 8px;\n\n  --bookModuleButtonLabel-text-size: 12px;\n  --bookModuleButtonLabel-text-weight: 600;\n  --bookModuleButtonLabel-font-family: var(--font-open-sans), sans-serif;\n  --bookModuleButtonLabel-color: var(--prijsvrij-dark-300);\n  --bookModuleButtonIcon-color: var(--prijsvrij-secondary);\n\n  --bookModuleButtonRadius: 4px;\n  --bookModuleButtonHeight: 50px;\n\n  --bookModuleButtonSelectedValue-font-family: var(--font-open-sans), sans-serif;\n  --bookModuleButtonSelectedValue-color: var(--prijsvrij-dark-400);\n  --bookModuleButtonSelectedValue-text-size: 14px;\n  --bookModuleButtonSelectedValue-text-weight: 400;\n  --bookModuleButtonSelectedValue-margin-top: -4px;\n\n  --bookModuleButtonDownIcon-color: var(--prijsvrij-primary-light-25);\n  --bookModuleButtonDownIcon-size: 20px;\n\n  --category-filter-font-family: var(--font-open-sans), sans-serif;\n\n  --collection-title-font-family: \"Hermes Maia T4\", sans-serif;\n  --collection-description-font-family: var(--font-open-sans), sans-serif;\n\n  --usp-icon-color: var(--prijsvrij-alternative3);\n  --review-color: var(--prijsvrij-alternative3);\n  --review-number-background-color: inherit;\n  --review-number-color: var(--prijsvrij-alternative3);\n  --review-shadow: 0 4px 80px rgba(0,0,0,.07),0 .893452px 17.869px rgba(0,0,0,.042),0 .266004px 5.32008px rgba(0,0,0,.028);\n\n  --hotel-accomodation-results-title-color: var(--prijsvrij-secondary); \n  --hotel-accomodation-results-title-font: \"Hermes Maia T4\", sans-serif;\n\n  --hotel-accomodation-results-location-font: var(--font-open-sans), sans-serif;\n  --hotel-accomodation-results-location-color: #a8a8a8;\n\n  --viewed-accomodations-title-font: var(--font-open-sans), sans-serif;\n  --viewed-accomodations-title-text-color: var(--color-secondary);\n  --viewed-accomodations-header: var(--font-open-sans), sans-serif;\n  --viewed-accomodations-header-font-size: 18px;\n\n  --viewed-accomodations-empty-color: var(--color-secondary);\n\n  --viewed-accomodations-empty-text-color: var(--color-dark-400);\n\n  --quantity-buttons-border-color: var(--color-primary);\n  --quantity-buttons-color: var(--color-primary);\n  --quantity-buttons-border-color-hover: var(--color-secondary);\n  --quantity-buttons-value-color: var(--color-dark-400);\n\n  --matrix-table-days-color: var(--color-dark-400);\n  --matrix-table-month-header-color: var(--color-secondary);\n  --matrix-table-month-header-font-family: \"Hermes Maia T4\", sans-serif;\n\n  --matrix-table-cell-color: var(--prijsvrij-primary-light-75);\n  --matrix-table-cell-border-color: var(--prijsvrij-light-600);\n  --matrix-table-cell-cheapest-color: var(--prijsvrij-primary);\n  --matrix-table-cell-cheapest-border-color: var(--prijsvrij-primary-dark-25);\n\n  --matrix-table-cell-active-color: var(--prijsvrij-alternative);\n  --matrix-table-cell-active-border-color: #e4d22b;\n  --matrix-table-cell-active-text-color: var(--prijsvrij-alternative2);\n\n  --matrix-table-days-amount-font: var(--font-open-sans), sans-serif;\n\n  --matrix-table-days-weekday-color: var(--color-light-400);\n\n  --popup-title-font-family:  \"Hermes Maia T4\", sans-serif;\n\n  \n}\n\n:root[data-brand=\"dreizen\"],\n[data-brand=\"dreizen\"] {\n  --color-primary: var(--dreizen-primary);\n  --color-primary-100: var(--dreizen-primary-100);\n  --color-primary-200: var(--dreizen-primary-200);\n  --color-primary-300: var(--dreizen-primary-300);\n  --color-primary-light-25: var(--dreizen-primary-200);\n  --color-primary-light-50: var(--dreizen-primary-300);\n\n  --color-secondary: var(--dreizen-secondary);\n  --color-secondary-100: var(--dreizen-secondary-100);\n  --color-secondary-200: var(--dreizen-secondary-200);\n  --color-secondary-300: var(--dreizen-secondary-300);\n  --color-secondary-400: var(--dreizen-secondary-400);\n  \n  --color-alternative: var(--dreizen-alternative);\n  --color-alternative-100: var(--dreizen-alternative-100);\n  --color-alternative-200: var(--dreizen-alternative-200);\n  --color-alternative-300: var(--dreizen-alternative-300);\n  --color-alternative-400: var(--dreizen-alternative-400);\n  \n  --color-dark-600: var(--dreizen-dark-600);\n  --color-dark-500: var(--dreizen-dark-500);\n  --color-dark-400: var(--dreizen-dark-400);\n  --color-dark-300: var(--dreizen-dark-300);\n  --color-dark-200: var(--dreizen-dark-200);\n  \n  --color-light-600: var(--dreizen-light-600);\n  --color-light-500: var(--dreizen-light-500);\n  --color-light-400: var(--dreizen-light-400);\n  --color-light-300: var(--dreizen-light-300);\n  --color-light-200: var(--dreizen-light-200);\n\n  /* Buttons */\n  --primary-btn-color: var(--dreizen-primary);\n  --primary-btn-inactive-color: var(--dreizen-primary-400);\n  --primary-btn-box-shadow: 0 3px var(--dreizen-primary-100);\n  --primary-btn-box-shadow-active: 0 1px var(--dreizen-primary-100);\n  --primary-btn-box-shadow-hover: 0 6px var(--dreizen-primary-100);\n\n  --secondary-btn-color: var(--dreizen-secondary);\n  --secondary-btn-inactive-color: var(--dreizen-secondary-400);\n  --secondary-btn-box-shadow: 0 3px var(--dreizen-secondary-200);\n  --secondary-btn-box-shadow-active: 0 1px var(--dreizen-secondary-200);\n  --secondary-btn-box-shadow-hover: 0 6px var(--dreizen-secondary-200);\n  \n  --alternative-btn-hover-color: var(--dreizen-alternative-200);\n  --alternative-btn-color: var(--dreizen-alternative);\n  --alternative-btn-inactive-color: var(--dreizen-alternative-300);\n  --alternative-btn-box-shadow: 0 3px var(--dreizen-alternative-200);\n  --alternative-btn-box-shadow-active: 0 1px var(--dreizen-alternative-200);\n  --alternative-btn-box-shadow-hover: 0 6px var(--dreizen-alternative-200);\n  \n  --alternative2-btn-hover-color: var(--dreizen-alternative2-200);\n  --alternative2-btn-color: var(--dreizen-alternative2);\n  --alternative2-btn-inactive-color: var(--dreizen-alternative2-300);\n  --alternative2-btn-box-shadow: 0 3px var(--dreizen-alternative2-200);\n  --alternative2-btn-box-shadow-active: 0 1px var(--dreizen-alternative2-200);\n  --alternative2-btn-box-shadow-hover: 0 6px var(--dreizen-alternative2-200);\n  \n  --alternative3-btn-hover-color: var(--dreizen-alternative3-200);\n  --alternative3-btn-color: var(--dreizen-alternative3);\n  --alternative3-btn-inactive-color: var(--dreizen-alternative3-300);\n  --alternative3-btn-box-shadow: 0 3px var(--dreizen-alternative3-200);\n  --alternative3-btn-box-shadow-active: 0 1px var(--dreizen-alternative3-200);\n  --alternative3-btn-box-shadow-hover: 0 6px var(--dreizen-alternative3-200);\n  \n  --logo-url: var(--dreizen-logo-url);\n\n  --btn-shadow: var(--btn-dreizen-shadow);\n\n  --btn-outline-border: var(--dreizen-primary);\n  --btn-outline-color: var(--dreizen-primary);\n\n  --btn-outline-hover-border-color: var(--dreizen-primary-200);\n  --btn-outline-hover-color: var(--dreizen-primary-200);\n\n  --btn-text-color: var(--dreizen-primary);\n\n  --btn-text-hover-color: var(--dreizen-primary-200);\n  --price-check-color: var(--dreizen-dark-600);\n  --price-check-price-color: var(--dreizen-secondary);\n\n  --danger-red: var(--dreizen-danger-red);\n  --danger-red-hover: var(--dreizen-danger-red-hover);\n  --danger-red-disabled: var(--dreizen-danger-red-disabled);\n\n  --fontFamily-price-check: var(--font-titillium-web), sans-serif;\n  --fontFamily-price-check-price: var(--font-titillium-web), sans-serif;\n  --fontFamily-blog-widget: var(--font-open-sans), sans-serif;\n  --fontFamily-blog-widget-date: var(--font-open-sans), sans-serif;\n\n  --fontWeight-price-text: 600;\n  --price-background: transparent;\n  --price-background-back: transparent;\n  --price-text-padding-left: 0;\n  --price-text-padding-bottom: 0;\n  --price-price-padding-left: 0;\n  --price-price-padding-right: 0;\n  --price-minus-right: 5px;\n  --price-minus-bottom: 10px;\n  --price-price-margin-top: -8px;\n\n  --toggle-active-background-color: var(--dreizen-secondary);\n  --toggle-inactive-background-color: var(--dreizen-secondary);\n  --toggle-active-color: white;\n  --toggle-inactive-color: var(--dreizen-dark-600);\n  --toggle-font-family: var(--font-lato), sans-serif;\n\n  --filter-button-background-color: var(--dreizen-primary);\n  --filter-button-background-hover-color: var(--dreizen-dark-600);\n  --fontFamily-filter-button: var(--font-lato), sans-serif;\n\n  --filter-button-icon-background-color: #4099cf;\n  --filter-button-icon-background-hover-color: #002c49;\n  --search-box-border-color: var(--dreizen-secondary);\n  --search-box-icon-color: var(--dreizen-secondary);\n  --search-box-clear-icon-background-color: #e3e3e3;\n  --search-box-clear-icon-background-hover-color: #a0a0a0;\n  --search-box-clear-icon-color: white;\n\n  --search-box-result-location-color: var(--dreizen-primary); \n  --search-box-result-hover-background-color: #edf7fe;\n\n  --topMenu-background-color: transparent;\n  --topHeaderMenu-background-color: var(--color-secondary);\n  --topMenu-background-color-hover: var(--dreizen-secondary-200);\n  --topMenu-boxShadow-color: #f9f9f9;\n  --topMenu-height: 32px;\n\n  --counter-icon-color: #ff6766;\n\n  --usp-font-family: var(--font-lato), sans-serif;\n  --middle-navigation-font-family: var(--font-lato), sans-serif;\n\n  --menu-link-color: var(--color-dark-600);\n  --menu-link-hover-color: var(--color-dark-600);\n  --menu-item-icon-color: var(--color-secondary);\n\n  --color-footer-navigation-link: var(--color-dark-600); \n  --color-footer-navigation-category-link: #0077bf;\n\n  --bookModule-background-color: var(--color-secondary);\n  --bookModule-text-color: white;\n  --bookModule-text-size: 20px;\n  --bookModule-text-weight: 700;\n  --bookModule-font-family: var(--font-lato), sans-serif;\n  --bookModule-border-radius: 2px;\n\n  --bookModuleButtonLabel-text-size: 14px;\n  --bookModuleButtonLabel-text-weight: 700;\n  --bookModuleButtonLabel-font-family: var(--font-lato), sans-serif;\n  --bookModuleButtonLabel-color: var(--dreizen-dark-600);\n  --bookModuleButtonIcon-color: var(--dreizen-dark-200); \n\n  --bookModuleButtonRadius: 3px;\n  --bookModuleButtonHeight: 40px;\n\n  --bookModuleButtonSelectedValue-font-family: var(--font-lato), sans-serif;\n  --bookModuleButtonSelectedValue-color: var(--dreizen-dark-600);\n  --bookModuleButtonSelectedValue-text-size: 14px;\n  --bookModuleButtonSelectedValue-text-weight: 500;\n  --bookModuleButtonSelectedValue-margin-top: 0;\n\n  --bookModuleButtonDownIcon-color: var(--dreizen-primary);\n  --bookModuleButtonDownIcon-size: 16px;\n\n  --category-filter-font-family: var(--font-lato), sans-serif;\n\n  --collection-title-font-family: var(--font-titillium-web), sans-serif;\n  --collection-description-font-family: var(--font-lato), sans-serif;\n\n  --usp-icon-color: #52c65c;\n\n  --review-color: #0077bf;\n  --review-number-background-color: #0077bf;\n  --review-number-color: white;\n  --review-shadow: 1px 1px 5px 0 rgba(0,0,0,.15),0 0 1px 0 rgba(0,0,0,.3);\n\n  --hotel-accomodation-results-title-color: var(--color-dark-600); \n  --hotel-accomodation-results-title-font: var(--font-titillium-web), sans-serif;\n\n  --hotel-accomodation-results-location-font: var(--font-lato), sans-serif;\n  --hotel-accomodation-results-location-color: #a8a8a8;\n\n  --viewed-accomodations-title-font: var(--font-titillium-web), sans-serif;\n  --viewed-accomodations-title-text-color: var(--color-dark-600); \n  --viewed-accomodations-header: var(--font-lato), sans-serif;\n  --viewed-accomodations-header-font-size: 16px;\n\n  --viewed-accomodations-empty-color: var(--color-dark-600);\n\n  --viewed-accomodations-empty-text-color: var(--color-dark-600);\n\n  --quantity-buttons-border-color: var(--color-secondary);\n  --quantity-buttons-color: var(--color-secondary);\n  --quantity-buttons-border-color-hover: var(--color-secondary-200);\n  --quantity-buttons-value-color: var(--color-dark-400);\n\n  --matrix-table-days-color: var(--color-dark-600);\n  --matrix-table-month-header-color: var(--color-dark-600);\n  --matrix-table-month-header-font-family: var(--font-titillium-web), sans-serif;\n\n  --matrix-table-cell-color: #bfddef;\n  --matrix-table-cell-border-color: #bfddef;\n  --matrix-table-cell-cheapest-color: var(--dreizen-primary);\n  --matrix-table-cell-cheapest-border-color: var(--dreizen-primary);\n\n  --matrix-table-days-amount-font: var(--font-lato), sans-serif;\n\n  --matrix-table-days-weekday-color: var(--color-light-400); \n  --matrix-table-cell-active-color: var(--color-secondary);\n  --matrix-table-cell-active-border-color: var(--color-secondary);\n  --matrix-table-cell-active-text-color: var(--color-white);\n\n  --popup-title-font-family: var(--font-lato), sans-serif;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;;;AAIA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACxIA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;ACpLA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;;ACrJA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACjEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;ACjCA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;ACtCA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;ACjBA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACtEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;ACRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACRA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;ACjCA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;ACXA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AC5JA;AACA;AACA;;AAEA;AACA;AACA;ACNA;AACA;AACA;AACA;AACA;AACA;ACLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AC7CA;AACA;AACA;ACFA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;ACRA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;ACxBA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;ACRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACzBA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACPA;AACA;AACA;;ACDA;AACA;AACA;AACA;;AAEA;AACA;AACA;ACRA;AACA;AACA;;ACDA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;ACtBA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AClBA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACrCA;AACA;AACA;AACA;ACHA;AACA;AACA;AACA;;AAEA;;;AA+BA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACxPA;AACA;AACA;AACA;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA"}
+{"version":3,"file":"index.css","names":[],"sources":["../../src/styles/fonts.css","../../src/styles/variables.css","../../src/components/topMenu/styles.css","../../src/components/button/styles.css","../../src/components/priceCheck/styles.css","../../src/components/toggle/styles.css","../../src/components/topHeaderMenu/styles.css","../../src/components/filterButtons/styles.css","../../src/components/searchBox/styles.css","../../src/components/dropdown/styles.css","../../src/components/counterIcon/styles.css","../../src/components/usp/styles.css","../../src/components/middleNavigation/styles.css","../../src/components/menu/styles.css","../../src/components/footer/styles.css","../../src/components/blogWidget/styles.css","../../src/components/bookModule/styles.css","../../src/components/categoryFilter/styles.css","../../src/components/collection/styles.css","../../src/components/review/styles.css","../../src/components/hotelAccomodationResults/styles.css","../../src/components/coupon/styles.css","../../src/components/giftCard/styles.css","../../src/components/pvPopup/styles.css","../../src/components/photoCardsRotated/styles.css","../../src/components/spotlights/styles.css","../../src/components/viewedAccomodations/styles.css","../../src/components/quantityButtons/styles.css","../../src/components/matrixTable/styles.css","../../src/components/pageNavigation/styles.css","../../src/styles/utilities.css","../../src/globals.css"],"sourcesContent":["/**\n * Font Face Declarations\n * Titillium Web font family definitions\n */\n\n@import url(\"https://fonts.googleapis.com/css2?family=Titillium+Web:wght@400;600;700;900&family=Lato:wght@400;700;900&family=Open+Sans:wght@400;700&display=swap\");\n\n:root {\n  --font-open-sans: \"Open Sans\";\n  --font-lato: \"Lato\";\n  --font-titillium-web: \"Titillium Web\";\n}\n\n/* Font-face declarations */\n\n/* Custom font-face declarations */\n@font-face {\n  font-family: \"EloquentJFRegularPro\";\n  src: url(\"https://db.onlinewebfonts.com/t/8bdf9153512e81954b0d2b7167eab648.eot\");\n  src: url(\"https://db.onlinewebfonts.com/t/8bdf9153512e81954b0d2b7167eab648.eot?#iefix\")format(\"embedded-opentype\"),\n    url(\"https://db.onlinewebfonts.com/t/8bdf9153512e81954b0d2b7167eab648.woff2\")format(\"woff2\"),\n    url(\"https://db.onlinewebfonts.com/t/8bdf9153512e81954b0d2b7167eab648.woff\")format(\"woff\"),\n    url(\"https://db.onlinewebfonts.com/t/8bdf9153512e81954b0d2b7167eab648.ttf\")format(\"truetype\"),\n    url(\"https://db.onlinewebfonts.com/t/8bdf9153512e81954b0d2b7167eab648.svg#EloquentJFRegularPro\")format(\"svg\");\n}\n\n/* Hermes Maia T4 font-face declarations */\n@font-face {\n  font-family: \"Hermes Maia T4\";\n  src:\n    url(\"../assets/fonts/hermes_maia_t4_regular-webfont.woff2\") format(\"woff2\"),\n    url(\"../assets/fonts/hermes_maia_t4_regular-webfont.woff\") format(\"woff\");\n  font-weight: normal;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Hermes Maia T4\";\n  src:\n    url(\"../assets/fonts/hermes_maia_t4_bold-webfont.woff2\") format(\"woff2\"),\n    url(\"../assets/fonts/hermes_maia_t4_bold-webfont.woff\") format(\"woff\");\n  font-weight: bold;\n  font-style: normal;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Hermes Maia T4\";\n  src:\n    url(\"../assets/fonts/hermes_maia_t4_italic-webfont.woff2\") format(\"woff2\"),\n    url(\"../assets/fonts/hermes_maia_t4_italic-webfont.woff\") format(\"woff\");\n  font-weight: normal;\n  font-style: italic;\n  font-display: swap;\n}\n\n@font-face {\n  font-family: \"Hermes Maia T4\";\n  src:\n    url(\"../assets/fonts/hermes_maia_t4_bold_italic-webfont.woff2\") format(\"woff2\"),\n    url(\"../assets/fonts/hermes_maia_t4_bold_italic-webfont.woff\") format(\"woff\");\n  font-weight: bold;\n  font-style: italic;\n  font-display: swap;\n}\n\n/* Utility classes for Titillium Web */\n.titillium-web-regular,\n.font-titillium-web-regular {\n  font-family: var(--font-titillium-web), sans-serif;\n  font-weight: 400;\n  font-style: normal;\n}\n\n.titillium-web-bold {\n  font-family: var(--font-titillium-web), sans-serif;\n  font-weight: 700;\n  font-style: normal;\n}\n\n.titillium-web-black {\n  font-family: var(--font-titillium-web), sans-serif;\n  font-weight: 900;\n  font-style: normal;\n}\n\n/* Utility classes for Lato */\n.lato-regular {\n  font-family: var(--font-lato), sans-serif;\n  font-weight: 400;\n  font-style: normal;\n}\n\n.lato-bold {\n  font-family: var(--font-lato), sans-serif;\n  font-weight: 600;\n  font-style: normal;\n}\n\n.lato-black {\n  font-family: var(--font-lato), sans-serif;\n  font-weight: 900;\n  font-style: normal;\n}\n\n/* Utility classes for Open Sans */\n.open-sans-regular {\n  font-family: var(--font-open-sans), sans-serif;\n  font-weight: 400;\n  font-style: normal;\n}\n\n.open-sans-bold {\n  font-family: var(--font-open-sans), sans-serif;\n  font-weight: 700;\n  font-style: normal;\n}\n\n/* Utility classes for custom fonts */\n.eloquent-jf-pro {\n  font-family: \"EloquentJFRegularPro\", sans-serif;\n  font-weight: 400;\n  font-style: normal;\n}\n\n.hermes-maia-t4-regular {\n  font-family: \"Hermes Maia T4\", sans-serif;\n  font-weight: 400;\n  font-style: normal;\n}\n\n.hermes-maia-t4-bold {\n  font-family: \"Hermes Maia T4\", sans-serif;\n  font-weight: 700;\n  font-style: normal;\n}\n","/**\n * Theme Variables\n * Design tokens for the UI Package\n */\n\n@theme {\n  /* Base colors */\n  --color-primary: #fff;\n  --color-primary-dark-50: #fff;\n  --color-primary-dark-25: #fff;\n  --color-primary-light-25: #fff;\n  --color-primary-light-50: #fff;\n  --color-primary-light-75: #eff8fe;\n  --color-secondary: #fff;\n  --color-black: #1b1c1e;\n  --color-light-blue: #26295c;\n  --color-white: #ffffff;\n  --color-ultra-light-blue: #fafcff;\n  --color-ultra-light-gray: #fbfbfb;\n  --color-light-gray: #efefef;\n  --color-alternative3: #339900;\n\n  /* Functional colors */\n  --color-light-blue-disabled: #bdbeca;\n  --color-green: #1d9856;\n  --color-green-light: #ecfdf3;\n  --color-pink: #e2237a;\n  --color-pink-light: #fce9f2;\n  --color-purple: #420089;\n  --color-purple-light: #f2e6ff;\n  --color-accent-blue: #0066cc;\n  --color-accent-blue-light: #e7f0f9;\n  --color-orange: #e86427;\n  --color-orange-light: #fff3eb;\n  --color-yellow: #ffc048;\n  --color-check: #2dc071;\n  --color-warning: #ee9603;\n  --color-warning-light: #fff4e2;\n\n  /* Dark/Light shades */\n  --color-dark-600: #333333;\n  --color-dark-500: #1a1a1a;\n  --color-dark-400: #262626;\n  --color-dark-300: #666666;\n  --color-dark-200: #999999;\n  \n  --color-light-600: #E8E8E8;\n  --color-light-500: #707070;\n  --color-light-400: #A8A8A8;\n  --color-light-300: #E8E8E8;\n  --color-light-200: #EFEFEF;\n\n  --color-usp-icon-color: #52c65c;\n\n  /* Typography system */\n  /* Extra small fields */\n  --font-xs-fields-size: 0.625rem;\n  --font-xs-fields-line-height: 1rem;\n  --font-xs-fields-weight: 400;\n\n  /* Extra small field titles */\n  --font-xs-field-titles-size: 0.75rem;\n  --font-xs-field-titles-line-height: 1rem;\n  --font-xs-field-titles-weight: 700;\n\n  /* Extra small */\n  --font-xs-size: 0.75rem;\n  --font-xs-line-height: 1rem;\n  --font-xs-weight: 400;\n\n  /* Small */\n  --font-sm-size: 0.875rem;\n  --font-sm-line-height: 1.25rem;\n  --font-sm-weight: 400;\n\n  /* Base */\n  --font-base-size: 1rem;\n  --font-base-line-height: 1.5rem;\n  --font-base-weight: 400;\n\n  /* Large */\n  --font-lg-size: 1.125rem;\n  --font-lg-line-height: 1.75rem;\n  --font-lg-weight: 400;\n\n  /* Extra large */\n  --font-xl-size: 1.25rem;\n  --font-xl-line-height: 1.75rem;\n  --font-xl-weight: 400;\n\n  /* 2x large */\n  --font-2xl-size: 1.5rem;\n  --font-2xl-line-height: 2rem;\n  --font-2xl-weight: 400;\n\n  /* 3x large */\n  --font-3xl-size: 1.875rem;\n  --font-3xl-line-height: 2.25rem;\n  --font-3xl-weight: 400;\n\n  /* 4x large */\n  --font-4xl-size: 2.25rem;\n  --font-4xl-line-height: 2.5rem;\n  --font-4xl-weight: 400;\n\n  /* 5x large */\n  --font-5xl-size: 3rem;\n  --font-5xl-line-height: 1;\n  --font-5xl-weight: 400;\n\n  /* 6x large */\n  --font-6xl-size: 3.75rem;\n  --font-6xl-line-height: 1;\n  --font-6xl-weight: 400;\n\n  /* 7x large */\n  --font-7xl-size: 4.5rem;\n  --font-7xl-line-height: 1;\n  --font-7xl-weight: 400;\n\n  /* 8x large */\n  --font-8xl-size: 6rem;\n  --font-8xl-line-height: 1;\n  --font-8xl-weight: 400;\n\n  /* 9x large */\n  --font-9xl-size: 8rem;\n  --font-9xl-line-height: 1;\n  --font-9xl-weight: 400;\n\n  /* Large */\n  --font-lg-weight: 700;\n\n  /* Extra large */\n  --font-xl-size: 1.5rem;\n  --font-xl-line-height: 2rem;\n  --font-xl-weight: 500;\n\n  /* 2XL */\n  --font-2xl-size: 1.5rem;\n  --font-2xl-line-height: 2rem;\n  --font-2xl-weight: 700;\n\n  /* 3XL */\n  --font-3xl-size: 1.875rem;\n  --font-3xl-line-height: 2.25rem;\n  --font-3xl-weight: 700;\n\n  /* Shadows and effects */\n  --drop-shadow-3xl: drop-shadow(0px 4px 27px rgba(4, 1, 50, 0.2));\n  --shadow-dropdown: 0px 4px 19px 0px rgba(124, 124, 124, 0.18);\n  --shadow-dropdown-xl: 0px 29px 30px 0px #0004401a;\n\n  /* Animations */\n  --animation-spin-slow: spin 2s linear infinite;\n  --animation-spin-once: spin 2s linear;\n\n  /* Transitions */\n  --transition-property-max-height: max-height;\n  --transition-timing-function-custom-cubic: cubic-bezier(0, 1, 0, 1);\n  --transition-duration-700: 700ms;\n  --transition-duration-1000: 1000ms;\n\n  /* Sizing */\n  --max-h-0: 0;\n  --max-h-1000: 1000px;\n\n  /* Font families */\n  --font-family-sans:\n    var(--font-open-sans), ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n    \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --font-family-serif:\n    ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif;\n  --font-family-mono:\n    ui-monospace, SFMono-Regular, \"SF Mono\", Consolas, \"Liberation Mono\", Menlo,\n    monospace;\n  --font-sans:\n    \"var(--font-gotham)\", \"ui-sans-serif\", \"system-ui\", \"-apple-system\",\n    \"BlinkMacSystemFont\", \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", \"Arial\",\n    \"Noto Sans\", \"sans-serif\", \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\n/* Change this path to be relative to where this CSS file ends up after packaging this library. */\n@source \"../../dist\";\n",".top-menu-wrapper {\n  background-color: var(--topMenu-background-color);\n  box-shadow: inset 0 32px var(--topMenu-boxShadow-color);\n}\n\n.topMenu {\n  background-color: var(--topMenu-background-color);\n  box-shadow: inset 0 32px var(--topMenu-boxShadow-color);\n  height: var(--topMenu-height);\n}","\n.btn-primary-boxShadow {\n  box-shadow: var(--primary-btn-box-shadow);\n}\n.btn-primary-boxShadow-active {\n  box-shadow: var(--primary-btn-box-shadow-active);\n}\n.btn-primary-boxShadow-hover {\n  box-shadow: var(--primary-btn-box-shadow-hover);\n}\n\n/* Active state fallbacks */\nbutton.btn-primary-boxShadow:active {\n  box-shadow: var(--primary-btn-box-shadow-active);\n}\nbutton.btn-primary-boxShadow:hover {\n  box-shadow: var(--primary-btn-box-shadow-hover);\n}\n\nbutton.btn-primary-boxShadow:hover:active {\n  box-shadow: var(--primary-btn-box-shadow-active);\n}\n\nbutton.btn-secondary:active {\n  box-shadow: var(--secondary-btn-box-shadow-active);\n}\n\nbutton.btn-secondary:hover {\n  box-shadow: var(--secondary-btn-box-shadow-hover);\n}\n\nbutton.btn-secondary:hover:active {\n  box-shadow: var(--secondary-btn-box-shadow-active);\n}\n\n.btn-secondary-boxShadow {\n  box-shadow: var(--secondary-btn-box-shadow);\n}\n\n.btn-secondary-boxShadow-active {\n  box-shadow: var(--secondary-btn-box-shadow-active);\n}\n.btn-secondary-boxShadow-hover {\n  box-shadow: var(--secondary-btn-box-shadow-hover);\n}\n\n/* Button primary variant with CSS custom properties */\n.btn-primary {\n  background-color: var(--primary-btn-color);\n  border-color: transparent;\n  color: white;\n  transition: all .2s ease;\n}\n\n.btn-primary:disabled {\n  background-color: var(--primary-btn-color);\n  opacity: 0.2;\n  color: #1f2937;\n}\n\n.btn-primary:disabled:hover {\n  background-color: var(--primary-btn-color);\n  opacity: 0.2;\n}\n\n/* Button secondary variant with CSS custom properties */\n.btn-secondary {\n  background-color: var(--secondary-btn-color);\n  border-color: transparent;\n  color: white;\n  transition: all .2s ease;\n}\n\n.btn-secondary:disabled {\n  background-color: var(--secondary-btn-color);\n  opacity: 0.2;\n  color: #1f2937;\n}\n\n.btn-secondary:disabled:hover {\n  background-color: var(--secondary-btn-color);\n  opacity: 0.2;\n}\n\n/* Button tertiary variant with CSS custom properties */\n.btn-alternative {\n  background-color: var(--alternative-btn-color);\n  border-color: transparent;\n  color: white;\n  transition: all .2s ease;\n\n}\n\n.btn-alternative:hover {\n  background-color: var(--alternative-btn-hover-color);\n}\n\n.btn-alternative:disabled {\n  background-color: var(--alternative-btn-color);\n  opacity: 0.2;\n  color: #1f2937;\n}\n\n.btn-alternative:disabled:hover {\n  background-color: var(--alternative-btn-color);\n  opacity: 0.2;\n}\n\n/* Button alternative2 variant with CSS custom properties */\n.btn-alternative2 {\n  background-color: var(--alternative2-btn-color);\n  border-color: transparent;\n  color: white;\n  transition: all .2s ease;\n}\n\n.btn-alternative2:hover {\n  background-color: var(--alternative2-btn-hover-color);\n}\n\n.btn-alternative2:disabled {\n  background-color: var(--alternative2-btn-color);\n  opacity: 0.2;\n  color: #1f2937;\n}\n\n.btn-alternative2:disabled:hover {\n  background-color: var(--alternative2-btn-color);\n  opacity: 0.2;\n}\n\n.btn-shadow {\n  box-shadow: var(--btn-shadow);\n}\n\n.btn-outline {\n  border-color: var(--btn-outline-border);\n  color: var(--btn-outline-color);\n}\n\n.btn-outline:hover {\n  border-color: var(--btn-outline-hover-border-color);\n  color: var(--btn-outline-hover-color);\n}\n\n.btn-text {\n  color: var(--btn-text-color);\n}\n.btn-text-hover-color:hover {\n  color: var(--btn-text-hover-color);\n}\n","\n.price-check-color {\n  color: var(--price-check-color);\n}\n\n.price-check-color-price {\n  color: var(--price-check-price-color);\n}\n\n.price-check-fontFamily {\n  font-family: var(--fontFamily-price-check);\n}\n\n.price-check-fontFamily-price {\n  font-family: var(--fontFamily-price-check-price);\n  z-index: 0;\n}\n\n.price-check-font-price-text {\n  font-weight: var(--fontWeight-price-text);\n  z-index: 0;\n}\n\n.price-background {\n  inset: 0;\n  position: absolute;\n  z-index: 0;\n}\n\n.price-background::before {\n  content: '';\n  position: absolute;\n  inset: 0;\n  background-color: var(--price-background);\n  transform: matrix(1, -.06, .1, 1, 0, 0);\n  z-index: 3;\n}\n\n.price-background::after {\n  content: '';\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  background-color: var(--price-background-back);\n  transform: matrix(1,.05,-.05,1,0,0);\n  transform-origin: center;\n}\n\n.price-check-text-padding {\n  padding-left: var(--price-text-padding-left);\n  margin-bottom: var(--price-text-padding-bottom);\n}\n\n.price-check-price-padding {\n  padding-left: var(--price-price-padding-left);\n  padding-right: var(--price-price-padding-right);\n}\n\n.price-check-price-margin-top {\n  margin-top: var(--price-price-margin-top)\n}\n\n.price-check-minus {\n  position: absolute;\n  right: var(--price-minus-right);\n  bottom: var(--price-minus-bottom);\n}","\n.toggle {\n    background-color: color-mix(in srgb, var(--toggle-inactive-background-color) 20%, transparent);\n    container-type: inline-size;\n    font-family: var(--toggle-font-family);\n}\n\n.toggle-inactive:not(.disabled):hover {\n    box-shadow: 0 2px #333, 0 4px 17px -10px #333;\n    transform: translateY(-2px);\n    transition: opacity .2s ease, transform .1s ease, background .1s ease, box-shadow .1s ease;\n}\n\n.toggle-inactive:not(.disabled):active {\n  transform: translateY(0px);\n  box-shadow: 0 0px #333, 0 0px 17px -10px #333;\n  transition: opacity .2s ease, transform .1s ease, background .1s ease, box-shadow .1s ease;\n}\n\n.toggle-active {\n  background-color: var(--toggle-active-background-color);\n  color: var(--toggle-active-color);\n  transform: translateY(1px);\n  box-shadow: 0 -1px var(--color-secondary);\n}\n.toggle-inactive {\n  color: var(--toggle-inactive-color);\n}\n\n.toggle-active-icon {\n  color: var(--toggle-active-color);\n}\n\n.toggle-inactive-icon {\n  color: var(--toggle-inactive-color);\n}","\n\n.top-header-menu {\n  background-color: var(--topHeaderMenu-background-color);\n}\n\n.top-header-menu li {\n  background-color: var(--topMenu-background-color);\n  height: var(--topMenu-height);\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  transition: all 0.4s ease;\n}\n\n.top-header-menu li a {\n  padding: 0 4px;\n  height: 100%;\n  display: flex;\n  align-content: center;\n  align-items: center;\n}\n\n.top-header-menu li:hover a {\n  background-color: var(--topMenu-background-color-hover);\n  transition: all 0.4s ease;\n  color: white;\n}\n.top-header-menu li:hover a {\n  color: white;\n}\n\n.top-header-menu li a {\n  text-decoration: none;\n  color: white;\n  padding: 0 12px;\n  font-weight: 700;\n  font-size: 14px;\n  font-family: var(--font-open-sans), sans-serif;\n}\n","\n.filter-button {\n  background-color: var(--filter-button-background-color);\n  font-family: var(--fontFamily-filter-button);\n}\n\n.filter-button:hover {\n  background-color: var(--filter-button-background-hover-color);\n}\n\n.filter-button-icon {\n  background-color: var(--filter-button-icon-background-color);\n  color: var(--filter-button-background-color);\n}\n\n.filter-button:hover .filter-button-icon {\n  background-color: var(--filter-button-icon-background-hover-color);\n  color: white;\n}\n","\n.search-box-input:disabled {\n  opacity: 0.92;\n  cursor: not-allowed;\n}\n\n.search-box-input:active,\n.search-box-input:focus,\n.search-box-input.active {\n  width: var(--expanded-width, 300px);\n  padding-left: 48px;\n  transition: width .3s ease, padding-left .3s ease;\n  border: 2px solid var(--search-box-border-color);\n}\n\n.search-box-input:focus-visible {\n  outline: none;\n  border: 1px solid var(--search-box-border-color);\n}\n\n.search-box-input:focus::placeholder,\n.search-box-input.active::placeholder {\n  color: #9ca3af;\n  opacity: 1;\n  transition: opacity .3s ease;\n}\n\n.search-box-input::placeholder {\n  color: transparent;\n  opacity: 0;\n}\n\n.search-box-input {\n  border: 2px solid var(--search-box-border-color);\n} \n\n.search-box-icon {\n  color: var(--search-box-icon-color);\n}\n\n \n\n.search-box-clear:hover {\n  background-color: var(--search-box-clear-icon-background-hover-color);\n}\n\n.search-box-results {\n  box-shadow: 0 4px 80px rgba(0, 0, 0, .07), 0 .893452px 17.869px rgba(0, 0, 0, .042), 0 .266004px 5.32008px rgba(0, 0, 0, .028);\n}\n\n.search-box-clear {\n  background-color: var(--search-box-clear-icon-background-color);\n  color: var(--search-box-clear-icon-color);\n}\n.search-box-result-location {\n  color: var(--search-box-result-location-color);\n}\n\n.search-box-result:hover {\n  background-color: var(--search-box-result-hover-background-color);\n}\n.search-box-result-type-page {\n  color: var(--search-box-result-location-color);\n}\n.search-box-result-type-page:hover {\n  color: color-mix(in srgb, var(--search-box-result-location-color) 70%, transparent);\n}\n\n.search-box-result-location {\n  font-family: var(--font-open-sans), sans-serif;\n}\n",".dropdown-button {\n  color: var(--color-primary);\n}\n.dropdown-button-text {\n  color: var(--color-dark-600);\n}\n.dropdown-icon {\n  color: var(--color-secondary);\n}\n\n\n",".counter-icon-count {\n    background-color: var(--counter-icon-color);\n}\n.counter-icon-wrapper {\n    margin: 0 8px;\n}\n.counter-icon-clickable:hover {\n    background-color: var(--topMenu-background-color-hover);\n}","/* .usp-icon {\n    color: var(--color-alternative);\n} */\n\n.usp-wrapper,\n.usp-wrapper a {\n    color: var(--color-dark-600);\n    text-decoration: none;\n    font-family: var(--usp-font-family);\n}\n\n/* Container queries for responsive USP items */\n.usp-wrapper {\n    container-type: inline-size;\n}\n\n@container (max-width: 800px) {\n    .usp-wrapper.flex-row .usp-item:nth-child(n+4) {\n        display: none;\n    }\n}\n\n@container (max-width: 640px) {\n    .usp-wrapper.flex-row .usp-item:nth-child(n+3) {\n        display: none;\n    }\n    \n}\n\n@container (max-width: 480px) {\n    .usp-wrapper.flex-row .usp-item:nth-child(n+2) {\n        display: none;\n    }\n}\n\n",".middle-navigation {\n    color: #73726e;\n    font-family: var(--middle-navigation-font-family);\n}\n\n.middle-navigation li {\n    transition: all 0.3s ease-in-out;\n}\n\n.middle-navigation li:hover {\n    color: var(--color-dark-200);\n}","/* Menu styles */\n.menu-item {\n  position: relative;\n}\n\n\n.menu-item:hover:has(.menu-dropdown) .menu-link {\n  background-color: white;\n  color: var(--menu-link-hover-color);\n}\n\n.menu-item:hover {\n  background: rgba(0, 0, 0, .1);\n  border-radius: 4px;\n}\n\n.menu-item:hover .menu-link {\n  color: white;\n}\n\n.menu-item:hover .menu-item-icon {\n  color: var(--menu-item-icon-hover-color);\n}\n\n.menu-link {\n  color: var(--menu-link-color);\n}\n\n.menu-item-icon {\n  color: var(--menu-item-icon-color);\n}\n\n.menu-dropdown {\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.15s ease-in-out;\n  max-height: calc(100vh - 32px);\n  overflow: hidden;\n}\n\n.menu-item[data-open=\"true\"][data-ready=\"false\"] .menu-dropdown {\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n}\n\n.menu-item[data-open=\"true\"][data-ready=\"true\"] .menu-dropdown {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n}\n\n/* Create invisible bridge to prevent gap */\n.menu-dropdown::before {\n  content: '';\n  position: absolute;\n  top: -12px;\n  left: 0;\n  right: 0;\n  height: 12px;\n  background: transparent;\n}\n\n.menu-dropdown.bottom-full::before {\n  top: -12px;\n}\n\n.menu-dropdown.top-full::before {\n  bottom: -12px;\n  top: auto;\n}\n\n.menu-category:not(:last-child) {\n  border-bottom: 1px solid #e5e7eb;\n}\n\n.menu-dropdown a {\n  white-space: nowrap;\n}\n\n/* Ensure dropdown stays above other content */\n.menu-dropdown {\n  z-index: 50;\n}\n\n/* Add subtle animation for menu items */\n.menu-item > a {\n  position: relative;\n  transition: color 0.2s ease;\n}\n\n/* Sticky category headers for better navigation when scrolling */\n.menu-dropdown .sticky {\n  position: sticky;\n  top: 0;\n  background: white;\n  z-index: 10;\n}\n\n/* Hide dropdown scrollbars (keep scroll functionality) */\n.menu-dropdown {\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* IE/Edge legacy */\n}\n\n.menu-dropdown::-webkit-scrollbar {\n  width: 0;\n  height: 0;\n}\n\n/* Prevent dropdown from going off-screen horizontally */\n.menu-dropdown {\n  max-width: 90vw;\n}\n\n/* Ensure dropdown never goes negative left */\n.menu-dropdown.left-0 {\n  left: 0;\n  right: auto;\n}\n\n/* Handle dropdown positioning */\n.menu-dropdown.top-full {\n  top: 100%;\n}\n\n.menu-dropdown.bottom-full {\n  bottom: 100%;\n  margin-bottom: 4px;\n}\n\n.menu-dropdown.left-0 {\n  left: 0;\n}\n\n.menu-dropdown.right-0 {\n  right: 0;\n}\n\n.menu-dropdown.left-1\\/2 {\n  left: 50%;\n}\n\n.menu-dropdown.-translate-x-1\\/2 {\n  transform: translateX(-50%);\n}\n\n\n/* Grid layout for dropdown */\n.menu-dropdown .grid {\n  grid-template-columns: repeat(3, minmax(200px, 1fr));\n}\n\n/* Category styling in grid */\n.menu-dropdown .menu-category {\n  min-width: 200px;\n}\n",".footer-navigation-link {\n    color: var(--color-footer-navigation-link);\n}\n\n.footer-navigation-category-link {\n    color: var(--color-footer-navigation-category-link);\n}",".blog-widget-title {\n  font-family: var(--fontFamily-blog-widget);\n}\n.blog-widget-date {\n  font-family: var(--fontFamily-blog-widget-date);\n}",".bookModule {\n    background-color: var(--bookModule-background-color);\n    color: var(--bookModule-text-color); \n    font-size: var(--bookModule-text-size);\n    font-weight: var(--bookModule-text-weight);\n    font-family: var(--bookModule-font-family);\n    border-radius: var(--bookModule-border-radius);\n}\n\n.bookModuleButton {\n    background-color: white;\n    border-radius: var(--bookModuleButtonRadius);\n    height: var(--bookModuleButtonHeight);\n}\n\n.bookModuleButtonLabel {\n    font-size: var(--bookModuleButtonLabel-text-size);\n    font-weight: var(--bookModuleButtonLabel-text-weight);\n    font-family: var(--bookModuleButtonLabel-font-family);\n    color: var(--bookModuleButtonLabel-color); \n}\n\n.bookModuleButtonIcon {\n    color: var(--bookModuleButtonIcon-color);\n}\n\n.bookModuleButtonSelectedValue {\n\n    font-family: var(--bookModuleButtonSelectedValue-font-family);\n    color: var(--bookModuleButtonSelectedValue-color);\n    font-size: var(--bookModuleButtonSelectedValue-text-size);\n    font-weight: var(--bookModuleButtonSelectedValue-text-weight); \n    margin-top: var(--bookModuleButtonSelectedValue-margin-top);\n\n}\n\n.bookModuleButtonSecondarySelectedValue {\n    font-size: var(--bookModuleButtonLabel-text-size);\n    color: var(--bookModuleButtonIcon-color);\n}\n\n.bookModuleButtonDownIcon {\n    color: var(--bookModuleButtonDownIcon-color);\n    width: var(--bookModuleButtonDownIcon-size);\n    height: var(--bookModuleButtonDownIcon-size);\n}",".category-filter {\n    font-family: var(--category-filter-font-family);\n}",".collection-title {\n    font-family: var(--collection-title-font-family)\n}\n\n.collection-description {\n    font-family: var(--collection-description-font-family);\n    color: var(--color-dark-300);\n    \n}",".review {\n    box-shadow: 0 4px 80px rgba(0, 0, 0, .07), 0 .893452px 17.869px rgba(0, 0, 0, .042), 0 .266004px 5.32008px rgba(0, 0, 0, .028);\n}\n\n.review-color {    \n    color: var(--review-color);\n}\n\n.review-number-color {\n    background: var(--review-number-background-color);\n    color: var(--review-number-color);\n}\n\n.review-shadow {\n    box-shadow: var(--review-shadow);\n}\n\n.review-small {\n   background: var(--review-color); \n   color: white;\n}\n\n.review-small-arrow {\n    border-top-color: var(--review-color);\n}",".hotel-accomodation-results-title {\n    color: var(--hotel-accomodation-results-title-color);\n    font-family: var(--hotel-accomodation-results-title-font);\n}\n\n.hotel-accomodation-results-location {\n    font-family: var(--hotel-accomodation-results-location-font);\n    color: var(--hotel-accomodation-results-location-color); \n}",".coupon-bite-top {\n  -webkit-mask-image: radial-gradient(circle 12px at 0 100%, transparent 99%, #000), radial-gradient(circle 12px at 100% 100%, transparent 99%, #000);\n  -webkit-mask-size: 51% 100%;\n  -webkit-mask-position: left, right;\n  -webkit-mask-repeat: no-repeat;\n  mask-image: radial-gradient(circle 12px at 0 100%, transparent 99%, #000), radial-gradient(circle 12px at 100% 100%, transparent 99%, #000);\n  mask-size: 51% 100%;\n  mask-position: left, right;\n  mask-repeat: no-repeat;\n}\n\n.coupon-bite-dashes {\n  -webkit-mask-image: repeating-linear-gradient(90deg, transparent 0 10px, #000 10px 18px);\n  mask-image: repeating-linear-gradient(90deg, transparent 0 10px, #000 10px 18px);\n}\n\n.coupon-bite-bottom {\n  -webkit-mask-image: radial-gradient(circle 12px at 0 0, transparent 99%, #000), radial-gradient(circle 12px at 100% 0, transparent 99%, #000);\n  -webkit-mask-size: 51% 100%;\n  -webkit-mask-position: left, right;\n  -webkit-mask-repeat: no-repeat;\n  mask-image: radial-gradient(circle 12px at 0 0, transparent 99%, #000), radial-gradient(circle 12px at 100% 0, transparent 99%, #000);\n  mask-size: 51% 100%;\n  mask-position: left, right;\n  mask-repeat: no-repeat;\n}",".gift-card {\n    fill: linear-gradient(215deg, rgba(255, 255, 255, 0.20) -115.47%, #0092F2 36.73%);\n    font-family: var(--font-open-sans), sans-serif;\n}\n\n.gift-card-amount {\n    font-family: \"Hermes Maia T4\", sans-serif;\n}\n",".popup-title {\n    font-family: var(--popup-title-font-family);\n}","\n.rotated-image-0,\n.rotated-image-1 {\n    box-shadow: 0 0.893px 17.869px 0 rgba(0, 0, 0, 0.04), 0 0.266px 5.32px 0 rgba(0, 0, 0, 0.03);\n}\n\n.rotated-image-2 {\n    box-shadow: 0 4px 80px 0 rgba(0, 0, 0, 0.07), 0 0.893px 17.869px 0 rgba(0, 0, 0, 0.04), 0 0.266px 5.32px 0 rgba(0, 0, 0, 0.03);\n}",".spotlights-item {\n    font-family: \"Hermes Maia T4\";\n}","\n.viewed-accomodations {\n    box-shadow: 0 1px 5px rgba(0,0,0,.12),0 2px 6.4px rgba(0,0,0,.11),0 3px 9.6px -2px rgba(0,0,0,.2);\n}\n\n.viewed-accomodations-title {\n    font-family: var(--viewed-accomodations-title-font);\n    color: var(--viewed-accomodations-title-text-color);\n}\n\n.viewed-accomodations-header {\n    font-family: var(--viewed-accomodations-header);\n    color: var(--viewed-accomodations-title-text-color);\n    font-size: var(--viewed-accomodations-header-font-size);\n}\n\n.viewed-accomodations-items, .viewed-accomodations-empty-header {\n    color: var(--viewed-accomodations-empty-color);\n}\n\n.viewed-accomodations-empty-text-color {\n    color: var(--viewed-accomodations-empty-text-color);\n}",".quantity-buttons-border-color {\n    border-color: var(--quantity-buttons-border-color);\n}\n\n.quantity-buttons-border-color:hover:not(:disabled) {\n    border-color: var(--quantity-buttons-border-color-hover);\n}\n\n.quantity-buttons-border-color:hover:not(:disabled) .quantity-buttons-color {\n    color: var(--quantity-buttons-border-color-hover);\n}\n\n.quantity-buttons-color {\n    color: var(--quantity-buttons-color);\n}\n\n.quantity-buttons-value-color {\n    color: var(--quantity-buttons-value-color);\n}\n",".matrix-table-days {\n    color: var(--matrix-table-days-color);\n}\n.matrix-table-month-header {\n    color: var(--matrix-table-month-header-color);\n    font-family: var(--matrix-table-month-header-font-family);\n}\n\n.matrix-table-cell:hover, .matrix-table-cell-cheapest:hover, .matrix-table-cell-active:hover {\n    background: #e4e4e4;\n    border-color: #e4e4e4;\n    color: var(--matrix-table-days-color);\n} \n\n.matrix-table-cell-cheapest {\n    background: var(--matrix-table-cell-cheapest-color);\n    border-color: var(--matrix-table-cell-cheapest-border-color);\n    font-weight: 600;\n}\n.matrix-table-cell {\n    background: var(--matrix-table-cell-color);\n    border-color: var(--matrix-table-cell-border-color);    \n}\n.matrix-table-cell-active {\n    background: var(--matrix-table-cell-active-color);\n    border-color: var(--matrix-table-cell-active-border-color);\n    color: var(--matrix-table-cell-active-text-color);\n    font-weight: 600;\n}\n.matrix-table-days {\n    font-family: var(--matrix-table-days-amount-font);\n}\n.matrix-table-dates, .matrix-table-dates-weekday {\n    font-family: var(--matrix-table-days-amount-font);\n}\n.matrix-table-dates-weekday {\n    color: var(--matrix-table-days-weekday-color);\n}\n",".page-navigation:hover,\n.page-navigation.selected {\n    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.20), 0 2px 2px 0 rgba(0, 0, 0, 0.11), 0 1px 5px 0 rgba(0, 0, 0, 0.12);\n}","/**\n * Custom Utilities\n * Additional utility classes for the UI Package\n */\n\n/* Custom utilities */\n\n@import '../components/topMenu/styles.css';\n@import '../components/button/styles.css';\n@import '../components/priceCheck/styles.css';\n@import '../components/toggle/styles.css';\n@import '../components/topHeaderMenu/styles.css';\n@import '../components/filterButtons/styles.css';\n@import '../components/searchBox/styles.css';\n@import '../components/dropdown/styles.css';\n@import '../components/counterIcon/styles.css';\n@import '../components/usp/styles.css';\n@import '../components/middleNavigation/styles.css';\n@import '../components/menu/styles.css';\n@import '../components/footer/styles.css';\n@import '../components/blogWidget/styles.css';\n@import '../components/bookModule/styles.css';\n@import '../components/categoryFilter/styles.css';\n@import '../components/collection/styles.css';\n@import '../components/review/styles.css';\n@import '../components/hotelAccomodationResults/styles.css';\n@import '../components/coupon/styles.css';\n@import '../components/giftCard/styles.css';\n@import '../components/pvPopup/styles.css';\n@import '../components/photoCardsRotated/styles.css';\n@import '../components/spotlights/styles.css';\n@import '../components/viewedAccomodations/styles.css';\n@import '../components/quantityButtons/styles.css';\n@import '../components/matrixTable/styles.css';\n@import '../components/pageNavigation/styles.css';\n\n@utility transition-max-height {\n  transition: max-height 0.3s ease-in-out;\n}\n\n@layer utilities {\n  /* Animation utility classes */\n  .animate-spin {\n    animation: spin 1s linear infinite;\n  }\n  .animate-spin-slow {\n    animation: spin 2s linear infinite;\n  }\n  .animate-spin-once {\n    animation: spin 2s linear forwards;\n  }\n\n  .animate-plane-bounce {\n    animation: airplane-bounce 5s ease-in-out infinite;\n  }\n\n  .animate-cloud-float {\n    animation: cloud-move 7s infinite linear;\n  }\n\n  .animate-cloud-float-2 {\n    animation: cloud-move 7s -5s infinite linear;\n  }\n\n  .animate-cloud-float-3 {\n    animation: cloud-move 7s -10s infinite linear;\n  }\n\n  /* Duration utility classes */\n  .duration-sidebar {\n    transition-duration: var(--transition-duration-sidebar);\n  }\n\n  .duration-1000 {\n    transition-duration: 1000ms;\n  }\n\n  .duration-700 {\n    transition-duration: 700ms;\n  }\n\n  /* Gradient background utility classes */\n  .bg-linear-gradient-y {\n    background-image: var(--color-linear-gradient-y);\n  }\n  .bg-linear-gradient-x {\n    background-image: var(--color-linear-gradient-x);\n  }\n  .bg-gradient-blue-pink {\n    background-image: var(--color-linear-gradient-x) !important;\n  }\n  .bg-gradient-blue-green-y {\n    background-image: var(--color-gradient-blue-green-y);\n  }\n  .bg-gradient-blue-green-x {\n    background-image: var(--color-gradient-blue-green-x);\n  }\n  .bg-gradient-calendar {\n    background-image: var(--color-gradient-calendar);\n  }\n  .hover\\:bg-gradient-calendar:hover {\n    background-image: var(--color-gradient-calendar);\n  }\n  @media (min-width: 768px) {\n    .md\\:hover\\:bg-gradient-calendar:hover {\n      background-image: var(--color-gradient-calendar);\n    }\n  }\n  .bg-nav-gradient {\n    background-image: var(--color-nav-gradient);\n  }\n  .bg-nav-gradient-mobile {\n    background-image: var(--color-nav-gradient-mobile);\n  }\n\n  /* Toast notification colors */\n  :root {\n    --toastify-color-info: #2a67f6;\n    --toastify-color-success: #10d1bb;\n    --toastify-color-warning: #f8ec5b;\n    --toastify-color-error: #ed3f55;\n  }\n\n  /* Base element styles */\n  * {\n    box-sizing: inherit;\n  }\n\n  html {\n    box-sizing: border-box;\n    -ms-overflow-style: scrollbar;\n    -webkit-tap-highlight-color: rgba(#000, 0);\n    font-family: var(--font-open-sans), sans-serif;\n    @reference min-h-screen;\n    @reference overflow-y-scroll;\n    @reference text-base;\n  }\n\n  body {\n    @reference m-0;\n    @reference bg-ultra-light-blue;\n  }\n\n  /* Focus styles */\n  button:focus-visible {\n    @reference focus:outline-hidden;\n    @reference focus:ring-2;\n    @reference focus:ring-offset-2;\n  }\n\n  /* Link styles */\n  a {\n    font-size: 0.75rem;\n    font-weight: 500;\n    color: var(--color-accent-blue);\n  }\n\n  a:hover {\n    text-decoration: underline;\n  }\n\n  /* Base layer styles */\n  @layer base {\n    button:not(:disabled),\n    [role=\"button\"]:not(:disabled) {\n      cursor: pointer;\n    }\n  }\n\n  /* Heading styles */\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    @reference m-0;\n  }\n\n  /* Editor styles */\n  .is-editor-empty:first-of-type::before {\n    @reference text-gray-800;\n    color: #333333 !important;\n  }\n\n  /* List styles */\n  ul {\n    @reference list-disc;\n  }\n\n  ol {\n    @reference list-decimal;\n  }\n}\n\n/* Table animations */\n.table-animation-exit {\n  opacity: 1;\n  transition: opacity 300ms ease-out;\n}\n.table-animation-exit-active {\n  opacity: 0;\n  transition: opacity 300ms ease-out;\n}\n.table-animation-enter {\n  opacity: 0;\n  transition: opacity 300ms ease-in;\n}\n.table-animation-enter-active {\n  opacity: 1;\n  transition: opacity 300ms ease-in;\n}\n\n/* Spin animation keyframes */\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes airplane-bounce {\n  0% {\n    transform: translate3d(0, 0, 0);\n  }\n  25% {\n    transform: translate3d(0, -2%, 0);\n  }\n  50% {\n    transform: translate3d(0, 0, 0);\n  }\n  75% {\n    transform: translate3d(0, 2%, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n@keyframes cloud-move {\n  0% {\n    left: 100%;\n  }\n  100% {\n    left: -100%;\n  }\n}\n","/**\n * Global CSS Styles\n * Main stylesheet for the UI Package\n */\n\n@import \"tailwindcss\";\n@import \"./styles/fonts.css\";\n@import \"./styles/variables.css\";\n@import \"./styles/utilities.css\";\n@import \"@toolwind/anchors\";\n\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.tiptap {\n  :first-child {\n    margin-top: 0;\n  }\n\n  /* List styles */\n  ul,\n  ol {\n    padding: 0 1rem;\n    margin: 1.25rem 1rem 1.25rem 0.4rem;\n\n    li p {\n      margin-top: 0.25em;\n      margin-bottom: 0.25em;\n    }\n  }\n}\n\n.font-lato {\n  font-family: var(--font-lato), sans-serif;\n}\n\n\n/* Prijsvrij */\n:root {\n  --prijsvrij-primary: #0092F2;\n  --prijsvrij-primary-dark-50: #004979;\n  --prijsvrij-primary-dark-25: #006DB5;\n  --prijsvrij-primary-light-25: #40ADF5;\n  --prijsvrij-primary-light-50: #80C8F8;\n  --prijsvrij-primary-light-75: #EFF8FE;\n  \n  --prijsvrij-secondary: #003593;\n  --prijsvrij-secondary-dark-50: #1A499E;\n  --prijsvrij-secondary-dark-25: #335DA9;\n  --prijsvrij-secondary-light-25: #6686BE;\n  --prijsvrij-secondary-light-50: #B2C2DF;\n  --prijsvrij-secondary-light-75: #E5EBF4;\n  \n  --prijsvrij-alternative: #FDE92F;\n  --prijsvrij-alternative-dark-50: #7F7518;\n  --prijsvrij-alternative-dark-25: #BEAF23;\n  --prijsvrij-alternative-light-25: #FEEF63;\n  --prijsvrij-alternative-light-50: #FEF497;\n  --prijsvrij-alternative-light-75: #FFFACB;\n  \n  --prijsvrij-alternative2: #D90000;\n  --prijsvrij-alternative2-dark-50: #730000;\n  --prijsvrij-alternative2-dark-25: #A60000;\n  --prijsvrij-alternative2-light-25: #E13333;\n  --prijsvrij-alternative2-light-50: #EC8080;\n  --prijsvrij-alternative2-light-75: #F7CCCC;\n  \n  --prijsvrij-alternative3: #339900;\n  --prijsvrij-alternative3-dark-50: #1A4D00;\n  --prijsvrij-alternative3-dark-25: #267300;\n  --prijsvrij-alternative3-light-25: #74B555;\n  --prijsvrij-alternative3-light-50: #99CC80;\n  --prijsvrij-alternative3-light-75: #CCE5BF;\n\n  --prijsvrij-danger-red: #D90000;\n  --prijsvrij-danger-red-hover: #A60000;\n  --prijsvrij-danger-red-disabled: #F7CCCC;\n\n  --prijsvrij-dark-600: #333333;\n  --prijsvrij-dark-500: #1a1a1a;\n  --prijsvrij-dark-400: #262626;\n  --prijsvrij-dark-300: #666666;\n  --prijsvrij-dark-200: #999999;\n\n  --prijsvrij-light-600: #E0E0E0;\n  --prijsvrij-light-500: #707070;\n  --prijsvrij-light-400: #A8A8A8;\n  --prijsvrij-light-300: #E8E8E8;\n  --prijsvrij-light-200: #EFEFEF;\n\n  --btn-prijsvrij-shadow: 0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px rgba(0,0,0,.11),0 1px 5px rgba(0,0,0,.12);\n\n  /* D-reizen */\n  --dreizen-primary: #0077BF;\n  --dreizen-primary-100: #003C60;\n  --dreizen-primary-200: #00598F;\n  --dreizen-primary-300: #80BBDF;\n  \n  --dreizen-secondary: #FF7801;\n  --dreizen-secondary-100: #803C00;\n  --dreizen-secondary-200: #BF5A01;\n  --dreizen-secondary-300: #FF9A40;\n  --dreizen-secondary-400: #FFEEDF;  \n  \n  --dreizen-alternative: #52C75D;\n  --dreizen-alternative-100: #29642E;\n  --dreizen-alternative-200: #3D9546;\n  --dreizen-alternative-300: #72D17B;\n  --dreizen-alternative-400: #93DC9A;\n\n  --dreizen-danger-red: #cc3433;\n  --dreizen-danger-red-hover: #992726;\n  --dreizen-danger-red-disabled: #e68080;\n  \n  --dreizen-dark-600: #333333;\n  --dreizen-dark-500: #1a1a1a;\n  --dreizen-dark-400: #262626;\n  --dreizen-dark-300: #666666;\n  --dreizen-dark-200: #999999;\n\n  --dreizen-light-600: #E8E8E8;\n  --dreizen-light-500: #747474;\n  --dreizen-light-400: #AEAEAE;\n  --dreizen-light-300: #F4F4F4;\n  --dreizen-light-200: #EEEEEE;\n  \n  --btn-dreizen-shadow: 0;\n\n  --usp-icon-color: #52c65c;\n}\n\n\n/* Apply de juiste variabelen op basis van data-brand */\n:root[data-brand=\"prijsvrij\"],\n[data-brand=\"prijsvrij\"] {\n  --color-primary: var(--prijsvrij-primary);\n  --color-primary-dark-50: var(--prijsvrij-primary-dark-50);\n  --color-primary-dark-25: var(--prijsvrij-primary-dark-25);\n  --color-primary-light-25: var(--prijsvrij-primary-light-25);\n  --color-primary-light-50: var(--prijsvrij-primary-light-50);\n  --color-primary-light-75: var(--prijsvrij-primary-light-75);\n  \n  --color-secondary: var(--prijsvrij-secondary);\n  --color-secondary-dark-50: var(--prijsvrij-secondary-dark-50);\n  --color-secondary-dark-25: var(--prijsvrij-secondary-dark-25);\n  --color-secondary-light-25: var(--prijsvrij-secondary-light-25);\n  --color-secondary-light-50: var(--prijsvrij-secondary-light-50);\n  --color-secondary-light-75: var(--prijsvrij-secondary-light-75);\n  \n  --color-alternative: var(--prijsvrij-alternative);\n  --color-alternative-dark-50: var(--prijsvrij-alternative-dark-50);\n  --color-alternative-dark-25: var(--prijsvrij-alternative-dark-25);\n  --color-alternative-light-25: var(--prijsvrij-alternative-light-25);\n  --color-alternative-light-50: var(--prijsvrij-alternative-light-50);\n  --color-alternative-light-75: var(--prijsvrij-alternative-light-75);\n  \n  --color-alternative2: var(--prijsvrij-alternative2);\n  --color-alternative2-dark-50: var(--prijsvrij-alternative2-dark-50);\n  --color-alternative2-dark-25: var(--prijsvrij-alternative2-dark-25);\n  --color-alternative2-light-25: var(--prijsvrij-alternative2-light-25);\n  --color-alternative2-light-50: var(--prijsvrij-alternative2-light-50);\n  --color-alternative2-light-75: var(--prijsvrij-alternative2-light-75);\n  \n  --color-alternative3: var(--prijsvrij-alternative3);\n  --color-alternative3-dark-50: var(--prijsvrij-alternative3-dark-50);\n  --color-alternative3-dark-25: var(--prijsvrij-alternative3-dark-25);\n  --color-alternative3-light-25: var(--prijsvrij-alternative3-light-25);\n  --color-alternative3-light-50: var(--prijsvrij-alternative3-light-50);\n  --color-alternative3-light-75: var(--prijsvrij-alternative3-light-75);\n  \n  --color-dark-600: var(--prijsvrij-dark-600);\n  --color-dark-500: var(--prijsvrij-dark-500);\n  --color-dark-400: var(--prijsvrij-dark-400);\n  --color-dark-300: var(--prijsvrij-dark-300);\n  --color-dark-200: var(--prijsvrij-dark-200);\n  \n  --color-light-600: var(--prijsvrij-light-600);\n  --color-light-500: var(--prijsvrij-light-500);\n  --color-light-400: var(--prijsvrij-light-400);\n  --color-light-300: var(--prijsvrij-light-300);\n  --color-light-200: var(--prijsvrij-light-200);\n  \n  --radius: var(--prijsvrij-radius);\n  \n  --fontFamily-price-check: var(--font-open-sans), sans-serif;\n  --fontFamily-price-check-price: \"Hermes Maia T4\", sans-serif;\n  --fontFamily-blog-widget: \"Hermes Maia T4\", sans-serif;\n  --fontFamily-blog-widget-date: var(--font-open-sans), sans-serif;\n\n  --fontWeight-price-text: 400;\n  --price-background: var(--prijsvrij-alternative);\n  --price-background-back: #ffbf2b;\n\n\n  /* Buttons */\n  --primary-btn-hover-color: var(--prijsvrij-alternative2-dark-25);\n  --primary-btn-color: var(--prijsvrij-alternative2);\n  --primary-btn-inactive-color: var(--prijsvrij-alternative2-light-75);\n  --primary-btn-box-shadow: 0 3px var(--prijsvrij-alternative2-dark-50);\n  --primary-btn-box-shadow-active: 0 1px var(--prijsvrij-alternative2-dark-50);\n  --primary-btn-box-shadow-hover: 0 6px var(--prijsvrij-alternative2-dark-50);\n\n  --secondary-btn-hover-color: var(--prijsvrij-alternative3-dark-25);\n  --secondary-btn-color: var(--prijsvrij-alternative3);\n  --secondary-btn-inactive-color: var(--prijsvrij-alternative3-light-75);\n  --secondary-btn-box-shadow: 0 3px var(--prijsvrij-alternative3-dark-50);\n  --secondary-btn-box-shadow-active: 0 1px var(--prijsvrij-alternative3-dark-50);\n  --secondary-btn-box-shadow-hover: 0 6px var(--prijsvrij-alternative3-dark-50);\n\n  --alternative-btn-hover-color: var(--prijsvrij-alternative-dark-25);\n  --alternative-btn-color: var(--prijsvrij-alternative);\n  --alternative-btn-inactive-color: var(--prijsvrij-alternative-light-75);\n  --alternative-btn-box-shadow: 0 3px var(--prijsvrij-alternative-dark-50);\n  --alternative-btn-box-shadow-active: 0 1px var(--prijsvrij-alternative-dark-50);\n  --alternative-btn-box-shadow-hover: 0 6px var(--prijsvrij-alternative-dark-50);\n\n  --alternative2-btn-hover-color: var(--prijsvrij-alternative2-dark-25);\n  --alternative2-btn-color: var(--prijsvrij-alternative2);\n  --alternative2-btn-inactive-color: var(--prijsvrij-alternative2-light-75);\n  --alternative2-btn-box-shadow: 0 3px var(--prijsvrij-alternative2-dark-50);\n  --alternative2-btn-box-shadow-active: 0 1px var(--prijsvrij-alternative2-dark-50);\n  --alternative2-btn-box-shadow-hover: 0 6px var(--prijsvrij-alternative2-dark-50);\n  \n  --alternative3-btn-hover-color: var(--prijsvrij-alternative3-dark-25);\n  --alternative3-btn-color: var(--prijsvrij-alternative3);\n  --alternative3-btn-inactive-color: var(--prijsvrij-alternative3-light-75);\n  --alternative3-btn-box-shadow: 0 3px var(--prijsvrij-alternative3-dark-50);\n  --alternative3-btn-box-shadow-active: 0 1px var(--prijsvrij-alternative3-dark-50);\n  --alternative3-btn-box-shadow-hover: 0 6px var(--prijsvrij-alternative3-dark-50);\n\n  --logo-url: var(--prijsvrij-logo-url);\n\n  --btn-shadow: var(--btn-prijsvrij-shadow);\n  --btn-outline-border: var(--prijsvrij-primary);\n  --btn-outline-color: var(--prijsvrij-primary);\n\n  --btn-outline-hover-border-color: var(--prijsvrij-primary-dark-25);\n  --btn-outline-hover-color: var(--prijsvrij-primary-dark-25);\n\n  --btn-text-color: var(--prijsvrij-primary);\n\n  --btn-text-hover-color: var(--prijsvrij-primary-dark-25);\n  --price-check-color: var(--prijsvrij-alternative2);\n  --price-check-price-color: var(--prijsvrij-alternative2);\n  --price-text-padding-left: 0.5rem;\n\n  --danger-red: var(--prijsvrij-danger-red);\n  --danger-red-hover: var(--prijsvrij-danger-red-hover);\n  --danger-red-disabled: var(--prijsvrij-danger-red-disabled);\n  --price-text-padding-bottom: -0.5rem;\n  --price-price-padding-left: 1rem;\n  --price-price-padding-right: 0.5rem;\n  --price-minus-right: 10px;\n  --price-minus-bottom: 10px;\n  --price-price-margin-top: 0;\n\n  --toggle-active-background-color: var(--prijsvrij-primary);\n  --toggle-inactive-background-color: var(--prijsvrij-primary);\n  --toggle-active-color: white;\n  --toggle-inactive-color: var(--prijsvrij-dark-600);\n  --toggle-font-family: var(--font-open-sans), sans-serif;\n\n  --filter-button-background-color: var(--prijsvrij-primary);\n  --filter-button-background-hover-color: #005cbb;\n  --fontFamily-filter-button: var(--font-open-sans), sans-serif;\n\n  --filter-button-icon-background-color: #80c8f8;\n  --filter-button-icon-background-hover-color: #002c49;\n\n  --search-box-border-color: transparent;\n  --search-box-icon-color: var(--prijsvrij-dark-600);\n  --search-box-clear-icon-background-color: #e3e3e3;\n  --search-box-clear-icon-background-hover-color: #a0a0a0;\n  --search-box-clear-icon-color: white;\n\n  --search-box-result-location-color: var(--prijsvrij-primary); \n  --search-box-result-hover-background-color: #edf7fe;\n\n  --topMenu-background-color: #0083da;\n  --topHeaderMenu-background-color: #0083da;\n  --topMenu-background-color-hover: #004979;\n  --topMenu-boxShadow-color: transparent;\n  --topMenu-height: 40px;\n\n  --counter-icon-color: #d90000;\n\n  --usp-font-family: var(--font-open-sans), sans-serif;\n  --middle-navigation-font-family: var(--font-open-sans), sans-serif;\n  --fontFamily-blog-widget: \"Hermes Maia T4\";\n\n  --menu-link-color: white;\n  --menu-link-hover-color: var(--prijsvrij-primary);\n  --menu-item-icon-color: white;\n\n  --color-footer-navigation-link: var(--prijsvrij-primary); \n  --color-footer-navigation-category-link: var(--prijsvrij-secondary); \n\n  --bookModule-background-color: var(--prijsvrij-alternative);\n  --bookModule-text-color: var(--prijsvrij-secondary);\n  --bookModule-text-size: 24px;\n  --bookModule-text-weight: 400;\n  --bookModule-font-family: \"Hermes Maia T4\", sans-serif;\n  --bookModule-border-radius: 8px;\n\n  --bookModuleButtonLabel-text-size: 12px;\n  --bookModuleButtonLabel-text-weight: 600;\n  --bookModuleButtonLabel-font-family: var(--font-open-sans), sans-serif;\n  --bookModuleButtonLabel-color: var(--prijsvrij-dark-300);\n  --bookModuleButtonIcon-color: var(--prijsvrij-secondary);\n\n  --bookModuleButtonRadius: 4px;\n  --bookModuleButtonHeight: 50px;\n\n  --bookModuleButtonSelectedValue-font-family: var(--font-open-sans), sans-serif;\n  --bookModuleButtonSelectedValue-color: var(--prijsvrij-dark-400);\n  --bookModuleButtonSelectedValue-text-size: 14px;\n  --bookModuleButtonSelectedValue-text-weight: 400;\n  --bookModuleButtonSelectedValue-margin-top: -4px;\n\n  --bookModuleButtonDownIcon-color: var(--prijsvrij-primary-light-25);\n  --bookModuleButtonDownIcon-size: 20px;\n\n  --category-filter-font-family: var(--font-open-sans), sans-serif;\n\n  --collection-title-font-family: \"Hermes Maia T4\", sans-serif;\n  --collection-description-font-family: var(--font-open-sans), sans-serif;\n\n  --usp-icon-color: var(--prijsvrij-alternative3);\n  --review-color: var(--prijsvrij-alternative3);\n  --review-number-background-color: inherit;\n  --review-number-color: var(--prijsvrij-alternative3);\n  --review-shadow: 0 4px 80px rgba(0,0,0,.07),0 .893452px 17.869px rgba(0,0,0,.042),0 .266004px 5.32008px rgba(0,0,0,.028);\n\n  --hotel-accomodation-results-title-color: var(--prijsvrij-secondary); \n  --hotel-accomodation-results-title-font: \"Hermes Maia T4\", sans-serif;\n\n  --hotel-accomodation-results-location-font: var(--font-open-sans), sans-serif;\n  --hotel-accomodation-results-location-color: #a8a8a8;\n\n  --viewed-accomodations-title-font: var(--font-open-sans), sans-serif;\n  --viewed-accomodations-title-text-color: var(--color-secondary);\n  --viewed-accomodations-header: var(--font-open-sans), sans-serif;\n  --viewed-accomodations-header-font-size: 18px;\n\n  --viewed-accomodations-empty-color: var(--color-secondary);\n\n  --viewed-accomodations-empty-text-color: var(--color-dark-400);\n\n  --quantity-buttons-border-color: var(--color-primary);\n  --quantity-buttons-color: var(--color-primary);\n  --quantity-buttons-border-color-hover: var(--color-secondary);\n  --quantity-buttons-value-color: var(--color-dark-400);\n\n  --matrix-table-days-color: var(--color-dark-400);\n  --matrix-table-month-header-color: var(--color-secondary);\n  --matrix-table-month-header-font-family: \"Hermes Maia T4\", sans-serif;\n\n  --matrix-table-cell-color: var(--prijsvrij-primary-light-75);\n  --matrix-table-cell-border-color: var(--prijsvrij-light-600);\n  --matrix-table-cell-cheapest-color: var(--prijsvrij-primary);\n  --matrix-table-cell-cheapest-border-color: var(--prijsvrij-primary-dark-25);\n\n  --matrix-table-cell-active-color: var(--prijsvrij-alternative);\n  --matrix-table-cell-active-border-color: #e4d22b;\n  --matrix-table-cell-active-text-color: var(--prijsvrij-alternative2);\n\n  --matrix-table-days-amount-font: var(--font-open-sans), sans-serif;\n\n  --matrix-table-days-weekday-color: var(--color-light-400);\n\n  --popup-title-font-family:  \"Hermes Maia T4\", sans-serif;\n\n  \n}\n\n:root[data-brand=\"dreizen\"],\n[data-brand=\"dreizen\"] {\n  --color-primary: var(--dreizen-primary);\n  --color-primary-100: var(--dreizen-primary-100);\n  --color-primary-200: var(--dreizen-primary-200);\n  --color-primary-300: var(--dreizen-primary-300);\n  --color-primary-light-25: var(--dreizen-primary-200);\n  --color-primary-light-50: var(--dreizen-primary-300);\n\n  --color-secondary: var(--dreizen-secondary);\n  --color-secondary-100: var(--dreizen-secondary-100);\n  --color-secondary-200: var(--dreizen-secondary-200);\n  --color-secondary-300: var(--dreizen-secondary-300);\n  --color-secondary-400: var(--dreizen-secondary-400);\n  \n  --color-alternative: var(--dreizen-alternative);\n  --color-alternative-100: var(--dreizen-alternative-100);\n  --color-alternative-200: var(--dreizen-alternative-200);\n  --color-alternative-300: var(--dreizen-alternative-300);\n  --color-alternative-400: var(--dreizen-alternative-400);\n  \n  --color-dark-600: var(--dreizen-dark-600);\n  --color-dark-500: var(--dreizen-dark-500);\n  --color-dark-400: var(--dreizen-dark-400);\n  --color-dark-300: var(--dreizen-dark-300);\n  --color-dark-200: var(--dreizen-dark-200);\n  \n  --color-light-600: var(--dreizen-light-600);\n  --color-light-500: var(--dreizen-light-500);\n  --color-light-400: var(--dreizen-light-400);\n  --color-light-300: var(--dreizen-light-300);\n  --color-light-200: var(--dreizen-light-200);\n\n  /* Buttons */\n  --primary-btn-color: var(--dreizen-primary);\n  --primary-btn-inactive-color: var(--dreizen-primary-400);\n  --primary-btn-box-shadow: 0 3px var(--dreizen-primary-100);\n  --primary-btn-box-shadow-active: 0 1px var(--dreizen-primary-100);\n  --primary-btn-box-shadow-hover: 0 6px var(--dreizen-primary-100);\n\n  --secondary-btn-color: var(--dreizen-secondary);\n  --secondary-btn-inactive-color: var(--dreizen-secondary-400);\n  --secondary-btn-box-shadow: 0 3px var(--dreizen-secondary-200);\n  --secondary-btn-box-shadow-active: 0 1px var(--dreizen-secondary-200);\n  --secondary-btn-box-shadow-hover: 0 6px var(--dreizen-secondary-200);\n  \n  --alternative-btn-hover-color: var(--dreizen-alternative-200);\n  --alternative-btn-color: var(--dreizen-alternative);\n  --alternative-btn-inactive-color: var(--dreizen-alternative-300);\n  --alternative-btn-box-shadow: 0 3px var(--dreizen-alternative-200);\n  --alternative-btn-box-shadow-active: 0 1px var(--dreizen-alternative-200);\n  --alternative-btn-box-shadow-hover: 0 6px var(--dreizen-alternative-200);\n  \n  --alternative2-btn-hover-color: var(--dreizen-alternative2-200);\n  --alternative2-btn-color: var(--dreizen-alternative2);\n  --alternative2-btn-inactive-color: var(--dreizen-alternative2-300);\n  --alternative2-btn-box-shadow: 0 3px var(--dreizen-alternative2-200);\n  --alternative2-btn-box-shadow-active: 0 1px var(--dreizen-alternative2-200);\n  --alternative2-btn-box-shadow-hover: 0 6px var(--dreizen-alternative2-200);\n  \n  --alternative3-btn-hover-color: var(--dreizen-alternative3-200);\n  --alternative3-btn-color: var(--dreizen-alternative3);\n  --alternative3-btn-inactive-color: var(--dreizen-alternative3-300);\n  --alternative3-btn-box-shadow: 0 3px var(--dreizen-alternative3-200);\n  --alternative3-btn-box-shadow-active: 0 1px var(--dreizen-alternative3-200);\n  --alternative3-btn-box-shadow-hover: 0 6px var(--dreizen-alternative3-200);\n  \n  --logo-url: var(--dreizen-logo-url);\n\n  --btn-shadow: var(--btn-dreizen-shadow);\n\n  --btn-outline-border: var(--dreizen-primary);\n  --btn-outline-color: var(--dreizen-primary);\n\n  --btn-outline-hover-border-color: var(--dreizen-primary-200);\n  --btn-outline-hover-color: var(--dreizen-primary-200);\n\n  --btn-text-color: var(--dreizen-primary);\n\n  --btn-text-hover-color: var(--dreizen-primary-200);\n  --price-check-color: var(--dreizen-dark-600);\n  --price-check-price-color: var(--dreizen-secondary);\n\n  --danger-red: var(--dreizen-danger-red);\n  --danger-red-hover: var(--dreizen-danger-red-hover);\n  --danger-red-disabled: var(--dreizen-danger-red-disabled);\n\n  --fontFamily-price-check: var(--font-titillium-web), sans-serif;\n  --fontFamily-price-check-price: var(--font-titillium-web), sans-serif;\n  --fontFamily-blog-widget: var(--font-open-sans), sans-serif;\n  --fontFamily-blog-widget-date: var(--font-open-sans), sans-serif;\n\n  --fontWeight-price-text: 600;\n  --price-background: transparent;\n  --price-background-back: transparent;\n  --price-text-padding-left: 0;\n  --price-text-padding-bottom: 0;\n  --price-price-padding-left: 0;\n  --price-price-padding-right: 0;\n  --price-minus-right: 5px;\n  --price-minus-bottom: 10px;\n  --price-price-margin-top: -8px;\n\n  --toggle-active-background-color: var(--dreizen-secondary);\n  --toggle-inactive-background-color: var(--dreizen-secondary);\n  --toggle-active-color: white;\n  --toggle-inactive-color: var(--dreizen-dark-600);\n  --toggle-font-family: var(--font-lato), sans-serif;\n\n  --filter-button-background-color: var(--dreizen-primary);\n  --filter-button-background-hover-color: var(--dreizen-dark-600);\n  --fontFamily-filter-button: var(--font-lato), sans-serif;\n\n  --filter-button-icon-background-color: #4099cf;\n  --filter-button-icon-background-hover-color: #002c49;\n  --search-box-border-color: var(--dreizen-secondary);\n  --search-box-icon-color: var(--dreizen-secondary);\n  --search-box-clear-icon-background-color: #e3e3e3;\n  --search-box-clear-icon-background-hover-color: #a0a0a0;\n  --search-box-clear-icon-color: white;\n\n  --search-box-result-location-color: var(--dreizen-primary); \n  --search-box-result-hover-background-color: #edf7fe;\n\n  --topMenu-background-color: transparent;\n  --topHeaderMenu-background-color: var(--color-secondary);\n  --topMenu-background-color-hover: var(--dreizen-secondary-200);\n  --topMenu-boxShadow-color: #f9f9f9;\n  --topMenu-height: 32px;\n\n  --counter-icon-color: #ff6766;\n\n  --usp-font-family: var(--font-lato), sans-serif;\n  --middle-navigation-font-family: var(--font-lato), sans-serif;\n\n  --menu-link-color: var(--color-dark-600);\n  --menu-link-hover-color: var(--color-dark-600);\n  --menu-item-icon-color: var(--color-secondary);\n\n  --color-footer-navigation-link: var(--color-dark-600); \n  --color-footer-navigation-category-link: #0077bf;\n\n  --bookModule-background-color: var(--color-secondary);\n  --bookModule-text-color: white;\n  --bookModule-text-size: 20px;\n  --bookModule-text-weight: 700;\n  --bookModule-font-family: var(--font-lato), sans-serif;\n  --bookModule-border-radius: 2px;\n\n  --bookModuleButtonLabel-text-size: 14px;\n  --bookModuleButtonLabel-text-weight: 700;\n  --bookModuleButtonLabel-font-family: var(--font-lato), sans-serif;\n  --bookModuleButtonLabel-color: var(--dreizen-dark-600);\n  --bookModuleButtonIcon-color: var(--dreizen-dark-200); \n\n  --bookModuleButtonRadius: 3px;\n  --bookModuleButtonHeight: 40px;\n\n  --bookModuleButtonSelectedValue-font-family: var(--font-lato), sans-serif;\n  --bookModuleButtonSelectedValue-color: var(--dreizen-dark-600);\n  --bookModuleButtonSelectedValue-text-size: 14px;\n  --bookModuleButtonSelectedValue-text-weight: 500;\n  --bookModuleButtonSelectedValue-margin-top: 0;\n\n  --bookModuleButtonDownIcon-color: var(--dreizen-primary);\n  --bookModuleButtonDownIcon-size: 16px;\n\n  --category-filter-font-family: var(--font-lato), sans-serif;\n\n  --collection-title-font-family: var(--font-titillium-web), sans-serif;\n  --collection-description-font-family: var(--font-lato), sans-serif;\n\n  --usp-icon-color: #52c65c;\n\n  --review-color: #0077bf;\n  --review-number-background-color: #0077bf;\n  --review-number-color: white;\n  --review-shadow: 1px 1px 5px 0 rgba(0,0,0,.15),0 0 1px 0 rgba(0,0,0,.3);\n\n  --hotel-accomodation-results-title-color: var(--color-dark-600); \n  --hotel-accomodation-results-title-font: var(--font-titillium-web), sans-serif;\n\n  --hotel-accomodation-results-location-font: var(--font-lato), sans-serif;\n  --hotel-accomodation-results-location-color: #a8a8a8;\n\n  --viewed-accomodations-title-font: var(--font-titillium-web), sans-serif;\n  --viewed-accomodations-title-text-color: var(--color-dark-600); \n  --viewed-accomodations-header: var(--font-lato), sans-serif;\n  --viewed-accomodations-header-font-size: 16px;\n\n  --viewed-accomodations-empty-color: var(--color-dark-600);\n\n  --viewed-accomodations-empty-text-color: var(--color-dark-600);\n\n  --quantity-buttons-border-color: var(--color-secondary);\n  --quantity-buttons-color: var(--color-secondary);\n  --quantity-buttons-border-color-hover: var(--color-secondary-200);\n  --quantity-buttons-value-color: var(--color-dark-400);\n\n  --matrix-table-days-color: var(--color-dark-600);\n  --matrix-table-month-header-color: var(--color-dark-600);\n  --matrix-table-month-header-font-family: var(--font-titillium-web), sans-serif;\n\n  --matrix-table-cell-color: #bfddef;\n  --matrix-table-cell-border-color: #bfddef;\n  --matrix-table-cell-cheapest-color: var(--dreizen-primary);\n  --matrix-table-cell-cheapest-border-color: var(--dreizen-primary);\n\n  --matrix-table-days-amount-font: var(--font-lato), sans-serif;\n\n  --matrix-table-days-weekday-color: var(--color-light-400); \n  --matrix-table-cell-active-color: var(--color-secondary);\n  --matrix-table-cell-active-border-color: var(--color-secondary);\n  --matrix-table-cell-active-text-color: var(--color-white);\n\n  --popup-title-font-family: var(--font-lato), sans-serif;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;;;AAIA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACxIA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;ACxLA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;;ACrJA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACjEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;ACjCA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;ACtCA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;ACjBA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACtEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;ACRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACRA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;;ACjCA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;ACXA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AC5JA;AACA;AACA;;AAEA;AACA;AACA;ACNA;AACA;AACA;AACA;AACA;AACA;ACLA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AC7CA;AACA;AACA;ACFA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;ACRA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;ACxBA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;ACRA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACzBA;AACA;AACA;AACA;;AAEA;AACA;AACA;;ACPA;AACA;AACA;;ACDA;AACA;AACA;AACA;;AAEA;AACA;AACA;ACRA;AACA;AACA;;ACDA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;ACtBA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AClBA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACrCA;AACA;AACA;AACA;ACHA;AACA;AACA;AACA;;AAEA;;;AA+BA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACxPA;AACA;AACA;AACA;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA"}

package/dist/index.cjs

@@ -40,7 +40,7 @@ const react_select = __toESM(require("react-select"));
 //#region src/jsx-runtime-shim.ts
 const jsx = react.createElement;
 const jsxs = react.createElement;
-const Fragment$2 = react.Fragment;
+const Fragment$1 = react.Fragment;
 
 //#endregion
 //#region src/styles/fonts.css
@@ -4897,6 +4897,55 @@ const Checkbox = ({ className, label, checked, defaultChecked = false, indetermi
 	});
 };
 
+//#endregion
+//#region src/components/stepper/index.tsx
+const Stepper = ({ className, steps,...props }) => {
+	const getLineColor = (state) => {
+		switch (state) {
+			case "completed": return "bg-green-600";
+			case "active": return "bg-primary-light-50";
+			default: return "bg-primary-light-50";
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		"data-component": "stepper",
+		className: (0, clsx.default)(className, "relative flex flex-row justify-between"),
+		...props,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: "absolute top-[19px] left-[30px] right-[30px] flex h-[2px]",
+			children: steps.slice(0, -1).map((step, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: (0, clsx.default)("flex-1", getLineColor(step.state)) }, i))
+		}), steps.map((step) => {
+			let styling = "bg-white";
+			switch (step.state) {
+				case "active":
+					styling = "bg-primary text-white border-primary-light-50 border-3";
+					break;
+				case "completed":
+					styling = "bg-green-600 border-primary-light-75 text-white";
+					break;
+				case "upcoming":
+					styling = "bg-primary-light-50 border-primary-light-75 border-3 text-white";
+					break;
+				default: break;
+			}
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "step flex flex-col items-center relative z-10",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: (0, clsx.default)("w-[40px] h-[40px] rounded-full flex items-center justify-center", styling),
+					children: step.state === "completed" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconCheck, {
+						className: "text-white",
+						width: 16,
+						height: 16
+					}) : step.number
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: `${step.state === "active" ? "text-dark-400" : "text-light-400"}`,
+					children: step.name
+				})]
+			}, step.number);
+		})]
+	});
+};
+
 //#endregion
 //#region src/components/quantityButtons/index.tsx
 const QuantityButtons = ({ className, value, setValue, minValue = 0, maxValue = 8,...props }) => {
@@ -8207,94 +8256,6 @@ const SkillPill = ({ name, number }) => /* @__PURE__ */ (0, react_jsx_runtime.js
 	})]
 });
 
-//#endregion
-//#region src/components/stepper/NumberedStepper.tsx
-const NumberedStepper = ({ steps, active, className, stepsCompleted, completedLabel, onStepClick }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	"data-testid": "numbered-stepper-container",
-	className: (0, clsx.default)("flex w-full flex-col items-start gap-2 md:flex-row md:items-center md:gap-7", className),
-	children: steps.map((step, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-testid": `stepper-step-${index}`,
-		onClick: () => index < active ? onStepClick(index) : null,
-		className: `${index < active && "cursor-pointer"} flex w-auto`,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex flex-auto flex-row gap-3",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "flex size-12 flex-auto items-center justify-center whitespace-nowrap",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					"data-testid": `stepper-number-${index}`,
-					className: `grid size-12 place-content-center rounded-full leading-[36px]! md:leading-[40px]! ${index === 0 && active === 1 ? "bg-light-blue text-white" : "bg-transparent!"} ${index <= active ? "border-light-blue text-light-blue border" : "border border-gray-500 text-gray-500"} align-middle font-["Gotham"] font-bold md:text-2xl`,
-					children: index + 1
-				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex flex-auto flex-col justify-center",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					"data-testid": `stepper-label-${index}`,
-					className: `content-center text-sm font-medium! whitespace-nowrap md:text-lg md:font-bold ${index <= active ? "text-gray-900" : "text-gray-500"}`,
-					children: step.label
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", { children: [completedLabel && active === 1 && index === 0 && stepsCompleted.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "text-green flex items-center text-xs font-medium",
-					children: [
-						completedLabel,
-						" ",
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", { role: "img" })
-					]
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {}), " "] })]
-			})]
-		})
-	}), index < steps.length - 1 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: `my-2 ml-6 flex h-[24px] w-px align-middle md:ml-0 md:h-px md:w-auto md:flex-1 ${active === 1 ? "bg-light-blue" : "bg-[#CCCCCC]"}` })] }, index))
-});
-
-//#endregion
-//#region src/components/stepper/Stepper.tsx
-const Stepper = ({ steps, setStep = () => {}, variant = "default", clickableSteps, completedSteps, activeStep, isMobile, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	"data-testid": "stepper-container",
-	className: (0, clsx.default)("flex w-full justify-start", className),
-	children: steps?.map((step, index) => {
-		const isClickable = index <= activeStep && clickableSteps?.includes(index);
-		const isCompleted = completedSteps?.includes(index);
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			"data-testid": `stepper-step-${index}`,
-			className: "flex w-full",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "relative flex w-full justify-center",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					"data-testid": `stepper-step-container-${index}`,
-					className: `mr-2 flex w-36 flex-col items-center ${variant === "small" || isMobile ? "gap-0.5" : "gap-3"}`,
-					children: [
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							"data-testid": `stepper-step-circle-${index}`,
-							onClick: () => isClickable && setStep(index),
-							className: cn("relative z-10 flex size-8 items-center justify-center rounded-full border border-gray-500 bg-white text-gray-500", {
-								"size-5": variant === "small" || isMobile,
-								"cursor-pointer": isClickable,
-								"cursor-not-allowed": clickableSteps && !clickableSteps.includes(index),
-								"border-light-blue text-light-blue": index === activeStep,
-								"border-light-blueDisabled bg-light-blueDisabled border text-white": isCompleted,
-								"border-light-blue bg-light-blue": index < activeStep
-							}),
-							children: [(index < activeStep || isCompleted) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								className: "flex items-center justify-center text-white",
-								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {})
-							}), index === activeStep && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-								"data-testid": "active-step-indicator",
-								className: `${variant === "small" || isMobile ? "size-1" : "size-2"} bg-light-blue rounded-full`
-							})]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "flex flex-wrap items-center justify-center",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								className: `text-center ${variant === "small" || isMobile ? "text-xs-fields" : "text-sm font-normal"} ${index <= activeStep ? "text-gray-900" : "text-gray-500"}`,
-								children: step.label
-							})
-						}),
-						index < steps.length && index !== 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: `${variant === "small" || isMobile ? "top-2.5" : "top-4"} absolute z-0 h-px w-full -translate-x-1/2 ${index < activeStep + 1 ? "bg-light-blue" : "bg-gray-200"}` })
-					]
-				})
-			})
-		}, index);
-	})
-});
-
 //#endregion
 //#region src/components/stickyMobileButton/index.tsx
 const StickyMobileButtonWrapper = ({ children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -11111,38 +11072,6 @@ const PageNavigation = ({ className, pages, currentPage, onPageChange,...props }
 	});
 };
 
-//#endregion
-//#region src/components/pvStepper/index.tsx
-const PvStepper = ({ className, steps,...props }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-component": "pv-stepper",
-		className: (0, clsx.default)(className, "flex flex-row"),
-		...props,
-		children: steps.map((step) => {
-			let styling = "bg-white";
-			switch (step.state) {
-				case "active":
-					styling = "bg-primary border-primary/50 text-white";
-					break;
-				case "completed":
-					styling = "bg-secondary border-secondary/50 text-white";
-					break;
-				case "upcoming":
-					styling = "bg-alternative3 border-alternative/50 text-white";
-					break;
-				default: break;
-			}
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: (0, clsx.default)("step", "flex flex-col items-center justify-between"),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: (0, clsx.default)("w-[40px] h-[40px] rounded-full flex items-center justify-center", styling),
-					children: step.number
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: step.name })]
-			}, step.number);
-		})
-	});
-};
-
 //#endregion
 //#region src/components/pvPopup/index.tsx
 const PvPopup = ({ className, popupTitle, content, button, size, popover, popupId,...props }) => {
@@ -11403,7 +11332,6 @@ exports.MiddleNavigation = MiddleNavigation;
 exports.Modal = Modal;
 exports.Nominations = Nominations;
 exports.NumberField = NumberField;
-exports.NumberedStepper = NumberedStepper;
 exports.PageNavigation = PageNavigation;
 exports.PageRating = PageRating;
 exports.PasswordInput = PasswordInput;
@@ -11415,7 +11343,6 @@ exports.PriceCheck = PriceCheck;
 exports.ProfileMenu = ProfileMenu;
 exports.ProgressBar = ProgressBar;
 exports.PvPopup = PvPopup;
-exports.PvStepper = PvStepper;
 exports.QuantityButtons = QuantityButtons;
 exports.RadioButton = RadioButton;
 exports.Rating = Rating;