@prijsvrijtechsupport/ui 0.0.30 → 0.0.32

package/dist/components/button/styles.css

@@ -45,6 +45,9 @@ button.btn-secondary:hover:active {
 }
 
 /* Button primary variant with CSS custom properties */
+.btn-glow:hover {
+  background-color: var(--primary-btn-hover-color);
+}
 .btn-primary {
   background-color: var(--primary-btn-color);
   border-color: transparent;

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

@@ -5,6 +5,9 @@ interface DividerProps {
     count: number;
     allowZero?: boolean;
     onClick?: () => void;
+    id?: string;
+    isPop?: boolean;
+    isFilled?: boolean;
 }
-export declare const CounterIcon: ({ className, icon, count, allowZero, onClick, ...props }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CounterIcon: ({ className, icon, id, count, allowZero, onClick, isPop, isFilled, ...props }: DividerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/rangeSlider/RangeSlider.stories.d.ts

@@ -0,0 +1,17 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { RangeSlider } from "./index";
+declare const meta: Meta<typeof RangeSlider>;
+export default meta;
+type Story = StoryObj<typeof RangeSlider>;
+export declare const Default: Story;
+export declare const WithValue: Story;
+export declare const PrimaryVariant: Story;
+export declare const SecondaryVariant: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+export declare const Disabled: Story;
+export declare const CustomRange: Story;
+export declare const PriceRange: Story;
+export declare const Interactive: Story;
+export declare const AllVariants: Story;
+export declare const AllSizes: Story;

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

@@ -0,0 +1,16 @@
+export interface RangeSliderProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "className" | "onChange" | "size"> {
+    "data-testid"?: string;
+    className?: string;
+    min?: number;
+    max?: number;
+    value?: number;
+    defaultValue?: number;
+    step?: number;
+    disabled?: boolean;
+    onChange?: (value: number) => void;
+    variant?: "default" | "primary" | "secondary";
+    size?: "sm" | "md" | "lg";
+    showValue?: boolean;
+    valueFormatter?: (value: number) => string;
+}
+export declare const RangeSlider: any;

package/dist/components/rangeSlider/rangeSlider.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -3,6 +3,15 @@ interface TopHeaderMenuProps {
     "data-testid"?: string;
     className?: string;
     menuItems?: React.ReactNode[];
+    onHeartClick?: () => void;
 }
-export declare const TopHeaderMenu: ({ className, menuItems, ...props }: TopHeaderMenuProps) => import("react/jsx-runtime").JSX.Element;
+interface FlyingIcon {
+    id: number;
+    startX: number;
+    startY: number;
+    endX: number;
+    endY: number;
+}
+export declare const createTimeoutCallback: (iconId: number, setFlyingIcons: React.Dispatch<React.SetStateAction<FlyingIcon[]>>, onHeartClick?: () => void) => () => void;
+export declare const TopHeaderMenu: ({ className, menuItems, onHeartClick, ...props }: TopHeaderMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/dist/index.css

@@ -378,6 +378,9 @@ button.btn-secondary:hover:active {
 }
 
 /* Button primary variant with CSS custom properties */
+.btn-glow:hover {
+  background-color: var(--primary-btn-hover-color);
+}
 .btn-primary {
   background-color: var(--primary-btn-color);
   border-color: transparent;
@@ -1424,6 +1427,44 @@ button.btn-secondary:hover:active {
   }
 }
 
+@keyframes flyToTarget {
+  0% {
+    transform: translate(0, 0) scale(1);
+    opacity: 1;
+  }
+  20% {
+    transform: translate(0, 0) scale(1.2);
+    opacity: 1;
+  }
+  100% {
+    transform: translate(
+      calc(var(--end-x) - var(--start-x)),
+      calc(var(--end-y) - var(--start-y))
+    ) scale(0.9);
+    opacity: 1;
+  }
+}
+
+@keyframes popEffect {
+  0% {
+    transform: scale(1);
+  }
+  50% {
+    transform: scale(1.3);
+  }
+  100% {
+    transform: scale(1);
+  }
+}
+
+.flying-heart-icon {
+  animation: flyToTarget 1s cubic-bezier(0.25, -0.3, 0.75, 1.1) forwards;
+}
+
+.counter-icon-pop {
+  animation: popEffect 0.3s ease-out;
+}
+
 .tiptap {
   :first-child {
     margin-top: 0;
@@ -2003,5 +2044,149 @@ button.btn-secondary:hover:active {
   --popup-title-font-family: var(--font-lato), sans-serif;
 }
 
+/* Custom Range Slider Styles */
+.range-slider {
+  -webkit-appearance: none;
+  appearance: none;
+  background: transparent;
+  cursor: pointer;
+  position: relative;
+  z-index: 10;
+  height: 16px; /* Match thumb height for proper alignment */
+}
+
+/* Track styles - Webkit browsers - DEFAULT (md) */
+.range-slider::-webkit-slider-track {
+  background: transparent;
+  height: 8px;
+  border-radius: 9999px;
+}
+
+/* Track styles - Firefox - DEFAULT (md) */
+.range-slider::-moz-range-track {
+  background: transparent;
+  height: 8px;
+  border-radius: 9999px;
+  border: none;
+}
+
+/* Thumb styles - Webkit browsers - DEFAULT (md) */
+.range-slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  background: white;
+  border: 2px solid #3b82f6;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  cursor: pointer;
+  margin-top: 0;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  transition: all 0.15s ease-in-out;
+}
+
+.range-slider::-webkit-slider-thumb:hover {
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  transform: scale(1.1);
+}
+
+.range-slider::-webkit-slider-thumb:active {
+  transform: scale(0.95);
+}
+
+/* Thumb styles - Firefox - DEFAULT (md) */
+.range-slider::-moz-range-thumb {
+  background: white;
+  border: 2px solid #3b82f6;
+  height: 16px;
+  width: 16px;
+  border-radius: 50%;
+  cursor: pointer;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  transition: all 0.15s ease-in-out;
+  border: none;
+}
+
+.range-slider::-moz-range-thumb:hover {
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+  transform: scale(1.1);
+}
+
+.range-slider::-moz-range-thumb:active {
+  transform: scale(0.95);
+}
+
+/* SMALL SIZE VARIANT */
+.range-slider[data-size="sm"] {
+  height: 12px !important;
+}
+
+.range-slider[data-size="sm"]::-webkit-slider-track {
+  height: 4px !important;
+}
+
+.range-slider[data-size="sm"]::-webkit-slider-thumb {
+  height: 12px !important;
+  width: 12px !important;
+  margin-top: 0 !important;
+}
+
+.range-slider[data-size="sm"]::-moz-range-track {
+  height: 4px !important;
+}
+
+.range-slider[data-size="sm"]::-moz-range-thumb {
+  height: 12px !important;
+  width: 12px !important;
+}
+
+/* LARGE SIZE VARIANT */
+.range-slider[data-size="lg"] {
+  height: 20px !important;
+}
+
+.range-slider[data-size="lg"]::-webkit-slider-track {
+  height: 12px !important;
+}
+
+.range-slider[data-size="lg"]::-webkit-slider-thumb {
+  height: 20px !important;
+  width: 20px !important;
+  margin-top: 0 !important;
+}
+
+.range-slider[data-size="lg"]::-moz-range-track {
+  height: 12px !important;
+}
+
+.range-slider[data-size="lg"]::-moz-range-thumb {
+  height: 20px !important;
+  width: 20px !important;
+}
+
+/* Disabled state */
+.range-slider:disabled::-webkit-slider-thumb {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+.range-slider:disabled::-moz-range-thumb {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+/* Focus styles */
+.range-slider:focus {
+  outline: none;
+}
+
+.range-slider:focus::-webkit-slider-thumb {
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
+}
+
+.range-slider:focus::-moz-range-thumb {
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
+}
+
 
 /*# sourceMappingURL=index.css.map*/

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-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"}
+{"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-glow:hover {\n  background-color: var(--primary-btn-hover-color);\n}\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@keyframes flyToTarget {\n  0% {\n    transform: translate(0, 0) scale(1);\n    opacity: 1;\n  }\n  20% {\n    transform: translate(0, 0) scale(1.2);\n    opacity: 1;\n  }\n  100% {\n    transform: translate(\n      calc(var(--end-x) - var(--start-x)),\n      calc(var(--end-y) - var(--start-y))\n    ) scale(0.9);\n    opacity: 1;\n  }\n}\n\n@keyframes popEffect {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.3);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n.flying-heart-icon {\n  animation: flyToTarget 1s cubic-bezier(0.25, -0.3, 0.75, 1.1) forwards;\n}\n\n.counter-icon-pop {\n  animation: popEffect 0.3s ease-out;\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\n/* Custom Range Slider Styles */\n.range-slider {\n  -webkit-appearance: none;\n  appearance: none;\n  background: transparent;\n  cursor: pointer;\n  position: relative;\n  z-index: 10;\n  height: 16px; /* Match thumb height for proper alignment */\n}\n\n/* Track styles - Webkit browsers - DEFAULT (md) */\n.range-slider::-webkit-slider-track {\n  background: transparent;\n  height: 8px;\n  border-radius: 9999px;\n}\n\n/* Track styles - Firefox - DEFAULT (md) */\n.range-slider::-moz-range-track {\n  background: transparent;\n  height: 8px;\n  border-radius: 9999px;\n  border: none;\n}\n\n/* Thumb styles - Webkit browsers - DEFAULT (md) */\n.range-slider::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  appearance: none;\n  background: white;\n  border: 2px solid #3b82f6;\n  height: 16px;\n  width: 16px;\n  border-radius: 50%;\n  cursor: pointer;\n  margin-top: 0;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  transition: all 0.15s ease-in-out;\n}\n\n.range-slider::-webkit-slider-thumb:hover {\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n  transform: scale(1.1);\n}\n\n.range-slider::-webkit-slider-thumb:active {\n  transform: scale(0.95);\n}\n\n/* Thumb styles - Firefox - DEFAULT (md) */\n.range-slider::-moz-range-thumb {\n  background: white;\n  border: 2px solid #3b82f6;\n  height: 16px;\n  width: 16px;\n  border-radius: 50%;\n  cursor: pointer;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  transition: all 0.15s ease-in-out;\n  border: none;\n}\n\n.range-slider::-moz-range-thumb:hover {\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n  transform: scale(1.1);\n}\n\n.range-slider::-moz-range-thumb:active {\n  transform: scale(0.95);\n}\n\n/* SMALL SIZE VARIANT */\n.range-slider[data-size=\"sm\"] {\n  height: 12px !important;\n}\n\n.range-slider[data-size=\"sm\"]::-webkit-slider-track {\n  height: 4px !important;\n}\n\n.range-slider[data-size=\"sm\"]::-webkit-slider-thumb {\n  height: 12px !important;\n  width: 12px !important;\n  margin-top: 0 !important;\n}\n\n.range-slider[data-size=\"sm\"]::-moz-range-track {\n  height: 4px !important;\n}\n\n.range-slider[data-size=\"sm\"]::-moz-range-thumb {\n  height: 12px !important;\n  width: 12px !important;\n}\n\n/* LARGE SIZE VARIANT */\n.range-slider[data-size=\"lg\"] {\n  height: 20px !important;\n}\n\n.range-slider[data-size=\"lg\"]::-webkit-slider-track {\n  height: 12px !important;\n}\n\n.range-slider[data-size=\"lg\"]::-webkit-slider-thumb {\n  height: 20px !important;\n  width: 20px !important;\n  margin-top: 0 !important;\n}\n\n.range-slider[data-size=\"lg\"]::-moz-range-track {\n  height: 12px !important;\n}\n\n.range-slider[data-size=\"lg\"]::-moz-range-thumb {\n  height: 20px !important;\n  width: 20px !important;\n}\n\n/* Disabled state */\n.range-slider:disabled::-webkit-slider-thumb {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n.range-slider:disabled::-moz-range-thumb {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/* Focus styles */\n.range-slider:focus {\n  outline: none;\n}\n\n.range-slider:focus::-webkit-slider-thumb {\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);\n}\n\n.range-slider:focus::-moz-range-thumb {\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);\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;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;;;ACxJA;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA"}