@prijsvrijtechsupport/ui 0.0.39 → 0.0.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/dist/index.css +4 -0
  2. package/dist/dist/index.css.map +1 -1
  3. package/dist/globals.css +4 -0
  4. package/dist/index.cjs +96 -75
  5. package/dist/index.cjs.map +1 -1
  6. package/dist/index.js +96 -76
  7. package/dist/index.js.map +1 -1
  8. package/dist/src/components/resultPageFilterBox/index.d.ts +2 -1
  9. package/dist/src/components/searchBlock/SearchBlock.stories.d.ts +2 -0
  10. package/dist/src/components/searchBlock/index.d.ts +2 -1
  11. package/dist/src/components/toggle/index.d.ts +22 -2
  12. package/dist/src/components/withPvUi.d.ts +1 -1
  13. package/dist/src/index.d.ts +2 -1
  14. package/package.json +4 -3
package/dist/dist/index.css CHANGED
@@ -2036,6 +2036,10 @@ button.btn-secondary:hover:active {
2036
2036
  box-sizing: border-box;
2037
2037
  }
2038
2038
 
2039
+ .hero-shadow {
2040
+ 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);
2041
+ }
2042
+
2039
2043
  .flying-heart-icon {
2040
2044
  animation: flyToTarget 1s cubic-bezier(0.25, -0.3, 0.75, 1.1) forwards;
2041
2045
  }
package/dist/dist/index.css.map CHANGED
@@ -1 +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/searchBlock/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 \"Open Sans\", \"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/* Brand primitive tokens */\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 --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 --usp-icon-color: #52c65c;\n}\n\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: #EFF8FE;\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 --searchBlock-background-color: var(--prijsvrij-alternative);\n --searchBlock-text-color: var(--prijsvrij-secondary);\n --searchBlock-text-size: 24px;\n --searchBlock-text-weight: 400;\n --searchBlock-font-family: \"Hermes Maia T4\", sans-serif;\n --searchBlock-border-radius: 8px;\n\n --searchBlockButtonLabel-text-size: clamp(10px, 2.5vw, 12px);\n --searchBlockButtonLabel-text-weight: 600;\n --searchBlockButtonLabel-font-family: var(--font-open-sans), sans-serif;\n --searchBlockButtonLabel-color: var(--prijsvrij-dark-300);\n --searchBlockButtonIcon-color: var(--prijsvrij-secondary);\n\n --searchBlockButtonRadius: 4px;\n --searchBlockButtonHeight: 50px;\n\n --searchBlockButtonSelectedValue-font-family: var(--font-open-sans), sans-serif;\n --searchBlockButtonSelectedValue-color: var(--prijsvrij-dark-400);\n --searchBlockButtonSelectedValue-text-size: clamp(12px, 3vw, 14px);\n --searchBlockButtonSelectedValue-text-weight: 400;\n --searchBlockButtonSelectedValue-margin-top: -4px;\n\n --searchBlockButtonDownIcon-color: var(--prijsvrij-primary-light-25);\n --searchBlockButtonDownIcon-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: #ff780133;\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 --searchBlock-background-color: var(--color-secondary);\n --searchBlock-text-color: white;\n --searchBlock-text-size: 20px;\n --searchBlock-text-weight: 700;\n --searchBlock-font-family: var(--font-lato), sans-serif;\n --searchBlock-border-radius: 2px;\n\n --searchBlockButtonLabel-text-size: clamp(12px, 3vw, 14px);\n --searchBlockButtonLabel-text-weight: 700;\n --searchBlockButtonLabel-font-family: var(--font-lato), sans-serif;\n --searchBlockButtonLabel-color: var(--dreizen-dark-600);\n --searchBlockButtonIcon-color: var(--dreizen-dark-200); \n\n --searchBlockButtonRadius: 3px;\n --searchBlockButtonHeight: 40px;\n\n --searchBlockButtonSelectedValue-font-family: var(--font-lato), sans-serif;\n --searchBlockButtonSelectedValue-color: var(--dreizen-dark-600);\n --searchBlockButtonSelectedValue-text-size: clamp(12px, 3vw, 14px);\n --searchBlockButtonSelectedValue-text-weight: 500;\n --searchBlockButtonSelectedValue-margin-top: 0;\n\n --searchBlockButtonDownIcon-color: var(--dreizen-primary);\n --searchBlockButtonDownIcon-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\n/* Change this path to be relative to where this CSS file ends up after packaging this library. */\n@source \"../../dist\";\n\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\n/* Disabled state with grayscale filter */\n.price-check-disabled {\n filter: grayscale(100%);\n opacity: 0.7;\n}","\n.toggle {\n background-color: var(--toggle-inactive-background-color);\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 background-color: transparent;\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\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.flying-heart-icon {\n animation: flyToHeart 1s ease-out forwards;\n}\n\n@keyframes flyToHeart {\n 0% {\n transform: translate(var(--start-x), var(--start-y)) scale(1);\n opacity: 1;\n }\n 50% {\n transform: translate(calc(var(--start-x) + var(--end-x) / 2), calc(var(--start-y) + var(--end-y) / 2)) scale(1.2);\n opacity: 1;\n }\n 100% {\n transform: translate(var(--end-x), var(--end-y)) scale(0.8);\n opacity: 0;\n }\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}",".searchBlock {\n background-color: var(--searchBlock-background-color);\n color: var(--searchBlock-text-color); \n font-size: var(--searchBlock-text-size);\n font-weight: var(--searchBlock-text-weight);\n font-family: var(--searchBlock-font-family);\n border-radius: var(--searchBlock-border-radius);\n}\n\n.searchBlockButton {\n background-color: white;\n border-radius: var(--searchBlockButtonRadius);\n min-height: var(--searchBlockButtonHeight);\n}\n\n.searchBlockButtonLabel {\n font-size: var(--searchBlockButtonLabel-text-size) !important;\n font-weight: var(--searchBlockButtonLabel-text-weight);\n font-family: var(--searchBlockButtonLabel-font-family);\n color: var(--searchBlockButtonLabel-color); \n}\n\n.searchBlockButtonIcon {\n color: var(--searchBlockButtonIcon-color);\n}\n\n.searchBlockButtonSelectedValue {\n\n font-family: var(--searchBlockButtonSelectedValue-font-family);\n color: var(--searchBlockButtonSelectedValue-color);\n font-size: var(--searchBlockButtonSelectedValue-text-size) !important;\n font-weight: var(--searchBlockButtonSelectedValue-text-weight); \n margin-top: var(--searchBlockButtonSelectedValue-margin-top);\n\n}\n\n.searchBlockButtonSecondarySelectedValue {\n font-size: var(--searchBlockButtonLabel-text-size) !important;\n color: var(--searchBlockButtonIcon-color);\n}\n\n.searchBlockButtonDownIcon {\n color: var(--searchBlockButtonDownIcon-color);\n width: var(--searchBlockButtonDownIcon-size);\n height: var(--searchBlockButtonDownIcon-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\n.with-backdrop::backdrop {\n background-color: rgba(0, 0, 0, 0.5) !important;\n}\n\n/* Alternative approach for browsers that don't support ::backdrop */\n[data-popover].with-backdrop::backdrop {\n background-color: rgba(0, 0, 0, 0.5) !important;\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 * These styles are scoped to prevent global conflicts\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/searchBlock/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 - Only for UI components with data-pv-ui */\n [data-pv-ui] .animate-spin,\n .animate-spin {\n animation: spin 1s linear infinite;\n }\n [data-pv-ui] .animate-spin-slow,\n .animate-spin-slow {\n animation: spin 2s linear infinite;\n }\n [data-pv-ui] .animate-spin-once,\n .animate-spin-once {\n animation: spin 2s linear forwards;\n }\n\n [data-pv-ui] .animate-plane-bounce,\n .animate-plane-bounce {\n animation: airplane-bounce 5s ease-in-out infinite;\n }\n\n [data-pv-ui] .animate-cloud-float,\n .animate-cloud-float {\n animation: cloud-move 7s infinite linear;\n }\n\n [data-pv-ui] .animate-cloud-float-2,\n .animate-cloud-float-2 {\n animation: cloud-move 7s -5s infinite linear;\n }\n\n [data-pv-ui] .animate-cloud-float-3,\n .animate-cloud-float-3 {\n animation: cloud-move 7s -10s infinite linear;\n }\n\n /* Duration utility classes - Only for UI components with data-pv-ui */\n [data-pv-ui] .duration-sidebar,\n .duration-sidebar {\n transition-duration: var(--pv-transition-duration-sidebar, 300ms);\n }\n\n [data-pv-ui] .duration-1000,\n .duration-1000 {\n transition-duration: 1000ms;\n }\n\n [data-pv-ui] .duration-700,\n .duration-700 {\n transition-duration: 700ms;\n }\n\n /* Gradient background utility classes - Only for UI components with data-pv-ui */\n [data-pv-ui] .bg-linear-gradient-y,\n .bg-linear-gradient-y {\n background-image: var(--pv-color-linear-gradient-y);\n }\n [data-pv-ui] .bg-linear-gradient-x,\n .bg-linear-gradient-x {\n background-image: var(--pv-color-linear-gradient-x);\n }\n [data-pv-ui] .bg-gradient-blue-pink,\n .bg-gradient-blue-pink {\n background-image: var(--pv-color-linear-gradient-x) !important;\n }\n [data-pv-ui] .bg-gradient-blue-green-y,\n .bg-gradient-blue-green-y {\n background-image: var(--pv-color-gradient-blue-green-y);\n }\n [data-pv-ui] .bg-gradient-blue-green-x,\n .bg-gradient-blue-green-x {\n background-image: var(--pv-color-gradient-blue-green-x);\n }\n [data-pv-ui] .bg-gradient-calendar,\n .bg-gradient-calendar {\n background-image: var(--pv-color-gradient-calendar);\n }\n [data-pv-ui] .hover\\:bg-gradient-calendar:hover,\n .hover\\:bg-gradient-calendar:hover {\n background-image: var(--pv-color-gradient-calendar);\n }\n @media (min-width: 768px) {\n [data-pv-ui] .md\\:hover\\:bg-gradient-calendar:hover,\n .md\\:hover\\:bg-gradient-calendar:hover {\n background-image: var(--pv-color-gradient-calendar);\n }\n }\n [data-pv-ui] .bg-nav-gradient,\n .bg-nav-gradient {\n background-image: var(--pv-color-nav-gradient);\n }\n [data-pv-ui] .bg-nav-gradient-mobile,\n .bg-nav-gradient-mobile {\n background-image: var(--pv-color-nav-gradient-mobile);\n }\n\n /* Toast notification colors - Scoped with prefix */\n :root {\n --pv-toastify-color-info: #2a67f6;\n --pv-toastify-color-success: #10d1bb;\n --pv-toastify-color-warning: #f8ec5b;\n --pv-toastify-color-error: #ed3f55;\n }\n\n /* Focus styles - Only for UI components with data-pv-ui */\n [data-pv-ui] button:focus-visible,\n button.pv-button:focus-visible {\n @reference focus:outline-hidden;\n @reference focus:ring-2;\n @reference focus:ring-offset-2;\n }\n\n /* Base layer styles - Only for UI components with data-pv-ui */\n @layer base {\n [data-pv-ui] button:not(:disabled),\n [data-pv-ui] [role=\"button\"]:not(:disabled) {\n cursor: pointer;\n }\n }\n\n /* Editor styles - Only for UI components with data-pv-ui */\n [data-pv-ui] .is-editor-empty:first-of-type::before {\n @reference text-gray-800;\n color: #333333 !important;\n }\n\n /* List styles - Only for UI components with data-pv-ui */\n [data-pv-ui] ul {\n @reference list-disc;\n }\n\n [data-pv-ui] ol {\n @reference list-decimal;\n }\n}\n\n/* Table animations - Only for UI components with data-pv-ui */\n[data-pv-ui] .table-animation-exit,\n.table-animation-exit {\n opacity: 1;\n transition: opacity 300ms ease-out;\n}\n[data-pv-ui] .table-animation-exit-active,\n.table-animation-exit-active {\n opacity: 0;\n transition: opacity 300ms ease-out;\n}\n[data-pv-ui] .table-animation-enter,\n.table-animation-enter {\n opacity: 0;\n transition: opacity 300ms ease-in;\n}\n[data-pv-ui] .table-animation-enter-active,\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[data-pv-ui] * {\n box-sizing: border-box;\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/* 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\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;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;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;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;;;AAGA;AACA;;;ACjuBA;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;;AAEA;AACA;AACA;AACA;AACA;;ACvEA;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;;;;AClCA;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;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;ACzDA;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;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACVA;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;AACA;;AAEA;;;AA+BA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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;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;AACA;AACA;AACA;AACA;;AAEA;AACA;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;;AAEA;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;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;;ACzOA;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;;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;;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"}
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/searchBlock/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 \"Open Sans\", \"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/* Brand primitive tokens */\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 --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 --usp-icon-color: #52c65c;\n}\n\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: #EFF8FE;\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 --searchBlock-background-color: var(--prijsvrij-alternative);\n --searchBlock-text-color: var(--prijsvrij-secondary);\n --searchBlock-text-size: 24px;\n --searchBlock-text-weight: 400;\n --searchBlock-font-family: \"Hermes Maia T4\", sans-serif;\n --searchBlock-border-radius: 8px;\n\n --searchBlockButtonLabel-text-size: clamp(10px, 2.5vw, 12px);\n --searchBlockButtonLabel-text-weight: 600;\n --searchBlockButtonLabel-font-family: var(--font-open-sans), sans-serif;\n --searchBlockButtonLabel-color: var(--prijsvrij-dark-300);\n --searchBlockButtonIcon-color: var(--prijsvrij-secondary);\n\n --searchBlockButtonRadius: 4px;\n --searchBlockButtonHeight: 50px;\n\n --searchBlockButtonSelectedValue-font-family: var(--font-open-sans), sans-serif;\n --searchBlockButtonSelectedValue-color: var(--prijsvrij-dark-400);\n --searchBlockButtonSelectedValue-text-size: clamp(12px, 3vw, 14px);\n --searchBlockButtonSelectedValue-text-weight: 400;\n --searchBlockButtonSelectedValue-margin-top: -4px;\n\n --searchBlockButtonDownIcon-color: var(--prijsvrij-primary-light-25);\n --searchBlockButtonDownIcon-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: #ff780133;\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 --searchBlock-background-color: var(--color-secondary);\n --searchBlock-text-color: white;\n --searchBlock-text-size: 20px;\n --searchBlock-text-weight: 700;\n --searchBlock-font-family: var(--font-lato), sans-serif;\n --searchBlock-border-radius: 2px;\n\n --searchBlockButtonLabel-text-size: clamp(12px, 3vw, 14px);\n --searchBlockButtonLabel-text-weight: 700;\n --searchBlockButtonLabel-font-family: var(--font-lato), sans-serif;\n --searchBlockButtonLabel-color: var(--dreizen-dark-600);\n --searchBlockButtonIcon-color: var(--dreizen-dark-200); \n\n --searchBlockButtonRadius: 3px;\n --searchBlockButtonHeight: 40px;\n\n --searchBlockButtonSelectedValue-font-family: var(--font-lato), sans-serif;\n --searchBlockButtonSelectedValue-color: var(--dreizen-dark-600);\n --searchBlockButtonSelectedValue-text-size: clamp(12px, 3vw, 14px);\n --searchBlockButtonSelectedValue-text-weight: 500;\n --searchBlockButtonSelectedValue-margin-top: 0;\n\n --searchBlockButtonDownIcon-color: var(--dreizen-primary);\n --searchBlockButtonDownIcon-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\n/* Change this path to be relative to where this CSS file ends up after packaging this library. */\n@source \"../../dist\";\n\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\n/* Disabled state with grayscale filter */\n.price-check-disabled {\n filter: grayscale(100%);\n opacity: 0.7;\n}","\n.toggle {\n background-color: var(--toggle-inactive-background-color);\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 background-color: transparent;\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\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.flying-heart-icon {\n animation: flyToHeart 1s ease-out forwards;\n}\n\n@keyframes flyToHeart {\n 0% {\n transform: translate(var(--start-x), var(--start-y)) scale(1);\n opacity: 1;\n }\n 50% {\n transform: translate(calc(var(--start-x) + var(--end-x) / 2), calc(var(--start-y) + var(--end-y) / 2)) scale(1.2);\n opacity: 1;\n }\n 100% {\n transform: translate(var(--end-x), var(--end-y)) scale(0.8);\n opacity: 0;\n }\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}",".searchBlock {\n background-color: var(--searchBlock-background-color);\n color: var(--searchBlock-text-color); \n font-size: var(--searchBlock-text-size);\n font-weight: var(--searchBlock-text-weight);\n font-family: var(--searchBlock-font-family);\n border-radius: var(--searchBlock-border-radius);\n}\n\n.searchBlockButton {\n background-color: white;\n border-radius: var(--searchBlockButtonRadius);\n min-height: var(--searchBlockButtonHeight);\n}\n\n.searchBlockButtonLabel {\n font-size: var(--searchBlockButtonLabel-text-size) !important;\n font-weight: var(--searchBlockButtonLabel-text-weight);\n font-family: var(--searchBlockButtonLabel-font-family);\n color: var(--searchBlockButtonLabel-color); \n}\n\n.searchBlockButtonIcon {\n color: var(--searchBlockButtonIcon-color);\n}\n\n.searchBlockButtonSelectedValue {\n\n font-family: var(--searchBlockButtonSelectedValue-font-family);\n color: var(--searchBlockButtonSelectedValue-color);\n font-size: var(--searchBlockButtonSelectedValue-text-size) !important;\n font-weight: var(--searchBlockButtonSelectedValue-text-weight); \n margin-top: var(--searchBlockButtonSelectedValue-margin-top);\n\n}\n\n.searchBlockButtonSecondarySelectedValue {\n font-size: var(--searchBlockButtonLabel-text-size) !important;\n color: var(--searchBlockButtonIcon-color);\n}\n\n.searchBlockButtonDownIcon {\n color: var(--searchBlockButtonDownIcon-color);\n width: var(--searchBlockButtonDownIcon-size);\n height: var(--searchBlockButtonDownIcon-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\n.with-backdrop::backdrop {\n background-color: rgba(0, 0, 0, 0.5) !important;\n}\n\n/* Alternative approach for browsers that don't support ::backdrop */\n[data-popover].with-backdrop::backdrop {\n background-color: rgba(0, 0, 0, 0.5) !important;\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 * These styles are scoped to prevent global conflicts\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/searchBlock/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 - Only for UI components with data-pv-ui */\n [data-pv-ui] .animate-spin,\n .animate-spin {\n animation: spin 1s linear infinite;\n }\n [data-pv-ui] .animate-spin-slow,\n .animate-spin-slow {\n animation: spin 2s linear infinite;\n }\n [data-pv-ui] .animate-spin-once,\n .animate-spin-once {\n animation: spin 2s linear forwards;\n }\n\n [data-pv-ui] .animate-plane-bounce,\n .animate-plane-bounce {\n animation: airplane-bounce 5s ease-in-out infinite;\n }\n\n [data-pv-ui] .animate-cloud-float,\n .animate-cloud-float {\n animation: cloud-move 7s infinite linear;\n }\n\n [data-pv-ui] .animate-cloud-float-2,\n .animate-cloud-float-2 {\n animation: cloud-move 7s -5s infinite linear;\n }\n\n [data-pv-ui] .animate-cloud-float-3,\n .animate-cloud-float-3 {\n animation: cloud-move 7s -10s infinite linear;\n }\n\n /* Duration utility classes - Only for UI components with data-pv-ui */\n [data-pv-ui] .duration-sidebar,\n .duration-sidebar {\n transition-duration: var(--pv-transition-duration-sidebar, 300ms);\n }\n\n [data-pv-ui] .duration-1000,\n .duration-1000 {\n transition-duration: 1000ms;\n }\n\n [data-pv-ui] .duration-700,\n .duration-700 {\n transition-duration: 700ms;\n }\n\n /* Gradient background utility classes - Only for UI components with data-pv-ui */\n [data-pv-ui] .bg-linear-gradient-y,\n .bg-linear-gradient-y {\n background-image: var(--pv-color-linear-gradient-y);\n }\n [data-pv-ui] .bg-linear-gradient-x,\n .bg-linear-gradient-x {\n background-image: var(--pv-color-linear-gradient-x);\n }\n [data-pv-ui] .bg-gradient-blue-pink,\n .bg-gradient-blue-pink {\n background-image: var(--pv-color-linear-gradient-x) !important;\n }\n [data-pv-ui] .bg-gradient-blue-green-y,\n .bg-gradient-blue-green-y {\n background-image: var(--pv-color-gradient-blue-green-y);\n }\n [data-pv-ui] .bg-gradient-blue-green-x,\n .bg-gradient-blue-green-x {\n background-image: var(--pv-color-gradient-blue-green-x);\n }\n [data-pv-ui] .bg-gradient-calendar,\n .bg-gradient-calendar {\n background-image: var(--pv-color-gradient-calendar);\n }\n [data-pv-ui] .hover\\:bg-gradient-calendar:hover,\n .hover\\:bg-gradient-calendar:hover {\n background-image: var(--pv-color-gradient-calendar);\n }\n @media (min-width: 768px) {\n [data-pv-ui] .md\\:hover\\:bg-gradient-calendar:hover,\n .md\\:hover\\:bg-gradient-calendar:hover {\n background-image: var(--pv-color-gradient-calendar);\n }\n }\n [data-pv-ui] .bg-nav-gradient,\n .bg-nav-gradient {\n background-image: var(--pv-color-nav-gradient);\n }\n [data-pv-ui] .bg-nav-gradient-mobile,\n .bg-nav-gradient-mobile {\n background-image: var(--pv-color-nav-gradient-mobile);\n }\n\n /* Toast notification colors - Scoped with prefix */\n :root {\n --pv-toastify-color-info: #2a67f6;\n --pv-toastify-color-success: #10d1bb;\n --pv-toastify-color-warning: #f8ec5b;\n --pv-toastify-color-error: #ed3f55;\n }\n\n /* Focus styles - Only for UI components with data-pv-ui */\n [data-pv-ui] button:focus-visible,\n button.pv-button:focus-visible {\n @reference focus:outline-hidden;\n @reference focus:ring-2;\n @reference focus:ring-offset-2;\n }\n\n /* Base layer styles - Only for UI components with data-pv-ui */\n @layer base {\n [data-pv-ui] button:not(:disabled),\n [data-pv-ui] [role=\"button\"]:not(:disabled) {\n cursor: pointer;\n }\n }\n\n /* Editor styles - Only for UI components with data-pv-ui */\n [data-pv-ui] .is-editor-empty:first-of-type::before {\n @reference text-gray-800;\n color: #333333 !important;\n }\n\n /* List styles - Only for UI components with data-pv-ui */\n [data-pv-ui] ul {\n @reference list-disc;\n }\n\n [data-pv-ui] ol {\n @reference list-decimal;\n }\n}\n\n/* Table animations - Only for UI components with data-pv-ui */\n[data-pv-ui] .table-animation-exit,\n.table-animation-exit {\n opacity: 1;\n transition: opacity 300ms ease-out;\n}\n[data-pv-ui] .table-animation-exit-active,\n.table-animation-exit-active {\n opacity: 0;\n transition: opacity 300ms ease-out;\n}\n[data-pv-ui] .table-animation-enter,\n.table-animation-enter {\n opacity: 0;\n transition: opacity 300ms ease-in;\n}\n[data-pv-ui] .table-animation-enter-active,\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[data-pv-ui] * {\n box-sizing: border-box;\n}\n\n.hero-shadow {\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.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/* 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\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;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;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;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;;;AAGA;AACA;;;ACjuBA;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;;AAEA;AACA;AACA;AACA;AACA;;ACvEA;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;;;;AClCA;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;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;ACzDA;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;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACVA;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;AACA;;AAEA;;;AA+BA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;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;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;AACA;AACA;AACA;AACA;;AAEA;AACA;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;;AAEA;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;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;;ACzOA;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;;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;;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"}
package/dist/globals.css CHANGED
@@ -52,6 +52,10 @@
52
52
  box-sizing: border-box;
53
53
  }
54
54
 
55
+ .hero-shadow {
56
+ 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);
57
+ }
58
+
55
59
  .flying-heart-icon {
56
60
  animation: flyToTarget 1s cubic-bezier(0.25, -0.3, 0.75, 1.1) forwards;
57
61
  }