/* lato-latin-ext-300-normal */ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 300; src: url(/_astro/lato-latin-ext-300-normal.CYtq150c.woff2) format('woff2'), url(data:font/woff;base64,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) format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* lato-latin-300-normal */ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 300; src: url(/_astro/lato-latin-300-normal.BP2wSCML.woff2) format('woff2'), url(/_astro/lato-latin-300-normal.CINZtfFB.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* lato-latin-ext-400-normal */ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 400; src: url(/_astro/lato-latin-ext-400-normal.CK4GAP86.woff2) format('woff2'), url(data:font/woff;base64,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) format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* lato-latin-400-normal */ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 400; src: url(/_astro/lato-latin-400-normal.BEhtfm5r.woff2) format('woff2'), url(/_astro/lato-latin-400-normal.B11PyLys.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* lato-latin-ext-700-normal */ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 700; src: url(/_astro/lato-latin-ext-700-normal.C6gwlRgY.woff2) format('woff2'), url(data:font/woff;base64,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) format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* lato-latin-700-normal */ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 700; src: url(/_astro/lato-latin-700-normal.BUGMgin4.woff2) format('woff2'), url(/_astro/lato-latin-700-normal.DAdL7O4w.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* lato-latin-ext-900-normal */ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 900; src: url(/_astro/lato-latin-ext-900-normal.BhetttCG.woff2) format('woff2'), url(data:font/woff;base64,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) format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* lato-latin-900-normal */ @font-face { font-family: 'Lato'; font-style: normal; font-display: swap; font-weight: 900; src: url(/_astro/lato-latin-900-normal.C3uaq3BA.woff2) format('woff2'), url(/_astro/lato-latin-900-normal.CZBfLiEO.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } /* GT Standard — A+ Design display + body font (size-specific Bold cuts). L (display cut) → big editorial titles · M (text cut) → smaller headings + body. Files live in /public/fonts/gt-standard/. Only Bold (700) cuts exist. */ @font-face { font-family: 'GT Standard L'; src: url('/fonts/gt-standard/GT-Standard-L-Standard-Bold.woff2') format('woff2'), url('/fonts/gt-standard/GT-Standard-L-Standard-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'GT Standard L'; src: url('/fonts/gt-standard/GT-Standard-L-Standard-Bold-Oblique.woff2') format('woff2'), url('/fonts/gt-standard/GT-Standard-L-Standard-Bold-Oblique.woff') format('woff'); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'GT Standard M'; src: url('/fonts/gt-standard/GT-Standard-M-Standard-Bold.woff2') format('woff2'), url('/fonts/gt-standard/GT-Standard-M-Standard-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'GT Standard M'; src: url('/fonts/gt-standard/GT-Standard-M-Standard-Bold-Oblique.woff2') format('woff2'), url('/fonts/gt-standard/GT-Standard-M-Standard-Bold-Oblique.woff') format('woff'); font-weight: 700; font-style: italic; font-display: swap; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: Lato, system-ui, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } :root { /* Warm luxury palette with vibrant orange */ --background: 46 59% 95%; --foreground: 220 20% 15%; --card: 0 0% 100%; --card-foreground: 220 20% 15%; --popover: 0 0% 100%; --popover-foreground: 220 20% 15%; /* Black primary for buttons/actions */ --primary: 0 0% 0%; --primary-foreground: 0 0% 100%; /* Warm cream secondary - #f5f0d7 */ --secondary: 46 59% 90%; --secondary-foreground: 220 20% 20%; /* Muted warm tones */ --muted: 46 40% 92%; --muted-foreground: 220 10% 45%; /* Gold accent - #b99123 */ --accent: 43 69% 43%; --accent-foreground: 0 0% 100%; --destructive: 0 72% 51%; --destructive-foreground: 0 0% 100%; /* Success green */ --success: 152 60% 40%; --success-foreground: 0 0% 100%; --border: 46 30% 85%; --input: 46 30% 85%; --ring: 0 0% 0%; --radius: 0.75rem; /* Custom brand tokens */ --gold: 43 69% 43%; --gold-light: 46 59% 90%; --cream: 46 59% 95%; --cream-dark: 46 59% 90%; --brand: 0 0% 0%; --brand-light: 0 0% 20%; --charcoal: 220 20% 15%; --charcoal-light: 220 15% 25%; /* Legacy aliases for compatibility */ --forest: 0 0% 0%; --forest-light: 0 0% 20%; /* Fixed hero colors - same in both light and dark mode */ --hero-cream: 46 59% 95%; --hero-gold: 43 69% 43%; --hero-charcoal: 220 20% 15%; /* Shadows */ --shadow-sm: 0 2px 8px -2px hsl(220 20% 15% / 0.06); --shadow-md: 0 8px 24px -8px hsl(220 20% 15% / 0.08); --shadow-lg: 0 16px 40px -12px hsl(220 20% 15% / 0.12); --shadow-card: 0 4px 20px -4px hsl(220 20% 15% / 0.08); --shadow-card-hover: 0 12px 32px -8px hsl(220 20% 15% / 0.15); /* Sidebar */ --sidebar-background: 0 0% 98%; --sidebar-foreground: 240 5.3% 26.1%; --sidebar-primary: 0 0% 0%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 46 59% 90%; --sidebar-accent-foreground: 220 20% 15%; --sidebar-border: 46 30% 88%; --sidebar-ring: 0 0% 0%; } .\!dark { --background: 220 20% 8% !important; --foreground: 46 40% 95% !important; --card: 220 18% 12% !important; --card-foreground: 46 40% 95% !important; --popover: 220 18% 12% !important; --popover-foreground: 46 40% 95% !important; /* Black primary for buttons/actions - slightly lighter for dark mode */ --primary: 0 0% 100% !important; --primary-foreground: 0 0% 0% !important; --secondary: 220 15% 18% !important; --secondary-foreground: 46 40% 90% !important; --muted: 220 15% 18% !important; --muted-foreground: 220 10% 60% !important; /* Gold accent - adjusted for dark mode */ --accent: 43 65% 50% !important; --accent-foreground: 0 0% 100% !important; --destructive: 0 62.8% 30.6% !important; --destructive-foreground: 0 0% 100% !important; /* Success green - dark mode */ --success: 152 50% 45% !important; --success-foreground: 0 0% 100% !important; --border: 220 15% 20% !important; --input: 220 15% 20% !important; --ring: 0 0% 100% !important; --gold: 43 65% 50% !important; --gold-light: 43 30% 20% !important; --cream: 220 20% 8% !important; --cream-dark: 220 15% 12% !important; --brand: 0 0% 100% !important; --brand-light: 0 0% 80% !important; --charcoal: 46 40% 95% !important; --charcoal-light: 46 30% 85% !important; /* Legacy aliases for compatibility */ --forest: 0 0% 100% !important; --forest-light: 0 0% 80% !important; /* Fixed hero colors - same in both light and dark mode */ --hero-cream: 46 59% 95% !important; --hero-gold: 43 69% 43% !important; --hero-charcoal: 220 20% 15% !important; --shadow-sm: 0 2px 8px -2px hsl(0 0% 0% / 0.2) !important; --shadow-md: 0 8px 24px -8px hsl(0 0% 0% / 0.3) !important; --shadow-lg: 0 16px 40px -12px hsl(0 0% 0% / 0.4) !important; --shadow-card: 0 4px 20px -4px hsl(0 0% 0% / 0.25) !important; --shadow-card-hover: 0 12px 32px -8px hsl(0 0% 0% / 0.4) !important; --sidebar-background: 220 18% 10% !important; --sidebar-foreground: 46 40% 95% !important; --sidebar-primary: 0 0% 100% !important; --sidebar-primary-foreground: 0 0% 0% !important; --sidebar-accent: 220 15% 18% !important; --sidebar-accent-foreground: 46 40% 95% !important; --sidebar-border: 220 15% 18% !important; --sidebar-ring: 0 0% 100% !important; } .dark { --background: 220 20% 8%; --foreground: 46 40% 95%; --card: 220 18% 12%; --card-foreground: 46 40% 95%; --popover: 220 18% 12%; --popover-foreground: 46 40% 95%; /* Black primary for buttons/actions - slightly lighter for dark mode */ --primary: 0 0% 100%; --primary-foreground: 0 0% 0%; --secondary: 220 15% 18%; --secondary-foreground: 46 40% 90%; --muted: 220 15% 18%; --muted-foreground: 220 10% 60%; /* Gold accent - adjusted for dark mode */ --accent: 43 65% 50%; --accent-foreground: 0 0% 100%; --destructive: 0 62.8% 30.6%; --destructive-foreground: 0 0% 100%; /* Success green - dark mode */ --success: 152 50% 45%; --success-foreground: 0 0% 100%; --border: 220 15% 20%; --input: 220 15% 20%; --ring: 0 0% 100%; --gold: 43 65% 50%; --gold-light: 43 30% 20%; --cream: 220 20% 8%; --cream-dark: 220 15% 12%; --brand: 0 0% 100%; --brand-light: 0 0% 80%; --charcoal: 46 40% 95%; --charcoal-light: 46 30% 85%; /* Legacy aliases for compatibility */ --forest: 0 0% 100%; --forest-light: 0 0% 80%; /* Fixed hero colors - same in both light and dark mode */ --hero-cream: 46 59% 95%; --hero-gold: 43 69% 43%; --hero-charcoal: 220 20% 15%; --shadow-sm: 0 2px 8px -2px hsl(0 0% 0% / 0.2); --shadow-md: 0 8px 24px -8px hsl(0 0% 0% / 0.3); --shadow-lg: 0 16px 40px -12px hsl(0 0% 0% / 0.4); --shadow-card: 0 4px 20px -4px hsl(0 0% 0% / 0.25); --shadow-card-hover: 0 12px 32px -8px hsl(0 0% 0% / 0.4); --sidebar-background: 220 18% 10%; --sidebar-foreground: 46 40% 95%; --sidebar-primary: 0 0% 100%; --sidebar-primary-foreground: 0 0% 0%; --sidebar-accent: 220 15% 18%; --sidebar-accent-foreground: 46 40% 95%; --sidebar-border: 220 15% 18%; --sidebar-ring: 0 0% 100%; } * { border-color: hsl(var(--border)); } body[data-unified-card-border="none"] .rounded-xl* { /* Shorthand form (different syntax from the rule above) so esbuild can't fuse the two rule bodies and then collapse the selector prefixes. */ border: 1px solid transparent; } @media (hover: hover) { body[data-unified-card-border="none"] .rounded-xl*:hover { border: 1px solid hsl(var(--border)); } } .aplus-design .aplus-booking-sidebar * { border-color: hsl(0 0% 15%); } .aplus-design * { border-color: hsl(0 0% 90%); } .dark.aplus-design *, .dark .aplus-design * { border-color: hsl(220 10% 20%); } .aplus-design *.rounded-xl.bg-card:not(:hover) { border: none; border-radius: 0.5rem; background: hsl(0 0% 100%); box-shadow: inset 0 0 0 1px transparent; } .dark.aplus-design *.rounded-xl.bg-card:not(:hover), .dark .aplus-design *.rounded-xl.bg-card:not(:hover) { background: hsl(220 10% 14%); border-color: transparent; } .aplus-design *.rounded-xl.bg-card .border-t.border-border { border-color: hsl(0 0% 55%); } .aplus-design *.rounded-xl.bg-card .bg-forest { background: hsl(0 0% 0%); border-radius: 0.5rem; } .dark.aplus-design .aplus-booking-sidebar * { border-color: hsl(0 0% 15%); } .dark.aplus-design *.rounded-xl.bg-card .font-semibold.text-sm { color: hsl(40 20% 90%); } .dark.aplus-design *.rounded-xl.bg-card .border-t.border-border { border-color: hsl(0 0% 75%); } .dark.aplus-design *.rounded-xl.bg-card .bg-forest.text-cream, .dark.aplus-design *.rounded-xl .bg-forest.text-cream { background: hsl(0 0% 92%); color: hsl(0 0% 10%); } .dark.aplus-design *.rounded-xl.bg-card .bg-forest.text-cream:hover { background: hsl(0 0% 80%); } .dark.aplus-design *.rounded-xl .bg-card\/90 { background: hsl(0 0% 95% / 0.9); color: hsl(0 0% 10%); } .dark.aplus-design *.rounded-xl .bg-card\/90 .text-forest { color: hsl(0 0% 10%); } .aplus-design .aplus-booking-sidebar * { border-color: #000; } body { /* Note: do NOT use `antialiased` here — it forces grayscale font smoothing, which makes text look thin/blurry on non-Retina (1x) displays. Browser default (auto) uses subpixel-antialiasing which is sharper on 1x. */ background-color: hsl(var(--background)); font-family: Lato, system-ui, sans-serif; color: hsl(var(--foreground)); font-family: 'Lato', system-ui, sans-serif; } .dark.aplus-design .aplus-search-filters body, .dark .aplus-design .aplus-search-filters body { color: hsl(0 0% 0%); } .aplus-design .aplus-booking-sidebar body { color: hsl(var(--aplus-sidebar-fg)); } .aplus-design body { font-family: 'GT Standard M', 'Lato', system-ui, sans-serif; } .dark.aplus-design .aplus-booking-sidebar body { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 body { color: hsl(0 0% 15%); } .aplus-design .aplus-booking-sidebar body { color: #000; } h1, h2, h3, h4, h5, h6 { font-family: Lato, system-ui, sans-serif; letter-spacing: -0.025em; color: hsl(var(--foreground)); font-family: 'Lato', system-ui, sans-serif; } .dark.aplus-design .aplus-search-filters h1, .dark .aplus-design .aplus-search-filters h1,.dark.aplus-design .aplus-search-filters h2, .dark .aplus-design .aplus-search-filters h2,.dark.aplus-design .aplus-search-filters h3, .dark .aplus-design .aplus-search-filters h3,.dark.aplus-design .aplus-search-filters h4, .dark .aplus-design .aplus-search-filters h4,.dark.aplus-design .aplus-search-filters h5, .dark .aplus-design .aplus-search-filters h5,.dark.aplus-design .aplus-search-filters h6, .dark .aplus-design .aplus-search-filters h6 { color: hsl(0 0% 0%); } .aplus-design .aplus-booking-sidebar h1, .aplus-design .aplus-booking-sidebar h2, .aplus-design .aplus-booking-sidebar h3, .aplus-design .aplus-booking-sidebar h4, .aplus-design .aplus-booking-sidebar h5, .aplus-design .aplus-booking-sidebar h6 { color: hsl(var(--aplus-sidebar-fg)); } .aplus-design h1, .aplus-design h2, .aplus-design h3, .aplus-design h4, .aplus-design h5, .aplus-design h6 { font-family: 'GT Standard M', 'Lato', system-ui, sans-serif; } .dark.aplus-design .aplus-booking-sidebar h1, .dark.aplus-design .aplus-booking-sidebar h2, .dark.aplus-design .aplus-booking-sidebar h3, .dark.aplus-design .aplus-booking-sidebar h4, .dark.aplus-design .aplus-booking-sidebar h5, .dark.aplus-design .aplus-booking-sidebar h6 { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 h1,.dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 h2,.dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 h3,.dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 h4,.dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 h5,.dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 h6 { color: hsl(0 0% 15%); } .aplus-design .aplus-booking-sidebar h1, .aplus-design .aplus-booking-sidebar h2, .aplus-design .aplus-booking-sidebar h3, .aplus-design .aplus-booking-sidebar h4, .aplus-design .aplus-booking-sidebar h5, .aplus-design .aplus-booking-sidebar h6 { color: #000; } .\!container { width: 100% !important; margin-right: auto !important; margin-left: auto !important; padding-right: 2rem !important; padding-left: 2rem !important; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; } @media (min-width: 1400px) { .\!container { max-width: 1400px !important; } .container { max-width: 1400px; } } .prose { color: var(--tw-prose-body); max-width: 65ch; } .prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em; } .prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-links); text-decoration: underline; font-weight: 500; } .prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: decimal; } .prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-inline-start: 1.625em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { font-weight: 400; color: var(--tw-prose-counters); } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } .prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em; } .prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: 0.8888889em; line-height: 1.1111111; } .prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 900; color: inherit; } .prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333; } .prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 800; color: inherit; } .prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: 0.6em; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: 0.5em; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 700; color: inherit; } .prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { display: block; margin-top: 2em; margin-bottom: 2em; } .prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); font-size: 0.875em; border-radius: 0.3125rem; padding-top: 0.1875em; padding-inline-end: 0.375em; padding-bottom: 0.1875em; padding-inline-start: 0.375em; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-code); font-weight: 600; font-size: 0.875em; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: "`"; } .prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: "`"; } .prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.875em; } .prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; font-size: 0.9em; } .prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: inherit; } .prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: 0.875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: 0.375rem; padding-top: 0.8571429em; padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em; padding-inline-start: 1.1428571em; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { content: none; } .prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { content: none; } .prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { width: 100%; table-layout: auto; margin-top: 2em; margin-bottom: 2em; font-size: 0.875em; line-height: 1.7142857; } .prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } .prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { vertical-align: top; } .prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { text-align: start; } .prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { color: var(--tw-prose-captions); font-size: 0.875em; line-height: 1.4285714; margin-top: 0.8571429em; } .prose { --tw-prose-body: #374151; --tw-prose-headings: #111827; --tw-prose-lead: #4b5563; --tw-prose-links: #111827; --tw-prose-bold: #111827; --tw-prose-counters: #6b7280; --tw-prose-bullets: #d1d5db; --tw-prose-hr: #e5e7eb; --tw-prose-quotes: #111827; --tw-prose-quote-borders: #e5e7eb; --tw-prose-captions: #6b7280; --tw-prose-kbd: #111827; --tw-prose-kbd-shadows: rgb(17 24 39 / 10%); --tw-prose-code: #111827; --tw-prose-pre-code: #e5e7eb; --tw-prose-pre-bg: #1f2937; --tw-prose-th-borders: #d1d5db; --tw-prose-td-borders: #e5e7eb; --tw-prose-invert-body: #d1d5db; --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: #9ca3af; --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: #9ca3af; --tw-prose-invert-bullets: #4b5563; --tw-prose-invert-hr: #374151; --tw-prose-invert-quotes: #f3f4f6; --tw-prose-invert-quote-borders: #374151; --tw-prose-invert-captions: #9ca3af; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d5db; --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: #4b5563; --tw-prose-invert-td-borders: #374151; font-size: 1rem; line-height: 1.75; } .prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; margin-bottom: 0.5em; } .prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.75em; margin-bottom: 0.75em; } .prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.5em; padding-inline-start: 1.625em; } .prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.5714286em; padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em; padding-inline-start: 0.5714286em; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } .prose-lg { font-size: 1.125rem; line-height: 1.7777778; } .prose-lg :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; } .prose-lg :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.2222222em; line-height: 1.4545455; margin-top: 1.0909091em; margin-bottom: 1.0909091em; } .prose-lg :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.6666667em; margin-bottom: 1.6666667em; padding-inline-start: 1em; } .prose-lg :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 2.6666667em; margin-top: 0; margin-bottom: 0.8333333em; line-height: 1; } .prose-lg :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.6666667em; margin-top: 1.8666667em; margin-bottom: 1.0666667em; line-height: 1.3333333; } .prose-lg :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 1.3333333em; margin-top: 1.6666667em; margin-bottom: 0.6666667em; line-height: 1.5; } .prose-lg :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 0.4444444em; line-height: 1.5555556; } .prose-lg :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } .prose-lg :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } .prose-lg :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose-lg :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } .prose-lg :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; border-radius: 0.3125rem; padding-top: 0.2222222em; padding-inline-end: 0.4444444em; padding-bottom: 0.2222222em; padding-inline-start: 0.4444444em; } .prose-lg :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; } .prose-lg :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8666667em; } .prose-lg :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.875em; } .prose-lg :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; line-height: 1.75; margin-top: 2em; margin-bottom: 2em; border-radius: 0.375rem; padding-top: 1em; padding-inline-end: 1.5em; padding-bottom: 1em; padding-inline-start: 1.5em; } .prose-lg :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-inline-start: 1.5555556em; } .prose-lg :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-inline-start: 1.5555556em; } .prose-lg :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.6666667em; margin-bottom: 0.6666667em; } .prose-lg :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4444444em; } .prose-lg :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0.4444444em; } .prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.8888889em; margin-bottom: 0.8888889em; } .prose-lg :where(.prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; } .prose-lg :where(.prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.3333333em; } .prose-lg :where(.prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; } .prose-lg :where(.prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 1.3333333em; } .prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.8888889em; margin-bottom: 0.8888889em; } .prose-lg :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; margin-bottom: 1.3333333em; } .prose-lg :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.3333333em; } .prose-lg :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0.6666667em; padding-inline-start: 1.5555556em; } .prose-lg :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 3.1111111em; margin-bottom: 3.1111111em; } .prose-lg :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-lg :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-lg :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-lg :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-lg :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; line-height: 1.5; } .prose-lg :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0.75em; padding-bottom: 0.75em; padding-inline-start: 0.75em; } .prose-lg :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose-lg :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-top: 0.75em; padding-inline-end: 0.75em; padding-bottom: 0.75em; padding-inline-start: 0.75em; } .prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-start: 0; } .prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { padding-inline-end: 0; } .prose-lg :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 1.7777778em; margin-bottom: 1.7777778em; } .prose-lg :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose-lg :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { font-size: 0.8888889em; line-height: 1.5; margin-top: 1em; } .prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-top: 0; } .prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } /* * Display-scale headings run from 48px to 100px, where a single ordinary word * can be wider than the column it sits in. Copy is translated and served from * KV, so no wording can be assumed: whatever fits in English may not fit in * the next language, or after the next copy edit. Without a way to break, such * a word simply runs out of its box and paints over whatever is beside it * (SWE-527). * * `hyphens: auto` breaks it properly — the browser uses the dictionary for the * page's `lang`, which Layout.astro sets per locale. `overflow-wrap` is the * backstop for languages or words the browser cannot hyphenate. Both only * engage when a word would otherwise overflow, so lines that already fit are * untouched. */ .heading-display, .heading-1, .heading-2-big { hyphens: auto; overflow-wrap: break-word; } /* Display - Hero headlines */ .heading-display { font-family: Lato, system-ui, sans-serif; font-size: 2.25rem; line-height: 2.5rem; font-weight: 700; letter-spacing: -0.025em; color: hsl(var(--foreground)); font-family: 'Lato', system-ui, sans-serif; } .dark.aplus-design .aplus-search-filters .heading-display, .dark .aplus-design .aplus-search-filters .heading-display { color: hsl(0 0% 0%); } .aplus-design .aplus-booking-sidebar .heading-display { color: hsl(var(--aplus-sidebar-fg)); } .aplus-design .heading-display { font-family: 'GT Standard M', 'Lato', system-ui, sans-serif; } .dark.aplus-design .aplus-booking-sidebar .heading-display { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 .heading-display { color: hsl(0 0% 15%); } .aplus-design .aplus-booking-sidebar .heading-display { color: #000; } @media (min-width: 640px) { .heading-display { font-size: 3rem; line-height: 1; } } @media (min-width: 768px) { .heading-display { font-size: 4.5rem; line-height: 1; } } /* H1 - Page titles */ .heading-1 { font-family: Lato, system-ui, sans-serif; font-size: 1.875rem; line-height: 2.25rem; font-weight: 700; letter-spacing: -0.025em; color: hsl(var(--foreground)); font-family: 'Lato', system-ui, sans-serif; } .dark.aplus-design .aplus-search-filters .heading-1, .dark .aplus-design .aplus-search-filters .heading-1 { color: hsl(0 0% 0%); } .aplus-design .aplus-booking-sidebar .heading-1 { color: hsl(var(--aplus-sidebar-fg)); font-weight: 700; } .aplus-design .heading-1 { font-family: 'GT Standard M', 'Lato', system-ui, sans-serif; } .dark.aplus-design .aplus-booking-sidebar .heading-1 { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 .heading-1 { color: hsl(0 0% 15%); } .aplus-design .aplus-booking-sidebar .heading-1 { color: #000; } @media (min-width: 640px) { .heading-1 { font-size: 2.25rem; line-height: 2.5rem; } } @media (min-width: 768px) { .heading-1 { font-size: 3rem; line-height: 1; } } /* H2 - Section titles */ .heading-2 { font-family: Lato, system-ui, sans-serif; font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; letter-spacing: -0.025em; color: hsl(var(--foreground)); font-family: 'Lato', system-ui, sans-serif; } .dark.aplus-design .aplus-search-filters .heading-2, .dark .aplus-design .aplus-search-filters .heading-2 { color: hsl(0 0% 0%); } .aplus-design .aplus-booking-sidebar span.heading-2 { color: hsl(var(--aplus-sidebar-fg)); } .aplus-design .aplus-booking-sidebar .heading-2 { color: hsl(var(--aplus-sidebar-fg)); font-weight: 700; } .aplus-design .heading-2 { font-family: 'GT Standard M', 'Lato', system-ui, sans-serif; } .dark.aplus-design .aplus-booking-sidebar .heading-2 { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar span.heading-2 { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar .heading-2 { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 .heading-2 { color: hsl(0 0% 15%); } .dark.aplus-design .border-border.rounded-xl.bg-card .heading-2.text-sm { color: hsl(40 20% 90%); } .aplus-design .aplus-booking-sidebar .heading-2 { color: #000; } @media (min-width: 768px) { .heading-2 { font-size: 1.5rem; line-height: 2rem; } } /* H2 Big - A+ homepage section headlines. Below 640px the size is fluid (SWE-769): the longest localized word must fit the tightest section's line box (100vw − 96px chrome in the gold CTA), or `hyphens: auto` starts breaking display headlines mid-word — and each platform uses its own dictionary, so narrow Android flagships (CSS viewport 360–384px) rendered „Odem-kněte nej-lepší" while a 440px iPhone Pro Max fit the same words whole. The 5.6 divisor comes from the widest word in production copy (CS „Odemkněte" ≈ 5.5× the font size) plus a few px of slack; 54px — the design size — is reached from ~410px viewports, and hyphenation remains only as a backstop for words the formula cannot anticipate. */ .heading-2-big { font-size: clamp(36px, calc((100vw - 96px) / 5.6), 54px); font-weight: 700; line-height: 0.85; letter-spacing: 0; } @media (min-width: 640px) { .heading-2-big { font-size: 64px; } } @media (min-width: 768px) { .heading-2-big { font-size: 78px; } } @media (min-width: 1024px) { .heading-2-big { font-size: 100px; } } /* A+ H2 — story / card headings */ .aplus-h2 { font-family: Lato, system-ui, sans-serif; font-weight: 700; font-family: 'Lato', system-ui, sans-serif; } .aplus-design .aplus-h2 { font-family: 'GT Standard M', 'Lato', system-ui, sans-serif; } .aplus-h2 { font-size: 36px; line-height: 1.15; } /* A+ H3 — LP mint bar / feature titles (ported from prototype) */ /* H3 - Subsection titles */ .heading-3 { font-family: Lato, system-ui, sans-serif; font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; letter-spacing: -0.025em; color: hsl(var(--foreground)); font-family: 'Lato', system-ui, sans-serif; } .dark.aplus-design .aplus-search-filters .heading-3, .dark .aplus-design .aplus-search-filters .heading-3 { color: hsl(0 0% 0%); } .aplus-design .aplus-booking-sidebar span.heading-3 { color: hsl(var(--aplus-sidebar-fg)); } .aplus-design .aplus-booking-sidebar .heading-3 { color: hsl(var(--aplus-sidebar-fg)); } .aplus-design .heading-3 { font-family: 'GT Standard M', 'Lato', system-ui, sans-serif; } .dark.aplus-design .aplus-booking-sidebar span.heading-3 { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar .heading-3 { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 .heading-3 { color: hsl(0 0% 15%); } .dark.aplus-design .border-border.rounded-xl.bg-card .heading-3.text-sm { color: hsl(40 20% 90%); } .aplus-design .aplus-booking-sidebar .heading-3 { color: #000; } @media (min-width: 768px) { .heading-3 { font-size: 1.25rem; line-height: 1.75rem; } } /* H4 - Card titles, smaller sections */ .heading-4 { font-family: Lato, system-ui, sans-serif; font-size: 1rem; line-height: 1.5rem; font-weight: 600; letter-spacing: -0.025em; color: hsl(var(--foreground)); font-family: 'Lato', system-ui, sans-serif; } .dark.aplus-design .aplus-search-filters .heading-4, .dark .aplus-design .aplus-search-filters .heading-4 { color: hsl(0 0% 0%); } .aplus-design .aplus-booking-sidebar span.heading-4 { color: hsl(var(--aplus-sidebar-fg)); } .aplus-design .aplus-booking-sidebar .heading-4 { color: hsl(var(--aplus-sidebar-fg)); } .aplus-design .heading-4 { font-family: 'GT Standard M', 'Lato', system-ui, sans-serif; } .dark.aplus-design .aplus-booking-sidebar span.heading-4 { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar .heading-4 { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 .heading-4 { color: hsl(0 0% 15%); } .dark.aplus-design .border-border.rounded-xl.bg-card .heading-4.text-sm { color: hsl(40 20% 90%); } .aplus-design .aplus-booking-sidebar .heading-4 { color: #000; } @media (min-width: 768px) { .heading-4 { font-size: 1.125rem; line-height: 1.75rem; } } /* H5 - Labels, small headings */ .heading-5 { font-family: Lato, system-ui, sans-serif; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; letter-spacing: -0.025em; color: hsl(var(--foreground)); font-family: 'Lato', system-ui, sans-serif; } .dark.aplus-design .aplus-search-filters .heading-5, .dark .aplus-design .aplus-search-filters .heading-5 { color: hsl(0 0% 0%); } .aplus-design .aplus-booking-sidebar span.heading-5 { color: hsl(var(--aplus-sidebar-fg)); } .aplus-design .aplus-booking-sidebar .heading-5 { color: hsl(var(--aplus-sidebar-fg)); } .aplus-design .heading-5 { font-family: 'GT Standard M', 'Lato', system-ui, sans-serif; } .dark.aplus-design .aplus-booking-sidebar span.heading-5 { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar .heading-5 { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 .heading-5 { color: hsl(0 0% 15%); } .dark.aplus-design .border-border.rounded-xl.bg-card .font-semibold.heading-5 { color: hsl(40 20% 90%); } .aplus-design .aplus-booking-sidebar .heading-5 { color: #000; } @media (min-width: 768px) { .heading-5 { font-size: 1rem; line-height: 1.5rem; } } /* Body text variants */ .body-large { font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; line-height: 1.375; letter-spacing: -0.025em; color: hsl(var(--foreground)); } .dark.aplus-design .aplus-search-filters .body-large, .dark .aplus-design .aplus-search-filters .body-large { color: hsl(0 0% 0%); } .aplus-design .aplus-booking-sidebar span.body-large { color: hsl(var(--aplus-sidebar-fg)); } .aplus-design .aplus-booking-sidebar .body-large { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar span.body-large { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar .body-large { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 .body-large { color: hsl(0 0% 15%); } .dark.aplus-design .border-border.rounded-xl.bg-card .body-large.text-sm { color: hsl(40 20% 90%); } .aplus-design .aplus-booking-sidebar .body-large { color: #000; } @media (min-width: 768px) { .body-large { font-size: 1.25rem; line-height: 1.75rem; line-height: 1.625; } } @media (min-width: 1024px) { .body-large { font-size: 1.5rem; line-height: 2rem; } } .body-base { font-size: 1rem; line-height: 1.5rem; line-height: 1.625; color: hsl(var(--foreground)); } .dark.aplus-design .aplus-search-filters .body-base, .dark .aplus-design .aplus-search-filters .body-base { color: hsl(0 0% 0%); } .aplus-design .aplus-booking-sidebar .body-base { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar .body-base { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 .body-base { color: hsl(0 0% 15%); } .aplus-design .aplus-booking-sidebar .body-base { color: #000; } .body-small { font-size: 0.875rem; line-height: 1.25rem; line-height: 1.625; color: hsl(var(--muted-foreground)); } .dark.aplus-design .aplus-search-filters .body-small, .dark .aplus-design .aplus-search-filters .body-small { color: hsl(0 0% 25%); } .aplus-design .aplus-booking-sidebar .body-small { color: hsl(var(--aplus-sidebar-muted)); } .aplus-design .aplus-booking-sidebar .body-small svg { color: hsl(var(--aplus-sidebar-muted)); } .dark.aplus-design .aplus-booking-sidebar .body-small { color: hsl(var(--aplus-sidebar-muted)); } .dark.aplus-design .aplus-booking-sidebar .body-small svg { color: hsl(var(--aplus-sidebar-muted)); } .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 .body-small { color: hsl(0 0% 15%); } .dark.aplus-design .border-border.rounded-xl.bg-card .font-semibold.body-small { color: hsl(40 20% 90%); } .aplus-design .aplus-booking-sidebar p:not(.body-small):not(.text-forest), .aplus-design .aplus-booking-sidebar span:not(.body-small):not(.text-forest) { color: #000; } .body-xs { font-size: 0.75rem; line-height: 1rem; line-height: 1.625; color: hsl(var(--muted-foreground)); } .dark.aplus-design .aplus-search-filters .body-xs, .dark .aplus-design .aplus-search-filters .body-xs { color: hsl(0 0% 25%); } .aplus-design .aplus-booking-sidebar .body-xs { color: hsl(var(--aplus-sidebar-muted)); } .aplus-design .aplus-booking-sidebar .body-xs svg { color: hsl(var(--aplus-sidebar-muted)); } .dark.aplus-design .aplus-booking-sidebar .body-xs { color: hsl(var(--aplus-sidebar-muted)); } .dark.aplus-design .aplus-booking-sidebar .body-xs svg { color: hsl(var(--aplus-sidebar-muted)); } .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 .body-xs { color: hsl(0 0% 15%); } .aplus-design .aplus-booking-sidebar p:not(.body-xs):not(.text-forest), .aplus-design .aplus-booking-sidebar span:not(.body-xs):not(.text-forest) { color: #000; } .aplus-design .body-xs { font-size: 0.875rem; line-height: 1.4; } .aplus-design .badge .body-xs { font-size: 0.8125rem; } /* Label text */ .label { font-size: 0.75rem; line-height: 1rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.025em; color: hsl(var(--muted-foreground)); } .dark.aplus-design .aplus-search-filters .label, .dark .aplus-design .aplus-search-filters .label { color: hsl(0 0% 25%); } .aplus-design .aplus-booking-sidebar span.label { color: hsl(var(--aplus-sidebar-fg)); } .aplus-design .aplus-booking-sidebar .label { color: hsl(var(--aplus-sidebar-muted)); } .aplus-design .aplus-booking-sidebar .label svg { color: hsl(var(--aplus-sidebar-muted)); } .dark.aplus-design .aplus-booking-sidebar span.label { color: hsl(var(--aplus-sidebar-fg)); } .dark.aplus-design .aplus-booking-sidebar .label { color: hsl(var(--aplus-sidebar-muted)); } .dark.aplus-design .aplus-booking-sidebar .label svg { color: hsl(var(--aplus-sidebar-muted)); } .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 .label { color: hsl(0 0% 15%); } .aplus-design .aplus-booking-sidebar p:not(.label):not(.text-forest), .aplus-design .aplus-booking-sidebar span:not(.label):not(.text-forest) { color: #000; } .aplus-design .label { font-size: 0.875rem; line-height: 1.4; } .aplus-design .badge .label { font-size: 0.8125rem; } @media (min-width: 640px) { .label { font-size: 0.875rem; line-height: 1.25rem; } } .card-luxury { overflow: hidden; border-radius: 0.75rem; border-width: 1px; border-color: transparent; background-color: hsl(var(--card)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); animation-duration: 300ms; animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } body[data-unified-card-border="none"] .rounded-lg.border.card-luxury, body[data-unified-card-border="none"] .rounded-xl.border.card-luxury { border-width: 1px; border-color: transparent; } body[data-unified-card-border="none"] .card-luxury.border.bg-card { border-width: 1px; border-color: transparent; } body[data-unified-card-border="none"] .rounded-lg.card-luxury.bg-card, body[data-unified-card-border="none"] .rounded-xl.card-luxury.bg-card { border-width: 1px; border-color: transparent; } body[data-unified-card-border="none"] .card-luxury.border-border { /* Shorthand form (different syntax from the rule above) so esbuild can't fuse the two rule bodies and then collapse the selector prefixes. */ border: 1px solid transparent; } @media (hover: hover) { body[data-unified-card-border="none"] .rounded-lg.border.card-luxury:hover, body[data-unified-card-border="none"] .rounded-xl.border.card-luxury:hover { border-color: hsl(var(--border)); } body[data-unified-card-border="none"] .card-luxury.border.bg-card:hover { border-color: hsl(var(--border)); } body[data-unified-card-border="none"] .rounded-lg.card-luxury.bg-card:hover, body[data-unified-card-border="none"] .rounded-xl.card-luxury.bg-card:hover { border-color: hsl(var(--border)); } body[data-unified-card-border="none"] .card-luxury.border-border:hover { border: 1px solid hsl(var(--border)); } } body[data-unified-card-border="line"] .rounded-lg.border.card-luxury, body[data-unified-card-border="line"] .rounded-xl.border.card-luxury { border-width: 1px; border-color: hsl(var(--border)); } body[data-unified-card-border="line"] .card-luxury.border.bg-card { border-width: 1px; border-color: hsl(var(--border)); } body[data-unified-card-border="line"] .rounded-lg.card-luxury.bg-card, body[data-unified-card-border="line"] .rounded-xl.card-luxury.bg-card { border-width: 1px; border-color: hsl(var(--border)); } .dark.aplus-design .card-luxury, .dark.aplus-design .card-luxury.border, .dark.aplus-design .rounded-lg.border.card-luxury, .dark.aplus-design .rounded-xl.border.card-luxury, .dark.aplus-design .card-luxury.rounded-xl, .dark.aplus-design .card-luxury.rounded-2xl, .dark.aplus-design .group.card-luxury, .dark.aplus-design a.group.card-luxury, .dark.aplus-design a.block.card-luxury, .dark.aplus-design div.group.card-luxury, .dark .aplus-design .card-luxury, .dark .aplus-design .card-luxury.border, .dark .aplus-design .rounded-lg.border.card-luxury, .dark .aplus-design .rounded-xl.border.card-luxury, .dark .aplus-design .card-luxury.rounded-xl, .dark .aplus-design .card-luxury.rounded-2xl, .dark .aplus-design .group.card-luxury, .dark .aplus-design a.group.card-luxury, .dark .aplus-design a.block.card-luxury, .dark .aplus-design div.group.card-luxury { background: hsl(220 10% 14%); background-color: hsl(220 10% 14%); box-shadow: none; border-color: transparent; } .dark.aplus-design .card-luxury.border.bg-card, .dark.aplus-design .bg-card.card-luxury, .dark .aplus-design .card-luxury.border.bg-card, .dark .aplus-design .bg-card.card-luxury { background: hsl(220 10% 14%); background-color: hsl(220 10% 14%); box-shadow: none; border-color: transparent; } .dark.aplus-design .bg-card.card-luxury, .dark.aplus-design .rounded-lg.card-luxury.bg-card, .dark.aplus-design .rounded-xl.card-luxury.bg-card, .dark.aplus-design a.card-luxury:not([data-aplus-no-card]), .dark .aplus-design .bg-card.card-luxury, .dark .aplus-design .rounded-lg.card-luxury.bg-card, .dark .aplus-design .rounded-xl.card-luxury.bg-card, .dark .aplus-design a.card-luxury:not([data-aplus-no-card]) { background: hsl(220 10% 14%); background-color: hsl(220 10% 14%); box-shadow: none; border-color: transparent; } .dark.aplus-design .card-luxury:hover, .dark.aplus-design .card-luxury.border:hover, .dark.aplus-design .rounded-lg.border.card-luxury:hover, .dark.aplus-design .rounded-xl.border.card-luxury:hover, .dark.aplus-design .card-luxury.rounded-xl:hover, .dark.aplus-design .card-luxury.rounded-2xl:hover, .dark.aplus-design .group.card-luxury:hover, .dark.aplus-design a.group.card-luxury:hover, .dark.aplus-design a.block.card-luxury:hover, .dark.aplus-design div.group.card-luxury:hover, .dark .aplus-design .card-luxury:hover, .dark .aplus-design .card-luxury.border:hover, .dark .aplus-design .rounded-lg.border.card-luxury:hover, .dark .aplus-design .rounded-xl.border.card-luxury:hover, .dark .aplus-design .card-luxury.rounded-xl:hover, .dark .aplus-design .card-luxury.rounded-2xl:hover, .dark .aplus-design .group.card-luxury:hover, .dark .aplus-design a.group.card-luxury:hover, .dark .aplus-design a.block.card-luxury:hover, .dark .aplus-design div.group.card-luxury:hover { box-shadow: inset 0 0 0 1px hsl(220 10% 30%); } .dark.aplus-design .card-luxury.border.bg-card:hover, .dark.aplus-design .bg-card.card-luxury:hover, .dark .aplus-design .card-luxury.border.bg-card:hover, .dark .aplus-design .bg-card.card-luxury:hover { box-shadow: inset 0 0 0 1px hsl(220 10% 30%); } .dark.aplus-design .bg-card.card-luxury:hover, .dark.aplus-design .rounded-lg.card-luxury.bg-card:hover, .dark.aplus-design .rounded-xl.card-luxury.bg-card:hover, .dark .aplus-design .bg-card.card-luxury:hover, .dark .aplus-design .rounded-lg.card-luxury.bg-card:hover, .dark .aplus-design .rounded-xl.card-luxury.bg-card:hover { box-shadow: inset 0 0 0 1px hsl(220 10% 30%); } .aplus-header .card-luxury { background-color: #EBEBEB; } .dark.aplus-design .aplus-search-section .card-luxury, .dark .aplus-design .aplus-search-section .card-luxury { border: 1px solid hsl(220 10% 28%); border-radius: 0.5rem; } .aplus-design .aplus-booking-sidebar .card-luxury { border-color: hsl(0 0% 15%); } .aplus-design .card-luxury, .aplus-design .card-luxury.border, .aplus-design .rounded-lg.border.card-luxury, .aplus-design .rounded-xl.border.card-luxury, .aplus-design .card-luxury.rounded-xl, .aplus-design .card-luxury.rounded-2xl, .aplus-design .group.card-luxury, .aplus-design a.group.card-luxury, .aplus-design a.block.card-luxury, .aplus-design div.group.card-luxury { background: hsl(0 0% 100%); border: none; border-radius: 0.5rem; box-shadow: inset 0 0 0 1px transparent; transition: box-shadow 0.2s ease; } .aplus-design .card-luxury.border.bg-card, .aplus-design .bg-card.card-luxury { background: hsl(0 0% 100%); border: none; border-radius: 0.5rem; box-shadow: inset 0 0 0 1px transparent; transition: box-shadow 0.2s ease; } .aplus-design .bg-card.card-luxury, .aplus-design .rounded-lg.card-luxury.bg-card, .aplus-design .rounded-xl.card-luxury.bg-card, .aplus-design a.card-luxury:not([data-aplus-no-card]) { background: hsl(0 0% 100%); border: none; border-radius: 0.5rem; box-shadow: inset 0 0 0 1px transparent; transition: box-shadow 0.2s ease; } .aplus-design .rounded-lg.border.card-luxury.aplus-booking-sidebar, .aplus-design .card-luxury.aplus-booking-sidebar { background: var(--aplus-sidebar-bg); background-color: var(--aplus-sidebar-bg); } .aplus-design .rounded-lg.card-luxury.bg-card.aplus-booking-sidebar { background: var(--aplus-sidebar-bg); background-color: var(--aplus-sidebar-bg); } .aplus-design .card-luxury:hover, .aplus-design .card-luxury.border:hover, .aplus-design .rounded-lg.border.card-luxury:hover, .aplus-design .rounded-xl.border.card-luxury:hover, .aplus-design .card-luxury.rounded-xl:hover, .aplus-design .card-luxury.rounded-2xl:hover, .aplus-design .group.card-luxury:hover, .aplus-design a.group.card-luxury:hover, .aplus-design a.block.card-luxury:hover, .aplus-design div.group.card-luxury:hover { border-color: transparent; box-shadow: inset 0 0 0 1px hsl(0 0% 30%), 0 4px 16px hsl(0 0% 0% / 0.08); } .aplus-design .card-luxury.border.bg-card:hover, .aplus-design .bg-card.card-luxury:hover { border-color: transparent; box-shadow: inset 0 0 0 1px hsl(0 0% 30%), 0 4px 16px hsl(0 0% 0% / 0.08); } .aplus-design .bg-card.card-luxury:hover, .aplus-design .rounded-lg.card-luxury.bg-card:hover, .aplus-design .rounded-xl.card-luxury.bg-card:hover, .aplus-design a.card-luxury:not([data-aplus-no-card]):hover { border-color: transparent; box-shadow: inset 0 0 0 1px hsl(0 0% 30%), 0 4px 16px hsl(0 0% 0% / 0.08); } .aplus-design .card-luxury[data-aplus-no-card-hover]:hover, .aplus-design .rounded-lg.border.card-luxury[data-aplus-no-card-hover]:hover, .aplus-design .rounded-xl.border.card-luxury[data-aplus-no-card-hover]:hover { box-shadow: inset 0 0 0 1px transparent; } .aplus-design .card-luxury.border.bg-card[data-aplus-no-card-hover]:hover { box-shadow: inset 0 0 0 1px transparent; } .aplus-design .rounded-lg.card-luxury.bg-card[data-aplus-no-card-hover]:hover, .aplus-design .rounded-xl.card-luxury.bg-card[data-aplus-no-card-hover]:hover { box-shadow: inset 0 0 0 1px transparent; } .dark.aplus-design .card-luxury, .dark.aplus-design .card-luxury.border, .dark.aplus-design .rounded-lg.border.card-luxury, .dark.aplus-design .rounded-xl.border.card-luxury, .dark.aplus-design .card-luxury.rounded-xl, .dark.aplus-design .card-luxury.rounded-2xl, .dark.aplus-design .group.card-luxury, .dark.aplus-design a.group.card-luxury, .dark.aplus-design a.block.card-luxury, .dark.aplus-design div.group.card-luxury, .dark .aplus-design .card-luxury, .dark .aplus-design .card-luxury.border, .dark .aplus-design .rounded-lg.border.card-luxury, .dark .aplus-design .rounded-xl.border.card-luxury, .dark .aplus-design .card-luxury.rounded-xl, .dark .aplus-design .card-luxury.rounded-2xl, .dark .aplus-design .group.card-luxury, .dark .aplus-design a.group.card-luxury, .dark .aplus-design a.block.card-luxury, .dark .aplus-design div.group.card-luxury { background: hsl(220 10% 14%); background-color: hsl(220 10% 14%); box-shadow: none; border-color: transparent; } .dark.aplus-design .card-luxury.border.bg-card, .dark.aplus-design .bg-card.card-luxury, .dark .aplus-design .card-luxury.border.bg-card, .dark .aplus-design .bg-card.card-luxury { background: hsl(220 10% 14%); background-color: hsl(220 10% 14%); box-shadow: none; border-color: transparent; } .dark.aplus-design .bg-card.card-luxury, .dark.aplus-design .rounded-lg.card-luxury.bg-card, .dark.aplus-design .rounded-xl.card-luxury.bg-card, .dark.aplus-design a.card-luxury:not([data-aplus-no-card]), .dark .aplus-design .bg-card.card-luxury, .dark .aplus-design .rounded-lg.card-luxury.bg-card, .dark .aplus-design .rounded-xl.card-luxury.bg-card, .dark .aplus-design a.card-luxury:not([data-aplus-no-card]) { background: hsl(220 10% 14%); background-color: hsl(220 10% 14%); box-shadow: none; border-color: transparent; } .dark.aplus-design .card-luxury:hover, .dark.aplus-design .card-luxury.border:hover, .dark.aplus-design .rounded-lg.border.card-luxury:hover, .dark.aplus-design .rounded-xl.border.card-luxury:hover, .dark.aplus-design .card-luxury.rounded-xl:hover, .dark.aplus-design .card-luxury.rounded-2xl:hover, .dark.aplus-design .group.card-luxury:hover, .dark.aplus-design a.group.card-luxury:hover, .dark.aplus-design a.block.card-luxury:hover, .dark.aplus-design div.group.card-luxury:hover, .dark .aplus-design .card-luxury:hover, .dark .aplus-design .card-luxury.border:hover, .dark .aplus-design .rounded-lg.border.card-luxury:hover, .dark .aplus-design .rounded-xl.border.card-luxury:hover, .dark .aplus-design .card-luxury.rounded-xl:hover, .dark .aplus-design .card-luxury.rounded-2xl:hover, .dark .aplus-design .group.card-luxury:hover, .dark .aplus-design a.group.card-luxury:hover, .dark .aplus-design a.block.card-luxury:hover, .dark .aplus-design div.group.card-luxury:hover { box-shadow: inset 0 0 0 1px hsl(220 10% 30%); } .dark.aplus-design .card-luxury.border.bg-card:hover, .dark.aplus-design .bg-card.card-luxury:hover, .dark .aplus-design .card-luxury.border.bg-card:hover, .dark .aplus-design .bg-card.card-luxury:hover { box-shadow: inset 0 0 0 1px hsl(220 10% 30%); } .dark.aplus-design .bg-card.card-luxury:hover, .dark.aplus-design .rounded-lg.card-luxury.bg-card:hover, .dark.aplus-design .rounded-xl.card-luxury.bg-card:hover, .dark .aplus-design .bg-card.card-luxury:hover, .dark .aplus-design .rounded-lg.card-luxury.bg-card:hover, .dark .aplus-design .rounded-xl.card-luxury.bg-card:hover { box-shadow: inset 0 0 0 1px hsl(220 10% 30%); } body[data-unified-card-border] .aplus-design .card-luxury { border: none; box-shadow: inset 0 0 0 1px transparent; transition: box-shadow 0.2s ease; } body[data-unified-card-border] .aplus-design .card-luxury:hover { border-color: transparent; box-shadow: inset 0 0 0 1px hsl(0 0% 30%), 0 4px 16px hsl(0 0% 0% / 0.08); } .aplus-design .rounded-lg.border.card-luxury [role="separator"], .aplus-design .rounded-xl.border.card-luxury [role="separator"] { background: hsl(0 0% 55%); } .aplus-design .card-luxury.border.bg-card [role="separator"] { background: hsl(0 0% 55%); } .aplus-design .rounded-lg.card-luxury.bg-card [role="separator"], .aplus-design .rounded-xl.card-luxury.bg-card [role="separator"] { background: hsl(0 0% 55%); } .dark.aplus-design .rounded-lg.border.card-luxury [role="separator"], .dark.aplus-design .rounded-xl.border.card-luxury [role="separator"], .dark .aplus-design .rounded-lg.border.card-luxury [role="separator"], .dark .aplus-design .rounded-xl.border.card-luxury [role="separator"] { background: hsl(0 0% 75%); } .dark.aplus-design .card-luxury.border.bg-card [role="separator"], .dark .aplus-design .card-luxury.border.bg-card [role="separator"] { background: hsl(0 0% 75%); } .dark.aplus-design .rounded-lg.card-luxury.bg-card [role="separator"], .dark.aplus-design .rounded-xl.card-luxury.bg-card [role="separator"], .dark .aplus-design .rounded-lg.card-luxury.bg-card [role="separator"], .dark .aplus-design .rounded-xl.card-luxury.bg-card [role="separator"] { background: hsl(0 0% 75%); } .aplus-design div.aplus-search-bar.card-luxury { background: #D9D9D9; background-color: #D9D9D9; border: none; border-radius: 0.5rem; box-shadow: none; outline: none; } .aplus-design .aplus-residences-home-section button.card-luxury { border-color: hsl(0 0% 10%); } .aplus-design .border-border.rounded-xl.card-luxury:not(:hover) { border: none; border-radius: 0.5rem; background: hsl(0 0% 100%); box-shadow: inset 0 0 0 1px transparent; } .aplus-design .border-border.card-luxury.bg-card:not(:hover) { border: none; border-radius: 0.5rem; background: hsl(0 0% 100%); box-shadow: inset 0 0 0 1px transparent; } .dark.aplus-design .border-border.rounded-xl.card-luxury:not(:hover), .dark .aplus-design .border-border.rounded-xl.card-luxury:not(:hover) { background: hsl(220 10% 14%); border-color: transparent; } .dark.aplus-design .border-border.card-luxury.bg-card:not(:hover), .dark .aplus-design .border-border.card-luxury.bg-card:not(:hover) { background: hsl(220 10% 14%); border-color: transparent; } .aplus-design .border-border.rounded-xl.card-luxury .border-t.border-border { border-color: hsl(0 0% 55%); } .aplus-design .border-border.card-luxury.bg-card .border-t.border-border { border-color: hsl(0 0% 55%); } .aplus-design .border-border.rounded-xl.card-luxury .bg-forest { background: hsl(0 0% 0%); border-radius: 0.5rem; } .aplus-design .border-border.card-luxury.bg-card .bg-forest { background: hsl(0 0% 0%); border-radius: 0.5rem; } html.dark.aplus-design .card-luxury { background: hsl(220 10% 14%); background-color: hsl(220 10% 14%); } html.dark.aplus-design .card-luxury:hover { box-shadow: none; border-color: transparent; } .dark.aplus-design .aplus-booking-sidebar .card-luxury { border-color: hsl(0 0% 15%); } .dark.aplus-design .border-border.rounded-xl.card-luxury .font-semibold.text-sm { color: hsl(40 20% 90%); } .dark.aplus-design .border-border.card-luxury.bg-card .font-semibold.text-sm { color: hsl(40 20% 90%); } .dark.aplus-design .border-border.rounded-xl.card-luxury .border-t.border-border { border-color: hsl(0 0% 75%); } .dark.aplus-design .border-border.card-luxury.bg-card .border-t.border-border { border-color: hsl(0 0% 75%); } .dark.aplus-design .border-border.rounded-xl.card-luxury .bg-forest.text-cream { background: hsl(0 0% 92%); color: hsl(0 0% 10%); } .dark.aplus-design .border-border.card-luxury.bg-card .bg-forest.text-cream, .dark.aplus-design .border-border.card-luxury .bg-forest.text-cream { background: hsl(0 0% 92%); color: hsl(0 0% 10%); } .dark.aplus-design .border-border.rounded-xl.card-luxury .bg-forest.text-cream:hover { background: hsl(0 0% 80%); } .dark.aplus-design .border-border.card-luxury.bg-card .bg-forest.text-cream:hover { background: hsl(0 0% 80%); } .dark.aplus-design .border-border.card-luxury .bg-card\/90 { background: hsl(0 0% 95% / 0.9); color: hsl(0 0% 10%); } .dark.aplus-design .border-border.card-luxury .bg-card\/90 .text-forest { color: hsl(0 0% 10%); } .aplus-design .aplus-booking-sidebar .card-luxury { border-color: #000; } .card-luxury { box-shadow: var(--shadow-card); } @media (hover: hover) { .card-luxury:hover { box-shadow: var(--shadow-card-hover); border-color: hsl(var(--forest) / 0.4); } } /* When card is inside a compare wrapper, let the wrapper handle the transform */ .group\/compare .card-luxury:hover { transform: none; } .btn-luxury { display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius); padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.75rem; padding-bottom: 0.75rem; font-weight: 500; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; animation-duration: 200ms; } body[data-unified-card-border="none"] .btn-luxury.border.bg-card { border-width: 1px; border-color: transparent; } @media (hover: hover) { body[data-unified-card-border="none"] .btn-luxury.border.bg-card:hover { border-color: hsl(var(--border)); } } body[data-unified-card-border="line"] .btn-luxury.border.bg-card { border-width: 1px; border-color: hsl(var(--border)); } .dark.aplus-design .btn-luxury.border.bg-card, .dark.aplus-design a[class*="border-border"].btn-luxury:not([data-aplus-no-card]), .dark .aplus-design .btn-luxury.border.bg-card, .dark .aplus-design a[class*="border-border"].btn-luxury:not([data-aplus-no-card]) { background: hsl(220 10% 14%); background-color: hsl(220 10% 14%); box-shadow: none; border-color: transparent; } .dark.aplus-design .btn-luxury.border.bg-card:hover, .dark .aplus-design .btn-luxury.border.bg-card:hover { box-shadow: inset 0 0 0 1px hsl(220 10% 30%); } .aplus-design .aplus-booking-sidebar span.btn-luxury { color: hsl(var(--aplus-sidebar-fg)); } .aplus-design .btn-luxury.border.bg-card, .aplus-design a[class*="border-border"].btn-luxury:not([data-aplus-no-card]) { background: hsl(0 0% 100%); border: none; border-radius: 0.5rem; box-shadow: inset 0 0 0 1px transparent; transition: box-shadow 0.2s ease; } .aplus-design .btn-luxury.border.bg-card.aplus-booking-sidebar { background: var(--aplus-sidebar-bg); background-color: var(--aplus-sidebar-bg); } .aplus-design .btn-luxury.border.bg-card:hover, .aplus-design a[class*="border-border"].btn-luxury:not([data-aplus-no-card]):hover { border-color: transparent; box-shadow: inset 0 0 0 1px hsl(0 0% 30%), 0 4px 16px hsl(0 0% 0% / 0.08); } .aplus-design .btn-luxury.border.bg-card[data-aplus-no-card-hover]:hover { box-shadow: inset 0 0 0 1px transparent; } .dark.aplus-design .btn-luxury.border.bg-card, .dark.aplus-design a[class*="border-border"].btn-luxury:not([data-aplus-no-card]), .dark .aplus-design .btn-luxury.border.bg-card, .dark .aplus-design a[class*="border-border"].btn-luxury:not([data-aplus-no-card]) { background: hsl(220 10% 14%); background-color: hsl(220 10% 14%); box-shadow: none; border-color: transparent; } .dark.aplus-design .btn-luxury.border.bg-card:hover, .dark .aplus-design .btn-luxury.border.bg-card:hover { box-shadow: inset 0 0 0 1px hsl(220 10% 30%); } .aplus-design .btn-luxury.border.bg-card [role="separator"] { background: hsl(0 0% 55%); } .dark.aplus-design .btn-luxury.border.bg-card [role="separator"], .dark .aplus-design .btn-luxury.border.bg-card [role="separator"] { background: hsl(0 0% 75%); } .dark.aplus-design .aplus-booking-sidebar span.btn-luxury { color: hsl(var(--aplus-sidebar-fg)); } .btn-luxury { background: hsl(var(--forest)); color: hsl(var(--cream)); } .btn-luxury:hover { background: hsl(var(--forest-light)); transform: translateY(-2px) scale(1.02); box-shadow: 0 4px 12px hsl(var(--forest) / 0.3); } .btn-luxury:active { transform: translateY(0) scale(0.98); box-shadow: 0 2px 6px hsl(var(--forest) / 0.2); } .rating-star { color: hsl(var(--gold)); } .divider-luxury { margin-top: 2rem; margin-bottom: 2rem; height: 1px; width: 100%; background: linear-gradient(90deg, transparent, hsl(var(--border)), transparent); } /* Hide scrollbar for horizontal scroll areas */ .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } .scrollbar-hide::-webkit-scrollbar { display: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .visible { visibility: visible; } .invisible { visibility: hidden; } .collapse { visibility: collapse; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .-inset-3 { inset: -0.75rem; } .inset-0 { inset: 0px; } .inset-2 { inset: 0.5rem; } .inset-x-0 { left: 0px; right: 0px; } .inset-y-0 { top: 0px; bottom: 0px; } .-bottom-1\.5 { bottom: -0.375rem; } .-bottom-12 { bottom: -3rem; } .-bottom-2 { bottom: -0.5rem; } .-left-12 { left: -3rem; } .-right-1 { right: -0.25rem; } .-right-12 { right: -3rem; } .-top-1 { top: -0.25rem; } .-top-12 { top: -3rem; } .bottom-0 { bottom: 0px; } .bottom-1\.5 { bottom: 0.375rem; } .bottom-1\/4 { bottom: 25%; } .bottom-16 { bottom: 4rem; } .bottom-2 { bottom: 0.5rem; } .bottom-24 { bottom: 6rem; } .bottom-3 { bottom: 0.75rem; } .bottom-4 { bottom: 1rem; } .bottom-6 { bottom: 1.5rem; } .bottom-\[25\%\] { bottom: 25%; } .bottom-\[30\%\] { bottom: 30%; } .bottom-\[35\%\] { bottom: 35%; } .bottom-\[45\%\] { bottom: 45%; } .bottom-full { bottom: 100%; } .bottom-px { bottom: 1px; } .left-0 { left: 0px; } .left-1 { left: 0.25rem; } .left-1\/2 { left: 50%; } .left-1\/3 { left: 33.333333%; } .left-1\/4 { left: 25%; } .left-2 { left: 0.5rem; } .left-2\.5 { left: 0.625rem; } .left-3 { left: 0.75rem; } .left-3\.5 { left: 0.875rem; } .left-3\/4 { left: 75%; } .left-4 { left: 1rem; } .left-\[10\%\] { left: 10%; } .left-\[20\%\] { left: 20%; } .left-\[22\%\] { left: 22%; } .left-\[25\%\] { left: 25%; } .left-\[28\%\] { left: 28%; } .left-\[30\%\] { left: 30%; } .left-\[35\%\] { left: 35%; } .left-\[40\%\] { left: 40%; } .left-\[42\%\] { left: 42%; } .left-\[45\%\] { left: 45%; } .left-\[60\%\] { left: 60%; } .left-\[65\%\] { left: 65%; } .left-\[70\%\] { left: 70%; } .left-\[78\%\] { left: 78%; } .left-\[8\%\] { left: 8%; } .right-0 { right: 0px; } .right-1 { right: 0.25rem; } .right-1\.5 { right: 0.375rem; } .right-1\/2 { right: 50%; } .right-1\/3 { right: 33.333333%; } .right-1\/4 { right: 25%; } .right-2 { right: 0.5rem; } .right-3 { right: 0.75rem; } .right-4 { right: 1rem; } .right-\[10\%\] { right: 10%; } .right-\[22\%\] { right: 22%; } .right-\[25\%\] { right: 25%; } .right-\[30\%\] { right: 30%; } .right-\[40\%\] { right: 40%; } .top-0 { top: 0px; } .top-1\.5 { top: 0.375rem; } .top-1\/2 { top: 50%; } .top-1\/3 { top: 33.333333%; } .top-1\/4 { top: 25%; } .top-12 { top: 3rem; } .top-16 { top: 4rem; } .top-2 { top: 0.5rem; } .top-20 { top: 5rem; } .top-24 { top: 6rem; } .top-3 { top: 0.75rem; } .top-3\.5 { top: 0.875rem; } .top-3\/4 { top: 75%; } .top-4 { top: 1rem; } .top-\[10\%\] { top: 10%; } .top-\[15\%\] { top: 15%; } .top-\[1px\] { top: 1px; } .top-\[20\%\] { top: 20%; } .top-\[22\%\] { top: 22%; } .top-\[25\%\] { top: 25%; } .top-\[30\%\] { top: 30%; } .top-\[33\%\] { top: 33%; } .top-\[35\%\] { top: 35%; } .top-\[38\%\] { top: 38%; } .top-\[42\%\] { top: 42%; } .top-\[45\%\] { top: 45%; } .top-\[55\%\] { top: 55%; } .top-\[58\%\] { top: 58%; } .top-\[60\%\] { top: 60%; } .top-\[66\%\] { top: 66%; } .top-\[70\%\] { top: 70%; } .top-\[72\%\] { top: 72%; } .top-\[75\%\] { top: 75%; } .top-full { top: 100%; } .isolate { isolation: isolate; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[100\] { z-index: 100; } .z-\[10\] { z-index: 10; } .z-\[1\] { z-index: 1; } .z-\[60\] { z-index: 60; } .z-\[9999\] { z-index: 9999; } .order-1 { order: 1; } .order-2 { order: 2; } .col-span-2 { grid-column: span 2 / span 2; } .row-start-1 { grid-row-start: 1; } .row-start-2 { grid-row-start: 2; } .row-start-3 { grid-row-start: 3; } .float-right { float: right; } .m-0 { margin: 0px; } .\!my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem; } .-mx-4 { margin-left: -1rem; margin-right: -1rem; } .-mx-6 { margin-left: -1.5rem; margin-right: -1.5rem; } .-my-1 { margin-top: -0.25rem; margin-bottom: -0.25rem; } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mx-3\.5 { margin-left: 0.875rem; margin-right: 0.875rem; } .mx-4 { margin-left: 1rem; margin-right: 1rem; } .mx-auto { margin-left: auto; margin-right: auto; } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .my-1\.5 { margin-top: 0.375rem; margin-bottom: 0.375rem; } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .my-2\.5 { margin-top: 0.625rem; margin-bottom: 0.625rem; } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .my-4 { margin-top: 1rem; margin-bottom: 1rem; } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .my-8 { margin-top: 2rem; margin-bottom: 2rem; } .\!mb-0 { margin-bottom: 0px !important; } .\!ml-0 { margin-left: 0px !important; } .\!mt-2 { margin-top: 0.5rem !important; } .-mb-4 { margin-bottom: -1rem; } .-mb-px { margin-bottom: -1px; } .-ml-2 { margin-left: -0.5rem; } .-ml-3 { margin-left: -0.75rem; } .-ml-4 { margin-left: -1rem; } .-ml-px { margin-left: -1px; } .-mr-1 { margin-right: -0.25rem; } .-mt-1 { margin-top: -0.25rem; } .-mt-16 { margin-top: -4rem; } .-mt-4 { margin-top: -1rem; } .-mt-\[66px\] { margin-top: -66px; } .mb-0 { margin-bottom: 0px; } .mb-0\.5 { margin-bottom: 0.125rem; } .mb-1 { margin-bottom: 0.25rem; } .mb-1\.5 { margin-bottom: 0.375rem; } .mb-10 { margin-bottom: 2.5rem; } .mb-12 { margin-bottom: 3rem; } .mb-14 { margin-bottom: 3.5rem; } .mb-2 { margin-bottom: 0.5rem; } .mb-2\.5 { margin-bottom: 0.625rem; } .mb-3 { margin-bottom: 0.75rem; } .mb-4 { margin-bottom: 1rem; } .mb-5 { margin-bottom: 1.25rem; } .mb-6 { margin-bottom: 1.5rem; } .mb-8 { margin-bottom: 2rem; } .ml-0 { margin-left: 0px; } .ml-0\.5 { margin-left: 0.125rem; } .ml-1 { margin-left: 0.25rem; } .ml-1\.5 { margin-left: 0.375rem; } .ml-2 { margin-left: 0.5rem; } .ml-5 { margin-left: 1.25rem; } .ml-6 { margin-left: 1.5rem; } .ml-\[-50vw\] { margin-left: -50vw; } .ml-\[33\.333333\%\] { margin-left: 33.333333%; } .ml-auto { margin-left: auto; } .mr-1 { margin-right: 0.25rem; } .mr-1\.5 { margin-right: 0.375rem; } .mr-2 { margin-right: 0.5rem; } .mr-3 { margin-right: 0.75rem; } .mr-4 { margin-right: 1rem; } .mr-\[-50vw\] { margin-right: -50vw; } .mt-0\.5 { margin-top: 0.125rem; } .mt-1 { margin-top: 0.25rem; } .mt-1\.5 { margin-top: 0.375rem; } .mt-10 { margin-top: 2.5rem; } .mt-12 { margin-top: 3rem; } .mt-16 { margin-top: 4rem; } .mt-2 { margin-top: 0.5rem; } .mt-24 { margin-top: 6rem; } .mt-3 { margin-top: 0.75rem; } .mt-4 { margin-top: 1rem; } .mt-5 { margin-top: 1.25rem; } .mt-6 { margin-top: 1.5rem; } .mt-8 { margin-top: 2rem; } .mt-\[clamp\(1\.5rem\2c 4vw\2c 3rem\)\] { margin-top: clamp(1.5rem, 4vw, 3rem); } .mt-auto { margin-top: auto; } .mt-px { margin-top: 1px; } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .grid { display: grid; } .contents { display: contents; } .hidden { display: none; } .aspect-\[10\/3\] { aspect-ratio: 10/3; } .aspect-\[16\/10\] { aspect-ratio: 16/10; } .aspect-\[16\/9\] { aspect-ratio: 16/9; } .aspect-\[21\/9\] { aspect-ratio: 21/9; } .aspect-\[3\/2\] { aspect-ratio: 3/2; } .aspect-\[4\/3\] { aspect-ratio: 4/3; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: 16 / 9; } .size-4 { width: 1rem; height: 1rem; } .size-8 { width: 2rem; height: 2rem; } .\!h-0 { height: 0px !important; } .h-0 { height: 0px; } .h-1 { height: 0.25rem; } .h-1\.5 { height: 0.375rem; } .h-10 { height: 2.5rem; } .h-11 { height: 2.75rem; } .h-12 { height: 3rem; } .h-14 { height: 3.5rem; } .h-16 { height: 4rem; } .h-2 { height: 0.5rem; } .h-2\.5 { height: 0.625rem; } .h-20 { height: 5rem; } .h-24 { height: 6rem; } .h-3 { height: 0.75rem; } .h-3\.5 { height: 0.875rem; } .h-32 { height: 8rem; } .h-4 { height: 1rem; } .h-40 { height: 10rem; } .h-48 { height: 12rem; } .h-5 { height: 1.25rem; } .h-6 { height: 1.5rem; } .h-64 { height: 16rem; } .h-7 { height: 1.75rem; } .h-8 { height: 2rem; } .h-9 { height: 2.25rem; } .h-\[10\%\] { height: 10%; } .h-\[100dvh\] { height: 100dvh; } .h-\[12\%\] { height: 12%; } .h-\[15\%\] { height: 15%; } .h-\[18\%\] { height: 18%; } .h-\[1em\] { height: 1em; } .h-\[1px\] { height: 1px; } .h-\[20\%\] { height: 20%; } .h-\[280px\] { height: 280px; } .h-\[2px\] { height: 2px; } .h-\[300px\] { height: 300px; } .h-\[340px\] { height: 340px; } .h-\[3px\] { height: 3px; } .h-\[4px\] { height: 4px; } .h-\[50px\] { height: 50px; } .h-\[50vh\] { height: 50vh; } .h-\[5px\] { height: 5px; } .h-\[600px\] { height: 600px; } .h-\[60vh\] { height: 60vh; } .h-\[64px\] { height: 64px; } .h-\[68px\] { height: 68px; } .h-\[72px\] { height: 72px; } .h-\[76px\] { height: 76px; } .h-\[78px\] { height: 78px; } .h-\[8\%\] { height: 8%; } .h-\[80vh\] { height: 80vh; } .h-\[85dvh\] { height: 85dvh; } .h-\[85vh\] { height: 85vh; } .h-\[86px\] { height: 86px; } .h-\[96dvh\] { height: 96dvh; } .h-\[calc\(100\%-8rem\)\] { height: calc(100% - 8rem); } .h-\[calc\(100svh-4rem\)\] { height: calc(100svh - 4rem); } .h-\[clamp\(340px\2c 36vw\2c 560px\)\] { height: clamp(340px, 36vw, 560px); } .h-\[clamp\(420px\2c 46vw\2c 700px\)\] { height: clamp(420px, 46vw, 700px); } .h-\[var\(--radix-navigation-menu-viewport-height\)\] { height: var(--radix-navigation-menu-viewport-height); } .h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); } .h-auto { height: auto; } .h-fit { height: -moz-fit-content; height: fit-content; } .h-full { height: 100%; } .h-icon-2xl { height: 72px; } .h-icon-lg { height: 32px; } .h-icon-md { height: 20px; } .h-icon-sm { height: 16px; } .h-icon-xs { height: 14px; } .h-px { height: 1px; } .h-screen { height: 100vh; } .h-svh { height: 100svh; } .max-h-0 { max-height: 0px; } .max-h-48 { max-height: 12rem; } .max-h-52 { max-height: 13rem; } .max-h-96 { max-height: 24rem; } .max-h-\[100dvh\] { max-height: 100dvh; } .max-h-\[280px\] { max-height: 280px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[50vh\] { max-height: 50vh; } .max-h-\[600px\] { max-height: 600px; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[85dvh\] { max-height: 85dvh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[96dvh\] { max-height: 96dvh; } .max-h-\[calc\(100dvh-2rem\)\] { max-height: calc(100dvh - 2rem); } .max-h-\[calc\(100dvh-5rem\)\] { max-height: calc(100dvh - 5rem); } .max-h-\[calc\(100svh-4rem\)\] { max-height: calc(100svh - 4rem); } .max-h-\[calc\(100vh-200px\)\] { max-height: calc(100vh - 200px); } .max-h-\[calc\(85dvh-3\.25rem\)\] { max-height: calc(85dvh - 3.25rem); } .max-h-\[calc\(90vh-4rem\)\] { max-height: calc(90vh - 4rem); } .max-h-\[calc\(96dvh-3\.25rem\)\] { max-height: calc(96dvh - 3.25rem); } .max-h-\[min\(70vh\2c 28rem\)\] { max-height: min(70vh, 28rem); } .max-h-\[min\(calc\(100dvh-1rem\)\2c var\(--radix-popover-content-available-height\)\)\] { max-height: min(calc(100dvh - 1rem), var(--radix-popover-content-available-height)); } .max-h-\[min\(calc\(100dvh-2rem\)\2c var\(--radix-popover-content-available-height\)\)\] { max-height: min(calc(100dvh - 2rem), var(--radix-popover-content-available-height)); } .max-h-screen { max-height: 100vh; } .min-h-0 { min-height: 0px; } .min-h-11 { min-height: 2.75rem; } .min-h-7 { min-height: 1.75rem; } .min-h-8 { min-height: 2rem; } .min-h-9 { min-height: 2.25rem; } .min-h-\[100svh\] { min-height: 100svh; } .min-h-\[120px\] { min-height: 120px; } .min-h-\[2\.25rem\] { min-height: 2.25rem; } .min-h-\[2\.3em\] { min-height: 2.3em; } .min-h-\[2\.5rem\] { min-height: 2.5rem; } .min-h-\[2\.75rem\] { min-height: 2.75rem; } .min-h-\[21rem\] { min-height: 21rem; } .min-h-\[3rem\] { min-height: 3rem; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[44px\] { min-height: 44px; } .min-h-\[540px\] { min-height: 540px; } .min-h-\[620px\] { min-height: 620px; } .min-h-\[80px\] { min-height: 80px; } .min-h-\[clamp\(10rem\2c 20vw\2c 18rem\)\] { min-height: clamp(10rem, 20vw, 18rem); } .min-h-fit { min-height: -moz-fit-content; min-height: fit-content; } .min-h-screen { min-height: 100vh; } .min-h-svh { min-height: 100svh; } .\!w-\[calc\(100\%\+2rem\)\] { width: calc(100% + 2rem) !important; } .\!w-\[calc\(100\%\+3rem\)\] { width: calc(100% + 3rem) !important; } .w-0 { width: 0px; } .w-1\.5 { width: 0.375rem; } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.333333%; } .w-10 { width: 2.5rem; } .w-11 { width: 2.75rem; } .w-12 { width: 3rem; } .w-14 { width: 3.5rem; } .w-16 { width: 4rem; } .w-2 { width: 0.5rem; } .w-2\.5 { width: 0.625rem; } .w-2\/3 { width: 66.666667%; } .w-20 { width: 5rem; } .w-24 { width: 6rem; } .w-28 { width: 7rem; } .w-3 { width: 0.75rem; } .w-3\.5 { width: 0.875rem; } .w-3\/4 { width: 75%; } .w-32 { width: 8rem; } .w-36 { width: 9rem; } .w-4 { width: 1rem; } .w-40 { width: 10rem; } .w-44 { width: 11rem; } .w-48 { width: 12rem; } .w-5 { width: 1.25rem; } .w-52 { width: 13rem; } .w-56 { width: 14rem; } .w-6 { width: 1.5rem; } .w-64 { width: 16rem; } .w-7 { width: 1.75rem; } .w-72 { width: 18rem; } .w-8 { width: 2rem; } .w-80 { width: 20rem; } .w-9 { width: 2.25rem; } .w-\[--sidebar-width\] { width: var(--sidebar-width); } .w-\[10\%\] { width: 10%; } .w-\[100px\] { width: 100px; } .w-\[117px\] { width: 117px; } .w-\[12\%\] { width: 12%; } .w-\[14\%\] { width: 14%; } .w-\[15\%\] { width: 15%; } .w-\[160px\] { width: 160px; } .w-\[18\%\] { width: 18%; } .w-\[1px\] { width: 1px; } .w-\[225px\] { width: 225px; } .w-\[240px\] { width: 240px; } .w-\[280px\] { width: 280px; } .w-\[2px\] { width: 2px; } .w-\[300px\] { width: 300px; } .w-\[360px\] { width: 360px; } .w-\[4px\] { width: 4px; } .w-\[5px\] { width: 5px; } .w-\[64px\] { width: 64px; } .w-\[70\%\] { width: 70%; } .w-\[72px\] { width: 72px; } .w-\[76px\] { width: 76px; } .w-\[78px\] { width: 78px; } .w-\[78vw\] { width: 78vw; } .w-\[8\%\] { width: 8%; } .w-\[86px\] { width: 86px; } .w-\[96vw\] { width: 96vw; } .w-\[calc\(100vw-1rem\)\] { width: calc(100vw - 1rem); } .w-\[calc\(100vw-2rem\)\] { width: calc(100vw - 2rem); } .w-\[min\(20rem\2c calc\(100vw-2rem\)\)\] { width: min(20rem, calc(100vw - 2rem)); } .w-\[var\(--radix-popover-trigger-width\)\] { width: var(--radix-popover-trigger-width); } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-icon-2xl { width: 72px; } .w-icon-lg { width: 32px; } .w-icon-md { width: 20px; } .w-icon-sm { width: 16px; } .w-icon-xs { width: 14px; } .w-max { width: -moz-max-content; width: max-content; } .w-px { width: 1px; } .w-screen { width: 100vw; } .min-w-0 { min-width: 0px; } .min-w-11 { min-width: 2.75rem; } .min-w-14 { min-width: 3.5rem; } .min-w-5 { min-width: 1.25rem; } .min-w-7 { min-width: 1.75rem; } .min-w-8 { min-width: 2rem; } .min-w-9 { min-width: 2.25rem; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[12rem\] { min-width: 12rem; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[240px\] { min-width: 240px; } .min-w-\[260px\] { min-width: 260px; } .min-w-\[32px\] { min-width: 32px; } .min-w-\[380px\] { min-width: 380px; } .min-w-\[5\.25rem\] { min-width: 5.25rem; } .min-w-\[500px\] { min-width: 500px; } .min-w-\[600px\] { min-width: 600px; } .min-w-\[64px\] { min-width: 64px; } .min-w-\[8rem\] { min-width: 8rem; } .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); } .min-w-full { min-width: 100%; } .max-w-20 { max-width: 5rem; } .max-w-2xl { max-width: 42rem; } .max-w-3xl { max-width: 48rem; } .max-w-4xl { max-width: 56rem; } .max-w-5xl { max-width: 64rem; } .max-w-6xl { max-width: 72rem; } .max-w-\[--skeleton-width\] { max-width: var(--skeleton-width); } .max-w-\[200px\] { max-width: 200px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[26rem\] { max-width: 26rem; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[340px\] { max-width: 340px; } .max-w-\[60\%\] { max-width: 60%; } .max-w-\[640px\] { max-width: 640px; } .max-w-\[80\%\] { max-width: 80%; } .max-w-\[calc\(100vw-1rem\)\] { max-width: calc(100vw - 1rem); } .max-w-\[calc\(100vw-2rem\)\] { max-width: calc(100vw - 2rem); } .max-w-\[min\(calc\(100vw-2rem\)\2c 42rem\)\] { max-width: min(calc(100vw - 2rem), 42rem); } .max-w-full { max-width: 100%; } .max-w-lg { max-width: 32rem; } .max-w-max { max-width: -moz-max-content; max-width: max-content; } .max-w-md { max-width: 28rem; } .max-w-none { max-width: none; } .max-w-sm { max-width: 24rem; } .max-w-xl { max-width: 36rem; } .max-w-xs { max-width: 20rem; } .flex-1 { flex: 1 1 0%; } .flex-\[0_0_100\%\] { flex: 0 0 100%; } .flex-none { flex: none; } .flex-shrink-0 { flex-shrink: 0; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .basis-full { flex-basis: 100%; } .table-fixed { table-layout: fixed; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .origin-top-left { transform-origin: top left; } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-x-px { --tw-translate-x: -1px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-2 { --tw-translate-y: -0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-\[0\.05em\] { --tw-translate-y: -0.05em; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-1\/2 { --tw-translate-x: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-3 { --tw-translate-x: 0.75rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-px { --tw-translate-x: 1px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-1\/2 { --tw-translate-y: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-full { --tw-translate-y: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-\[8deg\] { --tw-rotate: -8deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-0 { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-45 { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-90 { --tw-scale-x: .9; --tw-scale-y: .9; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } .animate-fade-in { animation: fade-in 0.4s ease-out forwards; } @keyframes orbit { to { transform: rotate(360deg); } } .animate-orbit { animation: orbit 1s linear infinite; } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } .animate-ping { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } .cursor-default { cursor: default; } .cursor-grab { cursor: grab; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .touch-none { touch-action: none; } .touch-pan-y { --tw-pan-y: pan-y; touch-action: var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom); } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .resize-none { resize: none; } .resize { resize: both; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-mandatory { --tw-scroll-snap-strictness: mandatory; } .snap-start { scroll-snap-align: start; } .snap-center { scroll-snap-align: center; } .scroll-mt-20 { scroll-margin-top: 5rem; } .scroll-mt-24 { scroll-margin-top: 6rem; } .scroll-pl-4 { scroll-padding-left: 1rem; } .scroll-pl-6 { scroll-padding-left: 1.5rem; } .scroll-pl-8 { scroll-padding-left: 2rem; } .list-inside { list-style-position: inside; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-\[1rem_minmax\(0\2c 1fr\)_max-content\] { grid-template-columns: 1rem minmax(0,1fr) max-content; } .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .grid-cols-\[minmax\(0\2c 1fr\)_auto\] { grid-template-columns: minmax(0,1fr) auto; } .grid-cols-\[minmax\(0\2c auto\)_minmax\(0\2c 1fr\)_minmax\(0\2c auto\)\] { grid-template-columns: minmax(0,auto) minmax(0,1fr) minmax(0,auto); } .grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .grid-rows-\[auto_1fr_auto\] { grid-template-rows: auto 1fr auto; } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .flex-nowrap { flex-wrap: nowrap; } .content-end { align-content: flex-end; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-baseline { align-items: baseline; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .justify-stretch { justify-content: stretch; } .gap-0 { gap: 0px; } .gap-0\.5 { gap: 0.125rem; } .gap-1 { gap: 0.25rem; } .gap-1\.5 { gap: 0.375rem; } .gap-10 { gap: 2.5rem; } .gap-2 { gap: 0.5rem; } .gap-2\.5 { gap: 0.625rem; } .gap-3 { gap: 0.75rem; } .gap-4 { gap: 1rem; } .gap-5 { gap: 1.25rem; } .gap-6 { gap: 1.5rem; } .gap-8 { gap: 2rem; } .gap-x-1 { -moz-column-gap: 0.25rem; column-gap: 0.25rem; } .gap-x-2 { -moz-column-gap: 0.5rem; column-gap: 0.5rem; } .gap-x-3 { -moz-column-gap: 0.75rem; column-gap: 0.75rem; } .gap-x-4 { -moz-column-gap: 1rem; column-gap: 1rem; } .gap-x-5 { -moz-column-gap: 1.25rem; column-gap: 1.25rem; } .gap-x-6 { -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .gap-y-0\.5 { row-gap: 0.125rem; } .gap-y-1 { row-gap: 0.25rem; } .gap-y-1\.5 { row-gap: 0.375rem; } .gap-y-2 { row-gap: 0.5rem; } .gap-y-4 { row-gap: 1rem; } .gap-y-6 { row-gap: 1.5rem; } .space-x-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.25rem * var(--tw-space-x-reverse)); margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.75rem * var(--tw-space-x-reverse)); margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse))); } .space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)); } .space-y-10 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2.5rem * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .space-y-2\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.625rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.625rem * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.25rem * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-border > :not([hidden]) ~ :not([hidden]) { border-color: hsl(var(--border)); } .self-start { align-self: flex-start; } .self-end { align-self: flex-end; } .justify-self-start { justify-self: start; } .justify-self-end { justify-self: end; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-x-clip { overflow-x: clip; } .overscroll-contain { overscroll-behavior: contain; } .scroll-smooth { scroll-behavior: smooth; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: 1rem; } .rounded-\[20px\] { border-radius: 20px; } .rounded-\[22px\] { border-radius: 22px; } .rounded-\[35\%\] { border-radius: 35%; } .rounded-\[40\%\] { border-radius: 40%; } .rounded-\[50\%\] { border-radius: 50%; } .rounded-\[5px\] { border-radius: 5px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-\[inherit\] { border-radius: inherit; } .rounded-full { border-radius: 9999px; } .rounded-lg { border-radius: var(--radius); } .rounded-md { border-radius: calc(var(--radius) - 2px); } .rounded-none { border-radius: 0px; } .rounded-sm { border-radius: calc(var(--radius) - 4px); } .rounded-xl { border-radius: 0.75rem; } .rounded-b-\[18px\] { border-bottom-right-radius: 18px; border-bottom-left-radius: 18px; } .rounded-b-none { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .rounded-b-xl { border-bottom-right-radius: 0.75rem; border-bottom-left-radius: 0.75rem; } .rounded-t-2xl { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .rounded-t-\[10px\] { border-top-left-radius: 10px; border-top-right-radius: 10px; } .rounded-tl-lg { border-top-left-radius: var(--radius); } .rounded-tl-sm { border-top-left-radius: calc(var(--radius) - 4px); } .rounded-tr-lg { border-top-right-radius: var(--radius); } .border { border-width: 1px; } .border-0 { border-width: 0px; } .border-2 { border-width: 2px; } .border-\[1\.5px\] { border-width: 1.5px; } .border-y { border-top-width: 1px; border-bottom-width: 1px; } .border-b { border-bottom-width: 1px; } .border-b-0 { border-bottom-width: 0px; } .border-b-2 { border-bottom-width: 2px; } .border-l { border-left-width: 1px; } .border-r { border-right-width: 1px; } .border-r-2 { border-right-width: 2px; } .border-t { border-top-width: 1px; } .border-t-0 { border-top-width: 0px; } .border-dashed { border-style: dashed; } .border-none { border-style: none; } .border-\[\#c9c9c9\] { --tw-border-opacity: 1; border-color: rgb(201 201 201 / var(--tw-border-opacity, 1)); } .border-accent\/20 { border-color: hsl(var(--accent) / 0.2); } .border-accent\/30 { border-color: hsl(var(--accent) / 0.3); } .border-accent\/50 { border-color: hsl(var(--accent) / 0.5); } .border-amber-200 { --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); } .border-amber-300 { --tw-border-opacity: 1; border-color: rgb(252 211 77 / var(--tw-border-opacity, 1)); } .border-amber-400\/25 { border-color: rgb(251 191 36 / 0.25); } .border-amber-500\/30 { border-color: rgb(245 158 11 / 0.3); } .border-amber-500\/40 { border-color: rgb(245 158 11 / 0.4); } .border-amber-500\/50 { border-color: rgb(245 158 11 / 0.5); } .border-background { border-color: hsl(var(--background)); } .border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .border-black\/10 { border-color: rgb(0 0 0 / 0.1); } .border-blue-200 { --tw-border-opacity: 1; border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)); } .border-border { border-color: hsl(var(--border)); } .border-border\/50 { border-color: hsl(var(--border) / 0.5); } .border-cream { border-color: hsl(var(--cream)); } .border-destructive { border-color: hsl(var(--destructive)); } .border-destructive\/20 { border-color: hsl(var(--destructive) / 0.2); } .border-destructive\/30 { border-color: hsl(var(--destructive) / 0.3); } .border-destructive\/40 { border-color: hsl(var(--destructive) / 0.4); } .border-destructive\/50 { border-color: hsl(var(--destructive) / 0.5); } .border-emerald-500\/30 { border-color: rgb(16 185 129 / 0.3); } .border-emerald-500\/40 { border-color: rgb(16 185 129 / 0.4); } .border-foreground { border-color: hsl(var(--foreground)); } .border-foreground\/10 { border-color: hsl(var(--foreground) / 0.1); } .border-foreground\/15 { border-color: hsl(var(--foreground) / 0.15); } .border-foreground\/20 { border-color: hsl(var(--foreground) / 0.2); } .border-foreground\/70 { border-color: hsl(var(--foreground) / 0.7); } .border-forest { border-color: hsl(var(--forest)); } .border-forest\/10 { border-color: hsl(var(--forest) / 0.1); } .border-forest\/20 { border-color: hsl(var(--forest) / 0.2); } .border-forest\/30 { border-color: hsl(var(--forest) / 0.3); } .border-green-200 { --tw-border-opacity: 1; border-color: rgb(187 247 208 / var(--tw-border-opacity, 1)); } .border-green-500\/30 { border-color: rgb(34 197 94 / 0.3); } .border-green-500\/40 { border-color: rgb(34 197 94 / 0.4); } .border-green-500\/50 { border-color: rgb(34 197 94 / 0.5); } .border-hero-cream\/20 { border-color: hsl(var(--hero-cream) / 0.2); } .border-input { border-color: hsl(var(--input)); } .border-muted { border-color: hsl(var(--muted)); } .border-muted-foreground { border-color: hsl(var(--muted-foreground)); } .border-muted-foreground\/30 { border-color: hsl(var(--muted-foreground) / 0.3); } .border-muted-foreground\/50 { border-color: hsl(var(--muted-foreground) / 0.5); } .border-pink-200 { --tw-border-opacity: 1; border-color: rgb(251 207 232 / var(--tw-border-opacity, 1)); } .border-primary { border-color: hsl(var(--primary)); } .border-primary\/20 { border-color: hsl(var(--primary) / 0.2); } .border-primary\/30 { border-color: hsl(var(--primary) / 0.3); } .border-rose-500\/30 { border-color: rgb(244 63 94 / 0.3); } .border-sidebar-border { border-color: hsl(var(--sidebar-border)); } .border-success\/30 { border-color: hsl(var(--success) / 0.3); } .border-transparent { border-color: transparent; } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-white\/10 { border-color: rgb(255 255 255 / 0.1); } .border-white\/15 { border-color: rgb(255 255 255 / 0.15); } .border-white\/20 { border-color: rgb(255 255 255 / 0.2); } .border-white\/5 { border-color: rgb(255 255 255 / 0.05); } .border-l-transparent { border-left-color: transparent; } .border-t-transparent { border-top-color: transparent; } .bg-\[\#1a1a1a\] { --tw-bg-opacity: 1; background-color: rgb(26 26 26 / var(--tw-bg-opacity, 1)); } .bg-\[\#87BEE6\] { --tw-bg-opacity: 1; background-color: rgb(135 190 230 / var(--tw-bg-opacity, 1)); } .bg-\[\#D9D9D9\] { --tw-bg-opacity: 1; background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1)); } .bg-\[\#EBEBEB\] { --tw-bg-opacity: 1; background-color: rgb(235 235 235 / var(--tw-bg-opacity, 1)); } .bg-\[\#d9d9d9\] { --tw-bg-opacity: 1; background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(0_0\%_0\%\)\] { --tw-bg-opacity: 1; background-color: hsl(0 0% 0% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(0_0\%_8\%\)\] { --tw-bg-opacity: 1; background-color: hsl(0 0% 8% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(115\2c 20\%\2c 72\%\)\] { --tw-bg-opacity: 1; background-color: hsl(115 20% 72% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(120\2c 25\%\2c 75\%\)\] { --tw-bg-opacity: 1; background-color: hsl(120 25% 75% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(125\2c 22\%\2c 70\%\)\] { --tw-bg-opacity: 1; background-color: hsl(125 22% 70% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(20_95\%_55\%\)\] { --tw-bg-opacity: 1; background-color: hsl(20 95% 55% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(24\2c 100\%\2c 55\%\)\] { --tw-bg-opacity: 1; background-color: hsl(24 100% 55% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(24\2c 100\%\2c 55\%\)\]\/10 { background-color: hsl(24 100% 55% / 0.1); } .bg-\[hsl\(25\2c 20\%\2c 65\%\)\] { --tw-bg-opacity: 1; background-color: hsl(25 20% 65% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(30\2c 12\%\2c 80\%\)\] { --tw-bg-opacity: 1; background-color: hsl(30 12% 80% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(30\2c 15\%\2c 82\%\)\] { --tw-bg-opacity: 1; background-color: hsl(30 15% 82% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(35\2c 10\%\2c 82\%\)\] { --tw-bg-opacity: 1; background-color: hsl(35 10% 82% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(35\2c 15\%\2c 78\%\)\] { --tw-bg-opacity: 1; background-color: hsl(35 15% 78% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(35\2c 15\%\2c 80\%\)\] { --tw-bg-opacity: 1; background-color: hsl(35 15% 80% / var(--tw-bg-opacity, 1)); } .bg-\[hsl\(var\(--aplus-filters-bg\)\)\] { background-color: hsl(var(--aplus-filters-bg)); } .bg-\[hsl\(var\(--aplus-ink\)\)\] { background-color: hsl(var(--aplus-ink)); } .bg-\[hsl\(var\(--aplus-light-green\)\)\] { background-color: hsl(var(--aplus-light-green)); } .bg-\[hsl\(var\(--aplus-orange\)\)\] { background-color: hsl(var(--aplus-orange)); } .bg-\[hsl\(var\(--aplus-purple\)\)\] { background-color: hsl(var(--aplus-purple)); } .bg-\[var\(--aplus-sidebar-bg\)\] { background-color: var(--aplus-sidebar-bg); } .bg-accent { background-color: hsl(var(--accent)); } .bg-accent\/10 { background-color: hsl(var(--accent) / 0.1); } .bg-accent\/20 { background-color: hsl(var(--accent) / 0.2); } .bg-accent\/5 { background-color: hsl(var(--accent) / 0.05); } .bg-accent\/50 { background-color: hsl(var(--accent) / 0.5); } .bg-amber-100 { --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); } .bg-amber-50 { --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); } .bg-amber-500\/10 { background-color: rgb(245 158 11 / 0.1); } .bg-amber-500\/15 { background-color: rgb(245 158 11 / 0.15); } .bg-amber-500\/5 { background-color: rgb(245 158 11 / 0.05); } .bg-background { background-color: hsl(var(--background)); } .bg-background\/80 { background-color: hsl(var(--background) / 0.8); } .bg-background\/90 { background-color: hsl(var(--background) / 0.9); } .bg-background\/95 { background-color: hsl(var(--background) / 0.95); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-black\/0 { background-color: rgb(0 0 0 / 0); } .bg-black\/15 { background-color: rgb(0 0 0 / 0.15); } .bg-black\/20 { background-color: rgb(0 0 0 / 0.2); } .bg-black\/25 { background-color: rgb(0 0 0 / 0.25); } .bg-black\/30 { background-color: rgb(0 0 0 / 0.3); } .bg-black\/40 { background-color: rgb(0 0 0 / 0.4); } .bg-black\/50 { background-color: rgb(0 0 0 / 0.5); } .bg-black\/80 { background-color: rgb(0 0 0 / 0.8); } .bg-black\/95 { background-color: rgb(0 0 0 / 0.95); } .bg-border { background-color: hsl(var(--border)); } .bg-card { background-color: hsl(var(--card)); } .bg-card\/50 { background-color: hsl(var(--card) / 0.5); } .bg-card\/60 { background-color: hsl(var(--card) / 0.6); } .bg-card\/80 { background-color: hsl(var(--card) / 0.8); } .bg-card\/90 { background-color: hsl(var(--card) / 0.9); } .bg-charcoal\/50 { background-color: hsl(var(--charcoal) / 0.5); } .bg-cream { background-color: hsl(var(--cream)); } .bg-destructive { background-color: hsl(var(--destructive)); } .bg-destructive\/10 { background-color: hsl(var(--destructive) / 0.1); } .bg-destructive\/5 { background-color: hsl(var(--destructive) / 0.05); } .bg-emerald-50 { --tw-bg-opacity: 1; background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1)); } .bg-emerald-500\/15 { background-color: rgb(16 185 129 / 0.15); } .bg-emerald-500\/\[0\.04\] { background-color: rgb(16 185 129 / 0.04); } .bg-foreground { background-color: hsl(var(--foreground)); } .bg-foreground\/10 { background-color: hsl(var(--foreground) / 0.1); } .bg-foreground\/20 { background-color: hsl(var(--foreground) / 0.2); } .bg-foreground\/30 { background-color: hsl(var(--foreground) / 0.3); } .bg-foreground\/5 { background-color: hsl(var(--foreground) / 0.05); } .bg-foreground\/\[0\.05\] { background-color: hsl(var(--foreground) / 0.05); } .bg-forest { background-color: hsl(var(--forest)); } .bg-forest\/10 { background-color: hsl(var(--forest) / 0.1); } .bg-forest\/20 { background-color: hsl(var(--forest) / 0.2); } .bg-forest\/5 { background-color: hsl(var(--forest) / 0.05); } .bg-forest\/60 { background-color: hsl(var(--forest) / 0.6); } .bg-forest\/90 { background-color: hsl(var(--forest) / 0.9); } .bg-gold { background-color: hsl(var(--gold)); } .bg-gold-light { background-color: hsl(var(--gold-light)); } .bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); } .bg-green-50 { --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); } .bg-green-500\/10 { background-color: rgb(34 197 94 / 0.1); } .bg-green-500\/5 { background-color: rgb(34 197 94 / 0.05); } .bg-hero-charcoal { background-color: hsl(var(--hero-charcoal)); } .bg-hero-charcoal\/40 { background-color: hsl(var(--hero-charcoal) / 0.4); } .bg-hero-cream\/10 { background-color: hsl(var(--hero-cream) / 0.1); } .bg-hero-cream\/30 { background-color: hsl(var(--hero-cream) / 0.3); } .bg-hero-cream\/40 { background-color: hsl(var(--hero-cream) / 0.4); } .bg-hero-gold { background-color: hsl(var(--hero-gold)); } .bg-muted { background-color: hsl(var(--muted)); } .bg-muted-foreground\/15 { background-color: hsl(var(--muted-foreground) / 0.15); } .bg-muted-foreground\/30 { background-color: hsl(var(--muted-foreground) / 0.3); } .bg-muted\/20 { background-color: hsl(var(--muted) / 0.2); } .bg-muted\/30 { background-color: hsl(var(--muted) / 0.3); } .bg-muted\/40 { background-color: hsl(var(--muted) / 0.4); } .bg-muted\/50 { background-color: hsl(var(--muted) / 0.5); } .bg-muted\/60 { background-color: hsl(var(--muted) / 0.6); } .bg-pink-100 { --tw-bg-opacity: 1; background-color: rgb(252 231 243 / var(--tw-bg-opacity, 1)); } .bg-popover { background-color: hsl(var(--popover)); } .bg-primary { background-color: hsl(var(--primary)); } .bg-primary\/10 { background-color: hsl(var(--primary) / 0.1); } .bg-primary\/5 { background-color: hsl(var(--primary) / 0.05); } .bg-red-100 { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .bg-red-50 { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .bg-rose-500\/15 { background-color: rgb(244 63 94 / 0.15); } .bg-rose-500\/\[0\.04\] { background-color: rgb(244 63 94 / 0.04); } .bg-secondary { background-color: hsl(var(--secondary)); } .bg-secondary\/30 { background-color: hsl(var(--secondary) / 0.3); } .bg-secondary\/50 { background-color: hsl(var(--secondary) / 0.5); } .bg-secondary\/60 { background-color: hsl(var(--secondary) / 0.6); } .bg-sidebar { background-color: hsl(var(--sidebar-background)); } .bg-sidebar-border { background-color: hsl(var(--sidebar-border)); } .bg-success\/10 { background-color: hsl(var(--success) / 0.1); } .bg-success\/5 { background-color: hsl(var(--success) / 0.05); } .bg-transparent { background-color: transparent; } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-white\/10 { background-color: rgb(255 255 255 / 0.1); } .bg-white\/15 { background-color: rgb(255 255 255 / 0.15); } .bg-white\/20 { background-color: rgb(255 255 255 / 0.2); } .bg-white\/40 { background-color: rgb(255 255 255 / 0.4); } .bg-white\/50 { background-color: rgb(255 255 255 / 0.5); } .bg-white\/\[0\.04\] { background-color: rgb(255 255 255 / 0.04); } .bg-white\/\[0\.05\] { background-color: rgb(255 255 255 / 0.05); } .bg-white\/\[0\.07\] { background-color: rgb(255 255 255 / 0.07); } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .bg-gradient-to-bl { background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); } .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .bg-gradient-to-l { background-image: linear-gradient(to left, var(--tw-gradient-stops)); } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .bg-gradient-to-t { background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .bg-gradient-to-tr { background-image: linear-gradient(to top right, var(--tw-gradient-stops)); } .from-\[\#1a1a1a\] { --tw-gradient-from: #1a1a1a var(--tw-gradient-from-position); --tw-gradient-to: rgb(26 26 26 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-\[hsl\(45\2c 30\%\2c 90\%\)\] { --tw-gradient-from: hsl(45,30%,90%) var(--tw-gradient-from-position); --tw-gradient-to: hsl(45 30% 90% / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-accent\/20 { --tw-gradient-from: hsl(var(--accent) / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--accent) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-background { --tw-gradient-from: hsl(var(--background)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-black\/70 { --tw-gradient-from: rgb(0 0 0 / 0.7) var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-card { --tw-gradient-from: hsl(var(--card)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-forest\/10 { --tw-gradient-from: hsl(var(--forest) / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--forest) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-hero-charcoal\/90 { --tw-gradient-from: hsl(var(--hero-charcoal) / 0.9) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--hero-charcoal) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-muted { --tw-gradient-from: hsl(var(--muted)) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--muted) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-\[\#1a1a1a\]\/40 { --tw-gradient-to: rgb(26 26 26 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(26 26 26 / 0.4) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-\[hsl\(40\2c 25\%\2c 88\%\)\] { --tw-gradient-to: hsl(40 25% 88% / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(40,25%,88%) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-black\/20 { --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.2) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-black\/30 { --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-card\/80 { --tw-gradient-to: hsl(var(--card) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--card) / 0.8) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-forest\/5 { --tw-gradient-to: hsl(var(--forest) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--forest) / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-hero-charcoal\/50 { --tw-gradient-to: hsl(var(--hero-charcoal) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--hero-charcoal) / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to); } .to-\[hsl\(35\2c 20\%\2c 85\%\)\] { --tw-gradient-to: hsl(35,20%,85%) var(--tw-gradient-to-position); } .to-black\/20 { --tw-gradient-to: rgb(0 0 0 / 0.2) var(--tw-gradient-to-position); } .to-hero-charcoal\/30 { --tw-gradient-to: hsl(var(--hero-charcoal) / 0.3) var(--tw-gradient-to-position); } .to-secondary { --tw-gradient-to: hsl(var(--secondary)) var(--tw-gradient-to-position); } .to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .fill-amber-400 { fill: #fbbf24; } .fill-current { fill: currentColor; } .fill-primary { fill: hsl(var(--primary)); } .fill-white { fill: #fff; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .p-0 { padding: 0px; } .p-0\.5 { padding: 0.125rem; } .p-1 { padding: 0.25rem; } .p-1\.5 { padding: 0.375rem; } .p-12 { padding: 3rem; } .p-2 { padding: 0.5rem; } .p-2\.5 { padding: 0.625rem; } .p-3 { padding: 0.75rem; } .p-4 { padding: 1rem; } .p-5 { padding: 1.25rem; } .p-6 { padding: 1.5rem; } .p-8 { padding: 2rem; } .p-\[1px\] { padding: 1px; } .px-0 { padding-left: 0px; padding-right: 0px; } .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .py-0 { padding-top: 0px; padding-bottom: 0px; } .py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .py-12 { padding-top: 3rem; padding-bottom: 3rem; } .py-16 { padding-top: 4rem; padding-bottom: 4rem; } .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .py-20 { padding-top: 5rem; padding-bottom: 5rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .py-8 { padding-top: 2rem; padding-bottom: 2rem; } .pb-0 { padding-bottom: 0px; } .pb-1 { padding-bottom: 0.25rem; } .pb-12 { padding-bottom: 3rem; } .pb-2 { padding-bottom: 0.5rem; } .pb-2\.5 { padding-bottom: 0.625rem; } .pb-3 { padding-bottom: 0.75rem; } .pb-32 { padding-bottom: 8rem; } .pb-4 { padding-bottom: 1rem; } .pb-5 { padding-bottom: 1.25rem; } .pb-6 { padding-bottom: 1.5rem; } .pb-8 { padding-bottom: 2rem; } .pb-\[calc\(5rem\+env\(safe-area-inset-bottom\)\+var\(--mobile-booking-sheet-h\2c 0px\)\)\] { padding-bottom: calc(5rem + env(safe-area-inset-bottom) + var(--mobile-booking-sheet-h,0px)); } .pb-\[clamp\(1\.5rem\2c 4vw\2c 3rem\)\] { padding-bottom: clamp(1.5rem, 4vw, 3rem); } .pb-\[var\(--mobile-booking-sheet-h\2c 0px\)\] { padding-bottom: var(--mobile-booking-sheet-h,0px); } .pl-10 { padding-left: 2.5rem; } .pl-2 { padding-left: 0.5rem; } .pl-2\.5 { padding-left: 0.625rem; } .pl-3 { padding-left: 0.75rem; } .pl-4 { padding-left: 1rem; } .pl-5 { padding-left: 1.25rem; } .pl-7 { padding-left: 1.75rem; } .pl-8 { padding-left: 2rem; } .pl-9 { padding-left: 2.25rem; } .pr-0 { padding-right: 0px; } .pr-2 { padding-right: 0.5rem; } .pr-2\.5 { padding-right: 0.625rem; } .pr-3 { padding-right: 0.75rem; } .pr-4 { padding-right: 1rem; } .pr-6 { padding-right: 1.5rem; } .pr-7 { padding-right: 1.75rem; } .pr-8 { padding-right: 2rem; } .pt-0 { padding-top: 0px; } .pt-0\.5 { padding-top: 0.125rem; } .pt-1 { padding-top: 0.25rem; } .pt-12 { padding-top: 3rem; } .pt-16 { padding-top: 4rem; } .pt-2 { padding-top: 0.5rem; } .pt-2\.5 { padding-top: 0.625rem; } .pt-3 { padding-top: 0.75rem; } .pt-4 { padding-top: 1rem; } .pt-5 { padding-top: 1.25rem; } .pt-6 { padding-top: 1.5rem; } .pt-8 { padding-top: 2rem; } .pt-\[calc\(theme\(spacing\.16\)\+0\.5rem\)\] { padding-top: calc(4rem + 0.5rem); } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .font-mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .font-sans { font-family: Lato, system-ui, sans-serif; } .text-2xl { font-size: 1.5rem; line-height: 2rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-5xl { font-size: 3rem; line-height: 1; } .text-\[0\.8rem\] { font-size: 0.8rem; } .text-\[1\.05rem\] { font-size: 1.05rem; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[15px\] { font-size: 15px; } .text-\[20px\] { font-size: 20px; } .text-\[24px\] { font-size: 24px; } .text-\[26px\] { font-size: 26px; } .text-\[36px\] { font-size: 36px; } .text-\[40px\] { font-size: 40px; } .text-\[clamp\(34px\2c 3\.5vw\2c 52px\)\] { font-size: clamp(34px, 3.5vw, 52px); } .text-\[clamp\(44px\2c 5\.8vw\2c 88px\)\] { font-size: clamp(44px, 5.8vw, 88px); } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; line-height: 1.75rem; } .text-sm { font-size: 0.875rem; line-height: 1.25rem; } .text-xl { font-size: 1.25rem; line-height: 1.75rem; } .text-xs { font-size: 0.75rem; line-height: 1rem; } .font-bold { font-weight: 700; } .font-light { font-weight: 300; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .normal-case { text-transform: none; } .italic { font-style: italic; } .ordinal { --tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .\!leading-\[1\.1\] { line-height: 1.1 !important; } .leading-5 { line-height: 1.25rem; } .leading-\[0\.76\] { line-height: 0.76; } .leading-\[0\.95\] { line-height: 0.95; } .leading-\[1\.1\] { line-height: 1.1; } .leading-\[1\.2\] { line-height: 1.2; } .leading-\[43px\] { line-height: 43px; } .leading-none { line-height: 1; } .leading-relaxed { line-height: 1.625; } .leading-snug { line-height: 1.375; } .leading-tight { line-height: 1.25; } .tracking-\[-0\.01em\] { letter-spacing: -0.01em; } .tracking-\[0\.14em\] { letter-spacing: 0.14em; } .tracking-\[0\.18em\] { letter-spacing: 0.18em; } .tracking-\[0\.22em\] { letter-spacing: 0.22em; } .tracking-\[1\.5px\] { letter-spacing: 1.5px; } .tracking-normal { letter-spacing: 0em; } .tracking-tight { letter-spacing: -0.025em; } .tracking-wide { letter-spacing: 0.025em; } .tracking-wider { letter-spacing: 0.05em; } .tracking-widest { letter-spacing: 0.1em; } .text-\[\#024D42\] { --tw-text-opacity: 1; color: rgb(2 77 66 / var(--tw-text-opacity, 1)); } .text-\[\#1a1a1a\] { --tw-text-opacity: 1; color: rgb(26 26 26 / var(--tw-text-opacity, 1)); } .text-\[\#25D366\] { --tw-text-opacity: 1; color: rgb(37 211 102 / var(--tw-text-opacity, 1)); } .text-\[hsl\(0_0\%_0\%\)\] { --tw-text-opacity: 1; color: hsl(0 0% 0% / var(--tw-text-opacity, 1)); } .text-\[hsl\(0_0\%_100\%\)\] { --tw-text-opacity: 1; color: hsl(0 0% 100% / var(--tw-text-opacity, 1)); } .text-\[hsl\(24\2c 100\%\2c 55\%\)\] { --tw-text-opacity: 1; color: hsl(24 100% 55% / var(--tw-text-opacity, 1)); } .text-\[hsl\(var\(--aplus-filters-fg\)\)\] { color: hsl(var(--aplus-filters-fg)); } .text-\[hsl\(var\(--aplus-ink\)\)\] { color: hsl(var(--aplus-ink)); } .text-accent { color: hsl(var(--accent)); } .text-accent-foreground { color: hsl(var(--accent-foreground)); } .text-amber-400 { --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); } .text-amber-500 { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .text-amber-600 { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .text-amber-700 { --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); } .text-amber-900 { --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity, 1)); } .text-background { color: hsl(var(--background)); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-blue-400 { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .text-card-foreground { color: hsl(var(--card-foreground)); } .text-charcoal { color: hsl(var(--charcoal)); } .text-cream { color: hsl(var(--cream)); } .text-cream\/80 { color: hsl(var(--cream) / 0.8); } .text-current { color: currentColor; } .text-destructive { color: hsl(var(--destructive)); } .text-destructive-foreground { color: hsl(var(--destructive-foreground)); } .text-destructive\/80 { color: hsl(var(--destructive) / 0.8); } .text-emerald-600 { --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .text-emerald-700 { --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); } .text-emerald-900 { --tw-text-opacity: 1; color: rgb(6 78 59 / var(--tw-text-opacity, 1)); } .text-foreground { color: hsl(var(--foreground)); } .text-foreground\/50 { color: hsl(var(--foreground) / 0.5); } .text-foreground\/60 { color: hsl(var(--foreground) / 0.6); } .text-foreground\/70 { color: hsl(var(--foreground) / 0.7); } .text-foreground\/75 { color: hsl(var(--foreground) / 0.75); } .text-foreground\/85 { color: hsl(var(--foreground) / 0.85); } .text-foreground\/90 { color: hsl(var(--foreground) / 0.9); } .text-forest { color: hsl(var(--forest)); } .text-forest\/80 { color: hsl(var(--forest) / 0.8); } .text-gold { color: hsl(var(--gold)); } .text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } .text-green-700 { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); } .text-green-800 { --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity, 1)); } .text-hero-cream { color: hsl(var(--hero-cream)); } .text-hero-cream\/60 { color: hsl(var(--hero-cream) / 0.6); } .text-hero-cream\/70 { color: hsl(var(--hero-cream) / 0.7); } .text-hero-cream\/80 { color: hsl(var(--hero-cream) / 0.8); } .text-hero-cream\/90 { color: hsl(var(--hero-cream) / 0.9); } .text-hero-gold { color: hsl(var(--hero-gold)); } .text-muted-foreground { color: hsl(var(--muted-foreground)); } .text-muted-foreground\/30 { color: hsl(var(--muted-foreground) / 0.3); } .text-muted-foreground\/50 { color: hsl(var(--muted-foreground) / 0.5); } .text-muted-foreground\/60 { color: hsl(var(--muted-foreground) / 0.6); } .text-muted-foreground\/70 { color: hsl(var(--muted-foreground) / 0.7); } .text-muted-foreground\/80 { color: hsl(var(--muted-foreground) / 0.8); } .text-pink-600 { --tw-text-opacity: 1; color: rgb(219 39 119 / var(--tw-text-opacity, 1)); } .text-pink-700 { --tw-text-opacity: 1; color: rgb(190 24 93 / var(--tw-text-opacity, 1)); } .text-popover-foreground { color: hsl(var(--popover-foreground)); } .text-primary { color: hsl(var(--primary)); } .text-primary-foreground { color: hsl(var(--primary-foreground)); } .text-primary-foreground\/70 { color: hsl(var(--primary-foreground) / 0.7); } .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .text-red-800 { --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); } .text-red-900 { --tw-text-opacity: 1; color: rgb(127 29 29 / var(--tw-text-opacity, 1)); } .text-rose-700 { --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity, 1)); } .text-secondary-foreground { color: hsl(var(--secondary-foreground)); } .text-secondary-foreground\/80 { color: hsl(var(--secondary-foreground) / 0.8); } .text-sidebar-foreground { color: hsl(var(--sidebar-foreground)); } .text-sidebar-foreground\/70 { color: hsl(var(--sidebar-foreground) / 0.7); } .text-success { color: hsl(var(--success)); } .text-success\/80 { color: hsl(var(--success) / 0.8); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-white\/30 { color: rgb(255 255 255 / 0.3); } .text-white\/50 { color: rgb(255 255 255 / 0.5); } .text-white\/60 { color: rgb(255 255 255 / 0.6); } .text-white\/70 { color: rgb(255 255 255 / 0.7); } .text-white\/80 { color: rgb(255 255 255 / 0.8); } .text-white\/90 { color: rgb(255 255 255 / 0.9); } .underline { text-decoration-line: underline; } .line-through { text-decoration-line: line-through; } .decoration-dotted { text-decoration-style: dotted; } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-4 { text-underline-offset: 4px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .opacity-0 { opacity: 0; } .opacity-10 { opacity: 0.1; } .opacity-100 { opacity: 1; } .opacity-30 { opacity: 0.3; } .opacity-40 { opacity: 0.4; } .opacity-45 { opacity: 0.45; } .opacity-50 { opacity: 0.5; } .opacity-55 { opacity: 0.55; } .opacity-60 { opacity: 0.6; } .opacity-65 { opacity: 0.65; } .opacity-70 { opacity: 0.7; } .opacity-80 { opacity: 0.8; } .opacity-90 { opacity: 0.9; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_-4px_20px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] { --tw-shadow: 0 -4px 20px rgba(0,0,0,0.1); --tw-shadow-colored: 0 -4px 20px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] { --tw-shadow: 0 0 0 1px hsl(var(--sidebar-border)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[inset_0_2px_4px_-2px_rgba\(0\2c 0\2c 0\2c 0\.08\)\] { --tw-shadow: inset 0 2px 4px -2px rgba(0,0,0,0.08); --tw-shadow-colored: inset 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg { --tw-shadow: var(--shadow-lg); --tw-shadow-colored: var(--shadow-lg); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: var(--shadow-md); --tw-shadow-colored: var(--shadow-md); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm { --tw-shadow: var(--shadow-sm); --tw-shadow-colored: var(--shadow-sm); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[var\(--shadow-card\)\] { --tw-shadow-color: var(--shadow-card); --tw-shadow: var(--tw-shadow-colored); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .outline { outline-style: solid; } .outline-1 { outline-width: 1px; } .outline-destructive { outline-color: hsl(var(--destructive)); } .outline-white { outline-color: #fff; } .ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-0 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-background { --tw-ring-color: hsl(var(--background)); } .ring-foreground\/20 { --tw-ring-color: hsl(var(--foreground) / 0.2); } .ring-forest { --tw-ring-color: hsl(var(--forest)); } .ring-gold\/40 { --tw-ring-color: hsl(var(--gold) / 0.4); } .ring-primary\/20 { --tw-ring-color: hsl(var(--primary) / 0.2); } .ring-ring { --tw-ring-color: hsl(var(--ring)); } .ring-sidebar-ring { --tw-ring-color: hsl(var(--sidebar-ring)); } .ring-white\/30 { --tw-ring-color: rgb(255 255 255 / 0.3); } .ring-offset-background { --tw-ring-offset-color: hsl(var(--background)); } .blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .blur-2xl { --tw-blur: blur(40px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .blur-3xl { --tw-blur: blur(64px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .blur-sm { --tw-blur: blur(4px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .brightness-0 { --tw-brightness: brightness(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .brightness-200 { --tw-brightness: brightness(2); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur-md { --tw-backdrop-blur: blur(12px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[background-color\2c color\2c transform\] { transition-property: background-color,color,transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[border-radius\] { transition-property: border-radius; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[font-size\2c line-height\] { transition-property: font-size,line-height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[height\2c margin\2c opacity\] { transition-property: height,margin,opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[left\2c right\2c width\] { transition-property: left,right,width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[margin\2c opa\] { transition-property: margin,opa; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[max-width\] { transition-property: max-width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[padding\2c border-color\] { transition-property: padding,border-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\2c height\2c padding\] { transition-property: width,height,padding; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\2c height\] { transition-property: width,height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[width\] { transition-property: width; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-none { transition-property: none; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-shadow { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-1000 { transition-duration: 1000ms; } .duration-150 { transition-duration: 150ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .duration-500 { transition-duration: 500ms; } .duration-700 { transition-duration: 700ms; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-linear { transition-timing-function: linear; } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .will-change-transform { will-change: transform; } @keyframes enter { from { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); } } .animate-in { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .fade-in-0 { --tw-enter-opacity: 0; } .fade-in-80 { --tw-enter-opacity: 0.8; } .zoom-in-95 { --tw-enter-scale: .95; } .slide-in-from-right-4 { --tw-enter-translate-x: 1rem; } .duration-1000 { animation-duration: 1000ms; } .duration-150 { animation-duration: 150ms; } .duration-200 { animation-duration: 200ms; } .duration-300 { animation-duration: 300ms; } .duration-500 { animation-duration: 500ms; } .duration-700 { animation-duration: 700ms; } .ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-linear { animation-timing-function: linear; } .ease-out { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } .running { animation-play-state: running; } .font-sans { font-family: 'Lato', system-ui, sans-serif; } .\[container-type\:inline-size\] { container-type: inline-size; } .\[filter\:brightness\(0\)_invert\(1\)\] { filter: brightness(0) invert(1); } .\[hyphens\:auto\] { hyphens: auto; } .\[scrollbar-width\:none\] { scrollbar-width: none; } /* Typography Scale - Utility Classes (scaled ~10% larger) */ /* Unified card border overrides. The `.border-border` variant lives in its own rule because esbuild's CSS minifier merges rule bodies that are syntactically identical, and when merging it collapses `.rounded-xl.border.bg-card` + `.rounded-xl .border-border` into the invalid `.rounded-xl*` token. The `--ucb-*` custom property is a no-op semantically (nothing reads it) but makes the rule bodies distinct so esbuild leaves them apart. */ body[data-unified-card-border="none"] .card-luxury, body[data-unified-card-border="none"] .rounded-lg.border.bg-card, body[data-unified-card-border="none"] .rounded-xl.border.bg-card { border-width: 1px !important; border-color: transparent !important; } body[data-unified-card-border="none"] .rounded-xl.border-border { /* Shorthand form (different syntax from the rule above) so esbuild can't fuse the two rule bodies and then collapse the selector prefixes. */ border: 1px solid transparent !important; } @media (hover: hover) { body[data-unified-card-border="none"] .card-luxury:hover, body[data-unified-card-border="none"] .rounded-lg.border.bg-card:hover, body[data-unified-card-border="none"] .rounded-xl.border.bg-card:hover { border-color: hsl(var(--border)) !important; } body[data-unified-card-border="none"] .rounded-xl.border-border:hover { border: 1px solid hsl(var(--border)) !important; } } body[data-unified-card-border="line"] .card-luxury, body[data-unified-card-border="line"] .rounded-lg.border.bg-card, body[data-unified-card-border="line"] .rounded-xl.border.bg-card { border-width: 1px !important; border-color: hsl(var(--border)) !important; } /* ======================================== A+ Design Style Overrides ======================================== */ /* --- A+ Design Tokens --- */ .aplus-design { /* Override core theme variables to a clean white/neutral palette */ --background: 0 0% 92%; --foreground: 0 0% 10%; --card: 0 0% 100%; --card-foreground: 0 0% 10%; --secondary: 0 0% 95%; --secondary-foreground: 0 0% 15%; --muted: 0 0% 96%; --muted-foreground: 0 0% 40%; --border: 0 0% 88%; --input: 0 0% 88%; --accent: 0 0% 15%; --accent-foreground: 0 0% 100%; --primary: 0 0% 10%; --primary-foreground: 0 0% 100%; --ring: 0 0% 20%; --forest: 0 0% 10%; --forest-light: 0 0% 25%; --cream: 0 0% 100%; --cream-dark: 0 0% 96%; --gold: 0 0% 30%; --gold-light: 0 0% 95%; /* Shadows: flatter */ --shadow-sm: 0 1px 3px hsl(0 0% 0% / 0.04); --shadow-md: 0 4px 12px hsl(0 0% 0% / 0.06); --shadow-lg: 0 8px 24px hsl(0 0% 0% / 0.08); --shadow-card: none; --shadow-card-hover: 0 4px 12px hsl(0 0% 0% / 0.08); /* A+ specific tokens */ --aplus-sidebar-bg: #8abfe6; /* updated booking-panel blue from the A+ reference */ --aplus-sidebar-selected-bg: #b5daf9; --aplus-sidebar-fg: 0 0% 0%; --aplus-sidebar-muted: 0 0% 25%; --aplus-sidebar-border: 207 50% 60%; --aplus-sidebar-input-bg: 0 0% 100%; --aplus-ink: 0 0% 0%; --aplus-purple: 262.857 90.184% 68.039%; /* #9C64F7 — rgb(156 100 247) */ --aplus-light-green: 157.714 59.322% 76.863%; /* Canonical A+ mint — #A1E7CD (alias of light-green, used by the LP mint bar) */ --aplus-mint: 158 59% 77%; --aplus-mint-border: 158 35% 60%; --aplus-filters-bg: 159 67% 73%; --aplus-filters-fg: 0 0% 0%; --aplus-filters-border: 159 30% 55%; --aplus-residences-bg: 0 0% 92.157%; --aplus-footer-bg: 20.816 100% 51.961%; /* #FF5F0A */ --aplus-footer-fg: 0 0% 0%; --aplus-orange: 20.816 100% 51.961%; /* #FF5F0A canonical A+ orange — "from your search" badge */ } /* --- A+ Dark Mode Tokens --- */ .dark.aplus-design, .dark .aplus-design { /* Warm charcoal base — mirrors standard dark mode structure */ --background: 220 12% 10%; --foreground: 40 20% 90%; --card: 220 10% 14%; --card-foreground: 40 20% 90%; --popover: 220 10% 14%; --popover-foreground: 40 20% 90%; --primary: 0 0% 100%; --primary-foreground: 0 0% 0%; --secondary: 220 10% 18%; --secondary-foreground: 40 20% 88%; --muted: 220 10% 16%; --muted-foreground: 220 8% 55%; --accent: 40 20% 80%; --accent-foreground: 220 12% 10%; --destructive: 0 62% 30%; --destructive-foreground: 0 0% 100%; --success: 152 50% 45%; --success-foreground: 0 0% 100%; --border: 220 10% 20%; --input: 220 10% 20%; --ring: 0 0% 80%; --forest: 0 0% 92%; --forest-light: 0 0% 75%; --cream: 220 12% 10%; --cream-dark: 220 10% 14%; --gold: 43 50% 50%; --gold-light: 43 20% 18%; /* No shadows in A+ dark */ --shadow-sm: none; --shadow-md: none; --shadow-lg: none; --shadow-card: none; --shadow-card-hover: none; /* A+ specific tokens — keep sidebar & footer identical to light mode */ --aplus-sidebar-bg: #8abfe6; /* keep the A+ booking panel identical to light mode */ --aplus-sidebar-selected-bg: #b5daf9; --aplus-sidebar-fg: 0 0% 0%; --aplus-sidebar-muted: 0 0% 25%; --aplus-sidebar-border: 207 50% 60%; --aplus-sidebar-input-bg: 0 0% 100%; /* Dark mode: keep the mint filter panel identical to light mode (light green bg / black text) */ --aplus-filters-bg: 159 67% 73%; --aplus-filters-fg: 0 0% 0%; --aplus-filters-border: 159 30% 55%; /* Dark mode: keep the footer identical to light mode (orange / black) */ --aplus-footer-bg: 20.816 100% 51.961%; /* #FF5F0A */ --aplus-footer-fg: 0 0% 0%; /* Dark mode: keep the "from your search" badge identical to light mode (orange / black) */ --aplus-orange: 20.816 100% 51.961%; /* #FF5F0A */ /* Dark mode: residences/feature section uses warm charcoal instead of light gray */ --aplus-residences-bg: 220 12% 10%; } /* === A+ Dark Mode UI Fixes === */ /* (1) Black icon tile SVGs — invert so the silhouette reads on dark surfaces. Targets the small black-on-transparent residence/section icons used in property cards, page headers, "Getting around", "Guest reviews", etc. */ .dark.aplus-design img[src*="residence-icon"], .dark .aplus-design img[src*="residence-icon"], .dark.aplus-design img[src*="getting-around"], .dark .aplus-design img[src*="getting-around"], .dark.aplus-design img[src*="guest-reviews"], .dark .aplus-design img[src*="guest-reviews"], .dark.aplus-design img[src*="luxury-stays"], .dark .aplus-design img[src*="luxury-stays"], .dark.aplus-design img[src*="no-selection"]:not(.aplus-booking-sidebar img), .dark .aplus-design img[src*="no-selection"]:not(.aplus-booking-sidebar img) { filter: brightness(0) invert(1) !important; } /* Keep no-selection icon black inside booking sidebar (light blue surface) */ .dark.aplus-design .aplus-booking-sidebar img[src*="no-selection"], .dark .aplus-design .aplus-booking-sidebar img[src*="no-selection"] { filter: none !important; } /* (2) Amenity / tag chips — dark muted blends into card; lift to subtle white pill so they read as soft labels on dark cards. (Excludes the A+ filter panel, which keeps its light-mode mint surface even in dark mode.) */ .dark.aplus-design .bg-secondary, .dark .aplus-design .bg-secondary, .dark.aplus-design [class*="bg-muted"]:not(button):not([role="tab"]):not(.rdp *):not(.rdp), .dark .aplus-design [class*="bg-muted"]:not(button):not([role="tab"]):not(.rdp *):not(.rdp) { background-color: hsl(0 0% 100% / 0.08) !important; color: hsl(40 20% 90% / 0.9) !important; } .dark.aplus-design .aplus-search-filters .bg-secondary, .dark .aplus-design .aplus-search-filters .bg-secondary, .dark.aplus-design .aplus-search-filters [class*="bg-muted"], .dark .aplus-design .aplus-search-filters [class*="bg-muted"] { background-color: transparent !important; color: hsl(0 0% 0%) !important; } /* A+ dark: keep the filter panel readable as a light surface (black text, black borders/icons) — mirrors the light-mode treatment. We rebind the foreground/border tokens within the panel so every shadcn child (labels, icons, dividers, +/-, checkboxes) inherits the light-mode treatment. */ .dark.aplus-design .aplus-search-filters, .dark .aplus-design .aplus-search-filters { color-scheme: light; --foreground: 0 0% 0%; --muted-foreground: 0 0% 25%; --background: 0 0% 100%; --card: 0 0% 100%; --card-foreground: 0 0% 0%; --secondary: 0 0% 100%; --secondary-foreground: 0 0% 0%; --muted: 0 0% 100%; --border: 0 0% 0% / 0.15; --input: 0 0% 0% / 0.2; --ring: 0 0% 0%; --primary: 0 0% 0%; --primary-foreground: 0 0% 100%; --accent: 0 0% 0% / 0.06; --accent-foreground: 0 0% 0%; color: hsl(0 0% 0%); } .dark.aplus-design .aplus-search-filters *, .dark .aplus-design .aplus-search-filters * { color-scheme: light; } .dark.aplus-design .aplus-search-filters .text-foreground, .dark .aplus-design .aplus-search-filters .text-foreground, .dark.aplus-design .aplus-search-filters .text-white, .dark .aplus-design .aplus-search-filters .text-white { color: hsl(0 0% 0%) !important; } .dark.aplus-design .aplus-search-filters .text-muted-foreground, .dark .aplus-design .aplus-search-filters .text-muted-foreground { color: hsl(0 0% 25%) !important; } .dark.aplus-design .aplus-search-filters [class*="border-foreground"], .dark .aplus-design .aplus-search-filters [class*="border-foreground"], .dark.aplus-design .aplus-search-filters [class*="border-border"], .dark .aplus-design .aplus-search-filters [class*="border-border"] { border-color: hsl(0 0% 0% / 0.7) !important; } /* SVG icons inside the panel — force black stroke/fill */ .dark.aplus-design .aplus-search-filters svg, .dark .aplus-design .aplus-search-filters svg { color: hsl(0 0% 0%); } /* (3) "Find your Adrez" / Built into every stay text — heading was using foreground tokens that read fine, but the residences section background (above) is now dark, so ensure inner pale-cream text stays light. The "Built into every stay" black heading needs lifting in dark mode. */ .dark.aplus-design .bg-\[hsl\(var\(--aplus-light-green\)\)\] .text-black, .dark .aplus-design .bg-\[hsl\(var\(--aplus-light-green\)\)\] .text-black { color: hsl(220 12% 10%) !important; } /* (4) "Best Match" badge — keep the light-mode treatment (dark forest pill, white check & label) in dark A+ too. */ .dark.aplus-design .bg-forest.text-cream, .dark .aplus-design .bg-forest.text-cream { background-color: hsl(0 0% 10%) !important; color: hsl(0 0% 100%) !important; backdrop-filter: none; } /* (5) Favorite (heart) button on residence cards — keep light-mode look in dark A+: white round button, muted gray icon, red when favorited. */ .dark.aplus-design .aplus-fav-button, .dark .aplus-design .aplus-fav-button { background-color: hsl(0 0% 100% / 0.9) !important; color: hsl(0 0% 25%) !important; backdrop-filter: blur(4px); } .dark.aplus-design .aplus-fav-button:hover, .dark .aplus-design .aplus-fav-button:hover { background-color: hsl(0 0% 100%) !important; color: hsl(0 0% 0%) !important; } .dark.aplus-design .aplus-fav-button .fill-current, .dark .aplus-design .aplus-fav-button .fill-current, .dark.aplus-design .aplus-fav-button.text-destructive, .dark .aplus-design .aplus-fav-button.text-destructive { color: hsl(0 72% 51%) !important; } /* A+ dark: secondary buttons — inverted (white bg, black text) on hover */ .dark.aplus-design button.hover\:bg-gold:hover, .dark .aplus-design button.hover\:bg-gold:hover, .dark.aplus-design a.hover\:bg-gold:hover, .dark .aplus-design a.hover\:bg-gold:hover { background-color: hsl(0 0% 100%) !important; color: hsl(0 0% 0%) !important; border-color: transparent !important; } /* A+ dark: secondary button borders — white with transparency */ .dark.aplus-design button[class*="border-foreground"], .dark .aplus-design button[class*="border-foreground"], .dark.aplus-design a[class*="border-foreground"], .dark .aplus-design a[class*="border-foreground"], .dark.aplus-design button[class*="border-white"], .dark .aplus-design button[class*="border-white"], .dark.aplus-design a[class*="border-white"], .dark .aplus-design a[class*="border-white"] { border-color: hsl(0 0% 100% / 0.35) !important; } /* A+ dark: primary buttons — no shadow, dim white on hover */ .dark.aplus-design button.bg-primary, .dark .aplus-design button.bg-primary { box-shadow: none !important; } .dark.aplus-design button.bg-primary:hover, .dark .aplus-design button.bg-primary:hover { background-color: hsl(0 0% 85%) !important; box-shadow: none !important; } /* A+ dark: primary buttons everywhere — no transform, no glow, just dim */ html.dark.aplus-design button[class*="bg-primary"]:hover, html.dark.aplus-design a[class*="bg-primary"]:hover, html.dark .aplus-design button[class*="bg-primary"]:hover, html.dark .aplus-design a[class*="bg-primary"]:hover { background: hsl(0 0% 85%) !important; background-color: hsl(0 0% 85%) !important; color: hsl(0 0% 0%) !important; box-shadow: none !important; transform: none !important; translate: none !important; filter: none !important; } /* A+ dark: cards — override the light mode white !important */ .dark.aplus-design .card-luxury, .dark.aplus-design article.card-luxury, .dark.aplus-design a.card-luxury, .dark.aplus-design .bg-card, .dark.aplus-design .bg-card.border, .dark.aplus-design .rounded-lg.border.bg-card, .dark.aplus-design .rounded-xl.border.bg-card, .dark.aplus-design .bg-card.rounded-xl, .dark.aplus-design .bg-card.rounded-2xl, .dark.aplus-design .group.bg-card, .dark.aplus-design a.group.bg-card, .dark.aplus-design a.block.bg-card, .dark.aplus-design div.group.bg-card, .dark.aplus-design .card-luxury.border-2, .dark.aplus-design .card-luxury[class*="border-2"], .dark.aplus-design .card-luxury[class*="border-forest"], .dark.aplus-design a.border:not([data-aplus-no-card]), .dark.aplus-design a[class*="border-border"].rounded-lg:not([data-aplus-no-card]), .dark .aplus-design .card-luxury, .dark .aplus-design article.card-luxury, .dark .aplus-design a.card-luxury, .dark .aplus-design .bg-card, .dark .aplus-design .bg-card.border, .dark .aplus-design .rounded-lg.border.bg-card, .dark .aplus-design .rounded-xl.border.bg-card, .dark .aplus-design .bg-card.rounded-xl, .dark .aplus-design .bg-card.rounded-2xl, .dark .aplus-design .group.bg-card, .dark .aplus-design a.group.bg-card, .dark .aplus-design a.block.bg-card, .dark .aplus-design div.group.bg-card, .dark .aplus-design .card-luxury.border-2, .dark .aplus-design .card-luxury[class*="border-2"], .dark .aplus-design .card-luxury[class*="border-forest"], .dark .aplus-design a.border:not([data-aplus-no-card]), .dark .aplus-design a[class*="border-border"].rounded-lg:not([data-aplus-no-card]) { background: hsl(220 10% 14%) !important; background-color: hsl(220 10% 14%) !important; box-shadow: none !important; border-color: transparent !important; } /* A+ dark: card hover — subtle border only, no shadow */ .dark.aplus-design .card-luxury:hover, .dark.aplus-design article.card-luxury:hover, .dark.aplus-design a.card-luxury:hover, .dark.aplus-design .bg-card:hover, .dark.aplus-design .bg-card.border:hover, .dark.aplus-design .rounded-lg.border.bg-card:hover, .dark.aplus-design .rounded-xl.border.bg-card:hover, .dark.aplus-design .bg-card.rounded-xl:hover, .dark.aplus-design .bg-card.rounded-2xl:hover, .dark.aplus-design .group.bg-card:hover, .dark.aplus-design a.group.bg-card:hover, .dark.aplus-design a.block.bg-card:hover, .dark.aplus-design div.group.bg-card:hover, .dark .aplus-design .card-luxury:hover, .dark .aplus-design article.card-luxury:hover, .dark .aplus-design a.card-luxury:hover, .dark .aplus-design .bg-card:hover, .dark .aplus-design .bg-card.border:hover, .dark .aplus-design .rounded-lg.border.bg-card:hover, .dark .aplus-design .rounded-xl.border.bg-card:hover, .dark .aplus-design .bg-card.rounded-xl:hover, .dark .aplus-design .bg-card.rounded-2xl:hover, .dark .aplus-design .group.bg-card:hover, .dark .aplus-design a.group.bg-card:hover, .dark .aplus-design a.block.bg-card:hover, .dark .aplus-design div.group.bg-card:hover { box-shadow: inset 0 0 0 1px hsl(220 10% 30%) !important; } /* A+ dark: shadow utility overrides */ .dark.aplus-design .hover\:shadow-lg:hover, .dark.aplus-design .hover\:shadow-md:hover, .dark .aplus-design .hover\:shadow-lg:hover, .dark .aplus-design .hover\:shadow-md:hover { box-shadow: inset 0 0 0 1px hsl(220 10% 30%) !important; } /* A+ dark dividers */ .dark.aplus-design .divider-luxury, .dark .aplus-design .divider-luxury { background: hsl(0 0% 75%) !important; } /* A+ dark: card internal dividers */ .dark.aplus-design .card-luxury .border-t, .dark.aplus-design .card-luxury [class*="border-t"], .dark .aplus-design .card-luxury .border-t, .dark .aplus-design .card-luxury [class*="border-t"] { border-color: hsl(0 0% 75%) !important; } .dark.aplus-design .card-luxury [role="separator"], .dark .aplus-design .card-luxury [role="separator"] { background: hsl(0 0% 75%) !important; } /* A+ dark: keep text-forest/bg-forest mapped */ .dark.aplus-design .text-forest, .dark .aplus-design .text-forest { color: hsl(40 20% 90%); } .dark.aplus-design .bg-forest, .dark .aplus-design .bg-forest { background-color: hsl(40 20% 90%); } .dark.aplus-design .text-cream, .dark .aplus-design .text-cream { color: hsl(220 12% 10%); } .dark.aplus-design .bg-cream, .dark .aplus-design .bg-cream { background-color: hsl(220 12% 10%); } /* A+ dark: card-internal text & icons */ .dark.aplus-design .card-luxury .text-forest, .dark .aplus-design .card-luxury .text-forest { color: hsl(40 20% 90%) !important; } .dark.aplus-design .card-luxury .bg-forest, .dark .aplus-design .card-luxury .bg-forest { background: hsl(40 20% 90%) !important; } .dark.aplus-design .card-luxury .btn-luxury, .dark .aplus-design .card-luxury .btn-luxury { background: hsl(0 0% 100%); color: hsl(0 0% 0%); box-shadow: none; transform: none; translate: none; filter: none; } .dark.aplus-design .card-luxury .btn-luxury:hover, .dark .aplus-design .card-luxury .btn-luxury:hover { background: hsl(0 0% 85%); color: hsl(0 0% 0%); box-shadow: none; transform: none; translate: none; filter: none; } .dark.aplus-design .card-luxury .btn-luxury:active, .dark .aplus-design .card-luxury .btn-luxury:active { background: hsl(0 0% 85%); box-shadow: none; transform: none; translate: none; filter: none; } .dark.aplus-design .card-luxury .rating-star, .dark .aplus-design .card-luxury .rating-star { color: hsl(40 20% 70%) !important; } /* A+ dark homepage background */ .dark.aplus-design .aplus-homepage, .dark .aplus-design .aplus-homepage { background: hsl(220 12% 8%); } /* A+ dark amenity chips: softer muted background, light text (less contrast) */ .dark.aplus-design .aplus-amenity-chip, .dark .aplus-design .aplus-amenity-chip { background: hsl(220 8% 22%) !important; color: hsl(0 0% 80%) !important; } .dark.aplus-design .aplus-amenity-chip *, .dark .aplus-design .aplus-amenity-chip * { color: hsl(0 0% 80%) !important; } /* A+ top navigation: square corners, #EBEBEB background. Ports the look-and-feel from the adrez-web-2.0 Lovable prototype's .aplus-header rules. Applied via the `aplus-header` className that Header.tsx sets when `aPlusDesign` is on. */ /* `.aplus-design` prefix raises specificity (0,3,0) so these beat the `.aplus-design` card rules (border-radius: 0.5rem !important, same 0,2,0 but later in the file) that were re-rounding the header bar's white background layer. */ .aplus-design .aplus-header, .aplus-design .aplus-header > div, .aplus-design .aplus-header [aria-hidden], .aplus-header, .aplus-header > div, .aplus-header [aria-hidden] { border-radius: 0 !important; } .aplus-header .bg-card { background-color: #EBEBEB !important; } .aplus-design .aplus-header .rounded-full, .aplus-header .rounded-full { border-radius: 0 !important; } .aplus-header button.rounded-full, .aplus-header [class*="rounded-full"]:not(.w-8):not(.h-8):not(:where(.aplus-account-avatar)) { background-color: transparent !important; border-color: transparent !important; } /* Keep avatar/icon circles round even though pill rounding is squared off above */ .aplus-header .w-8.h-8.rounded-full, .aplus-header .aplus-account-avatar.rounded-full { border-radius: 9999px !important; } /* When header is transparent (over hero background), remove pill frames */ .aplus-header-transparent button.rounded-full, .aplus-header-transparent [class*="rounded-full"]:not(.w-8):not(.h-8):not(:where(.aplus-account-avatar)) { background-color: transparent !important; border-color: transparent !important; } /* A+ dark search section */ .dark.aplus-design .aplus-search-section, .dark .aplus-design .aplus-search-section { background: hsl(220 10% 14%) !important; border-color: hsl(220 10% 20%) !important; } /* A+ dark search bar */ .dark.aplus-design .aplus-search-bar, .dark .aplus-design .aplus-search-bar { background: hsl(220 10% 18%) !important; border: 1px solid hsl(220 10% 30%) !important; } /* A+ dark: search section field buttons get visible borders */ .dark.aplus-design .aplus-search-section .bg-card, .dark .aplus-design .aplus-search-section .bg-card { border: 1px solid hsl(220 10% 28%) !important; border-radius: 0.5rem !important; } /* A+ dark rating star */ .dark.aplus-design .rating-star, .dark .aplus-design .rating-star { color: hsl(40 20% 75%) !important; } /* A+ dark btn-luxury */ .dark.aplus-design .btn-luxury, .dark .aplus-design .btn-luxury { background: hsl(0 0% 95%); color: hsl(220 12% 10%); } .dark.aplus-design .btn-luxury:hover, .dark .aplus-design .btn-luxury:hover { background: hsl(0 0% 82%); } /* A+ dark location pills — white border on inactive, white border on active too */ .dark.aplus-design .aplus-location-pill, .dark .aplus-design .aplus-location-pill, .dark.aplus-design .aplus-residences-home-section .aplus-location-pill, .dark .aplus-design .aplus-residences-home-section .aplus-location-pill { border-color: hsl(0 0% 100%) !important; color: hsl(0 0% 100%); } .dark.aplus-design .aplus-location-pill-active, .dark .aplus-design .aplus-location-pill-active, .dark.aplus-design .aplus-residences-home-section .aplus-location-pill-active, .dark .aplus-design .aplus-residences-home-section .aplus-location-pill-active { background: hsl(40 20% 90%) !important; color: hsl(220 12% 10%) !important; border-color: hsl(0 0% 100%) !important; } /* A+ dark chip outline */ .dark.aplus-design .chip, .dark .aplus-design .chip { border-color: hsl(220 10% 30%); } /* A+ dark: filter bar hover — no flash */ .dark.aplus-design [data-state]:hover, .dark .aplus-design [data-state]:hover { background-color: hsl(220 10% 18%); } /* --- A+ Booking Summary Sidebar --- */ .aplus-design .aplus-booking-sidebar, .aplus-design .card-luxury.aplus-booking-sidebar { background: var(--aplus-sidebar-bg) !important; color: hsl(var(--aplus-sidebar-fg)); border: none; box-shadow: none; } .aplus-design .aplus-booking-sidebar h3, .aplus-design .aplus-booking-sidebar .text-foreground, .aplus-design .aplus-booking-sidebar span.font-semibold, .aplus-design .aplus-booking-sidebar span.font-medium { color: hsl(var(--aplus-sidebar-fg)) !important; } .aplus-design .aplus-booking-sidebar .text-muted-foreground { color: hsl(var(--aplus-sidebar-muted)) !important; } .aplus-design .aplus-booking-sidebar .text-forest { color: hsl(152 50% 30%) !important; } /* Inputs & borders inside A+ sidebar — dark dividers like the example */ .aplus-design .aplus-booking-sidebar button[class*="border"], .aplus-design .aplus-booking-sidebar .border, .aplus-design .aplus-booking-sidebar .border-border, .aplus-design .aplus-booking-sidebar .border-t { border-color: hsl(0 0% 15%) !important; } .aplus-design .aplus-booking-sidebar button[class*="border"]:hover, .aplus-design .aplus-booking-sidebar .grid.grid-cols-2 > button:hover { background: hsl(207 40% 64%) !important; } /* Empty state box */ .aplus-design .aplus-booking-sidebar .bg-secondary\/50 { background: hsl(207 40% 64%) !important; } /* Dividers inside A+ sidebar — dark lines */ .aplus-design .aplus-booking-sidebar .divider-luxury { background: hsl(0 0% 15%) !important; } /* Reserve button: dark on light blue */ .aplus-design .aplus-booking-sidebar .btn-luxury { background: hsl(0 0% 10%); color: hsl(0 0% 100%); } .aplus-design .aplus-booking-sidebar .btn-luxury:hover { background: hsl(0 0% 20%); } /* Trust badge icons */ .aplus-design .aplus-booking-sidebar .text-muted-foreground svg { color: hsl(var(--aplus-sidebar-muted)); } /* Cancellation policy selected state — darker tone like the example */ .aplus-design .aplus-booking-sidebar button[class*="border-forest"] { border-color: hsl(0 0% 15%) !important; background: hsl(207 30% 60%) !important; } /* Radio dot overrides */ .aplus-design .aplus-booking-sidebar .border-forest { border-color: hsl(var(--aplus-sidebar-fg)) !important; background: hsl(var(--aplus-sidebar-fg)) !important; } .aplus-design .aplus-booking-sidebar .bg-forest { background: hsl(var(--aplus-sidebar-fg)) !important; } /* bg-forest/5 selected state override — darker */ .aplus-design .aplus-booking-sidebar .bg-forest\/5 { background: hsl(207 30% 60%) !important; } /* bg-forest/10 in dropdown — darker */ .aplus-design .aplus-booking-sidebar .bg-forest\/10 { background: hsl(207 30% 60%) !important; } /* Bold typography for prices and labels */ .aplus-design .aplus-booking-sidebar .text-2xl, .aplus-design .aplus-booking-sidebar .text-3xl, .aplus-design .aplus-booking-sidebar .text-xl { font-weight: 700 !important; } /* --- A+ Corner Radius System --- Outer containers (summary box, filters): 8px Nested rounded children (date picker, guest selector, pills, etc.): 5px */ .aplus-design .aplus-booking-sidebar, .aplus-design .aplus-search-filters, .aplus-design .card-luxury.aplus-booking-sidebar { border-radius: 8px !important; } /* Mobile booking sheets sit flush against the viewport bottom. */ .mobile-booking-sheet::after { content: ""; position: absolute; top: 100%; right: 0; left: 0; height: 100dvh; background: inherit; pointer-events: none; } .aplus-design .aplus-booking-sidebar.aplus-mobile-booking-sheet { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } /* Default: nested rounded children get 5px on all corners */ .aplus-design .aplus-booking-sidebar [class*="rounded"], .aplus-design .aplus-search-filters [class*="rounded"] { border-radius: 5px !important; } /* Respect Tailwind directional rounding classes — only round the specified corners */ .aplus-design .aplus-booking-sidebar [class*="rounded-t-"], .aplus-design .aplus-search-filters [class*="rounded-t-"] { border-radius: 5px 5px 0 0 !important; } .aplus-design .aplus-booking-sidebar [class*="rounded-b-"], .aplus-design .aplus-search-filters [class*="rounded-b-"] { border-radius: 0 0 5px 5px !important; } .aplus-design .aplus-booking-sidebar [class*="rounded-l-"], .aplus-design .aplus-search-filters [class*="rounded-l-"] { border-radius: 5px 0 0 5px !important; } .aplus-design .aplus-booking-sidebar [class*="rounded-r-"], .aplus-design .aplus-search-filters [class*="rounded-r-"] { border-radius: 0 5px 5px 0 !important; } /* "rounded-b-none" / "rounded-t-none" zero-out specific corners */ .aplus-design .aplus-booking-sidebar .rounded-b-none, .aplus-design .aplus-search-filters .rounded-b-none { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .aplus-design .aplus-booking-sidebar .rounded-t-none, .aplus-design .aplus-search-filters .rounded-t-none { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } /* Combined: e.g. "rounded-xl rounded-b-none" → top corners 5px, bottom 0 */ .aplus-design .aplus-booking-sidebar [class*="rounded"][class*="rounded-b-none"], .aplus-design .aplus-search-filters [class*="rounded"][class*="rounded-b-none"] { border-radius: 5px 5px 0 0 !important; } .aplus-design .aplus-booking-sidebar [class*="rounded"][class*="rounded-t-none"], .aplus-design .aplus-search-filters [class*="rounded"][class*="rounded-t-none"] { border-radius: 0 0 5px 5px !important; } /* Keep fully-circular elements round (avatars, dots, icon buttons) */ .aplus-design .aplus-booking-sidebar .rounded-full, .aplus-design .aplus-search-filters .rounded-full { border-radius: 9999px !important; } /* --- A+ Footer --- */ .aplus-design .aplus-footer { margin-top: 0 !important; background: hsl(var(--aplus-footer-bg)) !important; border-top: none !important; color: hsl(var(--aplus-footer-fg)) !important; } .aplus-design .aplus-footer a, .aplus-design .aplus-footer p, .aplus-design .aplus-footer span { color: hsl(var(--aplus-footer-fg)) !important; } .aplus-design .aplus-footer a:hover { opacity: 0.7; } /* --- A+ Cards: unified default — white bg, transparent border, no shadow --- */ .aplus-design .card-luxury, .aplus-design article.card-luxury, .aplus-design a.card-luxury, .aplus-design .bg-card, .aplus-design .bg-card.border, .aplus-design .rounded-lg.border.bg-card, .aplus-design .rounded-xl.border.bg-card, .aplus-design .bg-card.rounded-xl, .aplus-design .bg-card.rounded-2xl, .aplus-design .group.bg-card, .aplus-design a.group.bg-card, .aplus-design a.block.bg-card, .aplus-design div.group.bg-card, .aplus-design .card-luxury.border-2, .aplus-design .card-luxury[class*="border-2"], .aplus-design .card-luxury[class*="border-forest"], /* The two bare-anchor selectors below also match anchors that are styled as buttons (Button asChild renders `a.border` for outline variants). Repainting those white breaks their hover state — the secondary variant's `hover:text-white` on a forced-white background made the "Contact support" CTA label invisible (SWE-740). Anchor-buttons opt out of the whole card treatment with data-aplus-no-card (unlike data-aplus-no-card-hover, which only drops the hover ring). */ .aplus-design a.border:not([data-aplus-no-card]), .aplus-design a[class*="border-border"].rounded-lg:not([data-aplus-no-card]) { background: hsl(0 0% 100%) !important; border: none !important; border-radius: 0.5rem !important; box-shadow: inset 0 0 0 1px transparent !important; transition: box-shadow 0.2s ease !important; } .aplus-design .rounded-lg.border.bg-card.aplus-booking-sidebar, .aplus-design .bg-card.aplus-booking-sidebar, .aplus-design .card-luxury.aplus-booking-sidebar { background: var(--aplus-sidebar-bg) !important; background-color: var(--aplus-sidebar-bg) !important; } /* --- A+ Cards: unified hover — thin dark line + soft shadow --- */ .aplus-design .card-luxury:hover, .aplus-design article.card-luxury:hover, .aplus-design a.card-luxury:hover, .aplus-design .bg-card:hover, .aplus-design .bg-card.border:hover, .aplus-design .rounded-lg.border.bg-card:hover, .aplus-design .rounded-xl.border.bg-card:hover, .aplus-design .bg-card.rounded-xl:hover, .aplus-design .bg-card.rounded-2xl:hover, .aplus-design .group.bg-card:hover, .aplus-design a.group.bg-card:hover, .aplus-design a.block.bg-card:hover, .aplus-design div.group.bg-card:hover, .aplus-design .card-luxury.border-2:hover, .aplus-design .card-luxury[class*="border-2"]:hover, .aplus-design .card-luxury[class*="border-forest"]:hover, .aplus-design a.border:not([data-aplus-no-card]):hover, .aplus-design a[class*="border-border"].rounded-lg:not([data-aplus-no-card]):hover { border-color: transparent !important; box-shadow: inset 0 0 0 1px hsl(0 0% 30%), 0 4px 16px hsl(0 0% 0% / 0.08) !important; } /* Overlay-chrome opt-out (SWE-513): the Map View modal shell carries `bg-card`, so the unified hover above ringed the whole open overlay — inside a fullscreen dialog the cursor always "hovers", turning the card affordance into a permanent black frame with no function. Chrome marked with data-aplus-no-card-hover keeps the base card treatment but never the hover ring. The longest selector mirrors the strongest unified-hover variant (.rounded-xl.border.bg-card:hover) plus the attribute, so the carve-out outranks it on specificity for every matching combination. */ .aplus-design .bg-card[data-aplus-no-card-hover]:hover, .aplus-design .rounded-lg.border.bg-card[data-aplus-no-card-hover]:hover, .aplus-design .rounded-xl.border.bg-card[data-aplus-no-card-hover]:hover { box-shadow: inset 0 0 0 1px transparent !important; } /* Override Tailwind hover utilities on A+ cards */ .aplus-design .hover\:shadow-lg:hover, .aplus-design .hover\:shadow-md:hover { box-shadow: inset 0 0 0 1px hsl(0 0% 30%), 0 4px 16px hsl(0 0% 0% / 0.08) !important; } .aplus-design .hover\:border-primary\/20:hover { border-color: hsl(0 0% 30%) !important; } /* --- A+ Dark Cards: override the light-mode white !important (must come AFTER light rules) --- */ .dark.aplus-design .card-luxury, .dark.aplus-design article.card-luxury, .dark.aplus-design a.card-luxury, .dark.aplus-design .bg-card, .dark.aplus-design .bg-card.border, .dark.aplus-design .rounded-lg.border.bg-card, .dark.aplus-design .rounded-xl.border.bg-card, .dark.aplus-design .bg-card.rounded-xl, .dark.aplus-design .bg-card.rounded-2xl, .dark.aplus-design .group.bg-card, .dark.aplus-design a.group.bg-card, .dark.aplus-design a.block.bg-card, .dark.aplus-design div.group.bg-card, .dark.aplus-design .card-luxury.border-2, .dark.aplus-design .card-luxury[class*="border-2"], .dark.aplus-design .card-luxury[class*="border-forest"], .dark.aplus-design a.border:not([data-aplus-no-card]), .dark.aplus-design a[class*="border-border"].rounded-lg:not([data-aplus-no-card]), .dark .aplus-design .card-luxury, .dark .aplus-design article.card-luxury, .dark .aplus-design a.card-luxury, .dark .aplus-design .bg-card, .dark .aplus-design .bg-card.border, .dark .aplus-design .rounded-lg.border.bg-card, .dark .aplus-design .rounded-xl.border.bg-card, .dark .aplus-design .bg-card.rounded-xl, .dark .aplus-design .bg-card.rounded-2xl, .dark .aplus-design .group.bg-card, .dark .aplus-design a.group.bg-card, .dark .aplus-design a.block.bg-card, .dark .aplus-design div.group.bg-card, .dark .aplus-design .card-luxury.border-2, .dark .aplus-design .card-luxury[class*="border-2"], .dark .aplus-design .card-luxury[class*="border-forest"], .dark .aplus-design a.border:not([data-aplus-no-card]), .dark .aplus-design a[class*="border-border"].rounded-lg:not([data-aplus-no-card]) { background: hsl(220 10% 14%) !important; background-color: hsl(220 10% 14%) !important; box-shadow: none !important; border-color: transparent !important; } .dark.aplus-design .card-luxury:hover, .dark.aplus-design article.card-luxury:hover, .dark.aplus-design a.card-luxury:hover, .dark.aplus-design .bg-card:hover, .dark.aplus-design .bg-card.border:hover, .dark.aplus-design .rounded-lg.border.bg-card:hover, .dark.aplus-design .rounded-xl.border.bg-card:hover, .dark.aplus-design .bg-card.rounded-xl:hover, .dark.aplus-design .bg-card.rounded-2xl:hover, .dark.aplus-design .group.bg-card:hover, .dark.aplus-design a.group.bg-card:hover, .dark.aplus-design a.block.bg-card:hover, .dark.aplus-design div.group.bg-card:hover, .dark .aplus-design .card-luxury:hover, .dark .aplus-design article.card-luxury:hover, .dark .aplus-design a.card-luxury:hover, .dark .aplus-design .bg-card:hover, .dark .aplus-design .bg-card.border:hover, .dark .aplus-design .rounded-lg.border.bg-card:hover, .dark .aplus-design .rounded-xl.border.bg-card:hover, .dark .aplus-design .bg-card.rounded-xl:hover, .dark .aplus-design .bg-card.rounded-2xl:hover, .dark .aplus-design .group.bg-card:hover, .dark .aplus-design a.group.bg-card:hover, .dark .aplus-design a.block.bg-card:hover, .dark .aplus-design div.group.bg-card:hover { box-shadow: inset 0 0 0 1px hsl(220 10% 30%) !important; } .dark.aplus-design .hover\:shadow-lg:hover, .dark.aplus-design .hover\:shadow-md:hover, .dark .aplus-design .hover\:shadow-lg:hover, .dark .aplus-design .hover\:shadow-md:hover { box-shadow: inset 0 0 0 1px hsl(220 10% 30%) !important; } /* A+ cards: body unified-card-border override */ body[data-unified-card-border] .aplus-design .card-luxury, body[data-unified-card-border] .aplus-design .bg-card { border: none !important; box-shadow: inset 0 0 0 1px transparent !important; transition: box-shadow 0.2s ease !important; } body[data-unified-card-border] .aplus-design .card-luxury:hover, body[data-unified-card-border] .aplus-design .bg-card:hover { border-color: transparent !important; box-shadow: inset 0 0 0 1px hsl(0 0% 30%), 0 4px 16px hsl(0 0% 0% / 0.08) !important; } /* A+ dividers: dark gray 1px lines on white/#EBEBEB backgrounds (SWE-474) */ .aplus-design .card-luxury .divider-luxury, .aplus-design .divider-luxury { background: hsl(0 0% 55%) !important; height: 1px !important; } /* A+ border-t dividers inside cards */ .aplus-design .card-luxury .border-t, .aplus-design .card-luxury [class*="border-t"] { border-color: hsl(0 0% 55%) !important; } /* A+ Separator overrides inside cards — dark gray dividers */ .aplus-design .rounded-lg.border.bg-card [role="separator"], .aplus-design .rounded-xl.border.bg-card [role="separator"], .aplus-design .card-luxury [role="separator"] { background: hsl(0 0% 55%) !important; } /* A+ loaders now use the shared (orbiting gold dots, `animate-orbit`). The old `.aplus-design .animate-spin` → fade-pulse override was removed so native spinners rotate instead of blinking. */ .aplus-design .btn-luxury { background: hsl(0 0% 10%); color: hsl(0 0% 100%); border-radius: 0.375rem; } .aplus-design .btn-luxury:hover { background: hsl(0 0% 20%); transform: none; box-shadow: none; } /* A+ header border */ .aplus-design .border-border { border-color: hsl(0 0% 90%); } /* --- A+ Dark: subtle dividers & borders (override the light-mode black/gray rules above) --- */ .dark.aplus-design .divider-luxury, .dark .aplus-design .divider-luxury { background: hsl(0 0% 75%) !important; } .dark.aplus-design .card-luxury .divider-luxury, .dark .aplus-design .card-luxury .divider-luxury { background: hsl(0 0% 75%) !important; } .dark.aplus-design .card-luxury .border-t, .dark.aplus-design .card-luxury [class*="border-t"], .dark .aplus-design .card-luxury .border-t, .dark .aplus-design .card-luxury [class*="border-t"] { border-color: hsl(0 0% 75%) !important; } .dark.aplus-design .rounded-lg.border.bg-card [role="separator"], .dark.aplus-design .rounded-xl.border.bg-card [role="separator"], .dark.aplus-design .card-luxury [role="separator"], .dark .aplus-design .rounded-lg.border.bg-card [role="separator"], .dark .aplus-design .rounded-xl.border.bg-card [role="separator"], .dark .aplus-design .card-luxury [role="separator"] { background: hsl(0 0% 75%) !important; } .dark.aplus-design .border-border, .dark .aplus-design .border-border { border-color: hsl(220 10% 20%) !important; } /* --- A+ Privacy page: white cards (no outline), black 1px row dividers, 8px radius --- */ .aplus-privacy .policy-table, .aplus-design .aplus-privacy .policy-table { background: hsl(0 0% 100%) !important; border-color: transparent !important; border-width: 0 !important; border-radius: 8px !important; box-shadow: inset 0 0 0 1px transparent !important; } .aplus-privacy .policy-table__row, .aplus-design .aplus-privacy .policy-table__row { border-bottom-color: hsl(0 0% 55%) !important; border-bottom-width: 1px !important; border-bottom-style: solid !important; } .aplus-privacy .policy-table__row:last-child, .aplus-design .aplus-privacy .policy-table__row:last-child { border-bottom-width: 0 !important; } .dark.aplus-privacy .policy-table, .dark.aplus-design .aplus-privacy .policy-table, .dark .aplus-design .aplus-privacy .policy-table { background: hsl(220 10% 14%) !important; border-color: transparent !important; box-shadow: none !important; } .dark.aplus-privacy .policy-table__row, .dark.aplus-design .aplus-privacy .policy-table__row, .dark .aplus-design .aplus-privacy .policy-table__row { border-bottom-color: hsl(220 10% 35%) !important; } .dark.aplus-privacy .policy-table__row:last-child, .dark.aplus-design .aplus-privacy .policy-table__row:last-child, .dark .aplus-design .aplus-privacy .policy-table__row:last-child { border-bottom-width: 0 !important; } /* A+ text overrides for brand colors */ .aplus-design .text-forest { color: hsl(0 0% 10%); } .aplus-design .bg-forest { background-color: hsl(0 0% 10%); } .aplus-design .text-cream { color: hsl(0 0% 100%); } .aplus-design .bg-cream { background-color: hsl(0 0% 100%); } /* --- A+ Typography: tighter, bolder hierarchy --- */ .aplus-design .heading-1 { font-weight: 700; letter-spacing: -0.02em; } .aplus-design .heading-2 { font-weight: 700; letter-spacing: -0.01em; } /* --- A+ Fonts: swap Lato for the GT Standard size-specific cuts --- SWE-433 rule: GT Standard M Bold (text cut) belongs ONLY to body text 16px and smaller; every larger text uses GT Standard L Bold (display cut). The M block below is the base (body, small headings, font utilities); the L block lists the >16px typography classes and is declared after M so the equal-specificity L rules win when both apply. Raw h1–h6 elements stay on M because small unclassed headings exist (filter/card labels); large headings carry a heading-* / font-display class that flips them to L. */ .aplus-design body, .aplus-design .heading-4, /* 16px mobile / 18px desktop — borderline, pending SWE-433 answer */ .aplus-design .heading-5, .aplus-design h1, .aplus-design h2, .aplus-design h3, .aplus-design h4, .aplus-design h5, .aplus-design h6, .aplus-design .font-sans, .aplus-design .font-serif { font-family: 'GT Standard M', 'Lato', system-ui, sans-serif; } .aplus-design .heading-display, .aplus-design .heading-2-big { font-family: 'GT Standard L', 'Lato', system-ui, sans-serif; font-weight: 700; } /* All remaining >16px typography → the L (display) cut (SWE-433). */ .aplus-design .heading-1, .aplus-design .heading-2, .aplus-design .heading-3, .aplus-design .aplus-h2, .aplus-design .aplus-h3, .aplus-design .body-large, .aplus-design .font-display { font-family: 'GT Standard L', 'Lato', system-ui, sans-serif; } /* --- A+ Amenity Chips: outlined style --- */ .aplus-design .chip { border: 1px solid hsl(0 0% 80%); background: transparent; border-radius: 5px !important; } /* --- A+ Residence Info Section (matches page bg) --- */ .aplus-design .aplus-residence-section { background: transparent; color: hsl(var(--aplus-sidebar-fg)); } .aplus-design .aplus-residence-section h2, .aplus-design .aplus-residence-section h3 { color: hsl(var(--foreground)); } .aplus-design .aplus-residence-section p { color: hsl(var(--muted-foreground)); } /* --- A+ Hero Section --- */ .aplus-design .aplus-hero-overlay { background: linear-gradient( to top, hsl(220 20% 10% / 0.85) 0%, hsl(220 20% 10% / 0.5) 40%, hsl(220 20% 10% / 0.25) 70%, transparent 100% ) !important; } .aplus-design .aplus-hero-section .text-hero-cream { font-weight: 700; letter-spacing: -0.02em; } .aplus-design .aplus-hero-section .btn-luxury { background: hsl(0 0% 10%); color: hsl(0 0% 100%); border-radius: 0.375rem; font-weight: 600; } .aplus-design .aplus-hero-section .btn-luxury:hover { background: hsl(0 0% 20%); } /* --- A+ Search Bar --- */ .aplus-design .aplus-search-bar, .aplus-design div.aplus-search-bar.bg-card { background: #D9D9D9 !important; background-color: #D9D9D9 !important; border: none !important; border-radius: 0.5rem !important; box-shadow: none !important; outline: none !important; } .aplus-design .aplus-search-bar > button:not(.aplus-search-submit), .aplus-design .aplus-search-bar > .Popover, .aplus-design .aplus-search-bar > div > button { background: transparent !important; } .aplus-design .aplus-search-bar button { font-weight: 500; } .aplus-design .aplus-search-bar > .bg-border { background: hsl(0 0% 0%) !important; width: 1px; height: 1.5rem; } /* Search button: a grey (#ADADAD) rounded block — the icon's "podbarvení" — sitting a shade darker than the #D9D9D9 bar, with a black magnifying glass (design: Šimon). The header pill rule (`.aplus-header [class*="rounded-full"]:not(.w-8):not(.h-8):not(:where(.aplus-account-avatar))`, specificity 0,4,0 !important) forces header pills transparent, which flattened this button onto the bar and hid the (previously white) icon (SWE-70). Scope this tighter (add `.aplus-header` + `button`, specificity 0,4,1) so the fill wins. */ .aplus-design .aplus-header .aplus-search-bar button.bg-forest { background: #ADADAD !important; border-radius: 0.375rem !important; } /* Magnifying glass: black on the grey #ADADAD button. */ .aplus-design .aplus-search-bar .bg-forest svg { color: hsl(0 0% 0%) !important; } /* Dark mode: the bar is dark, so keep a dark button + white icon. */ .dark.aplus-design .aplus-header .aplus-search-bar button.bg-forest, .dark .aplus-design .aplus-header .aplus-search-bar button.bg-forest { background: hsl(0 0% 20%) !important; } .dark.aplus-design .aplus-search-bar .bg-forest svg, .dark .aplus-design .aplus-search-bar .bg-forest svg { color: hsl(0 0% 100%) !important; } /* A+ mobile search bar — field / divider / submit (SWE-536). The desktop bar styles its submit via `.aplus-header … button.bg-forest`; the mobile bar (src/components/SearchHeader.tsx) lives OUTSIDE `.aplus-header`, so its dedicated classes need equivalent rules. On the mobile search page the submit is a black button (SWE-536 review) — distinct from the desktop header's grey #ADADAD block (SWE-70) which sits on a different surface. */ .aplus-design .aplus-search-field { background: transparent !important; border-radius: 0 !important; min-width: 0; } /* Full-height black separator matching the prototype. The original divider was black but capped at 1.5rem (short floating bars) which read as "not OK" in review (SWE-536). Scoped `> .aplus-search-divider` to outrank the earlier `.aplus-search-bar > .bg-border` rule (same 0,3,0 specificity, defined later); the mobile divider carries both classes. */ .aplus-design .aplus-search-bar > .aplus-search-divider { background: hsl(0 0% 0%) !important; width: 1px; align-self: stretch; height: auto !important; } .aplus-design .aplus-search-submit { /* Distinct black button with a white glass, flush to the bar's right edge (the bar clips it to its own radius via overflow-hidden) — matches the prototype. The previous grey #ADADAD blended into the grey #D9D9D9 bar and read as "no button" (SWE-536 review). */ background: hsl(0 0% 10%) !important; border-radius: 0 !important; color: hsl(0 0% 100%) !important; } .aplus-design .aplus-search-submit svg { color: hsl(0 0% 100%) !important; } .dark.aplus-design .aplus-search-submit, .dark .aplus-design .aplus-search-submit { background: hsl(0 0% 20%) !important; color: hsl(0 0% 100%) !important; } .dark.aplus-design .aplus-search-submit svg, .dark .aplus-design .aplus-search-submit svg { color: hsl(0 0% 100%) !important; } /* --- A+ Location Filter Pills --- */ .aplus-design .aplus-residences-home-section { background: hsl(var(--aplus-residences-bg)); } /* Desktop "scroll stacking" — see APlusStackLayer in src/views/Index.tsx. Mobile (default): sections flow normally, no pinning. */ .aplus-design .aplus-stack-section { position: static; width: 100%; } .aplus-design .aplus-stack-section-inner { width: 100%; } /* Reading-dwell spacer emitted by APlusStackLayer (SWE-612). Inert until the desktop pinning below turns on: on mobile the sections flow, so there is nothing to delay. */ .aplus-design .aplus-stack-dwell { display: none; } @media (min-width: 1024px) { /* Pin each section at the viewport top; the next opaque section scrolls up and covers it. Pure CSS — `top: 0`, no JS-measured heights, no negative top, no `-100vh` margins — so the pin point is identical across browsers. The previous measure-and-offset version drifted in Firefox and bled the green "features" section over "Room for everyone". */ .aplus-design .aplus-stack-section { position: sticky; top: 0; min-height: 100vh; min-height: 100svh; } /* Tall sections (e.g. the residence grid) opt out of pinning: a section taller than the viewport can't pin at top:0 without hiding its lower content above the fold. It scrolls normally; later sticky sections slide up over it. `relative` (not `static`) so its z-index still applies — otherwise the pinned sticky section above it would paint over the residence grid. */ .aplus-design .aplus-stack-section.aplus-stack-section-flow { position: relative; min-height: 0; } /* A flow section that should still fill the screen. `flow` drops min-height so a tall grid can end where its content ends, but the reviews band is a full-bleed design element: it opts out of pinning (its quotes overflow a laptop viewport — SWE-612) while keeping the 100svh floor, so it looks unchanged on screens where it always fitted. */ .aplus-design .aplus-stack-section.aplus-stack-section-flow.aplus-stack-section-tall { min-height: 100vh; min-height: 100svh; } /* Floating search bar safe area (SWE-615, ported from the prototype): the hero search bar re-parks as a fixed bottom overlay (~92px tall) after scrolling, so each pinned homepage section reserves room for it — without this, section content sits behind the bar when a section parks at top:0. */ .aplus-design .aplus-search-bar-safe-area .aplus-stack-section-inner { padding-bottom: 108px; /* 92px bar + buffer */ } /* Sections whose content is shorter than the pinned 100svh viewport center it vertically instead of leaving a large empty band below (SWE-615 — the "Room for everyone" section on tall/ultra-wide monitors). `margin-block: auto` degrades to top alignment when the content overflows the viewport. */ .aplus-design .aplus-stack-section.aplus-stack-section-center { display: flex; flex-direction: column; } .aplus-design .aplus-stack-section-center > .aplus-stack-section-inner { margin-block: auto; } /* Reading dwell (SWE-612). Without it a pinned section is fully visible at exactly one scroll position: the moment it parks at top:0 the next section's top edge is already at the viewport bottom, so the very next pixel of scroll starts covering it and the bottom of the content can never be read. Two reporters described the same symptom independently. The spacer is an empty in-flow sibling that pushes the next section down by one dwell, while the pinned section keeps covering the whole viewport — so the delay is invisible, the stack effect is unchanged, and the section simply stays readable for that distance. Distance, not time: the request was for a ~500ms-1s hold, but a wheel notch scrolls a different number of pixels on Windows than on macOS, so a time-based hold feels different on every platform. A scroll distance behaves identically everywhere and stays pure CSS — see the APlusStackLayer comment in Index.tsx for why JS measuring was removed here in the first place. The detent that settles the page on a section boundary is separate and belongs to Lenis (Snap in Index.tsx), because Lenis drives the scroll itself and native CSS scroll-snap never sees a scroll end to act on. */ .aplus-design .aplus-stack-dwell { display: block; height: var(--aplus-stack-dwell, 45svh); pointer-events: none; } } /* The stack is a motion effect: sections slide over one another as you scroll. Honour a reduced-motion preference by dropping the pin entirely — the sections then flow like an ordinary page, in source order, with no overlap and no snapping. Nothing is hidden, only the movement goes away. */ @media (min-width: 1024px) and (prefers-reduced-motion: reduce) { .aplus-design .aplus-stack-section, .aplus-design .aplus-stack-section.aplus-stack-section-center { position: relative; min-height: 0; } .aplus-design .aplus-stack-dwell { display: none; } } .aplus-design .aplus-reviews-stack-section { /* The dark reviews media is `position: absolute; inset: 0`, so the section must be a containing block for it. On desktop (≥1024px) the parent .aplus-stack-section is `position: sticky` and supplies that. On mobile it is `position: static`, so without this the absolute media escapes to the initial containing block and paints over the hero at the top of the page (leaving the reviews section itself just black). Give it a containing block on mobile; desktop keeps the sticky pin (this rule doesn't apply ≥1024px). */ } @media (max-width: 1023px) { .aplus-design .aplus-reviews-stack-section { position: relative; } } .aplus-design .aplus-reviews-stack-media { position: absolute; inset: 0; z-index: 0; } .aplus-design .aplus-reviews-stack-media > * { position: absolute; inset: 0; } .aplus-design .aplus-residences-home-section .card-luxury { background: hsl(var(--card)) !important; background-color: hsl(var(--card)) !important; } .aplus-design .aplus-residences-home-section .aplus-location-pill, .aplus-design .aplus-residences-home-section button.border, .aplus-design .aplus-residences-home-section button[class*="border"] { border-color: hsl(0 0% 10%) !important; } .aplus-design .aplus-review-card { border: 1px solid hsl(0 0% 100%); border-radius: 0.5rem; background: hsl(0 0% 0% / 0.12); } .aplus-design .aplus-location-pill { border-radius: 5px; border: 1px solid hsl(0 0% 80%); background: transparent; min-height: 2.25rem; line-height: 1.25rem; font-weight: 500; transition: all 150ms ease; } .aplus-design .aplus-location-pill:hover { border-color: hsl(0 0% 50%); } .aplus-design .aplus-location-pill-active { background: hsl(0 0% 10%) !important; color: hsl(0 0% 100%) !important; border-color: hsl(0 0% 10%) !important; } /* --- A+ Residence Cards: refined layout --- */ .aplus-design .card-luxury .btn-luxury { background: hsl(0 0% 10%); color: hsl(0 0% 100%); border-radius: 0.375rem; } .aplus-design .card-luxury .btn-luxury:hover { background: hsl(0 0% 20%); } .aplus-design .card-luxury .text-forest { color: hsl(0 0% 10%) !important; } .aplus-design .card-luxury .bg-forest { background: hsl(0 0% 10%) !important; } /* A+ card image: keep standard aspect ratio */ /* A+ rating star: neutral instead of gold */ .aplus-design .card-luxury .rating-star { color: hsl(0 0% 20%) !important; } /* --- A+ Homepage background: #EBEBEB --- */ .aplus-design .aplus-homepage { background: hsl(0 0% 92%); } /* --- A+ Section headings --- */ .aplus-design .aplus-section-heading { font-weight: 700; letter-spacing: -0.02em; color: hsl(0 0% 10%); } /* --- A+ "Looking for next stay" box: flat style --- */ .aplus-design .aplus-search-section { background: hsl(0 0% 97%) !important; border: 1px solid hsl(0 0% 88%) !important; border-radius: 0.75rem !important; } .aplus-design .aplus-search-section .absolute { display: none !important; } /* --- A+ UnitListRow cards: white, borderless, clean (without breaking hover) --- */ .aplus-design .border-border.rounded-xl.bg-card:not(:hover) { border: none !important; border-radius: 0.5rem !important; background: hsl(0 0% 100%) !important; box-shadow: inset 0 0 0 1px transparent !important; } /* --- A+ Dark: override UnitListRow white bg --- */ .dark.aplus-design .border-border.rounded-xl.bg-card:not(:hover), .dark .aplus-design .border-border.rounded-xl.bg-card:not(:hover) { background: hsl(220 10% 14%) !important; border-color: transparent !important; } .aplus-design .border-border.rounded-xl.bg-card .border-t.border-border { border-color: hsl(0 0% 55%) !important; } /* A+ "View Details" button in UnitListRow: black pill */ .aplus-design .border-border.rounded-xl.bg-card .bg-forest { background: hsl(0 0% 0%) !important; border-radius: 0.5rem !important; } /* A+ rating star in UnitListRow */ .aplus-design .rating-star { color: hsl(0 0% 15%) !important; } /* A+ override: all chip/tag/amenity elements use 5px corner radius */ .aplus-design .rounded-full { border-radius: 5px !important; } .aplus-design [class*="rounded-full"] { border-radius: 5px !important; } .aplus-design .rounded { border-radius: 5px !important; } /* …except a radio dot, which has to read as a radio. The rate popover portals to , so the .aplus-booking-sidebar carve-out above never reaches it and the dots came out as 5px squares — buyers read them as checkboxes (SWE-518). Same specificity as the blanket rules, declared later, so it wins. */ .aplus-design .rate-radio-dot, .aplus-design .rate-radio-dot-fill { border-radius: 9999px !important; } /* A+ amenity chips: unified light grey background + 5px radius + black text */ .aplus-design .aplus-amenity-chip { background: #D9D9D9 !important; border-radius: 5px !important; color: #000 !important; } .aplus-design .aplus-amenity-chip * { color: #000 !important; } /* === A+ Dark Mode: final catch-all card background fix === */ html.dark.aplus-design .bg-card, html.dark.aplus-design .card-luxury, html.dark.aplus-design [class*="bg-card"] { background: hsl(220 10% 14%) !important; background-color: hsl(220 10% 14%) !important; } /* === A+ Dark Mode: disable card hover highlight globally (border-only hover is in light mode) === */ html.dark.aplus-design .bg-card:hover, html.dark.aplus-design [class*="bg-card"]:hover { box-shadow: none !important; border-color: transparent !important; } /* A+ dark: card-luxury hover — subtle inset border */ html.dark.aplus-design .card-luxury:hover { box-shadow: inset 0 0 0 1px hsl(220 10% 30%) !important; border-color: transparent !important; } /* === A+ Dark Mode: booking sidebar keeps light-mode blue styling === */ .dark.aplus-design .aplus-booking-sidebar, .dark.aplus-design .card-luxury.aplus-booking-sidebar, .dark .aplus-design .aplus-booking-sidebar, .dark .aplus-design .card-luxury.aplus-booking-sidebar { background: var(--aplus-sidebar-bg) !important; background-color: var(--aplus-sidebar-bg) !important; color: hsl(var(--aplus-sidebar-fg)) !important; border-color: hsl(var(--aplus-sidebar-border)) !important; } .dark.aplus-design .aplus-booking-sidebar h3, .dark.aplus-design .aplus-booking-sidebar .text-foreground, .dark.aplus-design .aplus-booking-sidebar span.font-semibold, .dark.aplus-design .aplus-booking-sidebar span.font-medium, .dark.aplus-design .aplus-booking-sidebar .text-2xl, .dark.aplus-design .aplus-booking-sidebar .text-3xl, .dark.aplus-design .aplus-booking-sidebar .text-xl { color: hsl(var(--aplus-sidebar-fg)) !important; } .dark.aplus-design .aplus-booking-sidebar .text-muted-foreground { color: hsl(var(--aplus-sidebar-muted)) !important; } .dark.aplus-design .aplus-booking-sidebar .text-muted-foreground svg { color: hsl(var(--aplus-sidebar-muted)) !important; } .dark.aplus-design .aplus-booking-sidebar button[class*="border"], .dark.aplus-design .aplus-booking-sidebar .border, .dark.aplus-design .aplus-booking-sidebar .border-border, .dark.aplus-design .aplus-booking-sidebar .border-t { border-color: hsl(0 0% 15%) !important; } .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 { background: hsl(207 40% 64%) !important; } .dark.aplus-design .aplus-booking-sidebar button[class*="border-forest"] { border-color: hsl(0 0% 15%) !important; background: hsl(207 30% 60%) !important; } .dark.aplus-design .aplus-booking-sidebar .bg-forest\/5 { background: hsl(207 30% 60%) !important; } .dark.aplus-design .aplus-booking-sidebar .bg-forest\/10 { background: hsl(207 30% 60%) !important; } .dark.aplus-design .aplus-booking-sidebar .border-forest { border-color: hsl(var(--aplus-sidebar-fg)) !important; background: hsl(var(--aplus-sidebar-fg)) !important; } .dark.aplus-design .aplus-booking-sidebar .bg-forest { background: hsl(var(--aplus-sidebar-fg)) !important; } .dark.aplus-design .aplus-booking-sidebar .btn-luxury { background: hsl(0 0% 10%) !important; color: hsl(0 0% 100%) !important; } /* Empty-state box: keep light-mode blue styling in A+ dark too */ .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 { background: hsl(207 40% 64%) !important; color: hsl(0 0% 0%) !important; } .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 .text-foreground, .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 .text-muted-foreground { color: hsl(0 0% 15%) !important; } .dark.aplus-design .aplus-booking-sidebar .bg-secondary\/50 button { color: hsl(0 0% 0%) !important; } .dark.aplus-design .aplus-booking-sidebar .text-forest { color: hsl(152 50% 30%) !important; } /* === A+ Dark: UnitListRow rating text & subtle divider === */ .dark.aplus-design .border-border.rounded-xl.bg-card .font-semibold.text-sm { color: hsl(40 20% 90%) !important; } .dark.aplus-design .border-border.rounded-xl.bg-card .border-t.border-border { border-color: hsl(0 0% 75%) !important; } /* A+ Dark: vertical dividers in unit selection rows (border-l/border-r using border-foreground or border-border) */ .dark.aplus-design [class*="border-l"][class*="border-foreground"], .dark .aplus-design [class*="border-l"][class*="border-foreground"], .dark.aplus-design [class*="border-r"][class*="border-foreground"], .dark .aplus-design [class*="border-r"][class*="border-foreground"], .dark.aplus-design [class*="border-l"][class*="border-border"], .dark .aplus-design [class*="border-l"][class*="border-border"], .dark.aplus-design [class*="border-r"][class*="border-border"], .dark .aplus-design [class*="border-r"][class*="border-border"] { border-color: hsl(0 0% 75%) !important; } /* === A+ Dark Mode: "Other options" section — View Details button & unit type tag === */ .dark.aplus-design .border-border.rounded-xl.bg-card .bg-forest.text-cream, .dark.aplus-design .border-border.rounded-xl .bg-forest.text-cream { background: hsl(0 0% 92%) !important; color: hsl(0 0% 10%) !important; } .dark.aplus-design .border-border.rounded-xl.bg-card .bg-forest.text-cream:hover { background: hsl(0 0% 80%) !important; } /* Unit type tag overlay on images — keep light/readable */ .dark.aplus-design .border-border.rounded-xl .bg-card\/90 { background: hsl(0 0% 95% / 0.9) !important; color: hsl(0 0% 10%) !important; } .dark.aplus-design .border-border.rounded-xl .bg-card\/90 .text-forest { color: hsl(0 0% 10%) !important; } /* Final A+ dark card overlay lock: keep Best Match + favorite exactly like light mode */ .dark.aplus-design .card-luxury .bg-forest.text-cream, .dark .aplus-design .card-luxury .bg-forest.text-cream { background: hsl(0 0% 10%) !important; background-color: hsl(0 0% 10%) !important; color: hsl(0 0% 100%) !important; } .dark.aplus-design .card-luxury .aplus-fav-button, .dark .aplus-design .card-luxury .aplus-fav-button { background: hsl(0 0% 100%) !important; background-color: hsl(0 0% 100%) !important; color: hsl(0 0% 25%) !important; border-color: transparent !important; box-shadow: none !important; backdrop-filter: blur(4px); } .dark.aplus-design .card-luxury .aplus-fav-button:hover, .dark .aplus-design .card-luxury .aplus-fav-button:hover { background: hsl(0 0% 100%) !important; background-color: hsl(0 0% 100%) !important; color: hsl(0 0% 0%) !important; } .dark.aplus-design .card-luxury .aplus-fav-button .fill-current, .dark .aplus-design .card-luxury .aplus-fav-button .fill-current, .dark.aplus-design .card-luxury .aplus-fav-button.text-destructive, .dark .aplus-design .card-luxury .aplus-fav-button.text-destructive { color: hsl(0 72% 51%) !important; } /* ===== A+ calendar: Airbnb-style range (mono palette) ===== - Middle days: black text on continuous light-grey bar - Start/end: solid black circle with white text - Bar extends to row edges so it visually continues across two months */ /* --- Light A+ --- */ /* Continuous grey bar through every selected cell */ .aplus-design .rdp td:has([aria-selected]) { background-color: hsl(0 0% 92%) !important; border-radius: 0 !important; } /* Round the bar's outer ends at start/end of the visual range */ .aplus-design .rdp td:has([aria-selected].day-range-start) { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .aplus-design .rdp td:has([aria-selected].day-range-end) { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } /* Middle/in-between day: keep day cell transparent so the bar shows through */ .aplus-design .rdp [aria-selected].day-range-middle, .aplus-design .rdp [aria-selected]:not(.day-range-start):not(.day-range-end) { background-color: transparent !important; color: hsl(0 0% 5%) !important; font-weight: 600 !important; border-radius: 0 !important; } /* Start / end: black filled rounded square with white text */ .aplus-design .rdp [aria-selected].day-range-start, .aplus-design .rdp [aria-selected].day-range-end { background-color: hsl(0 0% 0%) !important; color: hsl(0 0% 100%) !important; font-weight: 700 !important; border-radius: 5px !important; } /* --- Dark A+ --- */ .dark.aplus-design .rdp td:has([aria-selected]), .dark .aplus-design .rdp td:has([aria-selected]) { background-color: hsl(0 0% 25%) !important; border-radius: 0 !important; } .dark.aplus-design .rdp td:has([aria-selected].day-range-start), .dark .aplus-design .rdp td:has([aria-selected].day-range-start) { border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; } .dark.aplus-design .rdp td:has([aria-selected].day-range-end), .dark .aplus-design .rdp td:has([aria-selected].day-range-end) { border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } .dark.aplus-design .rdp [aria-selected].day-range-middle, .dark .aplus-design .rdp [aria-selected].day-range-middle, .dark.aplus-design .rdp [aria-selected]:not(.day-range-start):not(.day-range-end), .dark .aplus-design .rdp [aria-selected]:not(.day-range-start):not(.day-range-end) { background-color: transparent !important; color: hsl(0 0% 95%) !important; font-weight: 600 !important; border-radius: 0 !important; } .dark.aplus-design .rdp [aria-selected].day-range-start, .dark .aplus-design .rdp [aria-selected].day-range-start, .dark.aplus-design .rdp [aria-selected].day-range-end, .dark .aplus-design .rdp [aria-selected].day-range-end { background-color: hsl(0 0% 100%) !important; color: hsl(0 0% 0%) !important; font-weight: 700 !important; border-radius: 5px !important; } /* Make the bar feel continuous across months: remove side gaps on row edges when the cell is part of a selection but is not a visual start/end. */ .aplus-design .rdp tr:has(td [aria-selected]) td:first-child:has([aria-selected]):not(:has(.day-range-start)) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .aplus-design .rdp tr:has(td [aria-selected]) td:last-child:has([aria-selected]):not(:has(.day-range-end)) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .dark.aplus-design .rdp tr:has(td [aria-selected]) td:first-child:has([aria-selected]):not(:has(.day-range-start)), .dark .aplus-design .rdp tr:has(td [aria-selected]) td:first-child:has([aria-selected]):not(:has(.day-range-start)) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .dark.aplus-design .rdp tr:has(td [aria-selected]) td:last-child:has([aria-selected]):not(:has(.day-range-end)), .dark .aplus-design .rdp tr:has(td [aria-selected]) td:last-child:has([aria-selected]):not(:has(.day-range-end)) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } /* ============================================================ Layout max-width — Full Responsivity Mode ------------------------------------------------------------ When `html.full-responsivity` is set (Layout.astro adds it on every page), beyond 1440px CSS pixels: - Almost every page is capped at 1520px and centered (SWE-286) so very wide screens keep a comfortable reading width: property/room-type detail content, reservation wizard, account, legal, etc. - Homepage and search results stay full viewport width — the homepage is left untouched (full-bleed carousel), search has a dense grid + map. - On property/room-type detail the hero gallery + back nav stay full-width above the cap. The full-screen lightbox is a fixed overlay (w-screen), so it is uncapped already — no rule needed. - Header and footer always stretch full-width. Route exclusions are keyed off `body[data-route]`, which `PathTracker.tsx` mirrors from the React Router pathname on every navigation. ============================================================ */ @media (min-width: 1440px) { /* Content is capped at 1520px and centered (SWE-286) on every page EXCEPT search. `:where()` keeps the :not() at zero specificity so the hero / header / footer full-width overrides below win. */ html.full-responsivity body:where(:not([data-route^="/search"]):not([data-route="/"])) .container, html.full-responsivity body:where(:not([data-route^="/search"]):not([data-route="/"])) .md\:container, html.full-responsivity body:where(:not([data-route^="/search"]):not([data-route="/"])) .lg\:container { max-width: 1520px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 24px !important; padding-right: 24px !important; } /* Homepage and search results keep the full viewport width. The homepage is deliberately left untouched (its 'Room for everyone' carousel is full-bleed by design); search has a dense grid + map. */ html.full-responsivity body[data-route="/"] .container, html.full-responsivity body[data-route="/"] .md\:container, html.full-responsivity body[data-route="/"] .lg\:container, html.full-responsivity body[data-route^="/search"] .container, html.full-responsivity body[data-route^="/search"] .md\:container, html.full-responsivity body[data-route^="/search"] .lg\:container { max-width: 100% !important; padding-left: 24px !important; padding-right: 24px !important; } /* Header, footer and the property/room-type detail hero gallery + back nav stretch full-width above the 1520px cap — hero photos stay edge-to-edge (SWE-286). The doubled `.detail-hero-area.container` selectors outweigh the content-cap rule. */ html.full-responsivity header .container, html.full-responsivity header .md\:container, html.full-responsivity header .lg\:container, html.full-responsivity footer .container, html.full-responsivity footer .md\:container, html.full-responsivity footer .lg\:container, html.full-responsivity .detail-hero-area, html.full-responsivity .detail-hero-area.container, html.full-responsivity .detail-hero-area.md\:container, html.full-responsivity .detail-hero-area.lg\:container { max-width: 100% !important; width: 100% !important; padding-left: 24px !important; padding-right: 24px !important; } } /* Extra column upgrades at 1600px and 1920px for the homepage and search results grids — the pages that stay full-width (SWE-286). Capped pages keep their default column count, where more columns would be too dense. */ @media (min-width: 1600px) { html.full-responsivity body[data-route="/"] .grid.xl\:grid-cols-3, html.full-responsivity body[data-route="/search"] .grid.xl\:grid-cols-3 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } html.full-responsivity body[data-route="/"] .grid.xl\:grid-cols-4, html.full-responsivity body[data-route="/search"] .grid.xl\:grid-cols-4 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } } @media (min-width: 1920px) { html.full-responsivity body[data-route="/"] .grid.xl\:grid-cols-3, html.full-responsivity body[data-route="/search"] .grid.xl\:grid-cols-3 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; } html.full-responsivity body[data-route="/"] .grid.xl\:grid-cols-4, html.full-responsivity body[data-route="/search"] .grid.xl\:grid-cols-4 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } } /* ============================================================ PORT (2026-07-13) — cross-cutting A+ visuals hardcoded always-on (ported from the prototype's dev toggles). Scoped to `.aplus-design` which sits on and is on by default. ============================================================ */ /* --- (1) Discount visual ----------------------------------------------- The original price uses each component's muted-grey `line-through` utilities. The redundant "-X%" discount chip remains hidden. */ .aplus-design [data-chip-variant="discount"] { display: none !important; } /* --- (2) High-contrast blue box ---------------------------------------- Force all booking-sidebar text, icons, borders and dividers to solid #000 for max legibility on the light-blue box. The blue box background (--aplus-sidebar-bg) is identical in light and dark mode, so #000 is safe in both. */ .aplus-design .aplus-booking-sidebar, .aplus-design .aplus-booking-sidebar h1, .aplus-design .aplus-booking-sidebar h2, .aplus-design .aplus-booking-sidebar h3, .aplus-design .aplus-booking-sidebar h4, /* `.text-muted-foreground` and `.text-forest` are deliberately NOT forced to #000 here: with GT Standard shipping only Bold cuts and text-xs clamped to 14px, tone is the only hierarchy tool left inside the sidebar. Their sidebar colors (see the --aplus-sidebar-muted / green rules above) keep ≥AA contrast on the blue surface. */ .aplus-design .aplus-booking-sidebar p:not(.text-muted-foreground):not(.text-forest), .aplus-design .aplus-booking-sidebar span:not(.text-muted-foreground):not(.text-forest), .aplus-design .aplus-booking-sidebar label, .aplus-design .aplus-booking-sidebar li, .aplus-design .aplus-booking-sidebar a, .aplus-design .aplus-booking-sidebar .text-foreground { color: #000 !important; } .aplus-design .aplus-booking-sidebar svg { color: #000 !important; stroke: #000 !important; } .aplus-design .aplus-booking-sidebar [class*="border"], .aplus-design .aplus-booking-sidebar .border, .aplus-design .aplus-booking-sidebar .border-t, .aplus-design .aplus-booking-sidebar .border-b, .aplus-design .aplus-booking-sidebar .border-l, .aplus-design .aplus-booking-sidebar .border-r, .aplus-design .aplus-booking-sidebar .border-border, .aplus-design .aplus-booking-sidebar .border-forest { border-color: #000 !important; } .aplus-design .aplus-booking-sidebar .divider-luxury, .aplus-design .aplus-booking-sidebar hr { background: #000 !important; border-color: #000 !important; } /* Keep the primary Reserve button legible (dark bg with light text/icons) */ .aplus-design .aplus-booking-sidebar .btn-luxury, .aplus-design .aplus-booking-sidebar .btn-luxury * { color: #fff !important; } .aplus-design .aplus-booking-sidebar .btn-luxury svg { color: #fff !important; stroke: #fff !important; } /* Same carve-out for shadcn primary buttons (bg-primary) inside the blue box — e.g. "Continue to Payment" on the reservation confirmation (SWE-423). Uses the theme token because A+ dark mode inverts primary to white-on-black. */ .aplus-design .aplus-booking-sidebar button[class*="bg-primary"], .aplus-design .aplus-booking-sidebar button[class*="bg-primary"] * { color: hsl(var(--primary-foreground)) !important; } .aplus-design .aplus-booking-sidebar button[class*="bg-primary"] svg { color: hsl(var(--primary-foreground)) !important; stroke: hsl(var(--primary-foreground)) !important; } /* Preserve the white check on any filled (checked) control */ .aplus-design .aplus-booking-sidebar [data-state="checked"] svg { color: #fff !important; stroke: #fff !important; } /* Highlight (hover + selected) items use a brighter/lighter blue */ .aplus-design .aplus-booking-sidebar button[class*="border"]:hover, .aplus-design .aplus-booking-sidebar .grid.grid-cols-2 > button:hover, .aplus-design .aplus-booking-sidebar .bg-secondary\/50, .aplus-design .aplus-booking-sidebar button[class*="border-forest"], .aplus-design .aplus-booking-sidebar .bg-forest\/5, .aplus-design .aplus-booking-sidebar .bg-forest\/10 { background: var(--aplus-sidebar-selected-bg) !important; } /* Keep only the checked breakfast control in the same dark hover family as Reserve Now; the surrounding option row retains its normal selection color. */ .aplus-design .aplus-booking-sidebar .breakfast-checkbox[data-state="checked"]:hover { background: hsl(0 0% 20%) !important; border-color: hsl(0 0% 20%) !important; } /* --- (3) Accessibility adjustments ------------------------------------- Min font-size 14px, contrast lifts, mobile tap targets, focus ring. */ /* 3a. Text below 14px -> clamp to 14px */ .aplus-design .text-xs, .aplus-design .text-\[10px\], .aplus-design .text-\[11px\], .aplus-design .text-\[12px\], .aplus-design .text-\[13px\] { font-size: 0.875rem !important; line-height: 1.4 !important; } .aplus-design .badge .text-xs, .aplus-design [data-slot="badge"] { font-size: 0.8125rem !important; } /* 3b. Contrast lifts */ .aplus-design:not(.dark) { --muted-foreground: 220 9% 32%; } .aplus-design.dark { --muted-foreground: 220 9% 78%; } .aplus-design .text-white\/50, .aplus-design .text-white\/60, .aplus-design .text-white\/70 { color: rgba(255, 255, 255, 0.88) !important; } .aplus-design .text-white\/30, .aplus-design .text-white\/40 { color: rgba(255, 255, 255, 0.75) !important; } .aplus-design input::-moz-placeholder, .aplus-design textarea::-moz-placeholder { opacity: 0.85 !important; color: hsl(var(--muted-foreground)) !important; } .aplus-design input::placeholder, .aplus-design textarea::placeholder { opacity: 0.85 !important; color: hsl(var(--muted-foreground)) !important; } .aplus-design .text-forest\/60, .aplus-design .text-forest\/70 { color: hsl(var(--forest, 150 30% 25%)) !important; } /* Stronger focus ring for keyboard users. Gated on the input modality mirrored onto by useInputModality (SWE-588): Safari matches :focus-visible on the programmatic focus moves Radix makes when a menu opens (content) and closes (trigger) after a tap, which painted black frames around header menus on iOS. No attribute (before the first input) counts as keyboard, so keyboard-first visitors keep rings. Popover containers (role menu/dialog/listbox) are excluded even for keyboard — items inside carry their own highlight, the container ring is noise around the whole panel. */ .aplus-design:not([data-input-modality="pointer"]) *:focus-visible:not([role="menu"]):not([role="dialog"]):not([role="listbox"]) { outline: 2px solid hsl(var(--foreground)) !important; outline-offset: 2px !important; box-shadow: none !important; } /* Pointer-driven focus gets no decorations at all — also keeps Tailwind focus-visible ring shadows (previously neutralized by the rule above) from surfacing on Safari taps. */ .aplus-design[data-input-modality="pointer"] *:focus-visible { outline: none !important; box-shadow: none !important; } /* 3c. Cramped mobile tap targets (min 44x44, min 8px spacing). Deliberately-compact controls opt out via markers: gallery dots ([data-gallery-dot]), compact qty steppers ([data-compact-qty]), amenity overflow chips ([data-compact-amenity-chip]), link-styled footer actions ([data-compact-footer-link]), checkboxes ([role="checkbox"]) and the date-picker calendar (.rdp), which keeps its own denser grid sizing. */ @media (max-width: 767px) { .aplus-design button:not([data-radix-collection-item]):not([role="tab"]):not([role="option"]):not([role="checkbox"]):not([data-gallery-dot]):not([data-compact-qty]):not([data-compact-amenity-chip]):not([data-compact-footer-link]):not([data-compact-price-info]):not(.rdp-day):not(.rdp-nav_button):not(.rdp button), .aplus-design a[role="button"], .aplus-design [role="button"]:not([data-gallery-dot]):not([data-compact-qty]):not([data-compact-amenity-chip]):not([data-compact-price-info]) { min-height: 44px; min-width: 44px; } .aplus-design [data-compact-amenity-chip] { min-height: auto !important; min-width: auto !important; } /* The rate chevron keeps the 20×16 slot the price rail is aligned to; a 44px box would push the price column and drop the icon a line below it. Its tap target comes from a pseudo-element instead (SWE-518). */ .aplus-design [data-compact-rate-chevron] { min-height: 0 !important; min-width: 0 !important; } /* Calendar day/nav buttons follow the calendar's own sizing, not the 44px min */ .aplus-design .rdp button, .aplus-design .rdp-day, .aplus-design .rdp-nav_button { min-height: 0 !important; min-width: 0 !important; } .aplus-design [role="group"] > * + *, .aplus-design .flex.flex-wrap.gap-1 > * + *, .aplus-design .flex.flex-wrap.gap-2 > * + * { margin-left: 4px; } .aplus-design .flex.flex-wrap.gap-1, .aplus-design .flex.flex-wrap.gap-2 { gap: 0.5rem !important; } .aplus-design .h-8.w-8:not([data-compact-qty]):not([data-compact-price-info]), .aplus-design .h-9.w-9:not([data-compact-qty]), .aplus-design .h-10.w-10:not([data-compact-qty]) { min-height: 44px !important; min-width: 44px !important; } } @media (min-width: 768px) { .md\:container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; } @media (min-width: 1400px) { .md\:container { max-width: 1400px; } } } .marker\:text-muted-foreground *::marker { color: hsl(var(--muted-foreground)); } .marker\:text-muted-foreground::marker { color: hsl(var(--muted-foreground)); } .file\:border-0::file-selector-button { border-width: 0px; } .file\:bg-transparent::file-selector-button { background-color: transparent; } .file\:text-sm::file-selector-button { font-size: 0.875rem; line-height: 1.25rem; } .file\:font-medium::file-selector-button { font-weight: 500; } .file\:text-foreground::file-selector-button { color: hsl(var(--foreground)); } .placeholder\:text-muted-foreground::-moz-placeholder { color: hsl(var(--muted-foreground)); } .placeholder\:text-muted-foreground::placeholder { color: hsl(var(--muted-foreground)); } .after\:absolute::after { content: var(--tw-content); position: absolute; } .after\:-inset-2::after { content: var(--tw-content); inset: -0.5rem; } .after\:-inset-x-3::after { content: var(--tw-content); left: -0.75rem; right: -0.75rem; } .after\:-inset-y-3::after { content: var(--tw-content); top: -0.75rem; bottom: -0.75rem; } .after\:inset-y-0::after { content: var(--tw-content); top: 0px; bottom: 0px; } .after\:left-1\/2::after { content: var(--tw-content); left: 50%; } .after\:w-1::after { content: var(--tw-content); width: 0.25rem; } .after\:w-\[2px\]::after { content: var(--tw-content); width: 2px; } .after\:-translate-x-1\/2::after { content: var(--tw-content); --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:content-\[\'\'\]::after { --tw-content: ''; content: var(--tw-content); } .first\:rounded-l-md:first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .first\:border-l:first-child { border-left-width: 1px; } .first\:pl-0:first-child { padding-left: 0px; } .last\:mb-0:last-child { margin-bottom: 0px; } .last\:rounded-r-md:last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .last\:border-b-0:last-child { border-bottom-width: 0px; } .last\:border-r-0:last-child { border-right-width: 0px; } .last\:pr-0:last-child { padding-right: 0px; } .focus-within\:relative:focus-within { position: relative; } .focus-within\:z-20:focus-within { z-index: 20; } .hover\:scale-105:hover { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:scale-110:hover { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:border-destructive:hover { border-color: hsl(var(--destructive)); } .hover\:border-foreground\/40:hover { border-color: hsl(var(--foreground) / 0.4); } .hover\:border-forest:hover { border-color: hsl(var(--forest)); } .hover\:border-forest\/30:hover { border-color: hsl(var(--forest) / 0.3); } .hover\:border-forest\/50:hover { border-color: hsl(var(--forest) / 0.5); } .hover\:border-muted-foreground:hover { border-color: hsl(var(--muted-foreground)); } .hover\:border-muted-foreground\/30:hover { border-color: hsl(var(--muted-foreground) / 0.3); } .hover\:border-primary\/20:hover { border-color: hsl(var(--primary) / 0.2); } .hover\:border-primary\/40:hover { border-color: hsl(var(--primary) / 0.4); } .hover\:border-transparent:hover { border-color: transparent; } .hover\:border-white\/20:hover { border-color: rgb(255 255 255 / 0.2); } .hover\:bg-\[\#8C8C8C\]:hover { --tw-bg-opacity: 1; background-color: rgb(140 140 140 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[\#cfcfcf\]:hover { --tw-bg-opacity: 1; background-color: rgb(207 207 207 / var(--tw-bg-opacity, 1)); } .hover\:bg-\[hsl\(0_0\%_0\%\)\]:hover { --tw-bg-opacity: 1; background-color: hsl(0 0% 0% / var(--tw-bg-opacity, 1)); } .hover\:bg-\[hsl\(0_0\%_18\%\)\]:hover { --tw-bg-opacity: 1; background-color: hsl(0 0% 18% / var(--tw-bg-opacity, 1)); } .hover\:bg-\[hsl\(var\(--aplus-filters-bg\)\)\]:hover { background-color: hsl(var(--aplus-filters-bg)); } .hover\:bg-accent:hover { background-color: hsl(var(--accent)); } .hover\:bg-accent\/10:hover { background-color: hsl(var(--accent) / 0.1); } .hover\:bg-accent\/5:hover { background-color: hsl(var(--accent) / 0.05); } .hover\:bg-background:hover { background-color: hsl(var(--background)); } .hover\:bg-background\/60:hover { background-color: hsl(var(--background) / 0.6); } .hover\:bg-black:hover { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .hover\:bg-black\/15:hover { background-color: rgb(0 0 0 / 0.15); } .hover\:bg-black\/5:hover { background-color: rgb(0 0 0 / 0.05); } .hover\:bg-black\/60:hover { background-color: rgb(0 0 0 / 0.6); } .hover\:bg-card:hover { background-color: hsl(var(--card)); } .hover\:bg-charcoal\/60:hover { background-color: hsl(var(--charcoal) / 0.6); } .hover\:bg-cream\/90:hover { background-color: hsl(var(--cream) / 0.9); } .hover\:bg-destructive:hover { background-color: hsl(var(--destructive)); } .hover\:bg-destructive\/10:hover { background-color: hsl(var(--destructive) / 0.1); } .hover\:bg-destructive\/80:hover { background-color: hsl(var(--destructive) / 0.8); } .hover\:bg-destructive\/90:hover { background-color: hsl(var(--destructive) / 0.9); } .hover\:bg-foreground\/5:hover { background-color: hsl(var(--foreground) / 0.05); } .hover\:bg-foreground\/90:hover { background-color: hsl(var(--foreground) / 0.9); } .hover\:bg-forest-light:hover { background-color: hsl(var(--forest-light)); } .hover\:bg-forest\/90:hover { background-color: hsl(var(--forest) / 0.9); } .hover\:bg-gold:hover { background-color: hsl(var(--gold)); } .hover\:bg-green-100:hover { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); } .hover\:bg-muted:hover { background-color: hsl(var(--muted)); } .hover\:bg-muted\/30:hover { background-color: hsl(var(--muted) / 0.3); } .hover\:bg-muted\/50:hover { background-color: hsl(var(--muted) / 0.5); } .hover\:bg-muted\/60:hover { background-color: hsl(var(--muted) / 0.6); } .hover\:bg-muted\/80:hover { background-color: hsl(var(--muted) / 0.8); } .hover\:bg-primary:hover { background-color: hsl(var(--primary)); } .hover\:bg-primary\/80:hover { background-color: hsl(var(--primary) / 0.8); } .hover\:bg-primary\/90:hover { background-color: hsl(var(--primary) / 0.9); } .hover\:bg-red-100:hover { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .hover\:bg-secondary:hover { background-color: hsl(var(--secondary)); } .hover\:bg-secondary\/40:hover { background-color: hsl(var(--secondary) / 0.4); } .hover\:bg-secondary\/50:hover { background-color: hsl(var(--secondary) / 0.5); } .hover\:bg-secondary\/80:hover { background-color: hsl(var(--secondary) / 0.8); } .hover\:bg-sidebar-accent:hover { background-color: hsl(var(--sidebar-accent)); } .hover\:bg-success\/10:hover { background-color: hsl(var(--success) / 0.1); } .hover\:bg-transparent:hover { background-color: transparent; } .hover\:bg-white\/10:hover { background-color: rgb(255 255 255 / 0.1); } .hover\:bg-white\/15:hover { background-color: rgb(255 255 255 / 0.15); } .hover\:bg-white\/20:hover { background-color: rgb(255 255 255 / 0.2); } .hover\:bg-white\/90:hover { background-color: rgb(255 255 255 / 0.9); } .hover\:bg-white\/\[0\.08\]:hover { background-color: rgb(255 255 255 / 0.08); } .hover\:bg-white\/\[0\.12\]:hover { background-color: rgb(255 255 255 / 0.12); } .hover\:text-\[hsl\(var\(--aplus-filters-fg\)\)\]:hover { color: hsl(var(--aplus-filters-fg)); } .hover\:text-accent-foreground:hover { color: hsl(var(--accent-foreground)); } .hover\:text-cream:hover { color: hsl(var(--cream)); } .hover\:text-destructive:hover { color: hsl(var(--destructive)); } .hover\:text-destructive-foreground:hover { color: hsl(var(--destructive-foreground)); } .hover\:text-foreground:hover { color: hsl(var(--foreground)); } .hover\:text-foreground\/70:hover { color: hsl(var(--foreground) / 0.7); } .hover\:text-forest:hover { color: hsl(var(--forest)); } .hover\:text-forest\/80:hover { color: hsl(var(--forest) / 0.8); } .hover\:text-hero-cream\/80:hover { color: hsl(var(--hero-cream) / 0.8); } .hover\:text-muted-foreground:hover { color: hsl(var(--muted-foreground)); } .hover\:text-primary-foreground:hover { color: hsl(var(--primary-foreground)); } .hover\:text-primary\/80:hover { color: hsl(var(--primary) / 0.8); } .hover\:text-sidebar-accent-foreground:hover { color: hsl(var(--sidebar-accent-foreground)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:text-white\/80:hover { color: rgb(255 255 255 / 0.8); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:no-underline:hover { text-decoration-line: none; } .hover\:opacity-100:hover { opacity: 1; } .hover\:opacity-70:hover { opacity: 0.7; } .hover\:opacity-80:hover { opacity: 0.8; } .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover { --tw-shadow: 0 0 0 1px hsl(var(--sidebar-accent)); --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-lg:hover { --tw-shadow: var(--shadow-lg); --tw-shadow-colored: var(--shadow-lg); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-md:hover { --tw-shadow: var(--shadow-md); --tw-shadow-colored: var(--shadow-md); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-sm:hover { --tw-shadow: var(--shadow-sm); --tw-shadow-colored: var(--shadow-sm); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-\[var\(--shadow-card-hover\)\]:hover { --tw-shadow-color: var(--shadow-card-hover); --tw-shadow: var(--tw-shadow-colored); } .hover\:after\:bg-sidebar-border:hover::after { content: var(--tw-content); background-color: hsl(var(--sidebar-border)); } .focus\:bg-accent:focus { background-color: hsl(var(--accent)); } .focus\:bg-primary:focus { background-color: hsl(var(--primary)); } .focus\:bg-red-500\/10:focus { background-color: rgb(239 68 68 / 0.1); } .focus\:text-accent-foreground:focus { color: hsl(var(--accent-foreground)); } .focus\:text-primary-foreground:focus { color: hsl(var(--primary-foreground)); } .focus\:text-red-500:focus { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .focus\:opacity-100:focus { opacity: 1; } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-primary:focus { --tw-ring-color: hsl(var(--primary)); } .focus\:ring-ring:focus { --tw-ring-color: hsl(var(--ring)); } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; } .focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; } .focus-visible\:ring-1:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-black:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-destructive:focus-visible { --tw-ring-color: hsl(var(--destructive)); } .focus-visible\:ring-foreground:focus-visible { --tw-ring-color: hsl(var(--foreground)); } .focus-visible\:ring-ring:focus-visible { --tw-ring-color: hsl(var(--ring)); } .focus-visible\:ring-sidebar-ring:focus-visible { --tw-ring-color: hsl(var(--sidebar-ring)); } .focus-visible\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; } .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; } .focus-visible\:ring-offset-\[\#FF5F0A\]:focus-visible { --tw-ring-offset-color: #FF5F0A; } .focus-visible\:ring-offset-background:focus-visible { --tw-ring-offset-color: hsl(var(--background)); } .active\:cursor-grabbing:active { cursor: grabbing; } .active\:bg-sidebar-accent:active { background-color: hsl(var(--sidebar-accent)); } .active\:text-sidebar-accent-foreground:active { color: hsl(var(--sidebar-accent-foreground)); } .enabled\:bg-foreground:enabled { background-color: hsl(var(--foreground)); } .enabled\:text-background:enabled { color: hsl(var(--background)); } .hover\:enabled\:bg-foreground\/80:enabled:hover { background-color: hsl(var(--foreground) / 0.8); } .active\:enabled\:scale-\[0\.94\]:enabled:active { --tw-scale-x: 0.94; --tw-scale-y: 0.94; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:bg-transparent:disabled { background-color: transparent; } .disabled\:text-\[\#ADADAD\]:disabled { --tw-text-opacity: 1; color: rgb(173 173 173 / var(--tw-text-opacity, 1)); } .disabled\:text-foreground:disabled { color: hsl(var(--foreground)); } .disabled\:text-muted-foreground\/50:disabled { color: hsl(var(--muted-foreground) / 0.5); } .disabled\:no-underline:disabled { text-decoration-line: none; } .disabled\:opacity-0:disabled { opacity: 0; } .disabled\:opacity-100:disabled { opacity: 1; } .disabled\:opacity-40:disabled { opacity: 0.4; } .disabled\:opacity-50:disabled { opacity: 0.5; } .group[open] .group-open\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/menu-item:focus-within .group-focus-within\/menu-item\:opacity-100 { opacity: 1; } .group:hover .group-hover\:scale-105 { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:scale-\[1\.02\] { --tw-scale-x: 1.02; --tw-scale-y: 1.02; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:scale-\[1\.03\] { --tw-scale-x: 1.03; --tw-scale-y: 1.03; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:gap-2 { gap: 0.5rem; } .group:hover .group-hover\:border-forest\/40 { border-color: hsl(var(--forest) / 0.4); } .group\/dot:hover .group-hover\/dot\:bg-card\/80 { background-color: hsl(var(--card) / 0.8); } .group:hover .group-hover\:bg-black\/20 { background-color: rgb(0 0 0 / 0.2); } .group:hover .group-hover\:bg-foreground\/30 { background-color: hsl(var(--foreground) / 0.3); } .group:hover .group-hover\:bg-muted-foreground\/50 { background-color: hsl(var(--muted-foreground) / 0.5); } .group:hover .group-hover\:bg-secondary { background-color: hsl(var(--secondary)); } .group:hover .group-hover\:bg-white\/30 { background-color: rgb(255 255 255 / 0.3); } .group:hover .group-hover\:text-foreground { color: hsl(var(--foreground)); } .group:hover .group-hover\:text-foreground\/60 { color: hsl(var(--foreground) / 0.6); } .group:hover .group-hover\:text-forest { color: hsl(var(--forest)); } .group:hover .group-hover\:text-primary { color: hsl(var(--primary)); } .group:hover .group-hover\:text-white\/80 { color: rgb(255 255 255 / 0.8); } .group:hover .group-hover\:underline { text-decoration-line: underline; } .group\/menu-item:hover .group-hover\/menu-item\:opacity-100 { opacity: 1; } .group:hover .group-hover\:opacity-100 { opacity: 1; } .group:hover .group-hover\:shadow-md { --tw-shadow: var(--shadow-md); --tw-shadow-colored: var(--shadow-md); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group.toaster .group-\[\.toaster\]\:\!border-2 { border-width: 2px !important; } .group.destructive .group-\[\.destructive\]\:border-muted\/40 { border-color: hsl(var(--muted) / 0.4); } .group.toaster .group-\[\.toaster\]\:\!border-green-500 { --tw-border-opacity: 1 !important; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)) !important; } .group.toaster .group-\[\.toaster\]\:border-border { border-color: hsl(var(--border)); } .group.toast .group-\[\.toast\]\:bg-muted { background-color: hsl(var(--muted)); } .group.toast .group-\[\.toast\]\:bg-primary { background-color: hsl(var(--primary)); } .group.toaster .group-\[\.toaster\]\:\!bg-green-50 { --tw-bg-opacity: 1 !important; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)) !important; } .group.toaster .group-\[\.toaster\]\:bg-background { background-color: hsl(var(--background)); } .group.destructive .group-\[\.destructive\]\:text-red-300 { --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); } .group.toast .group-\[\.toast\]\:text-muted-foreground { color: hsl(var(--muted-foreground)); } .group.toast .group-\[\.toast\]\:text-primary-foreground { color: hsl(var(--primary-foreground)); } .group.toaster .group-\[\.toaster\]\:\!text-green-900 { --tw-text-opacity: 1 !important; color: rgb(20 83 45 / var(--tw-text-opacity, 1)) !important; } .group.toaster .group-\[\.toaster\]\:text-foreground { color: hsl(var(--foreground)); } .group.toaster .group-\[\.toaster\]\:shadow-lg { --tw-shadow: var(--shadow-lg); --tw-shadow-colored: var(--shadow-lg); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover { border-color: hsl(var(--destructive) / 0.3); } .group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover { background-color: hsl(var(--destructive)); } .group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover { color: hsl(var(--destructive-foreground)); } .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover { --tw-text-opacity: 1; color: rgb(254 242 242 / var(--tw-text-opacity, 1)); } .group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus { --tw-ring-color: hsl(var(--destructive)); } .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1)); } .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus { --tw-ring-offset-color: #dc2626; } .peer\/menu-button:hover ~ .peer-hover\/menu-button\:text-sidebar-accent-foreground { color: hsl(var(--sidebar-accent-foreground)); } .peer:focus-visible ~ .peer-focus-visible\:outline-none { outline: 2px solid transparent; outline-offset: 2px; } .peer:focus-visible ~ .peer-focus-visible\:ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .peer:focus-visible ~ .peer-focus-visible\:ring-ring { --tw-ring-color: hsl(var(--ring)); } .peer:disabled ~ .peer-disabled\:cursor-not-allowed { cursor: not-allowed; } .peer:disabled ~ .peer-disabled\:opacity-70 { opacity: 0.7; } .has-\[\[data-variant\=inset\]\]\:bg-sidebar:has([data-variant=inset]) { background-color: hsl(var(--sidebar-background)); } .has-\[\:disabled\]\:opacity-50:has(:disabled) { opacity: 0.5; } .group\/menu-item:has([data-sidebar=menu-action]) .group-has-\[\[data-sidebar\=menu-action\]\]\/menu-item\:pr-8 { padding-right: 2rem; } .aria-disabled\:pointer-events-none[aria-disabled="true"] { pointer-events: none; } .aria-disabled\:opacity-50[aria-disabled="true"] { opacity: 0.5; } .aria-selected\:bg-accent\/50[aria-selected="true"] { background-color: hsl(var(--accent) / 0.5); } .aria-selected\:bg-muted\/60[aria-selected="true"] { background-color: hsl(var(--muted) / 0.6); } .aria-selected\:text-foreground[aria-selected="true"] { color: hsl(var(--foreground)); } .aria-selected\:text-muted-foreground[aria-selected="true"] { color: hsl(var(--muted-foreground)); } .aria-selected\:opacity-100[aria-selected="true"] { opacity: 1; } .aria-selected\:opacity-30[aria-selected="true"] { opacity: 0.3; } .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { pointer-events: none; } .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; } .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"] { height: 1px; } .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"] { width: 100%; } .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] { --tw-translate-y: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=left\]\:-translate-x-1[data-side="left"] { --tw-translate-x: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=right\]\:translate-x-1[data-side="right"] { --tw-translate-x: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[side\=top\]\:-translate-y-1[data-side="top"] { --tw-translate-y: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=checked\]\:translate-x-5[data-state="checked"] { --tw-translate-x: 1.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"] { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"] { --tw-translate-x: var(--radix-toast-swipe-end-x); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"] { --tw-translate-x: var(--radix-toast-swipe-move-x); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes accordion-up { from { height: var(--radix-accordion-content-height); } to { height: 0; } } .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] { animation: accordion-up 0.2s ease-out; } @keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height); } } .data-\[state\=open\]\:animate-accordion-down[data-state="open"] { animation: accordion-down 0.2s ease-out; } .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"] { flex-direction: column; } .data-\[active\=true\]\:border-ring[data-active="true"] { border-color: hsl(var(--ring)); } .data-\[state\=checked\]\:border-foreground[data-state="checked"] { border-color: hsl(var(--foreground)); } .data-\[state\=checked\]\:border-forest[data-state="checked"] { border-color: hsl(var(--forest)); } .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"] { background-color: hsl(var(--sidebar-accent)); } .data-\[active\]\:bg-accent\/50[data-active] { background-color: hsl(var(--accent) / 0.5); } .data-\[selected\=\'true\'\]\:bg-accent[data-selected='true'] { background-color: hsl(var(--accent)); } .data-\[state\=active\]\:bg-background[data-state="active"] { background-color: hsl(var(--background)); } .data-\[state\=checked\]\:bg-foreground[data-state="checked"] { background-color: hsl(var(--foreground)); } .data-\[state\=checked\]\:bg-forest[data-state="checked"] { background-color: hsl(var(--forest)); } .data-\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: hsl(var(--primary)); } .data-\[state\=on\]\:bg-accent[data-state="on"] { background-color: hsl(var(--accent)); } .data-\[state\=open\]\:bg-accent[data-state="open"] { background-color: hsl(var(--accent)); } .data-\[state\=open\]\:bg-accent\/50[data-state="open"] { background-color: hsl(var(--accent) / 0.5); } .data-\[state\=open\]\:bg-secondary[data-state="open"] { background-color: hsl(var(--secondary)); } .data-\[state\=selected\]\:bg-muted[data-state="selected"] { background-color: hsl(var(--muted)); } .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] { background-color: hsl(var(--input)); } .data-\[active\=true\]\:font-medium[data-active="true"] { font-weight: 500; } .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"] { color: hsl(var(--sidebar-accent-foreground)); } .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] { color: hsl(var(--accent-foreground)); } .data-\[state\=active\]\:text-foreground[data-state="active"] { color: hsl(var(--foreground)); } .data-\[state\=checked\]\:text-background[data-state="checked"] { color: hsl(var(--background)); } .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] { color: hsl(var(--primary-foreground)); } .data-\[state\=on\]\:text-accent-foreground[data-state="on"] { color: hsl(var(--accent-foreground)); } .data-\[state\=open\]\:text-accent-foreground[data-state="open"] { color: hsl(var(--accent-foreground)); } .data-\[state\=open\]\:text-muted-foreground[data-state="open"] { color: hsl(var(--muted-foreground)); } .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { opacity: 0.5; } .data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; } .data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; } .data-\[state\=active\]\:shadow-sm[data-state="active"] { --tw-shadow: var(--shadow-sm); --tw-shadow-colored: var(--shadow-sm); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .data-\[swipe\=move\]\:transition-none[data-swipe="move"] { transition-property: none; } .data-\[state\=closed\]\:duration-300[data-state="closed"] { transition-duration: 300ms; } .data-\[state\=open\]\:duration-500[data-state="open"] { transition-duration: 500ms; } .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .data-\[state\=open\]\:animate-in[data-state="open"] { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .data-\[state\=visible\]\:animate-in[data-state="visible"] { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .data-\[state\=closed\]\:animate-out[data-state="closed"] { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .data-\[state\=hidden\]\:animate-out[data-state="hidden"] { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .data-\[swipe\=end\]\:animate-out[data-swipe="end"] { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] { --tw-enter-opacity: 0; } .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] { --tw-exit-opacity: 0; } .data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; } .data-\[state\=closed\]\:fade-out-80[data-state="closed"] { --tw-exit-opacity: 0.8; } .data-\[state\=hidden\]\:fade-out[data-state="hidden"] { --tw-exit-opacity: 0; } .data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; } .data-\[state\=visible\]\:fade-in[data-state="visible"] { --tw-enter-opacity: 0; } .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; } .data-\[state\=open\]\:zoom-in-90[data-state="open"] { --tw-enter-scale: .9; } .data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; } .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] { --tw-enter-translate-x: 13rem; } .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] { --tw-enter-translate-x: -13rem; } .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] { --tw-exit-translate-x: 13rem; } .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] { --tw-exit-translate-x: -13rem; } .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: -0.5rem; } .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: 0.5rem; } .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: -0.5rem; } .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: 0.5rem; } .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] { --tw-exit-translate-y: 100%; } .data-\[state\=closed\]\:slide-out-to-bottom-4[data-state="closed"] { --tw-exit-translate-y: 1rem; } .data-\[state\=closed\]\:slide-out-to-bottom-\[2\%\][data-state="closed"] { --tw-exit-translate-y: 2%; } .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] { --tw-exit-translate-x: -100%; } .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] { --tw-exit-translate-x: 100%; } .data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"] { --tw-exit-translate-x: 100%; } .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] { --tw-exit-translate-y: -100%; } .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] { --tw-enter-translate-y: 100%; } .data-\[state\=open\]\:slide-in-from-bottom-4[data-state="open"] { --tw-enter-translate-y: 1rem; } .data-\[state\=open\]\:slide-in-from-bottom-\[2\%\][data-state="open"] { --tw-enter-translate-y: 2%; } .data-\[state\=open\]\:slide-in-from-bottom-full[data-state="open"] { --tw-enter-translate-y: 100%; } .data-\[state\=open\]\:slide-in-from-left[data-state="open"] { --tw-enter-translate-x: -100%; } .data-\[state\=open\]\:slide-in-from-right[data-state="open"] { --tw-enter-translate-x: 100%; } .data-\[state\=open\]\:slide-in-from-top[data-state="open"] { --tw-enter-translate-y: -100%; } .data-\[state\=open\]\:slide-in-from-top-2[data-state="open"] { --tw-enter-translate-y: -0.5rem; } .data-\[state\=closed\]\:duration-300[data-state="closed"] { animation-duration: 300ms; } .data-\[state\=open\]\:duration-500[data-state="open"] { animation-duration: 500ms; } .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); left: 0px; } .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after { content: var(--tw-content); height: 0.25rem; } .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after { content: var(--tw-content); width: 100%; } .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after { content: var(--tw-content); --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[state\=open\]\:hover\:bg-sidebar-accent:hover[data-state="open"] { background-color: hsl(var(--sidebar-accent)); } .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground:hover[data-state="open"] { color: hsl(var(--sidebar-accent-foreground)); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\] { left: calc(var(--sidebar-width) * -1); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\] { right: calc(var(--sidebar-width) * -1); } .group[data-side="left"] .group-data-\[side\=left\]\:-right-4 { right: -1rem; } .group[data-side="right"] .group-data-\[side\=right\]\:left-0 { left: 0px; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:-mt-8 { margin-top: -2rem; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:hidden { display: none; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!size-8 { width: 2rem !important; height: 2rem !important; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[--sidebar-width-icon\] { width: var(--sidebar-width-icon); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\] { width: calc(var(--sidebar-width-icon) + 1rem); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\] { width: calc(var(--sidebar-width-icon) + 1rem + 2px); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:w-0 { width: 0px; } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group[data-side="right"] .group-data-\[side\=right\]\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group[data-state="open"] .group-data-\[state\=open\]\:rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:overflow-hidden { overflow: hidden; } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:rounded-lg { border-radius: var(--radius); } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:border { border-width: 1px; } .group[data-side="left"] .group-data-\[side\=left\]\:border-r { border-right-width: 1px; } .group[data-side="right"] .group-data-\[side\=right\]\:border-l { border-left-width: 1px; } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:border-sidebar-border { border-color: hsl(var(--sidebar-border)); } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-0 { padding: 0px !important; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:\!p-2 { padding: 0.5rem !important; } .group[data-collapsible="icon"] .group-data-\[collapsible\=icon\]\:opacity-0 { opacity: 0; } .group[data-variant="floating"] .group-data-\[variant\=floating\]\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:after\:left-full::after { content: var(--tw-content); left: 100%; } .group[data-collapsible="offcanvas"] .group-data-\[collapsible\=offcanvas\]\:hover\:bg-sidebar:hover { background-color: hsl(var(--sidebar-background)); } .peer\/menu-button[data-size="default"] ~ .peer-data-\[size\=default\]\/menu-button\:top-1\.5 { top: 0.375rem; } .peer\/menu-button[data-size="lg"] ~ .peer-data-\[size\=lg\]\/menu-button\:top-2\.5 { top: 0.625rem; } .peer\/menu-button[data-size="sm"] ~ .peer-data-\[size\=sm\]\/menu-button\:top-1 { top: 0.25rem; } .peer[data-variant="inset"] ~ .peer-data-\[variant\=inset\]\:min-h-\[calc\(100svh-theme\(spacing\.4\)\)\] { min-height: calc(100svh - 1rem); } .peer\/menu-button[data-active="true"] ~ .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground { color: hsl(var(--sidebar-accent-foreground)); } .prose-headings\:font-semibold :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-weight: 600; } .prose-headings\:tracking-tight :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { letter-spacing: -0.025em; } .prose-headings\:text-foreground :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: hsl(var(--foreground)); } .prose-h2\:mb-6 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: 1.5rem; } .prose-h2\:mt-14 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: 3.5rem; } .prose-h2\:border-b :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-bottom-width: 1px; } .prose-h2\:border-border :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-color: hsl(var(--border)); } .prose-h2\:pb-4 :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-bottom: 1rem; } .prose-h2\:text-2xl :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 1.5rem; line-height: 2rem; } .prose-h3\:mb-4 :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: 1rem; } .prose-h3\:mt-10 :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: 2.5rem; } .prose-h3\:text-xl :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 1.25rem; line-height: 1.75rem; } .prose-h4\:mb-3 :is(:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: 0.75rem; } .prose-h4\:mt-8 :is(:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: 2rem; } .prose-h4\:text-lg :is(:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 1.125rem; line-height: 1.75rem; } .prose-h4\:font-medium :is(:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-weight: 500; } .prose-p\:mb-6 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-bottom: 1.5rem; } .prose-p\:leading-relaxed :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { line-height: 1.625; } .prose-p\:text-foreground\/85 :is(:where(p):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: hsl(var(--foreground) / 0.85); } .prose-a\:font-medium :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-weight: 500; } .prose-a\:text-primary :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: hsl(var(--primary)); } .prose-a\:no-underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) { text-decoration-line: none; } .hover\:prose-a\:underline :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))):hover { text-decoration-line: underline; } .prose-blockquote\:border-l-4 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-left-width: 4px; } .prose-blockquote\:border-primary :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-color: hsl(var(--primary)); } .prose-blockquote\:pl-6 :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-left: 1.5rem; } .prose-blockquote\:italic :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-style: italic; } .prose-blockquote\:text-muted-foreground :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: hsl(var(--muted-foreground)); } .prose-strong\:font-semibold :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-weight: 600; } .prose-strong\:text-foreground :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: hsl(var(--foreground)); } .prose-ol\:my-6 :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: 1.5rem; margin-bottom: 1.5rem; } .prose-ol\:pl-6 :is(:where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-left: 1.5rem; } .prose-ul\:my-6 :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: 1.5rem; margin-bottom: 1.5rem; } .prose-ul\:pl-6 :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) { padding-left: 1.5rem; } .prose-li\:my-2 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: 0.5rem; margin-bottom: 0.5rem; } .prose-li\:leading-relaxed :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) { line-height: 1.625; } .prose-li\:text-foreground\/85 :is(:where(li):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: hsl(var(--foreground) / 0.85); } .prose-img\:my-8 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: 2rem; margin-bottom: 2rem; } .prose-img\:rounded-xl :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-radius: 0.75rem; } .prose-hr\:my-12 :is(:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *))) { margin-top: 3rem; margin-bottom: 3rem; } .prose-hr\:border-border :is(:where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *))) { border-color: hsl(var(--border)); } .prose-lead\:text-xl :is(:where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 1.25rem; line-height: 1.75rem; } .prose-lead\:leading-relaxed :is(:where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *))) { line-height: 1.625; } .prose-lead\:text-muted-foreground :is(:where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *))) { color: hsl(var(--muted-foreground)); } @media (prefers-reduced-motion: reduce) { @keyframes pulse { 50% { opacity: .5; } } .motion-reduce\:animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } } .dark\:border-amber-400\/40:is(.dark *) { border-color: rgb(251 191 36 / 0.4); } .dark\:border-amber-900\/50:is(.dark *) { border-color: rgb(120 53 15 / 0.5); } .dark\:border-destructive:is(.dark *) { border-color: hsl(var(--destructive)); } .dark\:border-white\/30:is(.dark *) { border-color: rgb(255 255 255 / 0.3); } .dark\:bg-amber-400\/10:is(.dark *) { background-color: rgb(251 191 36 / 0.1); } .dark\:bg-amber-900\/20:is(.dark *) { background-color: rgb(120 53 15 / 0.2); } .dark\:bg-card:is(.dark *) { background-color: hsl(var(--card)); } .dark\:bg-green-900\/30:is(.dark *) { background-color: rgb(20 83 45 / 0.3); } .dark\:bg-red-900\/30:is(.dark *) { background-color: rgb(127 29 29 / 0.3); } .dark\:bg-white\/\[0\.04\]:is(.dark *) { background-color: rgb(255 255 255 / 0.04); } .dark\:text-amber-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(253 230 138 / var(--tw-text-opacity, 1)); } .dark\:text-amber-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); } .dark\:text-amber-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .dark\:text-emerald-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity, 1)); } .dark\:text-green-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } .dark\:text-green-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .dark\:text-red-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .dark\:text-rose-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(253 164 175 / var(--tw-text-opacity, 1)); } .dark\:brightness-0:is(.dark *) { --tw-brightness: brightness(0); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .dark\:invert:is(.dark *) { --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .dark\:\[filter\:brightness\(0\)_invert\(1\)\]:is(.dark *) { filter: brightness(0) invert(1); } .dark\:focus\:bg-red-400\/10:focus:is(.dark *) { background-color: rgb(248 113 113 / 0.1); } .dark\:focus\:text-red-400:focus:is(.dark *) { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .group.toaster .dark\:group-\[\.toaster\]\:\!border-green-600:is(.dark *) { --tw-border-opacity: 1 !important; border-color: rgb(22 163 74 / var(--tw-border-opacity, 1)) !important; } .group.toaster .dark\:group-\[\.toaster\]\:\!bg-green-950:is(.dark *) { --tw-bg-opacity: 1 !important; background-color: rgb(5 46 22 / var(--tw-bg-opacity, 1)) !important; } .group.toaster .dark\:group-\[\.toaster\]\:\!text-green-100:is(.dark *) { --tw-text-opacity: 1 !important; color: rgb(220 252 231 / var(--tw-text-opacity, 1)) !important; } @media (min-width: 360px) { .min-\[360px\]\:inline { display: inline; } .min-\[360px\]\:gap-2 { gap: 0.5rem; } .min-\[360px\]\:px-4 { padding-left: 1rem; padding-right: 1rem; } } @media (min-width: 400px) { .min-\[400px\]\:block { display: block; } } @media (min-width: 640px) { .sm\:right-4 { right: 1rem; } .sm\:top-4 { top: 1rem; } .sm\:order-1 { order: 1; } .sm\:order-2 { order: 2; } .sm\:mb-4 { margin-bottom: 1rem; } .sm\:mb-8 { margin-bottom: 2rem; } .sm\:ml-auto { margin-left: auto; } .sm\:mr-0 { margin-right: 0px; } .sm\:mt-0 { margin-top: 0px; } .sm\:mt-4 { margin-top: 1rem; } .sm\:block { display: block; } .sm\:inline { display: inline; } .sm\:flex { display: flex; } .sm\:inline-flex { display: inline-flex; } .sm\:grid { display: grid; } .sm\:hidden { display: none; } .sm\:h-10 { height: 2.5rem; } .sm\:h-12 { height: 3rem; } .sm\:h-28 { height: 7rem; } .sm\:h-5 { height: 1.25rem; } .sm\:h-64 { height: 16rem; } .sm\:h-\[320px\] { height: 320px; } .sm\:h-\[340px\] { height: 340px; } .sm\:h-\[360px\] { height: 360px; } .sm\:h-full { height: 100%; } .sm\:max-h-\[90vh\] { max-height: 90vh; } .sm\:min-h-\[520px\] { min-height: 520px; } .sm\:w-10 { width: 2.5rem; } .sm\:w-12 { width: 3rem; } .sm\:w-28 { width: 7rem; } .sm\:w-32 { width: 8rem; } .sm\:w-48 { width: 12rem; } .sm\:w-5 { width: 1.25rem; } .sm\:w-\[52\%\] { width: 52%; } .sm\:w-\[55vw\] { width: 55vw; } .sm\:w-auto { width: auto; } .sm\:min-w-0 { min-width: 0px; } .sm\:min-w-\[280px\] { min-width: 280px; } .sm\:max-w-2xl { max-width: 42rem; } .sm\:max-w-\[280px\] { max-width: 280px; } .sm\:max-w-lg { max-width: 32rem; } .sm\:max-w-md { max-width: 28rem; } .sm\:max-w-sm { max-width: 24rem; } .sm\:flex-1 { flex: 1 1 0%; } .sm\:flex-initial { flex: 0 1 auto; } .sm\:flex-none { flex: none; } .sm\:flex-shrink-0 { flex-shrink: 0; } .sm\:shrink-0 { flex-shrink: 0; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .sm\:grid-cols-\[200px_minmax\(0\2c 1fr\)\] { grid-template-columns: 200px minmax(0,1fr); } .sm\:flex-row { flex-direction: row; } .sm\:flex-col { flex-direction: column; } .sm\:flex-wrap { flex-wrap: wrap; } .sm\:items-start { align-items: flex-start; } .sm\:items-end { align-items: flex-end; } .sm\:items-center { align-items: center; } .sm\:justify-end { justify-content: flex-end; } .sm\:justify-between { justify-content: space-between; } .sm\:gap-1\.5 { gap: 0.375rem; } .sm\:gap-2 { gap: 0.5rem; } .sm\:gap-2\.5 { gap: 0.625rem; } .sm\:gap-3 { gap: 0.75rem; } .sm\:gap-4 { gap: 1rem; } .sm\:gap-6 { gap: 1.5rem; } .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .sm\:truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sm\:rounded-lg { border-radius: var(--radius); } .sm\:p-4 { padding: 1rem; } .sm\:p-5 { padding: 1.25rem; } .sm\:p-6 { padding: 1.5rem; } .sm\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .sm\:px-16 { padding-left: 4rem; padding-right: 4rem; } .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; } .sm\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .sm\:py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } .sm\:py-8 { padding-top: 2rem; padding-bottom: 2rem; } .sm\:pb-4 { padding-bottom: 1rem; } .sm\:pb-8 { padding-bottom: 2rem; } .sm\:pt-3 { padding-top: 0.75rem; } .sm\:pt-4 { padding-top: 1rem; } .sm\:pt-8 { padding-top: 2rem; } .sm\:text-left { text-align: left; } .sm\:text-center { text-align: center; } .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .sm\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .sm\:text-\[22px\] { font-size: 22px; } .sm\:text-base { font-size: 1rem; line-height: 1.5rem; } .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } .sm\:text-xs { font-size: 0.75rem; line-height: 1rem; } } @media (min-width: 768px) { .md\:absolute { position: absolute; } .md\:relative { position: relative; } .md\:sticky { position: sticky; } .md\:inset-8 { inset: 2rem; } .md\:top-24 { top: 6rem; } .md\:order-1 { order: 1; } .md\:order-2 { order: 2; } .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:col-span-full { grid-column: 1 / -1; } .md\:col-start-1 { grid-column-start: 1; } .md\:col-start-2 { grid-column-start: 2; } .md\:row-span-2 { grid-row: span 2 / span 2; } .md\:row-start-1 { grid-row-start: 1; } .md\:row-start-2 { grid-row-start: 2; } .md\:-mx-3 { margin-left: -0.75rem; margin-right: -0.75rem; } .md\:mx-0 { margin-left: 0px; margin-right: 0px; } .md\:my-12 { margin-top: 3rem; margin-bottom: 3rem; } .md\:-mt-24 { margin-top: -6rem; } .md\:mb-1 { margin-bottom: 0.25rem; } .md\:mb-10 { margin-bottom: 2.5rem; } .md\:mb-12 { margin-bottom: 3rem; } .md\:mb-14 { margin-bottom: 3.5rem; } .md\:mb-16 { margin-bottom: 4rem; } .md\:mb-2 { margin-bottom: 0.5rem; } .md\:mb-20 { margin-bottom: 5rem; } .md\:mb-3 { margin-bottom: 0.75rem; } .md\:mb-4 { margin-bottom: 1rem; } .md\:mb-5 { margin-bottom: 1.25rem; } .md\:mb-6 { margin-bottom: 1.5rem; } .md\:mb-8 { margin-bottom: 2rem; } .md\:ml-2 { margin-left: 0.5rem; } .md\:mr-1 { margin-right: 0.25rem; } .md\:mr-4 { margin-right: 1rem; } .md\:mt-12 { margin-top: 3rem; } .md\:mt-2 { margin-top: 0.5rem; } .md\:mt-3 { margin-top: 0.75rem; } .md\:mt-6 { margin-top: 1.5rem; } .md\:mt-8 { margin-top: 2rem; } .md\:mt-\[19px\] { margin-top: 19px; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:inline-flex { display: inline-flex; } .md\:grid { display: grid; } .md\:hidden { display: none; } .md\:aspect-\[16\/10\] { aspect-ratio: 16/10; } .md\:aspect-auto { aspect-ratio: auto; } .md\:h-10 { height: 2.5rem; } .md\:h-20 { height: 5rem; } .md\:h-28 { height: 7rem; } .md\:h-5 { height: 1.25rem; } .md\:h-9 { height: 2.25rem; } .md\:h-\[133px\] { height: 133px; } .md\:h-\[360px\] { height: 360px; } .md\:h-\[400px\] { height: 400px; } .md\:h-\[420px\] { height: 420px; } .md\:h-\[70vh\] { height: 70vh; } .md\:h-\[86px\] { height: 86px; } .md\:h-\[calc\(100svh-4rem\)\] { height: calc(100svh - 4rem); } .md\:h-auto { height: auto; } .md\:h-full { height: 100%; } .md\:h-icon-3xl { height: 88px; } .md\:max-h-\[700px\] { max-height: 700px; } .md\:max-h-\[750px\] { max-height: 750px; } .md\:min-h-0 { min-height: 0px; } .md\:min-h-\[540px\] { min-height: 540px; } .md\:min-h-\[640px\] { min-height: 640px; } .md\:min-h-fit { min-height: -moz-fit-content; min-height: fit-content; } .md\:w-36 { width: 9rem; } .md\:w-40 { width: 10rem; } .md\:w-5 { width: 1.25rem; } .md\:w-64 { width: 16rem; } .md\:w-\[270px\] { width: 270px; } .md\:w-\[288px\] { width: 288px; } .md\:w-\[360px\] { width: 360px; } .md\:w-\[42vw\] { width: 42vw; } .md\:w-\[432px\] { width: 432px; } .md\:w-\[44\%\] { width: 44%; } .md\:w-\[86px\] { width: 86px; } .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] { width: var(--radix-navigation-menu-viewport-width); } .md\:w-auto { width: auto; } .md\:w-full { width: 100%; } .md\:w-icon-3xl { width: 88px; } .md\:min-w-\[72px\] { min-width: 72px; } .md\:max-w-\[420px\] { max-width: 420px; } .md\:flex-1 { flex: 1 1 0%; } .md\:shrink { flex-shrink: 1; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .md\:grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; } .md\:grid-cols-\[auto_1fr_auto_auto_minmax\(0\2c 1fr\)\] { grid-template-columns: auto 1fr auto auto minmax(0,1fr); } .md\:grid-cols-\[minmax\(min-content\2c 1fr\)_minmax\(0\2c 1fr\)\] { grid-template-columns: minmax(min-content,1fr) minmax(0,1fr); } .md\:grid-cols-subgrid { grid-template-columns: subgrid; } .md\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .md\:grid-rows-\[auto_auto\] { grid-template-rows: auto auto; } .md\:flex-row { flex-direction: row; } .md\:flex-wrap { flex-wrap: wrap; } .md\:items-start { align-items: flex-start; } .md\:items-end { align-items: flex-end; } .md\:items-center { align-items: center; } .md\:justify-between { justify-content: space-between; } .md\:gap-1 { gap: 0.25rem; } .md\:gap-12 { gap: 3rem; } .md\:gap-3 { gap: 0.75rem; } .md\:gap-4 { gap: 1rem; } .md\:gap-5 { gap: 1.25rem; } .md\:gap-6 { gap: 1.5rem; } .md\:gap-7 { gap: 1.75rem; } .md\:gap-8 { gap: 2rem; } .md\:gap-x-2 { -moz-column-gap: 0.5rem; column-gap: 0.5rem; } .md\:gap-x-3 { -moz-column-gap: 0.75rem; column-gap: 0.75rem; } .md\:gap-x-6 { -moz-column-gap: 1.5rem; column-gap: 1.5rem; } .md\:gap-y-8 { row-gap: 2rem; } .md\:space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .md\:self-auto { align-self: auto; } .md\:rounded-2xl { border-radius: 1rem; } .md\:border-t { border-top-width: 1px; } .md\:border-border { border-color: hsl(var(--border)); } .md\:p-3 { padding: 0.75rem; } .md\:p-5 { padding: 1.25rem; } .md\:p-6 { padding: 1.5rem; } .md\:p-8 { padding: 2rem; } .md\:px-0 { padding-left: 0px; padding-right: 0px; } .md\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .md\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .md\:px-4 { padding-left: 1rem; padding-right: 1rem; } .md\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .md\:px-8 { padding-left: 2rem; padding-right: 2rem; } .md\:py-0 { padding-top: 0px; padding-bottom: 0px; } .md\:py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .md\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .md\:py-12 { padding-top: 3rem; padding-bottom: 3rem; } .md\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .md\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .md\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .md\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .md\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .md\:py-8 { padding-top: 2rem; padding-bottom: 2rem; } .md\:pb-10 { padding-bottom: 2.5rem; } .md\:pb-12 { padding-bottom: 3rem; } .md\:pb-6 { padding-bottom: 1.5rem; } .md\:pb-8 { padding-bottom: 2rem; } .md\:pt-10 { padding-top: 2.5rem; } .md\:pt-11 { padding-top: 2.75rem; } .md\:pt-12 { padding-top: 3rem; } .md\:pt-3 { padding-top: 0.75rem; } .md\:pt-5 { padding-top: 1.25rem; } .md\:pt-8 { padding-top: 2rem; } .md\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .md\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .md\:text-5xl { font-size: 3rem; line-height: 1; } .md\:text-\[15px\] { font-size: 15px; } .md\:text-\[2\.5rem\] { font-size: 2.5rem; } .md\:text-\[32px\] { font-size: 32px; } .md\:text-\[48px\] { font-size: 48px; } .md\:text-base { font-size: 1rem; line-height: 1.5rem; } .md\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } .md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } .md\:text-xs { font-size: 0.75rem; line-height: 1rem; } .md\:leading-\[0\.9\] { line-height: 0.9; } .md\:leading-\[1\.1\] { line-height: 1.1; } .md\:leading-\[1\.2\] { line-height: 1.2; } .md\:leading-relaxed { line-height: 1.625; } .md\:opacity-0 { opacity: 0; } .after\:md\:hidden::after { content: var(--tw-content); display: none; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:m-2 { margin: 0.5rem; } .peer[data-state="collapsed"][data-variant="inset"] ~ .md\:peer-data-\[state\=collapsed\]\:peer-data-\[variant\=inset\]\:ml-2 { margin-left: 0.5rem; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:ml-0 { margin-left: 0px; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:rounded-xl { border-radius: 0.75rem; } .peer[data-variant="inset"] ~ .md\:peer-data-\[variant\=inset\]\:shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .prose-h2\:md\:text-3xl :is(:where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 1.875rem; line-height: 2.25rem; } .prose-h3\:md\:text-2xl :is(:where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 1.5rem; line-height: 2rem; } .prose-h4\:md\:text-xl :is(:where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *))) { font-size: 1.25rem; line-height: 1.75rem; } } @media (min-width: 1024px) { .lg\:bottom-4 { bottom: 1rem; } .lg\:left-4 { left: 1rem; } .lg\:right-4 { right: 1rem; } .lg\:col-span-1 { grid-column: span 1 / span 1; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:-mx-5 { margin-left: -1.25rem; margin-right: -1.25rem; } .lg\:mx-0 { margin-left: 0px; margin-right: 0px; } .lg\:my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .lg\:mb-0 { margin-bottom: 0px; } .lg\:mb-3 { margin-bottom: 0.75rem; } .lg\:mb-4 { margin-bottom: 1rem; } .lg\:mt-14 { margin-top: 3.5rem; } .lg\:mt-3 { margin-top: 0.75rem; } .lg\:mt-\[22px\] { margin-top: 22px; } .lg\:block { display: block; } .lg\:inline { display: inline; } .lg\:flex { display: flex; } .lg\:grid { display: grid; } .lg\:hidden { display: none; } .lg\:aspect-\[16\/10\] { aspect-ratio: 16/10; } .lg\:aspect-\[3\/4\] { aspect-ratio: 3/4; } .lg\:aspect-\[4\/3\] { aspect-ratio: 4/3; } .lg\:aspect-\[4\/5\] { aspect-ratio: 4/5; } .lg\:aspect-\[6\/5\] { aspect-ratio: 6/5; } .lg\:aspect-square { aspect-ratio: 1 / 1; } .lg\:h-14 { height: 3.5rem; } .lg\:h-4 { height: 1rem; } .lg\:h-5 { height: 1.25rem; } .lg\:h-7 { height: 1.75rem; } .lg\:h-9 { height: 2.25rem; } .lg\:h-\[155px\] { height: 155px; } .lg\:h-\[clamp\(180px\2c calc\(100svh-560px\)\2c 412px\)\] { height: clamp(180px, calc(100svh - 560px), 412px); } .lg\:h-full { height: 100%; } .lg\:min-h-\[140px\] { min-height: 140px; } .lg\:min-h-\[220px\] { min-height: 220px; } .lg\:min-h-\[580px\] { min-height: 580px; } .lg\:min-h-\[660px\] { min-height: 660px; } .lg\:w-1\/3 { width: 33.333333%; } .lg\:w-14 { width: 3.5rem; } .lg\:w-2\/3 { width: 66.666667%; } .lg\:w-4 { width: 1rem; } .lg\:w-44 { width: 11rem; } .lg\:w-5 { width: 1.25rem; } .lg\:w-56 { width: 14rem; } .lg\:w-7 { width: 1.75rem; } .lg\:w-80 { width: 20rem; } .lg\:w-9 { width: 2.25rem; } .lg\:w-\[170px\] { width: 170px; } .lg\:w-\[190px\] { width: 190px; } .lg\:w-\[290px\] { width: 290px; } .lg\:w-\[32vw\] { width: 32vw; } .lg\:w-\[38\%\] { width: 38%; } .lg\:w-auto { width: auto; } .lg\:w-full { width: 100%; } .lg\:min-w-\[180px\] { min-width: 180px; } .lg\:min-w-\[600px\] { min-width: 600px; } .lg\:max-w-2xl { max-width: 42rem; } .lg\:max-w-none { max-width: none; } .lg\:flex-1 { flex: 1 1 0%; } .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-\[220px_minmax\(0\2c 1fr\)\] { grid-template-columns: 220px minmax(0,1fr); } .lg\:grid-cols-\[minmax\(0\2c 1fr\)_340px\] { grid-template-columns: minmax(0,1fr) 340px; } .lg\:grid-cols-\[minmax\(0\2c 1fr\)_clamp\(380px\2c 32vw\2c 420px\)\] { grid-template-columns: minmax(0,1fr) clamp(380px, 32vw, 420px); } .lg\:grid-cols-\[minmax\(0\2c 1fr\)_minmax\(320px\2c 0\.7fr\)\] { grid-template-columns: minmax(0,1fr) minmax(320px,0.7fr); } .lg\:flex-row { flex-direction: row; } .lg\:flex-col { flex-direction: column; } .lg\:items-center { align-items: center; } .lg\:justify-end { justify-content: flex-end; } .lg\:justify-center { justify-content: center; } .lg\:justify-between { justify-content: space-between; } .lg\:gap-0 { gap: 0px; } .lg\:gap-1\.5 { gap: 0.375rem; } .lg\:gap-10 { gap: 2.5rem; } .lg\:gap-4 { gap: 1rem; } .lg\:gap-5 { gap: 1.25rem; } .lg\:gap-6 { gap: 1.5rem; } .lg\:gap-x-4 { -moz-column-gap: 1rem; column-gap: 1rem; } .lg\:divide-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(0px * var(--tw-divide-y-reverse)); } .lg\:self-stretch { align-self: stretch; } .lg\:rounded-none { border-radius: 0px; } .lg\:border-l { border-left-width: 1px; } .lg\:border-t-0 { border-top-width: 0px; } .lg\:border-\[hsl\(0_0\%_55\%\)\] { --tw-border-opacity: 1; border-color: hsl(0 0% 55% / var(--tw-border-opacity, 1)); } .lg\:bg-white\/60 { background-color: rgb(255 255 255 / 0.6); } .lg\:bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .lg\:from-secondary\/30 { --tw-gradient-from: hsl(var(--secondary) / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--secondary) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .lg\:to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .lg\:p-0 { padding: 0px; } .lg\:p-5 { padding: 1.25rem; } .lg\:px-0 { padding-left: 0px; padding-right: 0px; } .lg\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .lg\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .lg\:px-4 { padding-left: 1rem; padding-right: 1rem; } .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; } .lg\:py-0 { padding-top: 0px; padding-bottom: 0px; } .lg\:py-16 { padding-top: 4rem; padding-bottom: 4rem; } .lg\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .lg\:py-20 { padding-top: 5rem; padding-bottom: 5rem; } .lg\:py-4 { padding-top: 1rem; padding-bottom: 1rem; } .lg\:py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .lg\:pb-0 { padding-bottom: 0px; } .lg\:pb-16 { padding-bottom: 4rem; } .lg\:pb-\[calc\(5rem\+env\(safe-area-inset-bottom\)\)\] { padding-bottom: calc(5rem + env(safe-area-inset-bottom)); } .lg\:pl-2 { padding-left: 0.5rem; } .lg\:pr-2 { padding-right: 0.5rem; } .lg\:pt-16 { padding-top: 4rem; } .lg\:pt-2 { padding-top: 0.5rem; } .lg\:pt-\[6\.25rem\] { padding-top: 6.25rem; } .lg\:text-center { text-align: center; } .lg\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .lg\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .lg\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .lg\:text-6xl { font-size: 3.75rem; line-height: 1; } .lg\:text-\[24px\] { font-size: 24px; } .lg\:text-\[27px\] { font-size: 27px; } .lg\:text-base { font-size: 1rem; line-height: 1.5rem; } .lg\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } .lg\:text-sm { font-size: 0.875rem; line-height: 1.25rem; } .lg\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } .lg\:hover\:bg-transparent:hover { background-color: transparent; } .group:hover .lg\:group-hover\:opacity-100 { opacity: 1; } .dark\:lg\:bg-card\/60:is(.dark *) { background-color: hsl(var(--card) / 0.6); } } @media (min-width: 1440px) { .xl\:col-span-4 { grid-column: span 4 / span 4; } .xl\:col-span-8 { grid-column: span 8 / span 8; } .xl\:aspect-\[16\/9\] { aspect-ratio: 16/9; } .xl\:h-6 { height: 1.5rem; } .xl\:h-7 { height: 1.75rem; } .xl\:min-h-\[640px\] { min-height: 640px; } .xl\:min-h-\[700px\] { min-height: 700px; } .xl\:w-1\/2 { width: 50%; } .xl\:w-6 { width: 1.5rem; } .xl\:w-7 { width: 1.75rem; } .xl\:w-\[200px\] { width: 200px; } .xl\:w-\[24vw\] { width: 24vw; } .xl\:w-\[320px\] { width: 320px; } .xl\:w-\[34\%\] { width: 34%; } .xl\:max-w-\[1280px\] { max-width: 1280px; } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:grid-cols-\[260px_minmax\(0\2c 1fr\)\] { grid-template-columns: 260px minmax(0,1fr); } .xl\:grid-cols-\[minmax\(0\2c 1fr\)_420px\] { grid-template-columns: minmax(0,1fr) 420px; } .xl\:flex-row { flex-direction: row; } .xl\:gap-14 { gap: 3.5rem; } .xl\:p-10 { padding: 2.5rem; } .xl\:p-6 { padding: 1.5rem; } .xl\:px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .xl\:px-8 { padding-left: 2rem; padding-right: 2rem; } .xl\:pb-24 { padding-bottom: 6rem; } .xl\:pt-24 { padding-top: 6rem; } .xl\:text-2xl { font-size: 1.5rem; line-height: 2rem; } .xl\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .xl\:text-5xl { font-size: 3rem; line-height: 1; } .xl\:text-6xl { font-size: 3.75rem; line-height: 1; } .xl\:text-base { font-size: 1rem; line-height: 1.5rem; } .xl\:text-lg { font-size: 1.125rem; line-height: 1.75rem; } .xl\:text-xl { font-size: 1.25rem; line-height: 1.75rem; } } @media (min-width: 1536px) { .\32xl\:text-5xl { font-size: 3rem; line-height: 1; } .\32xl\:text-6xl { font-size: 3.75rem; line-height: 1; } .\32xl\:text-7xl { font-size: 4.5rem; line-height: 1; } } @media (min-width: 1600px) { .\33xl\:col-span-3 { grid-column: span 3 / span 3; } .\33xl\:col-span-9 { grid-column: span 9 / span 9; } .\33xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 1920px) { .\34xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker { display: none; } .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none; } .\[\&\:has\(\[aria-selected\]\)\]\:bg-muted\/60:has([aria-selected]) { background-color: hsl(var(--muted) / 0.6); } .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md:has([aria-selected]):first-child { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md:has([aria-selected]):last-child { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-muted\/30:has([aria-selected].day-outside) { background-color: hsl(var(--muted) / 0.3); } .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md:has([aria-selected].day-range-end) { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:bg-primary:has([aria-selected].day-range-end) { background-color: hsl(var(--primary)); } .\[\&\:has\(\[aria-selected\]\.day-range-start\)\]\:rounded-l-md:has([aria-selected].day-range-start) { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .\[\&\:has\(\[aria-selected\]\.day-range-start\)\]\:bg-primary:has([aria-selected].day-range-start) { background-color: hsl(var(--primary)); } .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]) { padding-right: 0px; } .\[\&\>button\]\:hidden>button { display: none; } .\[\&\>span\:last-child\]\:truncate>span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .\[\&\>span\]\:line-clamp-1>span { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div { --tw-translate-y: -3px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&\>svg\]\:absolute>svg { position: absolute; } .\[\&\>svg\]\:left-4>svg { left: 1rem; } .\[\&\>svg\]\:top-4>svg { top: 1rem; } .\[\&\>svg\]\:size-3\.5>svg { width: 0.875rem; height: 0.875rem; } .\[\&\>svg\]\:size-4>svg { width: 1rem; height: 1rem; } .\[\&\>svg\]\:shrink-0>svg { flex-shrink: 0; } .\[\&\>svg\]\:text-amber-600>svg { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .\[\&\>svg\]\:text-destructive>svg { color: hsl(var(--destructive)); } .\[\&\>svg\]\:text-foreground>svg { color: hsl(var(--foreground)); } .\[\&\>svg\]\:text-sidebar-accent-foreground>svg { color: hsl(var(--sidebar-accent-foreground)); } .\[\&\>svg\~\*\]\:pl-7>svg~* { padding-left: 1.75rem; } .\[\&\>tr\]\:last\:border-b-0:last-child>tr { border-bottom-width: 0px; } .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction=vertical]>div { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&_\.day-range-middle\]\:rounded-none .day-range-middle { border-radius: 0px; } .\[\&_\.day-range-middle\]\:bg-muted\/50 .day-range-middle { background-color: hsl(var(--muted) / 0.5); } .\[\&_\[aria-selected\]\.day-range-end\]\:rounded-r-md [aria-selected].day-range-end { border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px); } .\[\&_\[aria-selected\]\.day-range-start\]\:rounded-l-md [aria-selected].day-range-start { border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px); } .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-top: 0.375rem; padding-bottom: 0.375rem; } .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: 0.75rem; line-height: 1rem; } .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { font-weight: 500; } .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { color: hsl(var(--muted-foreground)); } .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] { padding-top: 0px; } .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: 1.25rem; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: 1.25rem; } .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height: 3rem; } .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-left: 0.5rem; padding-right: 0.5rem; } .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-top: 0.75rem; padding-bottom: 0.75rem; } .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: 1.25rem; } .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: 1.25rem; } .\[\&_\[data-slot\=slider-range\]\]\:bg-foreground [data-slot=slider-range] { background-color: hsl(var(--foreground)); } .\[\&_\[data-slot\=slider-thumb\]\]\:h-5 [data-slot=slider-thumb] { height: 1.25rem; } .\[\&_\[data-slot\=slider-thumb\]\]\:w-5 [data-slot=slider-thumb] { width: 1.25rem; } .\[\&_\[data-slot\=slider-thumb\]\]\:rounded-full [data-slot=slider-thumb] { border-radius: 9999px; } .\[\&_\[data-slot\=slider-thumb\]\]\:border-2 [data-slot=slider-thumb] { border-width: 2px; } .\[\&_\[data-slot\=slider-thumb\]\]\:border-foreground [data-slot=slider-thumb] { border-color: hsl(var(--foreground)); } .\[\&_\[data-slot\=slider-thumb\]\]\:bg-background [data-slot=slider-thumb] { background-color: hsl(var(--background)); } .\[\&_\[data-slot\=slider-thumb\]\]\:shadow-none [data-slot=slider-thumb] { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .\[\&_\[data-slot\=slider-track\]\]\:h-2 [data-slot=slider-track] { height: 0.5rem; } .\[\&_\[data-slot\=slider-track\]\]\:rounded-full [data-slot=slider-track] { border-radius: 9999px; } .\[\&_\[data-slot\=slider-track\]\]\:bg-foreground\/25 [data-slot=slider-track] { background-color: hsl(var(--foreground) / 0.25); } .\[\&_button\]\:\!h-10 button { height: 2.5rem !important; } .\[\&_button\]\:w-full button { width: 100%; } .\[\&_button\]\:flex-1 button { flex: 1 1 0%; } .\[\&_button\]\:justify-center button { justify-content: center; } @media (min-width: 640px) { .sm\:\[\&_button\]\:flex-none button { flex: none; } } .\[\&_header\>div\:first-child\]\:\!opacity-0 header>div:first-child { opacity: 0 !important; } .\[\&_p\]\:leading-relaxed p { line-height: 1.625; } .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; } .\[\&_svg\]\:size-4 svg { width: 1rem; height: 1rem; } .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; } .\[\&_tr\:last-child\]\:border-0 tr:last-child { border-width: 0px; } .\[\&_tr\]\:border-b tr { border-bottom-width: 1px; } [data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 { right: -0.5rem; } [data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize { cursor: e-resize; } [data-side=left] .\[\[data-side\=left\]_\&\]\:cursor-w-resize { cursor: w-resize; } [data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 { left: -0.5rem; } [data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize { cursor: w-resize; } [data-side=right] .\[\[data-side\=right\]_\&\]\:cursor-e-resize { cursor: e-resize; }