:root { --color-brand-green: #00A155; --color-brand-blue: #2F4CDC; --color-ink: #0F1613; --color-paper: #FFFFFF; --color-background: var(--color-bg-10); --color-bg-lv-1: var(--color-bg-20); --color-bg-lv-2: var(--color-bg-30); --color-bg-bar: var(--color-bg-10); --color-bg-field: var(--color-bg-10); --color-bg-banner: var(--color-ink); --color-bg-disabled: var(--color-fill-10); --color-heading: var(--color-text-10); --color-text: var(--color-text-20); --color-text-faded: var(--color-text-30); --color-text-placeholder: var(--color-text-40); --color-text-disabled: var(--color-text-50); --color-text-inverse: var(--color-paper); --color-text-on-ink: var(--color-paper); --color-link: var(--color-prim-text-10); --color-link-hover: var(--color-prim-text-20); --color-icon: var(--color-text-20); --color-icon-faded: var(--color-text-30); --color-selection-bg: var(--color-prim-int-10); --color-selection-text: var(--color-text-10); --color-divider: var(--color-border-10); --color-border-field: var(--color-border-20); --color-bg-overlay: color-mix(in srgb, var(--color-ink) 55%, transparent); --color-focus: var(--color-prim-border-30); --color-highlight: var(--color-prim-fill-10); --color-bg-10: #FFFFFF; --color-bg-20: #FAFBFA; --color-bg-30: #F5F7F6; --color-bg-40: #EBEEEC; --color-int-10: #F5F7F6; --color-int-20: #EBEEEC; --color-int-30: #DDE2DF; --color-border-10: #E8ECEA; --color-border-20: #D6DCD9; --color-border-30: #828C87; --color-fill-10: #DDE2DF; --color-fill-20: #B2BCB7; --color-text-10: #0F1613; --color-text-20: #2C3A33; --color-text-30: #5A6660; --color-text-40: #879089; --color-text-50: #AFB7B2; --color-prim-bg-10: #F0FAF5; --color-prim-bg-20: #E4F6EE; --color-prim-int-10: #D3EFE1; --color-prim-int-20: #B8E5CE; --color-prim-int-30: #93D6B4; --color-prim-border-10: #C9ECDC; --color-prim-border-20: #9BDCBC; --color-prim-border-30: #1AA263; --color-prim-fill-10: #00A155; --color-prim-fill-20: #00854A; --color-prim-text-10: #0A6B3D; --color-prim-text-20: #04502D; --color-acc-bg-10: #F3F5FE; --color-acc-bg-20: #E7EBFC; --color-acc-int-10: #D8DEFA; --color-acc-int-20: #C0CAF6; --color-acc-int-30: #A0AFF0; --color-acc-border-10: #CFD8F8; --color-acc-border-20: #AAB9F2; --color-acc-border-30: #6D82E5; --color-acc-fill-10: #2F4CDC; --color-acc-fill-20: #2439AE; --color-acc-text-10: #2A43C2; --color-acc-text-20: #1D2C85; --color-suc-bg-10: #ECF7F0; --color-suc-bg-20: #D7EEE1; --color-suc-border-10: #A6D8BC; --color-suc-fill-10: #0B7A45; --color-suc-text-10: #075C33; --color-suc-text-20: #054526; --color-warn-bg-10: #FDF6E3; --color-warn-bg-20: #FAEBC4; --color-warn-border-10: #EFD28B; --color-warn-fill-10: #C98A00; --color-warn-text-10: #8A5D00; --color-warn-text-20: #6B4700; --color-dan-bg-10: #FCEEEC; --color-dan-bg-20: #F8D9D5; --color-dan-border-10: #EDAEA6; --color-dan-fill-10: #C4362B; --color-dan-text-10: #9B2A21; --color-dan-text-20: #74201A; --color-map-hall-10: #D4E3EA; --color-map-hall-20: #9EC4D9; --color-map-road: #D7DDDD; --color-map-road-strong: #AFBAB4; --color-map-motorway: #F3CA00; --color-map-area: var(--color-acc-fill-10); --color-map-pin: #34D017; --color-map-note-bg: #F7F2DF; --text-3xs: clamp(0.63rem, calc(0 * (100vw - 22.5rem) + 0.63rem), 0.63rem); --text-2xs: clamp(0.75rem, calc(0 * (100vw - 22.5rem) + 0.75rem), 0.75rem); --text-xs: clamp(0.81rem, calc(0 * (100vw - 22.5rem) + 0.81rem), 0.81rem); --text-s: clamp(0.88rem, calc(0 * (100vw - 22.5rem) + 0.88rem), 0.88rem); --text-m: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --text-l: clamp(1.13rem, calc(0 * (100vw - 22.5rem) + 1.13rem), 1.13rem); --text-xl: clamp(1.25rem, calc(0.0019259259259259242 * (100vw - 22.5rem) + 1.25rem), 1.38rem); --text-2xl: clamp(1.5rem, calc(0.0019259259259259242 * (100vw - 22.5rem) + 1.5rem), 1.63rem); --text-3xl: clamp(1.75rem, calc(0.002814814814814814 * (100vw - 22.5rem) + 1.75rem), 1.94rem); --heading-2xs: clamp(0.63rem, calc(0 * (100vw - 22.5rem) + 0.63rem), 0.63rem); --heading-xs: clamp(0.88rem, calc(0 * (100vw - 22.5rem) + 0.88rem), 0.88rem); --heading-s: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --heading-m: clamp(1.13rem, calc(0.0017777777777777794 * (100vw - 22.5rem) + 1.13rem), 1.25rem); --heading-l: clamp(1.38rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1.38rem), 1.63rem); --heading-xl: clamp(1.75rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 1.75rem), 2.25rem); --heading-2xl: clamp(2.25rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 2.25rem), 3rem); --heading-3xl: clamp(2.75rem, calc(0.018518518518518517 * (100vw - 22.5rem) + 2.75rem), 4rem); --heading-4xl: clamp(3.43rem, calc(0.027111111111111107 * (100vw - 22.5rem) + 3.43rem), 5.26rem); --space-3xs: clamp(0.25rem, calc(0 * (100vw - 22.5rem) + 0.25rem), 0.25rem); --space-2xs: clamp(0.5rem, calc(0 * (100vw - 22.5rem) + 0.5rem), 0.5rem); --space-xs: clamp(0.75rem, calc(0 * (100vw - 22.5rem) + 0.75rem), 0.75rem); --space-s: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --space-m: clamp(1.25rem, calc(0 * (100vw - 22.5rem) + 1.25rem), 1.25rem); --space-l: clamp(1.5rem, calc(0 * (100vw - 22.5rem) + 1.5rem), 1.5rem); --space-xl: clamp(1.88rem, calc(0.0017777777777777794 * (100vw - 22.5rem) + 1.88rem), 2rem); --space-2xl: clamp(2.25rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 2.25rem), 2.5rem); --space-3xl: clamp(3rem, calc(0.007407407407407408 * (100vw - 22.5rem) + 3rem), 3.5rem); --space-4xl: clamp(3.75rem, calc(0.011111111111111112 * (100vw - 22.5rem) + 3.75rem), 4.5rem); --space-5xl: clamp(4.88rem, calc(0.016592592592592593 * (100vw - 22.5rem) + 4.88rem), 6rem); --space-6xl: clamp(6.38rem, calc(0.024 * (100vw - 22.5rem) + 6.38rem), 8rem); --gap-3xs: 4px; --gap-2xs: 8px; --gap-xs: 12px; --gap-s: 16px; --gap-m: 20px; --gap-l: 24px; --gap-xl: 32px; --gap-2xl: 40px; --gap-3xl: 56px; --gap-4xl: 72px;}