/* Extrait de www.costockage.fr (relevé du 08/10/2026) : les règles utiles à l'accueil du blog (en-tête, pied, haut de page, FAQ, section verte). Régénérer avec scripts/outils/extrait-css.mjs. */
@layer properties {
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
*, ::backdrop, ::after, ::before { --tw-font-weight: initial; --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-scroll-snap-strictness: proximity; --tw-scrollbar-thumb: #0000; --tw-scrollbar-track: #0000; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-content: ""; }
}
}
@layer theme {
:host, :root { --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-400: oklch(75% .183 55.934); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-800: oklch(47.6% .114 61.907); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-600: oklch(60.9% .126 221.723); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-300: :#ffa1bb; --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-500: #f05b57; --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: #f05b57; --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: #f9fafb; --color-gray-100: #f2f4f7; --color-gray-200: #e4e7ec; --color-gray-300: #d0d5dd; --color-gray-400: #98a2b3; --color-gray-500: #667085; --color-gray-600: #475467; --color-gray-700: #344054; --color-gray-800: #1d2939; --color-gray-900: #101828; --color-gray-950: #0c111d; --color-neutral-100: oklch(97% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-400: #9dc49f; --color-stone-700: #4f463a; --color-black: #101828; --color-white: #fff; --spacing: .25rem; --breakpoint-2xl: 1536px; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: 14px; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-sm: 4px; --radius-md: 8px; --radius-lg: .5rem; --radius-xl: 16px; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --shadow-md: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a; --shadow-lg: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a; --ease-out: cubic-bezier(0,0,.2,1); --ease-in-out: cubic-bezier(.4,0,.2,1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0,0,.2,1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1) infinite; --blur-sm: 8px; --blur-3xl: 64px; --aspect-video: 16/9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4,0,.2,1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --font-outfit: Outfit,sans-serif; --font-figtree: Figtree,sans-serif; --font-poppins: Poppins,sans-serif; --font-inter: Inter,sans-serif; --color-primary: #004e53; --color-main: #0c111d; --color-third: #1d2939; --color-description: #787777; --color-gray-dark: #1a2231; --color-gray-border: #d9d9d9; --color-about-us-surface: #f5f5f5; --color-about-us-brand: #00a16c; --color-about-us-title: #0c111d; --color-section-title-primary: var(--color-primary); --color-section-title-secondary: var(--color-main); --color-about-us-body: #2d3738; --color-about-us-link: #333; --color-about-us-review-name: #1d2939; --color-about-us-review-text: #101828; --color-contact-title: var(--color-primary); --color-contact-eyebrow: #8c8c8c; --color-contact-body: var(--color-main); --color-contact-review-surface: #f5f5f5; --color-contact-review-count: #8c8c8c; --color-contact-link: var(--color-main); --color-advantage-item: var(--color-main); --color-brand-50: #ecf3ff; --color-brand-100: #dde9ff; --color-brand-200: #c2d6ff; --color-brand-300: #9cb9ff; --color-brand-400: #7592ff; --color-brand-500: #465fff; --color-brand-600: #3641f5; --color-brand-700: #2a31d8; --color-brand-800: #252dae; --color-brand-900: #262e89; --color-brand-950: #161950; --color-btn-primary: #f05b57; --color-box-primary: #f5f5f5; --color-box-secondary: #fff; --color-box-green: #49605d; --color-p-primary: #2d3738; --color-p-secondary: #50555c; --color-heading-primary: #121212; --color-heading-secondary: #8c8c8c; --color-custom-gray: #dadada1a; --color-grey-500: #50555c; --color-secondary: #8c8c8c; --color-btn-main: #fff; --color-text-normal: #2d3738; --color-self-storage-highlight: #f6b8c8; --color-da-title-pink: #f4a9be; --color-da-title-green: #005054; --color-da-title-dark: #1d1d1b; --color-promo: #b4dfb6; --color-main-duck-green: #005054; --color-main-light-green: #109e6e; --color-main-yellow: #fecd61; --color-main-pink: #f4a9be; --color-main-black: #1d1d1b; --color-main-title-text: #121212; --color-main-body-text: #2d3738; --color-main-muted-text: #8c8c8c; --color-main-input-placeholder: #d9d9d9; --color-main-surface: #f5f5f5; --color-main-input-surface: #fff; --color-main-input-border: #8c8c8c; --color-main-cta-text: var(--color-primary); --color-text-primary: var(--color-main-title-text); --color-text-secondary: var(--color-main-muted-text); --color-form-bg-primary: var(--color-main-surface); --color-form-bg-secondary: var(--color-main-input-surface); --color-input-bg: var(--color-main-input-surface); --color-input-border: var(--color-main-input-border); --color-input-border-error: #f70600; --color-main-error: #f70600; --color-input-accent: #87d1a1; --color-cta-primary-bg: var(--color-main-yellow); --color-cta-primary-text: var(--color-main-black); --color-cta-emphasis-text: var(--color-main-cta-text); --color-search-box-text: var(--color-main-duck-green); --layout-page-width-sidebar: 360px; --layout-page-width-contact: 512px; --layout-storage-center-promotion-item: 245px; --button-height-md: 40px; --button-height-lg: 52px; --input-height-sm: 36px; --input-height-md: 40px; --input-height-lg: 52px; --color-success-50: #ecfdf3; --color-success-300: #6ce9a6; --color-success-400: #32d583; --color-success-500: #12b76a; --color-success-600: #039855; --color-error-50: #fef3f2; --color-error-100: #fee4e2; --color-error-300: #fda29b; --color-error-400: #f97066; --color-error-500: #f04438; --color-error-600: #d92d20; --color-error-800: #912018; --color-warning-50: #fffaeb; --color-warning-200: #fedf89; --color-warning-300: #fec84b; --color-warning-500: #f79009; --color-warning-600: #dc6803; --text-title-md: 36px; --text-title-md--line-height: 44px; --text-title-sm: 30px; --text-title-sm--line-height: 38px; --text-theme-xl: 20px; --text-theme-xl--line-height: 30px; --text-theme-sm: 14px; --text-theme-sm--line-height: 20px; --text-theme-xs: 12px; --text-theme-xs--line-height: 18px; --text-xxl: 28px; --text-xml: 22px; --text-xxs: 10px; --text-md: 16px; --text-24px: 24px; --text-22px: 22px; --text-20px: 20px; --text-18px: 18px; --leading-28px: 28px; --leading-26px: 26px; --leading-20px: 20px; --leading-16px: 16px; --text-section-title-desktop: 36px; --text-section-title-small-desktop: 32px; --text-section-title-mobile: 26px; --leading-md: 14px; --leading-xxs: 6px; --leading-xxl: 46px; --leading-12: 48px; --leading-4\.5: 18px; --radius-xxl: 25px; --radius-xxs: 5px; --radius-xs6: 6px; --z-index-1: 1; --z-index-9: 9; --z-index-99: 99; --z-index-999: 999; --z-index-9999: 9999; --z-index-99999: 99999; --z-index-999999: 999999; --color-contact-text-secondary: #4f473a; --search-map-bl-cut-x: 30%; --search-map-bl-cut-y: 80%; }
}
@layer base {
*, ::backdrop, ::after, ::before { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
::file-selector-button { box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px; }
:host, html { text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings,normal); font-variation-settings: var(--default-font-variation-settings,normal); -webkit-tap-highlight-color: transparent; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
a { color: inherit; text-decoration: inherit; }
summary { display: list-item; }
menu, ol, ul { list-style: none; }
audio, canvas, embed, iframe, img, object, svg, video { vertical-align: middle; display: block; }
img, video { max-width: 100%; height: auto; }
button, input, optgroup, select, textarea { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
::file-selector-button { font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px; }
:where(select:is([multiple], [size])) optgroup { font-weight: bolder; }
:where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; }
::file-selector-button { margin-inline-end: 4px; }
::placeholder { opacity: 1; }
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
::placeholder { color: currentcolor; }
@supports (color:color-mix(in lab,red,red)) {
::placeholder { color: color-mix(currentcolor, transparent); }
}
}
::-webkit-search-decoration { appearance: none; }
::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; }
::-webkit-datetime-edit { display: inline-flex; }
::-webkit-datetime-edit-fields-wrapper { padding: 0px; }
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field { padding-block: 0px; }
::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field { padding-block: 0px; }
::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field { padding-block: 0px; }
::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-second-field { padding-block: 0px; }
::-webkit-datetime-edit-meridiem-field { padding-block: 0px; }
::-webkit-calendar-picker-indicator { line-height: 1; }
button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; }
::file-selector-button { appearance: button; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
*, ::backdrop, ::after, ::before { border-color: var(--color-gray-200,currentColor); }
::file-selector-button { border-color: var(--color-gray-200,currentColor); }
[role="button"]:not(:disabled), button:not(:disabled) { cursor: pointer; }
body { z-index: var(--z-index-1); background-color: var(--color-gray-50); font-family: var(--font-outfit); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); position: relative; }
}
@layer components;
@layer utilities {
.absolute { position: absolute; }
.fixed { position: fixed; }
.relative { position: relative; }
.sticky { position: sticky; }
.inset-0 { inset: 0px; }
.top-0 { top: 0px; }
.right-0 { right: 0px; }
.bottom-0 { bottom: 0px; }
.left-0 { left: 0px; }
.z-\[990\] { z-index: 990; }
.z-\[999\] { z-index: 999; }
.z-\[9999\] { z-index: 9999; }
.mx-auto { margin-inline: auto; }
.-mt-1\.5 { margin-top: calc(var(--spacing) * -1.5); }
.block { display: block; }
.block\! { display: block !important; }
.flex { display: flex; }
.grid { display: grid; }
.grid\! { display: grid !important; }
.hidden { display: none; }
.hidden\! { display: none !important; }
.inline-flex { display: inline-flex; }
.h-2 { height: calc(var(--spacing) * 2); }
.h-5 { height: calc(var(--spacing) * 5); }
.h-6 { height: calc(var(--spacing) * 6); }
.h-7 { height: calc(var(--spacing) * 7); }
.h-8 { height: calc(var(--spacing) * 8); }
.h-10 { height: calc(var(--spacing) * 10); }
.h-16 { height: calc(var(--spacing) * 16); }
.h-\[37px\] { height: 37px; }
.h-\[43px\] { height: 43px; }
.h-\[46px\] { height: 46px; }
.h-\[58px\] { height: 58px; }
.h-\[90px\] { height: 90px; }
.h-\[196px\] { height: 196px; }
.h-\[min\(70vh\,720px\)\] { height: min(70vh, 720px); }
.h-auto { height: auto; }
.h-full { height: 100%; }
.min-h-0 { min-height: 0px; }
.min-h-6 { min-height: calc(var(--spacing) * 6); }
.min-h-11 { min-height: calc(var(--spacing) * 11); }
.min-h-\[76px\] { min-height: 76px; }
.w-2 { width: calc(var(--spacing) * 2); }
.w-5 { width: calc(var(--spacing) * 5); }
.w-6 { width: calc(var(--spacing) * 6); }
.w-8 { width: calc(var(--spacing) * 8); }
.w-16 { width: calc(var(--spacing) * 16); }
.w-35 { width: calc(var(--spacing) * 35); }
.w-\[72px\] { width: 72px; }
.w-\[74px\] { width: 74px; }
.w-\[149px\] { width: 149px; }
.w-\[178px\] { width: 178px; }
.w-\[198px\] { width: 198px; }
.w-\[241px\] { width: 241px; }
.w-\[265px\] { width: 265px; }
.w-\[289px\] { width: 289px; }
.w-fit { width: fit-content; }
.w-full { width: 100%; }
.w-px { width: 1px; }
.max-w-7xl { max-width: var(--container-7xl); }
.max-w-\[540px\] { max-width: 540px; }
.max-w-\[1128px\] { max-width: 1128px; }
.max-w-\[min\(100\%\,14rem\)\] { max-width: min(100%, 14rem); }
.max-w-full { max-width: 100%; }
.min-w-0 { min-width: 0px; }
.min-w-11 { min-width: calc(var(--spacing) * 11); }
.flex-1 { flex: 1 1 0%; }
.shrink { flex-shrink: 1; }
.shrink-0 { flex-shrink: 0; }
.basis-\[min\(100\%\,14rem\)\] { flex-basis: min(100%, 14rem); }
.-rotate-24 { rotate: -24deg; }
.cursor-pointer { cursor: pointer; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.flex-col { flex-direction: column; }
.flex-row-reverse { flex-direction: row-reverse; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.items-start { align-items: flex-start; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.gap-1 { gap: var(--spacing); }
.gap-2 { gap: calc(var(--spacing) * 2); }
.gap-2\.5 { gap: calc(var(--spacing) * 2.5); }
.gap-3 { gap: calc(var(--spacing) * 3); }
.gap-4 { gap: calc(var(--spacing) * 4); }
.gap-5 { gap: calc(var(--spacing) * 5); }
.gap-6 { gap: calc(var(--spacing) * 6); }
.gap-8 { gap: calc(var(--spacing) * 8); }
.gap-10 { gap: calc(var(--spacing) * 10); }
.gap-\[3px\] { gap: 3px; }
.gap-\[10px\] { gap: 10px; }
.gap-\[18px\] { gap: 18px; }
.overflow-hidden { overflow: hidden; }
.overflow-x-clip { overflow-x: clip; }
.overflow-y-auto { overflow-y: auto; }
.rounded-full { border-radius: 3.40282e+38px; }
.rounded-xl { border-radius: var(--radius-xl); }
.border { border-style: var(--tw-border-style); border-width: 1px; }
.border-0\! { border-style: var(--tw-border-style) !important; border-width: 0px !important; }
.border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; }
.border-t-4 { border-top-style: var(--tw-border-style); border-top-width: 4px; }
.border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }
.border-none { --tw-border-style: none; border-style: none; }
.border-\[\#004E53\], .border-\[\#004e53\] { border-color: rgb(0, 78, 83); }
.border-\[\#8C8C8C\] { border-color: rgb(140, 140, 140); }
.border-\[\#109E6E\] { border-color: rgb(16, 158, 110); }
.border-\[\#005054\] { border-color: rgb(0, 80, 84); }
.border-\[\#D9D9D9\] { border-color: rgb(217, 217, 217); }
.border-\[\#F4A9BE\] { border-color: rgb(244, 169, 190); }
.border-\[\#FECD61\] { border-color: rgb(254, 205, 97); }
.border-\[color\:rgba\(0\,78\,83\,0\.2\)\] { border-color: rgba(0, 78, 83, 0.2); }
.border-\[color\:rgba\(0\,158\,118\,0\.35\)\] { border-color: rgba(0, 158, 118, 0.35); }
.border-\[rgba\(52\,64\,84\,0\.15\)\] { border-color: rgba(52, 64, 84, 0.15); }
.border-black { border-color: var(--color-black); }
.border-main-pink { border-color: var(--color-main-pink); }
.bg-\[\#F4A9BE\] { background-color: rgb(244, 169, 190); }
.bg-\[\#FECD61\] { background-color: rgb(254, 205, 97); }
.bg-\[rgba\(0\,0\,0\,0\.45\)\] { background-color: rgba(0, 0, 0, 0.45); }
.bg-\[rgba\(0\,78\,83\,0\.1\)\] { background-color: rgba(0, 78, 83, 0.1); }
.bg-\[rgba\(0\,78\,83\,0\.55\)\] { background-color: rgba(0, 78, 83, 0.55); }
.bg-\[rgba\(16\,158\,110\,0\.2\)\] { background-color: rgba(16, 158, 110, 0.2); }
.bg-\[rgba\(180\,223\,182\,0\.2\)\] { background-color: rgba(180, 223, 182, 0.2); }
.bg-\[rgba\(244\,169\,190\,0\.3\)\] { background-color: rgba(244, 169, 190, 0.3); }
.bg-\[rgba\(244\,169\,190\,0\.17\)\] { background-color: rgba(244, 169, 190, 0.17); }
.bg-\[rgba\(255\,255\,255\,0\.6\)\] { background-color: rgba(255, 255, 255, 0.6); }
.bg-main-light-green { background-color: var(--color-main-light-green); }
.bg-neutral-200 { background-color: var(--color-neutral-200); }
.bg-transparent { background-color: rgba(0, 0, 0, 0); }
.bg-white { background-color: var(--color-white); }
.bg-cover { background-size: cover; }
.bg-center { background-position: 50% center; }
.object-contain { object-fit: contain; }
.px-0 { padding-inline: 0px; }
.px-1 { padding-inline: var(--spacing); }
.px-2 { padding-inline: calc(var(--spacing) * 2); }
.px-3 { padding-inline: calc(var(--spacing) * 3); }
.px-4 { padding-inline: calc(var(--spacing) * 4); }
.px-5 { padding-inline: calc(var(--spacing) * 5); }
.px-6 { padding-inline: calc(var(--spacing) * 6); }
.py-0 { padding-block: 0px; }
.py-1 { padding-block: var(--spacing); }
.py-4 { padding-block: calc(var(--spacing) * 4); }
.py-5 { padding-block: calc(var(--spacing) * 5); }
.py-6 { padding-block: calc(var(--spacing) * 6); }
.py-10 { padding-block: calc(var(--spacing) * 10); }
.pt-1 { padding-top: var(--spacing); }
.pt-5 { padding-top: calc(var(--spacing) * 5); }
.pt-7 { padding-top: calc(var(--spacing) * 7); }
.pt-8 { padding-top: calc(var(--spacing) * 8); }
.pb-2 { padding-bottom: calc(var(--spacing) * 2); }
.pb-6 { padding-bottom: calc(var(--spacing) * 6); }
.pb-8 { padding-bottom: calc(var(--spacing) * 8); }
.pb-\[280px\] { padding-bottom: 280px; }
.pl-0\! { padding-left: 0px !important; }
.text-center { text-align: center; }
.font-\[\'Inter\'\] { font-family: Inter; }
.font-figtree { font-family: var(--font-figtree); }
.text-base { font-size: var(--text-base); line-height: var(--tw-leading,var(--text-base--line-height)); }
.text-xs { font-size: var(--text-xs); line-height: var(--tw-leading,var(--text-xs--line-height)); }
.text-\[14px\] { font-size: 14px; }
.text-\[16px\] { font-size: 16px; }
.text-\[20px\] { font-size: 20px; }
.text-\[24px\] { font-size: 24px; }
.text-\[26px\] { font-size: 26px; }
.text-\[36px\] { font-size: 36px; }
.text-md { font-size: var(--text-md); }
.text-section-title-mobile { font-size: var(--text-section-title-mobile); }
.leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); }
.leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); }
.leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); }
.leading-\[17px\] { --tw-leading: 17px; line-height: 17px; }
.leading-\[22px\] { --tw-leading: 22px; line-height: 22px; }
.leading-\[24px\] { --tw-leading: 24px; line-height: 24px; }
.leading-\[29px\] { --tw-leading: 29px; line-height: 29px; }
.leading-\[43px\] { --tw-leading: 43px; line-height: 43px; }
.font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
.font-bold\! { --tw-font-weight: var(--font-weight-bold) !important; font-weight: var(--font-weight-bold) !important; }
.font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); }
.font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }
.font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); }
.font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }
.tracking-\[-0\.3125px\] { --tw-tracking: -.3125px; letter-spacing: -0.3125px; }
.text-\[\#1D1D1B\] { color: rgb(29, 29, 27); }
.text-\[\#4A5565\] { color: rgb(74, 85, 101); }
.text-\[\#4A5565\]\! { color: rgb(74, 85, 101) !important; }
.text-\[\#8C8C8C\] { color: rgb(140, 140, 140); }
.text-\[\#009E76\] { color: rgb(0, 158, 118); }
.text-\[\#50555C\] { color: rgb(80, 85, 92); }
.text-\[rgba\(0\,0\,0\,0\.88\)\] { color: rgba(0, 0, 0, 0.88); }
.text-\[rgba\(0\,78\,83\,0\.5\)\] { color: rgba(0, 78, 83, 0.5); }
.text-\[rgba\(255\,255\,255\,0\.9\)\] { color: rgba(255, 255, 255, 0.9); }
.text-black { color: var(--color-black); }
.text-gray-950 { color: var(--color-gray-950); }
.text-white { color: var(--color-white); }
.text-white\! { color: var(--color-white) !important; }
.shadow-\[0_-3px_0_\#3D77B5\], .shadow-\[0_-3px_4px_rgba\(0\,0\,0\,0\.25\)\] { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[0_-3px_4px_rgba\(0\,0\,0\,0\.25\)\] { --tw-shadow: 0 -3px 4px var(--tw-shadow-color,#00000040); }
.shadow-\[0_1px_2px_rgba\(16\,24\,40\,0\.05\)\] { --tw-shadow: 0 1px 2px var(--tw-shadow-color,#1018280d); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.1\)\,0_1px_2px_-1px_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0 1px 3px var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[0_4px_6px_-4px_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0 4px 6px -4px var(--tw-shadow-color,#0000001a); }
.shadow-\[0_4px_6px_-4px_rgba\(0\,0\,0\,0\.1\)\], .shadow-\[0_8px_20px_rgba\(0\,0\,0\,0\.16\)\] { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[0_8px_20px_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0 8px 20px var(--tw-shadow-color,#00000029); }
.shadow-\[0_10px_15px_-3px_rgba\(0\,0\,0\,0\.1\)\,0_4px_6px_-4px_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[0_10px_15px_-3px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#00000014); }
.shadow-\[0_10px_15px_-3px_rgba\(0\,0\,0\,0\.08\)\], .shadow-\[0_12px_20px_rgba\(0\,0\,0\,0\.08\)\] { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[0_12px_20px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 12px 20px var(--tw-shadow-color,#00000014); }
.shadow-\[0_12px_30px_rgba\(0\,80\,84\,0\.05\)\] { --tw-shadow: 0 12px 30px var(--tw-shadow-color,#0050540d); }
.shadow-\[0_12px_30px_rgba\(0\,80\,84\,0\.05\)\], .shadow-\[0_18px_45px_rgba\(0\,78\,83\,0\.16\)\] { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[0_18px_45px_rgba\(0\,78\,83\,0\.16\)\] { --tw-shadow: 0 18px 45px var(--tw-shadow-color,#004e5329); }
.shadow-\[0_24px_70px_rgba\(15\,23\,42\,\.28\)\] { --tw-shadow: 0 24px 70px var(--tw-shadow-color,#0f172a47); }
.shadow-\[0_24px_70px_rgba\(15\,23\,42\,\.28\)\], .shadow-\[0_24px_80px_rgba\(0\,0\,0\,0\.18\)\] { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[0_24px_80px_rgba\(0\,0\,0\,0\.18\)\] { --tw-shadow: 0 24px 80px var(--tw-shadow-color,#0000002e); }
.shadow-\[0_25px_50px_-12px_rgba\(0\,0\,0\,0\.25\)\] { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color,#00000040); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[0px_10px_15px_-3px_rgba\(0\,0\,0\,0\.1\)\,0px_4px_6px_-4px_rgba\(0\,0\,0\,0\.1\)\,0px_6px_16px_rgba\(0\,0\,0\,0\.08\)\,0px_3px_6px_-4px_rgba\(0\,0\,0\,0\.12\)\,0px_9px_28px_8px_rgba\(0\,0\,0\,0\.05\)\] { --tw-shadow: 0px 10px 15px -3px var(--tw-shadow-color,#0000001a),0px 4px 6px -4px var(--tw-shadow-color,#0000001a),0px 6px 16px var(--tw-shadow-color,#00000014),0px 3px 6px -4px var(--tw-shadow-color,#0000001f),0px 9px 28px 8px var(--tw-shadow-color,#0000000d); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[0px_10px_15px_-3px_rgba\(0\,0\,0\,0\.1\)\,0px_4px_6px_-4px_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0px 10px 15px -3px var(--tw-shadow-color,#0000001a),0px 4px 6px -4px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[0px_20px_25px_-5px_rgba\(0\,0\,0\,0\.1\)\,0px_8px_10px_-6px_rgba\(0\,0\,0\,0\.1\)\] { --tw-shadow: 0px 20px 25px -5px var(--tw-shadow-color,#0000001a),0px 8px 10px -6px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[2px_0_4px_-2px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 2px 0 4px -2px var(--tw-shadow-color,#0000000f); }
.shadow-\[2px_0_4px_-2px_rgba\(0\,0\,0\,0\.06\)\], .shadow-\[2px_0_4px_-2px_rgba\(0\,0\,0\,0\.08\)\] { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.shadow-\[2px_0_4px_-2px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 2px 0 4px -2px var(--tw-shadow-color,#00000014); }
.shadow-none\! { --tw-shadow: 0 0 #0000 !important; box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow) !important; }
.transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease,var(--default-transition-timing-function)); transition-duration: var(--tw-duration,var(--default-transition-duration)); }
.ease-\[cubic-bezier\(0\.34\,1\.56\,0\.64\,1\)\] { --tw-ease: cubic-bezier(.34,1.56,.64,1); transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); }
.outline-none { --tw-outline-style: none; outline-style: none; }
.group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 90deg; }
.placeholder\:\!text-\[rgba\(45\,55\,56\,0\.3\)\]::placeholder { color: rgba(45, 55, 56, 0.3) !important; }
.placeholder\:\!text-\[rgba\(80\,85\,92\,0\.4\)\]::placeholder { color: rgba(80, 85, 92, 0.4) !important; }
.placeholder\:text-\[\#50555C\]::placeholder { color: rgb(80, 85, 92); }
.placeholder\:text-\[rgba\(0\,78\,83\,0\.78\)\]::placeholder { color: rgba(0, 78, 83, 0.78); }
.placeholder\:text-\[rgba\(45\,55\,56\,0\.3\)\]::placeholder { color: rgba(45, 55, 56, 0.3); }
.placeholder\:text-\[rgba\(80\,85\,92\,0\.4\)\]::placeholder { color: rgba(80, 85, 92, 0.4); }
@media (hover: hover) {
.hover\:text-\[\#1D1D1B\]:hover { color: rgb(29, 29, 27); }
.hover\:text-white\/80\!:hover { color: rgba(255, 255, 255, 0.8) !important; }
@supports (color:color-mix(in lab,red,red)) {
.hover\:text-white\/80\!:hover { color: color-mix(in oklab,var(--color-white) 80%,transparent) !important; }
}
.hover\:shadow-\[0_10px_20px_rgba\(29\,29\,27\,0\.2\)\]:hover { --tw-shadow: 0 10px 20px var(--tw-shadow-color,#1d1d1b33); }
.hover\:shadow-\[0_10px_20px_rgba\(29\,29\,27\,0\.22\)\]:hover, .hover\:shadow-\[0_10px_20px_rgba\(29\,29\,27\,0\.2\)\]:hover { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.hover\:shadow-\[0_10px_20px_rgba\(29\,29\,27\,0\.22\)\]:hover { --tw-shadow: 0 10px 20px var(--tw-shadow-color,#1d1d1b38); }
}
.focus\:placeholder\:\!text-transparent:focus::placeholder { color: rgba(0, 0, 0, 0) !important; }
.focus\:placeholder\:text-transparent:focus::placeholder { color: rgba(0, 0, 0, 0); }
.active\:shadow-\[0_3px_8px_rgba\(30\,37\,50\,0\.14\)\]:active { --tw-shadow: 0 3px 8px var(--tw-shadow-color,#1e253224); }
.active\:shadow-\[0_3px_8px_rgba\(30\,37\,50\,0\.14\)\]:active, .active\:shadow-\[0_3px_8px_rgba\(30\,37\,50\,0\.18\)\]:active { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.active\:shadow-\[0_3px_8px_rgba\(30\,37\,50\,0\.18\)\]:active { --tw-shadow: 0 3px 8px var(--tw-shadow-color,#1e25322e); }
.active\:shadow-\[0_4px_10px_rgba\(29\,29\,27\,0\.15\)\]:active { --tw-shadow: 0 4px 10px var(--tw-shadow-color,#1d1d1b26); }
.active\:shadow-\[0_4px_10px_rgba\(29\,29\,27\,0\.15\)\]:active, .active\:shadow-\[0_4px_10px_rgba\(29\,29\,27\,0\.18\)\]:active { box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
.active\:shadow-\[0_4px_10px_rgba\(29\,29\,27\,0\.18\)\]:active { --tw-shadow: 0 4px 10px var(--tw-shadow-color,#1d1d1b2e); }
.active\:shadow-\[0_10px_15px_-3px_rgba\(0\,0\,0\,0\.1\)\]:active { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color,#0000001a); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); }
@media (hover: hover) {
.enabled\:hover\:bg-\[\#3641f5\]:enabled:hover { background-color: rgb(54, 65, 245); }
.enabled\:hover\:bg-gray-50:enabled:hover { background-color: var(--color-gray-50); }
.enabled\:hover\:bg-white\/60:enabled:hover { background-color: rgba(255, 255, 255, 0.6); }
@supports (color:color-mix(in lab,red,red)) {
.enabled\:hover\:bg-white\/60:enabled:hover { background-color: color-mix(in oklab,var(--color-white) 60%,transparent); }
}
}
.disabled\:cursor-wait:disabled { cursor: wait; }
.disabled\:opacity-80:disabled { opacity: 0.8; }
@media (hover: hover) {
.disabled\:hover\:translate-y-0:disabled:hover { --tw-translate-y: 0; translate: var(--tw-translate-x) var(--tw-translate-y); }
}
.has-\[\:checked\]\:bg-\[\#fecd61\]:has(:checked) { background-color: rgb(254, 205, 97); }
@media (prefers-reduced-motion: reduce) {
@media (hover: hover) {
.motion-reduce\:hover\:scale-100:hover { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); }
}
}
@media (min-width: 768px) {
.md\:block { display: block; }
.md\:block\! { display: block !important; }
.md\:flex { display: flex; }
.md\:grid { display: grid; }
.md\:hidden { display: none; }
.md\:hidden\! { display: none !important; }
.md\:h-10 { height: calc(var(--spacing) * 10); }
.md\:w-\[187px\] { width: 187px; }
.md\:w-fit { width: fit-content; }
.md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.md\:grid-cols-\[minmax\(0\,1fr\)_220px\] { grid-template-columns: minmax(0px, 1fr) 220px; }
.md\:flex-row { flex-direction: row; }
.md\:items-center { align-items: center; }
.md\:items-start { align-items: flex-start; }
.md\:justify-between { justify-content: space-between; }
.md\:gap-5 { gap: calc(var(--spacing) * 5); }
.md\:gap-10 { gap: calc(var(--spacing) * 10); }
.md\:border\! { border-style: var(--tw-border-style) !important; border-width: 1px !important; }
.md\:border-main-light-green { border-color: var(--color-main-light-green); }
.md\:px-0 { padding-inline: 0px; }
.md\:px-3 { padding-inline: calc(var(--spacing) * 3); }
.md\:px-8 { padding-inline: calc(var(--spacing) * 8); }
.md\:px-10 { padding-inline: calc(var(--spacing) * 10); }
.md\:py-10 { padding-block: calc(var(--spacing) * 10); }
.md\:text-left { text-align: left; }
.md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading,var(--text-lg--line-height)); }
.md\:text-section-title-desktop { font-size: var(--text-section-title-desktop); }
.md\:font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }
.md\:text-\[\#1D1D1B\] { color: rgb(29, 29, 27); }
}
@media (min-width: 1024px) {
.lg\:max-w-1\/2 { max-width: 50%; }
.lg\:grid-cols-\[1fr_minmax\(300px\,360px\)\] { grid-template-columns: 1fr minmax(300px, 360px); }
.lg\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1fr); }
.lg\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0px, 1.4fr) minmax(0px, 1fr) minmax(0px, 1fr) auto; }
.lg\:grid-cols-\[minmax\(0\,1fr\)_280px\] { grid-template-columns: minmax(0px, 1fr) 280px; }
.lg\:flex-row { flex-direction: row; }
.lg\:items-center { align-items: center; }
.lg\:justify-between { justify-content: space-between; }
.lg\:gap-12 { gap: calc(var(--spacing) * 12); }
.lg\:py-10 { padding-block: calc(var(--spacing) * 10); }
.lg\:pr-0 { padding-right: 0px; }
}
@media (min-width: 1280px) {
.xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.xl\:grid-cols-\[minmax\(0\,480px\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0px, 480px) minmax(0px, 1fr); }
.xl\:gap-10 { gap: calc(var(--spacing) * 10); }
.xl\:gap-12 { gap: calc(var(--spacing) * 12); }
}
.dark\:placeholder\:text-gray-400:is(.dark *)::placeholder { color: var(--color-gray-400); }
.dark\:placeholder\:text-white\/30:is(.dark *)::placeholder { color: rgba(255, 255, 255, 0.3); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:placeholder\:text-white\/30:is(.dark *)::placeholder { color: color-mix(in oklab,var(--color-white) 30%,transparent); }
}
.dark\:placeholder\:text-white\/90:is(.dark *)::placeholder { color: rgba(255, 255, 255, 0.9); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:placeholder\:text-white\/90:is(.dark *)::placeholder { color: color-mix(in oklab,var(--color-white) 90%,transparent); }
}
@media (hover: hover) {
.dark\:hover\:border-brand-500:is(.dark *):hover { border-color: var(--color-brand-500); }
.dark\:hover\:border-gray-600:is(.dark *):hover { border-color: var(--color-gray-600); }
.dark\:hover\:border-gray-800:is(.dark *):hover { border-color: var(--color-gray-800); }
.dark\:hover\:\!bg-red-950\/30:is(.dark *):hover { background-color: rgba(70, 8, 9, 0.3) !important; }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:\!bg-red-950\/30:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-red-950) 30%,transparent) !important; }
}
.dark\:hover\:bg-\[\#ffc948\]:is(.dark *):hover { background-color: rgb(255, 201, 72); }
.dark\:hover\:bg-amber-900:is(.dark *):hover { background-color: var(--color-amber-900); }
.dark\:hover\:bg-amber-900\/50:is(.dark *):hover { background-color: rgba(123, 51, 6, 0.5); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-amber-900\/50:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-amber-900) 50%,transparent); }
}
.dark\:hover\:bg-brand-900\/20:is(.dark *):hover { background-color: rgba(38, 46, 137, 0.2); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-brand-900\/20:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-brand-900) 20%,transparent); }
}
.dark\:hover\:bg-brand-950\/30:is(.dark *):hover { background-color: rgba(22, 25, 80, 0.3); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-brand-950\/30:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-brand-950) 30%,transparent); }
}
.dark\:hover\:bg-gray-700:is(.dark *):hover { background-color: var(--color-gray-700); }
.dark\:hover\:bg-gray-800:is(.dark *):hover { background-color: var(--color-gray-800); }
.dark\:hover\:bg-gray-800\/30:is(.dark *):hover { background-color: rgba(29, 41, 57, 0.3); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-gray-800\/30:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-gray-800) 30%,transparent); }
}
.dark\:hover\:bg-gray-800\/40:is(.dark *):hover { background-color: rgba(29, 41, 57, 0.4); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-gray-800\/40:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-gray-800) 40%,transparent); }
}
.dark\:hover\:bg-gray-800\/50:is(.dark *):hover { background-color: rgba(29, 41, 57, 0.5); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-gray-800\/50:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-gray-800) 50%,transparent); }
}
.dark\:hover\:bg-gray-800\/60:is(.dark *):hover { background-color: rgba(29, 41, 57, 0.6); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-gray-800\/60:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-gray-800) 60%,transparent); }
}
.dark\:hover\:bg-gray-800\/80:is(.dark *):hover { background-color: rgba(29, 41, 57, 0.8); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-gray-800\/80:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-gray-800) 80%,transparent); }
}
.dark\:hover\:bg-gray-900:is(.dark *):hover { background-color: var(--color-gray-900); }
.dark\:hover\:bg-gray-900\/40:is(.dark *):hover { background-color: rgba(16, 24, 40, 0.4); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-gray-900\/40:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-gray-900) 40%,transparent); }
}
.dark\:hover\:bg-red-900:is(.dark *):hover { background-color: var(--color-red-900); }
.dark\:hover\:bg-red-900\/10:is(.dark *):hover { background-color: rgba(130, 24, 26, 0.1); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-red-900\/10:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-red-900) 10%,transparent); }
}
.dark\:hover\:bg-red-900\/20:is(.dark *):hover { background-color: rgba(130, 24, 26, 0.2); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-red-900\/20:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-red-900) 20%,transparent); }
}
.dark\:hover\:bg-red-950\/40:is(.dark *):hover { background-color: rgba(70, 8, 9, 0.4); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-red-950\/40:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-red-950) 40%,transparent); }
}
.dark\:hover\:bg-rose-900\/20:is(.dark *):hover { background-color: rgba(139, 8, 54, 0.2); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-rose-900\/20:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-rose-900) 20%,transparent); }
}
.dark\:hover\:bg-sky-900:is(.dark *):hover { background-color: var(--color-sky-900); }
.dark\:hover\:bg-sky-950\/40:is(.dark *):hover { background-color: rgba(5, 47, 74, 0.4); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-sky-950\/40:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-sky-950) 40%,transparent); }
}
.dark\:hover\:bg-white\/5:is(.dark *):hover { background-color: rgba(255, 255, 255, 0.05); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-white\/5:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-white) 5%,transparent); }
}
.dark\:hover\:bg-white\/10:is(.dark *):hover { background-color: rgba(255, 255, 255, 0.1); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-white\/10:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-white) 10%,transparent); }
}
.dark\:hover\:bg-white\/\[0\.03\]:is(.dark *):hover { background-color: rgba(255, 255, 255, 0.03); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:hover\:bg-white\/\[0\.03\]:is(.dark *):hover { background-color: color-mix(in oklab,var(--color-white) 3%,transparent); }
}
.dark\:hover\:text-\[\#fecd61\]:is(.dark *):hover { color: rgb(254, 205, 97); }
.dark\:hover\:text-gray-200:is(.dark *):hover { color: var(--color-gray-200); }
.dark\:hover\:text-gray-300:is(.dark *):hover { color: var(--color-gray-300); }
.dark\:hover\:text-white:is(.dark *):hover { color: var(--color-white); }
}
.dark\:focus\:border-brand-300:is(.dark *):focus { border-color: var(--color-brand-300); }
.dark\:focus\:border-brand-800:is(.dark *):focus { border-color: var(--color-brand-800); }
.dark\:focus\:border-error-800:is(.dark *):focus { border-color: var(--color-error-800); }
@media (hover: hover) {
.dark\:enabled\:hover\:bg-gray-900\/40:is(.dark *):enabled:hover { background-color: rgba(16, 24, 40, 0.4); }
@supports (color:color-mix(in lab,red,red)) {
.dark\:enabled\:hover\:bg-gray-900\/40:is(.dark *):enabled:hover { background-color: color-mix(in oklab,var(--color-gray-900) 40%,transparent); }
}
}
.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker { display: none; }
.\[\&\>p\]\:m-0 > p { margin: 0px; }
.\[\&\>p\]\:font-figtree > p { font-family: var(--font-figtree); }
.\[\&\>p\]\:text-white\! > p { color: var(--color-white) !important; }
}
h1 { line-height: normal !important; }
@keyframes slideRightToLeft {
0% { opacity: 0; transform: translate(20px); }
100% { opacity: 1; transform: translate(0px); }
}
@media screen and (min-width: 768px) {
@keyframes slideRightToLeft {
0% { opacity: 0; transform: translate(40%); }
100% { opacity: 1; transform: translate(0px); }
}
}
.footer-heading-section { background-image: url("https://costo-static-files.s3.eu-west-1.amazonaws.com/costo-next/assets/home/images/cos-bg-pink.webp"); }
.footer-heading-section, .footer-links-section { background-repeat: repeat; justify-content: center; }
.footer-links-section { background-image: url("https://costo-static-files.s3.eu-west-1.amazonaws.com/costo-next/assets/home/images/search_banner_bg.webp"); }
.lp-hero-section { background-image: url("https://costo-static-files.s3.eu-west-1.amazonaws.com/costo-next/assets/home/images/home_banner.webp"); background-position: center top; background-repeat: no-repeat; background-size: 100% auto; }
@media (min-width: 768px) {
.lp-hero-section { background-image: url("https://costo-static-files.s3.eu-west-1.amazonaws.com/costo-next/assets/home/images/home_banner.webp"), url("https://costo-static-files.s3.eu-west-1.amazonaws.com/costo-next/assets/home/images/home_banner.webp"); background-position: 70% 40%, 50% 25%; background-repeat: no-repeat, no-repeat; background-size: auto 200%, 100% auto; }
}
.lp-france-coverage-section, .lp-testimonials-section { background-image: url("https://costo-static-files.s3.eu-west-1.amazonaws.com/costo-next/assets/home/images/home_green_bg.webp"); background-repeat: repeat; background-size: 500px auto; justify-content: center; }
@keyframes lp-inbox-skeleton-shimmer {
0% { background-position: 200% 0px; }
100% { background-position: -200% 0px; }
}
.figtree-400 { font-optical-sizing: auto; font-style: normal; font-weight: 400; }
.figtree-400, .figtree-500 { font-family: var(--font-figtree),sans-serif; }
.figtree-600, .figtree-700 { font-family: var(--font-figtree),sans-serif; }
.figtree-700 { font-optical-sizing: auto; font-style: normal; font-weight: 700; }
.button-caution, .button-info, .button-primary, .button-secondary { min-height: var(--button-height-md); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px; }
.button-primary { box-sizing: border-box; background-color: var(--color-cta-primary-bg); color: var(--color-cta-emphasis-text); }
.button-secondary { box-sizing: border-box; background-color: inherit; border: 1px solid var(--color-cta-primary-bg); color: var(--color-cta-emphasis-text); }
.button-caution:hover, .button-info:hover, .button-primary:hover, .button-secondary:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px; }
.button-caution:active, .button-info:active, .button-no-border:active, .button-primary:active, .button-secondary:active { scale: 1; }
.button-no-border:hover { z-index: 100; scale: 1.01; }
a img { border: 0px; }
img { max-width: 100%; }
a { text-decoration: none; }
a { color: rgb(51, 51, 51); }
svg { touch-action: none; }
.lp-home { --lp-duck: #005054; --lp-green: #109e6e; --lp-yellow: #fecd61; --lp-pink: #f4a9be; --lp-black: #1d1d1b; --lp-muted: #50555c; --lp-line: #d9d9d9; width: 100%; max-width: 1440px; color: var(--lp-black); font-family: var(--font-figtree),var(--font-inter),sans-serif; background: rgb(255, 255, 255); flex-direction: column; align-items: center; margin: 0px auto; display: flex; }
.lp-home *, .lp-home ::after, .lp-home ::before { box-sizing: border-box; }
.lp-home img { max-width: 100%; display: block; }
.lp-home a { color: inherit; }
.lp-section-title { font-size: 36px; font-weight: 700; line-height: 1.2; }
.lp-section-subtitle, .lp-section-title { color: var(--lp-duck); text-align: center; margin: 0px; }
.lp-primary-button, .lp-primary-link-button, .lp-secondary-button, .lp-secondary-link-button { min-height: 40px; color: var(--lp-duck); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; text-align: center; cursor: pointer; border: 0px; border-radius: 8px; justify-content: center; align-items: center; gap: 8px; padding: 0px 16px; font-weight: 700; display: inline-flex; }
.lp-primary-button, .lp-primary-link-button { background: var(--lp-yellow); }
.lp-search-input { border: 1px solid var(--lp-line); background: rgb(255, 255, 255); border-radius: 8px; align-items: center; gap: 8px; width: 100%; min-height: 52px; padding: 0px 16px; display: flex; }
.lp-search-input input { width: 100%; min-width: 0px; color: var(--lp-muted); font: inherit; background: 0px 0px; border: 0px; outline: 0px; }
.lp-city-search-form { flex-direction: column; gap: 12px; width: 100%; display: flex; }
.lp-city-search-form .lp-primary-button { width: 100%; min-height: 56px; }
.lp-hero-section { width: 100%; }
.lp-hero-search-card { border: 4px solid var(--lp-pink); background: rgb(255, 255, 255); flex-direction: column; align-items: center; gap: 20px; width: 544px; padding: 12px 16px; display: flex; top: 72px; left: 156px; }
.lp-hero-copy { flex-direction: column; gap: 4px; display: flex; }
.lp-hero-heading { color: var(--lp-duck); text-align: center; margin: 0px; font-size: 32px; font-weight: 700; line-height: 1.25; }
.lp-hero-subtext { color: var(--lp-green); text-align: center; margin: 0px; font-size: 16px; font-weight: 500; line-height: 1.5; }
.lp-hero-stats-row { justify-content: center; gap: 32px; display: flex; }
.lp-stat-badge { border: 2px solid var(--lp-duck); text-align: center; flex-direction: column; align-items: center; gap: 8px; width: 87px; min-height: 76px; padding: 9px 7px; font-size: 12px; line-height: 1.2; display: flex; }
.lp-box-sizes-section, .lp-faq-section, .lp-latest-centers-section, .lp-press-logos-section, .lp-storage-needs-section, .lp-testimonials-section { flex-direction: column; align-items: center; gap: 40px; width: 100%; display: flex; }
.lp-france-coverage-section { --lp-france-pattern: #0050541f; box-sizing: border-box; width: 100%; }
.lp-france-map-card { color: inherit; text-decoration: none; display: flex; }
.lp-france-map-image { object-fit: cover; width: auto; height: 95%; }
.lp-france-coverage-form { grid-area: form; justify-self: end; width: 100%; max-width: 520px; }
.lp-france-coverage-form .lp-city-search-form { flex-direction: column; gap: 12px; width: 100%; display: flex; }
.lp-france-coverage-form .lp-primary-button { width: 100%; min-height: 56px; }
.lp-france-coverage-form .lp-search-input { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; min-height: 56px; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 3px; }
@media (max-width: 900px) {
.lp-france-coverage-form { justify-self: center; width: 100%; max-width: min(400px, 100%); }
}
.lp-faq-section { padding: 40px 156px; }
.lp-faq-grid { gap: 12px; width: min(1128px, 100%); display: grid; }
.lp-faq-item { --lp-faq-accent: var(--lp-green); border: 3px solid var(--lp-faq-accent); background: rgb(255, 255, 255); height: fit-content; }
.lp-faq-item--pink { --lp-faq-accent: var(--lp-pink); }
.lp-faq-item--duck { --lp-faq-accent: var(--lp-duck); }
.lp-faq-item--green { --lp-faq-accent: var(--lp-green); }
.lp-faq-item summary { min-height: 64px; color: var(--lp-duck); cursor: pointer; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 16px; font-weight: 700; display: flex; }
.lp-faq-item summary::-webkit-details-marker { display: none; }
.lp-faq-item summary > span:last-child { background: var(--lp-faq-accent); color: rgb(255, 255, 255); border-radius: 999px; flex: 0 0 auto; justify-content: center; align-items: center; width: 32px; height: 32px; display: flex; }
.lp-faq-item p { color: var(--lp-muted); margin: 0px; padding: 0px 16px 16px; }
@media (max-width: 1180px) {
.lp-faq-section, .lp-footer-bottom, .lp-footer-local-links, .lp-footer-top, .lp-france-coverage-section, .lp-home-header, .lp-press-logos-section { padding-left: 32px; padding-right: 32px; }
.lp-hero-search-card { left: 32px; }
}
@media (max-width: 900px) {
.lp-home { gap: 40px; }
.lp-hero-search-card { width: min(544px, 100% - 32px); margin: 200px auto 0px; position: relative; top: auto; left: auto; }
}
@media (max-width: 640px) {
.lp-hero-heading, .lp-section-title { font-size: 28px; }
.lp-faq-section, .lp-footer-bottom, .lp-footer-local-links, .lp-footer-top, .lp-france-coverage-section, .lp-home-header, .lp-testimonials-section { padding-left: 16px; padding-right: 16px; }
.lp-hero-stats-row { flex-wrap: wrap; gap: 12px; }
}
button * { cursor: pointer; }
button :active { cursor: grab; }
@keyframes discussion-interrupt-spin {
100% { transform: rotate(1turn); }
}
@keyframes discussion-modify-popover-in {
0% { opacity: 0; transform: translateY(-4px); }
100% { opacity: 1; transform: translateY(0px); }
}
details summary { list-style: none; }
details summary::-webkit-details-marker { display: none; }
details > summary { cursor: pointer; font-family: var(--font-figtree); color: rgb(79, 71, 58); border-width: 1px medium medium; border-style: solid none none; border-color: rgb(221, 221, 221) currentcolor currentcolor; border-image: none; outline: none; justify-content: space-between; padding: 10px; font-size: 20px; font-weight: 500; display: flex; position: relative; }
.mobile-sections details > summary { font-size: 14px; font-weight: 500; line-height: 16.8px; font-family: var(--font-figtree); }
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; }
:root { --swiper-theme-color: #007aff; }
@keyframes swiper-preloader-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(1turn); }
}
:root { --foreground-rgb: 0,0,0; --background-start-rgb: 214,219,220; --background-end-rgb: 255,255,255; --color-pink-300: #ffa1bb; --size-xxl: 28px; --size-xml: 22px; --size-mb: 8px; --size-xxs: 10px; --lp-duck: #005054; --lp-green: #109e6e; --lp-yellow: #fecd61; --lp-pink: #f4a9be; --lp-black: #1d1d1b; --lp-muted: #50555c; --lp-line: #d9d9d9; --lp-account-max-width: 72rem; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-border-spacing-x { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-border-spacing-y { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-rotate-x { syntax: "*"; inherits: false; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; }
@property --tw-scrollbar-thumb { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-scrollbar-track { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }
@keyframes spin {
100% { transform: rotate(1turn); }
}
@keyframes ping {
75%, 100% { opacity: 0; transform: scale(2); }
}
@keyframes pulse {
50% { opacity: 0.5; }
}
@font-face { font-family: "Inter Fallback"; src: local("Arial"); ascent-override: 90.44%; descent-override: 22.52%; line-gap-override: 0%; size-adjust: 107.12%; }
@font-face { font-family: "Figtree Fallback"; src: local("Arial"); ascent-override: 94.32%; descent-override: 24.82%; line-gap-override: 0%; size-adjust: 100.72%; }
@font-face { font-family: "Poppins Fallback"; src: local("Arial"); ascent-override: 93.62%; descent-override: 31.21%; line-gap-override: 8.92%; size-adjust: 112.16%; }
a img { border: 0px; }
img { max-width: 100%; }
a { text-decoration: none; }
a { color: rgb(51, 51, 51); }
svg { touch-action: none; }
.lp-home { --lp-duck: #005054; --lp-green: #109e6e; --lp-yellow: #fecd61; --lp-pink: #f4a9be; --lp-black: #1d1d1b; --lp-muted: #50555c; --lp-line: #d9d9d9; width: 100%; max-width: 1440px; margin: 0px auto; display: flex; flex-direction: column; align-items: center; background: rgb(255, 255, 255); color: var(--lp-black); font-family: var(--font-figtree),var(--font-inter),sans-serif; }
.lp-home *, .lp-home ::after, .lp-home ::before { box-sizing: border-box; }
.lp-home img { display: block; max-width: 100%; }
.lp-home a { color: inherit; }
.lp-section-title { font-size: 36px; font-weight: 700; line-height: 1.2; }
.lp-section-subtitle, .lp-section-title { margin: 0px; color: var(--lp-duck); text-align: center; }
.lp-primary-button, .lp-primary-link-button, .lp-secondary-button, .lp-secondary-link-button { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0px 16px; border: 0px; border-radius: 8px; color: var(--lp-duck); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-weight: 700; text-align: center; cursor: pointer; }
.lp-primary-button, .lp-primary-link-button { background: var(--lp-yellow); }
.lp-search-input { width: 100%; min-height: 52px; display: flex; align-items: center; gap: 8px; padding: 0px 16px; background: rgb(255, 255, 255); border: 1px solid var(--lp-line); border-radius: 8px; }
.lp-search-input input { width: 100%; min-width: 0px; border: 0px; outline: 0px; color: var(--lp-muted); font: inherit; background: transparent; }
.lp-city-search-form { width: 100%; display: flex; flex-direction: column; gap: 12px; }
.lp-city-search-form .lp-primary-button { width: 100%; min-height: 56px; }
.lp-hero-section { width: 100%; }
.lp-hero-search-card { top: 72px; left: 156px; width: 544px; display: flex; flex-direction: column; align-items: center; gap: 20px; padding: 12px 16px; background: rgb(255, 255, 255); border: 4px solid var(--lp-pink); }
.lp-hero-copy { display: flex; flex-direction: column; gap: 4px; }
.lp-hero-heading { margin: 0px; color: var(--lp-duck); font-size: 32px; font-weight: 700; line-height: 1.25; text-align: center; }
.lp-hero-subtext { margin: 0px; color: var(--lp-green); font-size: 16px; font-weight: 500; line-height: 1.5; text-align: center; }
.lp-hero-stats-row { display: flex; justify-content: center; gap: 32px; }
.lp-stat-badge { width: 87px; min-height: 76px; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 9px 7px; border: 2px solid var(--lp-duck); font-size: 12px; line-height: 1.2; text-align: center; }
.lp-box-sizes-section, .lp-faq-section, .lp-latest-centers-section, .lp-press-logos-section, .lp-storage-needs-section, .lp-testimonials-section { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 40px; }
.lp-france-coverage-section { --lp-france-pattern: rgba(0,80,84,0.12); width: 100%; box-sizing: border-box; }
.lp-france-map-card { display: flex; text-decoration: none; color: inherit; }
.lp-france-map-image { height: 95%; width: auto; object-fit: cover; }
.lp-france-coverage-form { grid-area: form; width: 100%; max-width: 520px; justify-self: end; }
.lp-france-coverage-form .lp-city-search-form { width: 100%; display: flex; flex-direction: column; gap: 12px; }
.lp-france-coverage-form .lp-primary-button { width: 100%; min-height: 56px; }
.lp-france-coverage-form .lp-search-input { min-height: 56px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 3px; }
@media (max-width: 900px) {
.lp-france-coverage-form { justify-self: center; max-width: min(400px, 100%); width: 100%; }
}
.lp-faq-section { padding: 40px 156px; }
.lp-faq-grid { width: min(1128px, 100%); display: grid; gap: 12px; }
.lp-faq-item { --lp-faq-accent: var(--lp-green); height: fit-content; border: 3px solid var(--lp-faq-accent); background: rgb(255, 255, 255); }
.lp-faq-item--pink { --lp-faq-accent: var(--lp-pink); }
.lp-faq-item--duck { --lp-faq-accent: var(--lp-duck); }
.lp-faq-item--green { --lp-faq-accent: var(--lp-green); }
.lp-faq-item summary { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 16px; color: var(--lp-duck); font-weight: 700; cursor: pointer; }
.lp-faq-item summary::-webkit-details-marker { display: none; }
.lp-faq-item summary > span:last-child { width: 32px; height: 32px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 999px; background: var(--lp-faq-accent); color: rgb(255, 255, 255); }
.lp-faq-item p { margin: 0px; padding: 0px 16px 16px; color: var(--lp-muted); }
@media (max-width: 1180px) {
.lp-faq-section, .lp-footer-bottom, .lp-footer-local-links, .lp-footer-top, .lp-france-coverage-section, .lp-home-header, .lp-press-logos-section { padding-left: 32px; padding-right: 32px; }
.lp-hero-search-card { left: 32px; }
}
@media (max-width: 900px) {
.lp-home { gap: 40px; }
.lp-hero-search-card { position: relative; top: auto; left: auto; width: min(544px, 100% - 32px); margin: 200px auto 0px; }
}
@media (max-width: 640px) {
.lp-hero-heading, .lp-section-title { font-size: 28px; }
.lp-faq-section, .lp-footer-bottom, .lp-footer-local-links, .lp-footer-top, .lp-france-coverage-section, .lp-home-header, .lp-testimonials-section { padding-left: 16px; padding-right: 16px; }
.lp-hero-stats-row { gap: 12px; flex-wrap: wrap; }
}