@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fontes/Inter-Normal-latin-ext.woff2") format("woff2") format("woff2"); unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fontes/Inter-Normal-latin.woff2") format("woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: Inter; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/fontes/Inter-Italic-latin-ext.woff2") format("woff2") format("woff2"); unicode-range: U+100-2AF, U+304, U+308, U+329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Inter; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/fontes/Inter-Italic-latin.woff2") format("woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root { --primitive-midnight-0: #FFFFFF; --primitive-midnight-50: #F8F8F9; --primitive-midnight-100: #EDEEF0; --primitive-midnight-200: #DCDCE1; --primitive-midnight-300: #BFC0C8; --primitive-midnight-400: #9B9DA9; --primitive-midnight-500: #737686; --primitive-midnight-600: #505468; --primitive-midnight-700: #33384E; --primitive-midnight-800: #1B2339; --primitive-midnight-900: #081128; --primitive-blizzard-50: #EAF9FD; --primitive-blizzard-100: #D1F4FD; --primitive-blizzard-200: #A7EAFB; --primitive-blizzard-300: #4FD1EC; --primitive-blizzard-400: #00B2D7; --primitive-blizzard-500: #0092BE; --primitive-blizzard-600: #007198; --primitive-blizzard-700: #005677; --primitive-blizzard-800: #003C55; --primitive-blizzard-900: #002738; --primitive-gulf-50: #F7F6FB; --primitive-gulf-100: #E9E7F2; --primitive-gulf-200: #D5D2E7; --primitive-gulf-300: #B7B2D4; --primitive-gulf-400: #918BB9; --primitive-gulf-500: #6B679E; --primitive-gulf-600: #494783; --primitive-gulf-700: #2B2E6B; --primitive-gulf-800: #121D59; --primitive-gulf-900: #051244; --primitive-merino-50: #FEFCF7; --primitive-merino-100: #F1EDE1; --primitive-merino-200: #DCD4BA; --primitive-merino-300: #C0B691; --primitive-merino-400: #A4996C; --primitive-merino-500: #877C4C; --primitive-merino-600: #6A6135; --primitive-merino-700: #4E4721; --primitive-merino-800: #363112; --primitive-merino-900: #242007; --primitive-red-50: #FFF3F1; --primitive-red-100: #FFE2DE; --primitive-red-200: #FFC6BF; --primitive-red-300: #FF9D94; --primitive-red-400: #FB6965; --primitive-red-500: #D2082D; --primitive-red-600: #AC001B; --primitive-red-700: #87000F; --primitive-red-800: #640003; --primitive-red-900: #430000; --primitive-orange-50: #FFF4EC; --primitive-orange-100: #FFE5D5; --primitive-orange-200: #FFCBAE; --primitive-orange-300: #FCA779; --primitive-orange-400: #ED8143; --primitive-orange-500: #E56307; --primitive-orange-600: #BB4900; --primitive-orange-700: #923400; --primitive-orange-800: #692200; --primitive-orange-900: #441500; --primitive-green-50: #F2F9ED; --primitive-green-100: #E0F0D7; --primitive-green-200: #C2E0B1; --primitive-green-300: #97C97E; --primitive-green-400: #66AF47; --primitive-green-500: #349E06; --primitive-green-600: #137C00; --primitive-green-700: #005E00; --primitive-green-800: #004200; --primitive-green-900: #092800; --primitive-pink-50: #FFF3FA; --primitive-pink-100: #FFE3F4; --primitive-pink-200: #FBC9E6; --primitive-pink-300: #F5A1D5; --primitive-pink-400: #EA6ABE; --primitive-pink-500: #C40795; --primitive-pink-600: #A10078; --primitive-pink-700: #7E005C; --primitive-pink-800: #5D0043; --primitive-pink-900: #3D002C; --primitive-yellow-50: #FDF9EF; --primitive-yellow-100: #F9F0D8; --primitive-yellow-200: #F6E4AF; --primitive-yellow-300: #F2D97C; --primitive-yellow-400: #ECCE24; --primitive-yellow-500: #B09707; --primitive-yellow-600: #8C7900; --primitive-yellow-700: #6F6000; --primitive-yellow-800: #544800; --primitive-yellow-900: #3F3607; --color-surface-base: var(--primitive-midnight-0); --color-surface-subtle: var(--primitive-midnight-50); --color-surface-raised: var(--primitive-midnight-100); --color-surface-overlay: var(--primitive-midnight-200); --color-surface-inverted: var(--primitive-midnight-900); --color-surface-inverted-raised: var(--primitive-midnight-700); --color-surface-inverted-raised-hover: var(--primitive-midnight-600); --color-surface-warm: var(--primitive-merino-50); --color-content-primary: var(--primitive-midnight-900); --color-content-secondary: var(--primitive-midnight-600); --color-content-tertiary: var(--primitive-midnight-500); --color-content-disabled: var(--primitive-midnight-300); --color-content-inverted: var(--primitive-midnight-0); --color-content-accent: var(--primitive-blizzard-500); --color-border-default: var(--primitive-midnight-200); --color-border-strong: var(--primitive-midnight-300); --color-border-accent: var(--primitive-blizzard-500); --color-border-error: var(--primitive-red-500); --color-action-primary: var(--primitive-blizzard-500); --color-action-hover: var(--primitive-blizzard-600); --color-action-pressed: var(--primitive-blizzard-700); --color-action-subtle: var(--primitive-blizzard-200); --color-action-surface: var(--primitive-blizzard-100); --color-action-disabled: var(--primitive-midnight-200); --color-feedback-error: var(--primitive-red-500); --color-feedback-error-hover: var(--primitive-red-600); --color-feedback-error-surface: var(--primitive-red-100); --color-feedback-error-border: var(--primitive-red-500); --color-feedback-error-content: var(--primitive-red-700); --color-feedback-success: var(--primitive-green-500); --color-feedback-success-surface: var(--primitive-green-100); --color-feedback-success-border: var(--primitive-green-500); --color-feedback-success-content: var(--primitive-green-700); --color-feedback-warning: var(--primitive-yellow-500); --color-feedback-warning-surface: var(--primitive-yellow-100); --color-feedback-warning-border: var(--primitive-yellow-500); --color-feedback-warning-content: var(--primitive-yellow-700); --color-feedback-premium: var(--primitive-orange-500); --color-feedback-premium-surface: var(--primitive-orange-100); --color-feedback-premium-border: var(--primitive-orange-500); --color-feedback-premium-content: var(--primitive-orange-700); --color-feedback-badge: var(--primitive-pink-500); --color-feedback-badge-surface: var(--primitive-pink-100); --color-feedback-badge-border: var(--primitive-pink-500); --color-feedback-badge-content: var(--primitive-pink-700); --color-state-hover-neutral: var(--primitive-midnight-100); --color-state-hover-accent: var(--primitive-blizzard-100); --color-state-hover-error: var(--primitive-red-50); --color-state-pressed-accent: var(--primitive-blizzard-700); --color-state-focus-ring: var(--primitive-blizzard-200); --color-state-focus-ring-error: var(--primitive-pink-200); --color-state-focus-ring-success: var(--primitive-green-200); --color-state-focus-ring-warning: var(--primitive-yellow-200); --color-state-focus-ring-neutral: var(--primitive-midnight-200); --color-state-disabled-surface: var(--primitive-midnight-50); --color-state-disabled-content: var(--primitive-midnight-300); --color-brand-midnight: var(--primitive-midnight-900); --color-brand-blizzard: var(--primitive-blizzard-200); --color-brand-gulf: var(--primitive-gulf-800); --color-brand-merino: var(--primitive-merino-100); --color-aime: var(--primitive-orange-300); --color-aime-hover: var(--primitive-orange-400); --color-aime-pressed: var(--primitive-orange-500); --color-aime-on: var(--primitive-midnight-900); --color-aime-surface: var(--primitive-orange-100); --color-aime-border: var(--primitive-orange-300); --color-aime-content: var(--primitive-orange-700); --color-aime-soft-hover: var(--primitive-orange-100); --color-module-encontrar-surface: var(--primitive-blizzard-100); --color-module-encontrar-content: var(--primitive-blizzard-700); --color-module-encontrar-border: var(--primitive-blizzard-500); --color-module-cadastrar-surface: var(--primitive-merino-100); --color-module-cadastrar-content: var(--primitive-merino-700); --color-module-cadastrar-border: var(--primitive-merino-500); --color-module-disputar-surface: var(--primitive-orange-100); --color-module-disputar-content: var(--primitive-orange-700); --color-module-disputar-border: var(--primitive-orange-500); --color-module-monitorar-surface: var(--primitive-pink-100); --color-module-monitorar-content: var(--primitive-pink-700); --color-module-monitorar-border: var(--primitive-pink-500); --color-module-visao-surface: var(--primitive-gulf-100); --color-module-visao-content: var(--primitive-gulf-700); --color-module-visao-border: var(--primitive-gulf-500); --color-module-novidades-surface: var(--primitive-green-100); --color-module-novidades-content: var(--primitive-green-700); --color-module-novidades-border: var(--primitive-green-500); --color-module-playground-surface: var(--primitive-yellow-100); --color-module-playground-content: var(--primitive-yellow-700); --color-module-playground-border: var(--primitive-yellow-500); --color-plan-gratis-surface: var(--primitive-green-100); --color-plan-gratis-surface-subtle: var(--primitive-green-50); --color-plan-gratis-content: var(--primitive-green-700); --color-plan-gratis-border: var(--primitive-green-500); --color-plan-gratis-border-subtle: var(--primitive-green-200); --color-plan-iniciante-surface: var(--primitive-merino-100); --color-plan-iniciante-surface-subtle: var(--primitive-merino-50); --color-plan-iniciante-content: var(--primitive-merino-700); --color-plan-iniciante-border: var(--primitive-merino-500); --color-plan-iniciante-border-subtle: var(--primitive-merino-200); --color-plan-profissional-surface: var(--primitive-blizzard-100); --color-plan-profissional-surface-subtle: var(--primitive-blizzard-50); --color-plan-profissional-content: var(--primitive-blizzard-700); --color-plan-profissional-border: var(--primitive-blizzard-500); --color-plan-profissional-border-subtle: var(--primitive-blizzard-200); --color-plan-grandes-contas-surface: var(--primitive-gulf-100); --color-plan-grandes-contas-surface-subtle: var(--primitive-gulf-50); --color-plan-grandes-contas-content: var(--primitive-gulf-700); --color-plan-grandes-contas-border: var(--primitive-gulf-500); --color-plan-grandes-contas-border-subtle: var(--primitive-gulf-200); --color-plan-consultor-surface: var(--primitive-orange-100); --color-plan-consultor-surface-subtle: var(--primitive-orange-50); --color-plan-consultor-content: var(--primitive-orange-700); --color-plan-consultor-border: var(--primitive-orange-500); --color-plan-consultor-border-subtle: var(--primitive-orange-200); }
.dark, [data-theme="dark"] { --color-surface-base: var(--primitive-midnight-900); --color-surface-subtle: var(--primitive-midnight-800); --color-surface-raised: var(--primitive-midnight-700); --color-surface-overlay: var(--primitive-midnight-600); --color-surface-inverted: var(--primitive-midnight-0); --color-surface-inverted-raised: var(--primitive-midnight-100); --color-surface-inverted-raised-hover: var(--primitive-midnight-200); --color-surface-warm: var(--primitive-midnight-800); --color-content-primary: var(--primitive-midnight-50); --color-content-secondary: var(--primitive-midnight-200); --color-content-tertiary: var(--primitive-midnight-300); --color-content-disabled: var(--primitive-midnight-600); --color-content-inverted: var(--primitive-midnight-900); --color-content-accent: var(--primitive-blizzard-400); --color-border-default: var(--primitive-midnight-700); --color-border-strong: var(--primitive-midnight-600); --color-border-accent: var(--primitive-blizzard-400); --color-border-error: var(--primitive-red-400); --color-action-primary: var(--primitive-blizzard-400); --color-action-hover: var(--primitive-blizzard-300); --color-action-pressed: var(--primitive-blizzard-500); --color-action-subtle: var(--primitive-blizzard-800); --color-action-surface: var(--primitive-blizzard-900); --color-action-disabled: var(--primitive-midnight-700); --color-feedback-error: var(--primitive-red-400); --color-feedback-error-surface: var(--primitive-red-900); --color-feedback-error-content: var(--primitive-red-200); --color-feedback-success: var(--primitive-green-400); --color-feedback-success-surface: var(--primitive-green-900); --color-feedback-success-content: var(--primitive-green-200); --color-feedback-warning: var(--primitive-yellow-400); --color-feedback-warning-surface: var(--primitive-yellow-900); --color-feedback-warning-content: var(--primitive-yellow-200); --color-feedback-premium: var(--primitive-orange-400); --color-feedback-premium-surface: var(--primitive-orange-900); --color-feedback-premium-content: var(--primitive-orange-200); --color-aime: var(--primitive-orange-300); --color-aime-hover: var(--primitive-orange-200); --color-aime-pressed: var(--primitive-orange-400); --color-aime-on: var(--primitive-midnight-900); --color-aime-surface: var(--primitive-orange-900); --color-aime-border: var(--primitive-orange-300); --color-aime-content: var(--primitive-orange-300); --color-aime-soft-hover: var(--primitive-orange-900); --color-feedback-badge: var(--primitive-pink-400); --color-feedback-badge-surface: var(--primitive-pink-900); --color-feedback-badge-content: var(--primitive-pink-200); --color-state-hover-neutral: var(--primitive-midnight-800); --color-state-hover-accent: var(--primitive-blizzard-900); --color-state-focus-ring: var(--primitive-blizzard-200); --color-state-disabled-surface: var(--primitive-midnight-800); --color-state-disabled-content: var(--primitive-midnight-600); }
:root { --font-family-base: "Inter", -apple-system, BlinkMacSystemFont, sans-serif; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --type-display-2xl-size: 56px; --type-display-2xl-weight: 700; --type-display-2xl-line-height: 1; --type-display-2xl-tracking: -.03em; --type-display-xl-size: 48px; --type-display-xl-weight: 700; --type-display-xl-line-height: 1; --type-display-xl-tracking: -.025em; --type-display-lg-size: 40px; --type-display-lg-weight: 700; --type-display-lg-line-height: 1.05; --type-display-lg-tracking: -.02em; --type-display-md-size: 32px; --type-display-md-weight: 700; --type-display-md-line-height: 1.1; --type-display-md-tracking: -.015em; --type-editorial-lg-size: 36px; --type-editorial-lg-weight: 500; --type-editorial-lg-line-height: 1.2; --type-editorial-lg-tracking: -.04em; --type-metric-xl-size: 70px; --type-metric-xl-weight: 400; --type-metric-xl-line-height: 1.3; --type-metric-xl-tracking: -.04em; --type-heading-xl-size: 28px; --type-heading-xl-weight: 700; --type-heading-xl-line-height: 1.15; --type-heading-xl-tracking: -.01em; --type-heading-lg-size: 24px; --type-heading-lg-weight: 700; --type-heading-lg-line-height: 1.2; --type-heading-lg-tracking: -.008em; --type-heading-md-size: 20px; --type-heading-md-weight: 600; --type-heading-md-line-height: 1.25; --type-heading-md-tracking: -.005em; --type-heading-sm-size: 18px; --type-heading-sm-weight: 600; --type-heading-sm-line-height: 1.3; --type-heading-sm-tracking: -.003em; --type-body-lg-size: 18px; --type-body-lg-weight: 400; --type-body-lg-line-height: 1.6; --type-body-lg-tracking: 0; --type-body-md-size: 16px; --type-body-md-weight: 400; --type-body-md-line-height: 1.6; --type-body-md-tracking: 0; --type-body-sm-size: 14px; --type-body-sm-weight: 400; --type-body-sm-line-height: 1.55; --type-body-sm-tracking: 0; --type-body-xs-size: 12px; --type-body-xs-weight: 400; --type-body-xs-line-height: 1.5; --type-body-xs-tracking: 0; --type-label-lg-size: 14px; --type-label-lg-weight: 500; --type-label-lg-line-height: 1; --type-label-lg-tracking: .01em; --type-label-md-size: 12px; --type-label-md-weight: 500; --type-label-md-line-height: 1; --type-label-md-tracking: .015em; --type-label-sm-size: 11px; --type-label-sm-weight: 500; --type-label-sm-line-height: 1; --type-label-sm-tracking: .02em; --type-code-lg-size: 16px; --type-code-lg-weight: 500; --type-code-lg-line-height: 1.4; --type-code-lg-tracking: .01em; --type-code-md-size: 14px; --type-code-md-weight: 400; --type-code-md-line-height: 1.4; --type-code-md-tracking: .01em; --type-code-sm-size: 12px; --type-code-sm-weight: 400; --type-code-sm-line-height: 1.4; --type-code-sm-tracking: .01em; }
.type-code { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; }
:root { --space-base: 4px; --space-4: 4px; --space-8: 8px; --space-12: 12px; --space-16: 16px; --space-20: 20px; --space-24: 24px; --space-32: 32px; --space-40: 40px; --space-48: 48px; --space-64: 64px; --space-80: 80px; --space-96: 96px; --space-component-xs: var(--space-4); --space-component-sm: var(--space-8); --space-component-md: var(--space-12); --space-component-lg: var(--space-16); --space-component-xl: var(--space-24); --space-layout-xs: var(--space-16); --space-layout-sm: var(--space-24); --space-layout-md: var(--space-32); --space-layout-lg: var(--space-40); --space-layout-xl: var(--space-48); --space-structural-sm: var(--space-48); --space-structural-md: var(--space-64); --space-structural-lg: var(--space-80); --space-structural-xl: var(--space-96); }
:root { --radius-base: 8px; --radius-0: 0px; --radius-2: 2px; --radius-4: 4px; --radius-6: 6px; --radius-8: 8px; --radius-10: 10px; --radius-12: 12px; --radius-16: 16px; --radius-20: 20px; --radius-24: 24px; --radius-28: 28px; --radius-32: 32px; --radius-full: 999px; --shape-interactive-sm: var(--radius-6); --shape-interactive-md: var(--radius-8); --shape-interactive-lg: var(--radius-10); --shape-interactive-pill: var(--radius-full); --shape-container-sm: var(--radius-8); --shape-container-md: var(--radius-12); --shape-container-lg: var(--radius-16); --shape-container-xl: var(--radius-20); --shape-container-2xl: var(--radius-24); --shape-container-3xl: var(--radius-32); --shape-feedback-sm: var(--radius-4); --shape-feedback-md: var(--radius-12); --shape-feedback-pill: var(--radius-full); --shape-structural-none: var(--radius-0); --shape-structural-sm: var(--radius-4); --shape-structural-md: var(--radius-8); }
:root { --shadow-color-base: 8, 17, 40; --shadow-0: none; --shadow-1: 0px 1px 2px rgba(8,17,40,.06); --shadow-2: 0px 2px 4px rgba(8,17,40,.08), 0px 1px 2px rgba(8,17,40,.04); --shadow-3: 0px 4px 8px rgba(8,17,40,.1), 0px 2px 4px rgba(8,17,40,.06); --shadow-4: 0px 8px 16px rgba(8,17,40,.12), 0px 4px 8px rgba(8,17,40,.08); --shadow-5: 0px 16px 32px rgba(8,17,40,.16), 0px 8px 16px rgba(8,17,40,.1); --elevation-surface-flat: var(--shadow-0); --elevation-surface-sm: var(--shadow-1); --elevation-surface-md: var(--shadow-2); --elevation-interactive-resting: var(--shadow-1); --elevation-interactive-hover: var(--shadow-3); --elevation-interactive-pressed: var(--shadow-0); --elevation-overlay-dropdown: var(--shadow-3); --elevation-overlay-popover: var(--shadow-4); --elevation-overlay-modal: var(--shadow-5); --elevation-overlay-drawer: var(--shadow-5); --elevation-sticky-header: var(--shadow-2); --elevation-sticky-fab: var(--shadow-4); --elevation-sticky-toast: var(--shadow-4); --z-base: 0; --z-raised: 10; --z-dropdown: 100; --z-sticky: 200; --z-popover: 300; --z-backdrop: 400; --z-modal: 500; --z-toast: 600; --z-tooltip: 700; }
.dark, [data-theme="dark"] { --shadow-1: 0px 1px 2px rgba(8,17,40,.04); --shadow-2: 0px 2px 4px rgba(8,17,40,.06), 0px 1px 2px rgba(8,17,40,.03); --shadow-3: 0px 4px 8px rgba(8,17,40,.07), 0px 2px 4px rgba(8,17,40,.04); --shadow-4: 0px 8px 16px rgba(8,17,40,.08), 0px 4px 8px rgba(8,17,40,.06); --shadow-5: 0px 16px 32px rgba(8,17,40,.11), 0px 8px 16px rgba(8,17,40,.07); }
:root { --duration-0: 0ms; --duration-75: 75ms; --duration-150: .15s; --duration-200: .2s; --duration-300: .3s; --duration-400: .4s; --duration-500: .5s; --motion-duration-interaction-fast: var(--duration-75); --motion-duration-interaction-base: var(--duration-150); --motion-duration-interaction-comfortable: var(--duration-200); --motion-duration-transition-enter: var(--duration-200); --motion-duration-transition-exit: var(--duration-150); --motion-duration-transition-layout: var(--duration-300); --motion-duration-transition-page: var(--duration-300); --motion-duration-expressive-feedback: var(--duration-400); --motion-duration-expressive-celebration: var(--duration-500); --motion-easing-productive: cubic-bezier(.2, 0, 0, 1); --motion-easing-enter: cubic-bezier(0, 0, .2, 1); --motion-easing-exit: cubic-bezier(.4, 0, 1, 1); --motion-easing-expressive: cubic-bezier(.34, 1.56, .64, 1); --motion-stagger-base: 60ms; --motion-reveal-offset: 8px; }
.motion-feedback-hover { transition-property: background-color, border-color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.motion-feedback-press { transition-property: transform, background-color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.motion-feedback-focus { transition-property: outline, box-shadow; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
.motion-feedback-toggle { transition-property: background-color, transform; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
@keyframes motion-success { 
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes motion-error-shake { 
  0% { transform: translate(0px); }
  20% { transform: translate(-6px); }
  40% { transform: translate(6px); }
  60% { transform: translate(-4px); }
  80% { transform: translate(4px); }
  100% { transform: translate(0px); }
}
@keyframes motion-celebration { 
  0% { opacity: 0; transform: scale(0.6) translateY(16px); }
  100% { opacity: 1; transform: scale(1) translateY(0px); }
}
.arrow-reveal > * { opacity: 0; transform: translateY(var(--motion-reveal-offset)); }
.arrow-reveal[data-revealed] > * { opacity: 1; transform: none; transition-property: opacity, transform; transition-duration: var(--motion-duration-transition-page); transition-timing-function: var(--motion-easing-enter); transition-delay: calc(var(--motion-stagger-base) * var(--arrow-reveal-i, 0)); }
.arrow-reveal[data-reveal-scale="website"] { --motion-reveal-offset: 36px; --motion-stagger-base: 90ms; --motion-duration-transition-page: var(--duration-400); }
@media (prefers-reduced-motion: reduce) {
  .motion-feedback-hover, .motion-feedback-press, .motion-feedback-focus, .motion-feedback-toggle { transition-duration: 0ms; }
  .motion-enter-fade, .motion-enter-slide-up, .motion-enter-slide-down, .motion-enter-scale, .motion-exit-fade, .motion-exit-slide-up, .motion-exit-slide-down, .motion-exit-scale { transition-property: opacity; transition-duration: 75ms; transform: none !important; }
  .motion-expressive-success, .motion-expressive-error, .motion-expressive-celebration { animation: auto ease 0s 1 normal none running none; transition: none; }
  .arrow-reveal > * { transform: none; }
  .arrow-reveal[data-revealed] > * { transform: none; transition-property: opacity; transition-duration: var(--motion-duration-interaction-fast); transition-delay: 0ms; }
}
:root { --grid-columns-base: 12; --grid-columns-simplified: 4; --grid-gutter-xl: 24px; --grid-gutter-lg: 20px; --grid-gutter-md: 16px; --grid-gutter-sm: 12px; --grid-margin-xl: 48px; --grid-margin-lg: 40px; --grid-margin-md: 32px; --grid-margin-sm: 24px; --grid-margin-xs: 16px; --grid-breakpoint-xl: 1440px; --grid-breakpoint-lg: 1200px; --grid-breakpoint-md: 900px; --grid-breakpoint-sm: 600px; --grid-breakpoint-xs: 0px; --grid-container-wide: 1440px; --grid-container-content: 1200px; --grid-container-text: 720px; --grid-container-narrow: 480px; --grid-columns-full: 12; --grid-columns-primary: 8; --grid-columns-secondary: 4; --grid-columns-half: 6; --grid-columns-third: 4; --grid-columns-quarter: 3; --grid-gutter-default: 20px; --grid-gutter-comfortable: 24px; --grid-gutter-compact: 16px; --grid-gutter-dense: 12px; --grid-margin-default: 40px; --grid-margin-comfortable: 48px; --grid-margin-compact: 32px; --grid-margin-minimal: 24px; }
:root { --icon-size-compact: 16px; --icon-size-default: 20px; --icon-size-comfortable: 24px; --icon-size-prominent: 32px; --icon-color-neutral-primary: var(--color-content-primary); --icon-color-neutral-secondary: var(--color-content-secondary); --icon-color-neutral-tertiary: var(--color-content-tertiary); --icon-color-action-primary: var(--color-action-primary); --icon-color-feedback-success: var(--color-feedback-success); --icon-color-feedback-error: var(--color-feedback-error); --icon-color-feedback-warning: var(--color-feedback-warning); --icon-color-surface-inverse: var(--color-content-inverted); }
:root { --size-modal-feature-width: 1064px; --size-modal-feature-height: 702px; --size-modal-feature-media-width: 500px; --size-page-sidebar-width: 240px; }
.arrow-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; }
.arrow-tooltip-trigger { display: inline-flex; }
.arrow-tooltip { position: fixed; z-index: var(--z-tooltip); padding: var(--space-component-xs) var(--space-component-sm); border-radius: var(--shape-interactive-md); background-color: var(--color-surface-inverted); color: var(--color-content-inverted); font-family: var(--font-family-base); font-size: var(--type-body-xs-size); line-height: var(--type-body-xs-line-height); white-space: nowrap; pointer-events: none; }
.arrow-tooltip[data-placement="top"] { transform: translate(-50%, -100%); }
.arrow-tooltip[data-placement="bottom"] { transform: translate(-50%); }
.arrow-tooltip[data-placement="right"] { transform: translateY(-50%); }
.arrow-tooltip[data-placement="left"] { transform: translate(-100%, -50%); }
.arrow-tooltip__arrow { position: absolute; left: 50%; width: 8px; height: 8px; background-color: var(--color-surface-inverted); transform: translate(-50%) rotate(45deg); }
.arrow-tooltip[data-placement="top"] .arrow-tooltip__arrow { bottom: -4px; }
.arrow-tooltip[data-placement="bottom"] .arrow-tooltip__arrow { top: -4px; }
.arrow-tooltip[data-placement="right"] .arrow-tooltip__arrow { left: -4px; top: 50%; transform: translateY(-50%) rotate(45deg); }
.arrow-tooltip[data-placement="left"] .arrow-tooltip__arrow { left: auto; right: -4px; top: 50%; transform: translateY(-50%) rotate(45deg); }
.arrow-tooltip-fade-enter-active, .arrow-tooltip-fade-leave-active { transition: opacity var(--duration-150) var(--motion-easing-productive); }
.arrow-tooltip-fade-enter-from, .arrow-tooltip-fade-leave-to { opacity: 0; }
.arrow-iconbtn { position: relative; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid transparent; border-radius: var(--shape-interactive-md); cursor: pointer; color: inherit; text-decoration: none; transition-property: background-color, border-color, color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-iconbtn:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-iconbtn[data-size="xs"] { padding: var(--space-component-xs); }
.arrow-iconbtn[data-size="sm"] { width: var(--space-32); height: var(--space-32); }
.arrow-iconbtn[data-size="md"] { width: var(--space-40); height: var(--space-40); }
.arrow-iconbtn[data-size="lg"] { width: var(--space-48); height: var(--space-48); }
.arrow-iconbtn[data-tone="accent"] { --_solid: var(--color-action-primary); --_solid-hover: var(--color-action-hover); --_solid-pressed: var(--color-action-pressed); --_on-solid: var(--color-content-inverted); --_text: var(--color-content-accent); --_line: var(--color-border-accent); --_soft-hover: var(--color-state-hover-accent); }
.arrow-iconbtn[data-tone="neutral"] { --_solid: var(--color-content-primary); --_solid-hover: var(--color-content-secondary); --_solid-pressed: var(--color-content-secondary); --_on-solid: var(--color-content-inverted); --_text: var(--color-content-secondary); --_line: var(--color-border-default); --_soft-hover: var(--color-state-hover-neutral); }
.arrow-iconbtn[data-tone="danger"] { --_solid: var(--color-feedback-error); --_solid-hover: var(--color-feedback-error-hover); --_solid-pressed: var(--color-feedback-error-hover); --_on-solid: var(--color-content-inverted); --_text: var(--color-feedback-error-content); --_line: var(--color-feedback-error-border); --_soft-hover: var(--color-state-hover-error); }
.arrow-iconbtn[data-tone="aime"] { --_solid: var(--color-aime); --_solid-hover: var(--color-aime-hover); --_solid-pressed: var(--color-aime-pressed); --_on-solid: var(--color-aime-on); --_text: var(--color-aime-content); --_line: var(--color-aime-border); --_soft-hover: var(--color-aime-soft-hover); }
.arrow-iconbtn[data-variant="primary"] { background-color: var(--_solid); border-color: var(--_solid); color: var(--_on-solid); }
.arrow-iconbtn[data-variant="primary"]:hover:not(:disabled):not([aria-disabled="true"]) { background-color: var(--_solid-hover); border-color: var(--_solid-hover); }
.arrow-iconbtn[data-variant="primary"]:active:not(:disabled):not([aria-disabled="true"]) { background-color: var(--_solid-pressed); border-color: var(--_solid-pressed); }
.arrow-iconbtn[data-variant="secondary"] { background-color: transparent; border-color: var(--_line); color: var(--_text); }
.arrow-iconbtn[data-variant="secondary"]:hover:not(:disabled):not([aria-disabled="true"]) { background-color: var(--_soft-hover); }
.arrow-iconbtn[data-variant="ghost"] { background-color: transparent; border-color: transparent; color: var(--_text); }
.arrow-iconbtn[data-variant="ghost"]:hover:not(:disabled):not([aria-disabled="true"]) { background-color: var(--_soft-hover); }
.arrow-iconbtn[data-inverted] { --_text: var(--color-content-secondary); --_soft-hover: var(--color-surface-inverted-raised); }
.arrow-iconbtn[data-inverted][data-variant="ghost"]:hover:not(:disabled):not([aria-disabled="true"]) { color: var(--color-content-inverted); }
.arrow-iconbtn:disabled, .arrow-iconbtn[aria-disabled="true"] { cursor: not-allowed; pointer-events: none; }
.arrow-iconbtn[data-variant="primary"]:disabled, .arrow-iconbtn[data-variant="primary"][aria-disabled="true"] { background-color: var(--color-action-disabled); border-color: var(--color-action-disabled); color: var(--color-content-disabled); }
.arrow-iconbtn[data-variant="secondary"]:disabled, .arrow-iconbtn[data-variant="secondary"][aria-disabled="true"] { border-color: var(--color-border-default); color: var(--color-content-disabled); }
.arrow-iconbtn[data-variant="ghost"]:disabled, .arrow-iconbtn[data-variant="ghost"][aria-disabled="true"] { color: var(--color-content-disabled); }
.arrow-iconbtn[aria-busy="true"] { cursor: progress; }
.arrow-iconbtn__count { position: absolute; top: var(--space-component-xs); left: 50%; box-sizing: border-box; min-width: var(--space-16); height: var(--space-16); padding: 0 var(--space-component-xs); display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius-full); background: var(--color-feedback-error); color: var(--color-content-inverted); font-size: 10px; font-weight: var(--font-weight-semibold); line-height: 1; pointer-events: none; }
.arrow-iconbtn__spinner { width: 1em; height: 1em; border-width: 2px; border-style: solid; border-color: currentcolor transparent currentcolor currentcolor; border-image: none; border-radius: var(--radius-full); animation: 0.6s linear 0s infinite normal none running arrow-iconbtn-spin; }
@keyframes arrow-iconbtn-spin { 
  100% { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .arrow-iconbtn { transition-duration: 0ms; }
  .arrow-iconbtn__spinner { animation-duration: 1.2s; }
}
.arrow-alert { display: flex; align-items: center; box-sizing: border-box; gap: var(--space-component-sm); padding: var(--space-component-md) var(--space-component-xl); border-radius: var(--shape-feedback-md); background-color: var(--_surface); font-family: var(--font-family-base); font-size: var(--type-body-sm-size); font-weight: var(--type-body-sm-weight); line-height: var(--type-body-sm-line-height); color: var(--_content); }
.arrow-alert[data-tone="accent"] { --_surface: var(--color-action-surface); --_content: var(--color-content-accent); }
.arrow-alert[data-tone="success"] { --_surface: var(--color-feedback-success-surface); --_content: var(--color-feedback-success-content); }
.arrow-alert[data-tone="warning"] { --_surface: var(--color-feedback-warning-surface); --_content: var(--color-feedback-warning-content); }
.arrow-alert[data-tone="error"] { --_surface: var(--color-feedback-error-surface); --_content: var(--color-feedback-error-content); }
.arrow-alert__icon { color: var(--_content); flex: 0 0 auto; }
.arrow-alert__body { flex: 1 1 auto; min-width: 0px; }
.arrow-alert__action { flex: 0 0 auto; display: inline-flex; align-items: center; }
.arrow-alert__dismiss { flex: 0 0 auto; margin-inline-start: var(--space-component-xs); }
.arrow-alert .arrow-alert__dismiss.arrow-iconbtn { --_text: var(--_content); --_soft-hover: color-mix(in srgb, var(--_content) 12%, transparent); }
.arrow-alert__body :where(a) { color: var(--_content); text-underline-offset: 2px; }
.arrow-app-shell { --app-shell-topbar-h: calc(var(--space-40) + var(--space-16) * 2); --app-shell-nav-w: 256px; --app-shell-nav-w-rail: 72px; height: 100%; display: flex; flex-direction: column; background: var(--color-surface-inverted); font-family: var(--font-family-base); }
.arrow-app-shell__topbar { flex: 0 0 auto; }
.arrow-app-shell__body { position: relative; flex: 1 1 auto; min-height: 0px; display: flex; background: var(--color-surface-inverted); }
.arrow-app-shell__nav { flex: 0 0 auto; display: flex; overflow: hidden; border-top-left-radius: var(--shape-container-lg); }
.arrow-app-shell__content { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; overflow: hidden; background: var(--color-surface-subtle); border-top-right-radius: var(--shape-container-lg); }
.arrow-app-shell__rail-toggle { position: absolute; top: var(--space-32); left: var(--app-shell-nav-w); transform: translate(-50%); z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: var(--space-24); height: var(--space-24); border: 0px; border-radius: var(--radius-full); background: var(--color-surface-overlay); color: var(--color-content-tertiary); cursor: pointer; transition: left var(--motion-duration-transition-layout) var(--motion-easing-productive),background-color var(--motion-duration-interaction-base) var(--motion-easing-productive),color var(--motion-duration-interaction-base) var(--motion-easing-productive); }
.arrow-app-shell[data-collapsed] .arrow-app-shell__rail-toggle { left: var(--app-shell-nav-w-rail); }
@media (prefers-reduced-motion: reduce) {
  .arrow-app-shell__rail-toggle { transition: background-color var(--motion-duration-interaction-base) var(--motion-easing-productive),color var(--motion-duration-interaction-base) var(--motion-easing-productive); }
}
.arrow-app-shell__rail-toggle:hover { background: var(--primitive-midnight-300); }
.arrow-app-shell__rail-toggle:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-app-shell:not([data-has-nav]) .arrow-app-shell__content { border-top-left-radius: var(--shape-container-lg); }
.arrow-app-shell__content:focus { outline: none; }
.arrow-app-shell-alert-enter-active, .arrow-app-shell-alert-leave-active { transition: opacity var(--motion-duration-transition-page) var(--motion-easing-enter),transform var(--motion-duration-transition-page) var(--motion-easing-enter); }
.arrow-app-shell-alert-enter-from, .arrow-app-shell-alert-leave-to { opacity: 0; transform: translateY(8px); }
@media (prefers-reduced-motion: reduce) {
  .arrow-app-shell-alert-enter-active, .arrow-app-shell-alert-leave-active { transition: none; }
}
.arrow-app-shell__scroll { flex: 1 1 auto; min-height: 0px; overflow-y: auto; padding: var(--space-layout-md) var(--app-shell-content-padding-inline, var(--space-layout-sm)); scrollbar-width: thin; scrollbar-color: rgba(var(--shadow-color-base),.35) transparent; }
.arrow-app-shell__container { max-width: var(--app-shell-content-max-width, none); margin-inline: auto; }
.arrow-app-shell__scroll::-webkit-scrollbar { width: 8px; height: 8px; }
.arrow-app-shell__scroll::-webkit-scrollbar-track { background: transparent; }
.arrow-app-shell__scroll::-webkit-scrollbar-thumb { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: padding-box; border: 2px solid transparent; border-radius: var(--radius-full); transition: background var(--motion-duration-interaction-comfortable) var(--motion-easing-productive); }
.arrow-app-shell__scroll::-webkit-scrollbar-thumb:hover { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: padding-box; border: 2px solid transparent; }
.arrow-app-shell[data-mobile] .arrow-app-shell__nav { position: fixed; top: var(--app-shell-topbar-h); left: 0px; bottom: 0px; z-index: var(--z-modal); border-top-left-radius: 0px; transform: translate(-100%); transition: transform var(--motion-duration-transition-layout) var(--motion-easing-productive); box-shadow: var(--elevation-overlay-drawer); }
.arrow-app-shell[data-mobile][data-drawer-open] .arrow-app-shell__nav { transform: translate(0px); }
.arrow-app-shell[data-mobile] .arrow-app-shell__content { border-top-left-radius: var(--shape-container-lg); }
.arrow-app-shell__scrim { position: fixed; top: var(--app-shell-topbar-h); left: 0px; right: 0px; bottom: 0px; z-index: var(--z-backdrop); background: rgba(var(--shadow-color-base),.4); }
@media (prefers-reduced-motion: reduce) {
  .arrow-app-shell[data-mobile] .arrow-app-shell__nav { transition: none; }
}
.arrow-app-shell__skip { position: absolute; left: var(--space-16); top: var(--space-16); z-index: var(--z-tooltip); padding: var(--space-component-sm) var(--space-component-md); border-radius: var(--shape-interactive-md); background: var(--color-surface-base); color: var(--color-content-primary); font-size: var(--type-body-sm-size); text-decoration: none; transform: translateY(-200%); transition: transform var(--motion-duration-transition-exit) var(--motion-easing-productive); }
.arrow-app-shell__skip:focus { transform: translateY(0px); }
.arrow-app-shell-topbar { display: flex; align-items: center; gap: var(--space-16); height: var(--app-shell-topbar-h); padding: 0 var(--app-shell-topbar-padding-inline, var(--space-32)); box-sizing: border-box; color: var(--color-content-inverted); font-family: var(--font-family-base); }
.arrow-app-shell-topbar[data-gutter="compact"] { --app-shell-topbar-padding-inline: var(--space-layout-sm); }
.arrow-app-shell-topbar__menu { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 0px; border-radius: var(--shape-interactive-md); background: transparent; color: var(--color-content-secondary); cursor: pointer; transition: background-color var(--motion-duration-interaction-base) var(--motion-easing-productive),color var(--motion-duration-interaction-base) var(--motion-easing-productive); }
.arrow-app-shell-topbar__menu:hover { background: var(--color-surface-inverted-raised); color: var(--color-content-inverted); }
.arrow-app-shell-topbar__menu:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-app-shell-topbar__brand { flex: 0 0 auto; display: flex; align-items: center; gap: var(--space-component-md); }
.arrow-app-shell-topbar__brand :is(img, svg) { height: var(--app-shell-brand-height, var(--space-32)); width: auto; display: block; flex: 0 0 auto; }
.arrow-app-shell-topbar__search { flex: 1 1 auto; display: flex; justify-content: center; min-width: 0px; }
.arrow-app-shell-topbar__actions { flex: 0 0 auto; display: flex; align-items: center; gap: var(--space-8); }
.arrow-app-shell-nav { width: var(--app-shell-nav-w); flex: 0 0 auto; box-sizing: border-box; display: flex; flex-direction: column; padding: var(--space-24) var(--space-24) var(--space-32); background: var(--color-surface-raised); font-family: var(--font-family-base); transition: width var(--motion-duration-transition-layout) var(--motion-easing-productive); }
.arrow-app-shell-nav[data-collapsed] { width: var(--app-shell-nav-w-rail); padding-left: var(--space-16); padding-right: var(--space-16); }
.arrow-app-shell-nav[data-collapsed] .arrow-app-shell-nav__list { margin-right: calc(-1 * var(--space-16)); padding-right: var(--space-16); }
.arrow-app-shell-nav__list { flex: 1 1 auto; min-height: 0px; display: flex; flex-direction: column; gap: var(--space-component-sm); overflow-y: auto; margin-right: calc(-1 * var(--space-24)); padding-right: var(--space-24); scrollbar-width: thin; scrollbar-color: rgba(var(--shadow-color-base),.35) transparent; }
.arrow-app-shell-nav__list::-webkit-scrollbar { width: 8px; }
.arrow-app-shell-nav__list::-webkit-scrollbar-track { background: transparent; }
.arrow-app-shell-nav__list::-webkit-scrollbar-thumb { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: padding-box; border: 2px solid transparent; border-radius: var(--radius-full); transition: background var(--motion-duration-interaction-comfortable) var(--motion-easing-productive); }
.arrow-app-shell-nav__list::-webkit-scrollbar-thumb:hover { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: padding-box; border: 2px solid transparent; }
.arrow-app-shell-nav__section { display: flex; flex-direction: column; }
.arrow-app-shell-nav__section-items { display: flex; flex-direction: column; gap: var(--space-component-sm); }
.arrow-app-shell-nav__section-label { margin: var(--space-component-lg) 0; padding: 0 var(--space-component-sm); font-size: var(--type-label-sm-size); line-height: var(--type-label-md-line-height); letter-spacing: var(--type-label-md-tracking); font-weight: var(--font-weight-semibold); text-transform: uppercase; color: var(--primitive-midnight-400); }
.arrow-app-shell-nav__section:first-child .arrow-app-shell-nav__section-label { margin-top: 0px; }
.arrow-app-shell-nav__section[data-rail] .arrow-app-shell-nav__section-label { display: none; }
.arrow-app-shell-nav__item { width: 100%; box-sizing: border-box; display: flex; align-items: center; gap: var(--space-component-sm); padding: var(--space-component-sm); border: 0px; background: transparent; border-radius: var(--shape-container-sm); color: var(--color-content-secondary); font-style: inherit; font-variant: inherit; font-stretch: 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-size: var(--type-body-sm-size); font-weight: var(--font-weight-medium); line-height: var(--type-body-md-line-height); text-align: left; text-decoration: none; cursor: pointer; transition: background-color var(--motion-duration-interaction-base) var(--motion-easing-productive),color var(--motion-duration-interaction-base) var(--motion-easing-productive); }
.arrow-app-shell-nav__item:hover { background: var(--color-surface-overlay); color: var(--color-content-primary); }
.arrow-app-shell-nav__item:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: -3px; }
.arrow-app-shell-nav__item--active { background: var(--color-surface-subtle); color: var(--color-content-primary); font-weight: var(--font-weight-semibold); }
.arrow-app-shell-nav[data-collapsed] .arrow-app-shell-nav__item { justify-content: center; }
.arrow-app-shell-nav[data-collapsed] .arrow-app-shell-nav__label { display: none; }
.arrow-app-shell-nav__icon { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; }
.arrow-app-shell-nav__label { white-space: nowrap; }
.arrow-app-shell-nav__trailing { flex: 0 0 auto; margin-left: auto; display: inline-flex; align-items: center; }
.arrow-app-shell-nav__group { display: flex; flex-direction: column; }
.arrow-app-shell-nav__group-toggle .arrow-app-shell-nav__label { flex: 1 1 auto; }
.arrow-app-shell-nav__chevron { flex: 0 0 auto; display: inline-flex; color: var(--color-content-tertiary); transition: transform var(--motion-duration-interaction-base) var(--motion-easing-productive); }
.arrow-app-shell-nav__group[data-open] .arrow-app-shell-nav__chevron { transform: rotate(180deg); }
.arrow-app-shell-nav__group-toggle--subactive { color: var(--color-content-primary); font-weight: var(--font-weight-semibold); }
.arrow-app-shell-nav__sub { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--motion-duration-transition-layout) var(--motion-easing-productive); }
.arrow-app-shell-nav__group[data-open] .arrow-app-shell-nav__sub { grid-template-rows: 1fr; }
.arrow-app-shell-nav__sub-inner { overflow: hidden; min-height: 0px; display: flex; flex-direction: column; gap: var(--space-component-xs); }
.arrow-app-shell-nav__group[data-open] .arrow-app-shell-nav__sub-inner { padding-top: var(--space-component-xs); }
.arrow-app-shell-nav__sub-inner .arrow-app-shell-nav__item { padding-left: var(--space-40); font-weight: var(--font-weight-regular); }
.arrow-app-shell-nav[data-collapsed] .arrow-app-shell-nav__chevron { display: none; }
.arrow-app-shell-nav[data-collapsed] .arrow-app-shell-nav__sub { grid-template-rows: 0fr; }
@media (prefers-reduced-motion: reduce) {
  .arrow-app-shell-nav__sub, .arrow-app-shell-nav__chevron { transition: none; }
}
.arrow-app-shell-nav__extra { margin-top: var(--space-component-md); }
.arrow-dot { display: inline-block; flex-shrink: 0; border-radius: var(--radius-full); background-color: var(--_c); }
.arrow-dot[data-size="sm"] { width: var(--space-8); height: var(--space-8); }
.arrow-dot[data-size="md"] { width: var(--space-12); height: var(--space-12); }
.arrow-dot[data-size="lg"] { width: var(--space-16); height: var(--space-16); }
.arrow-dot[data-tone="neutral"] { --_c: var(--color-content-tertiary); }
.arrow-dot[data-tone="accent"] { --_c: var(--color-action-primary); }
.arrow-dot[data-tone="success"] { --_c: var(--color-feedback-success); }
.arrow-dot[data-tone="warning"] { --_c: var(--color-feedback-warning); }
.arrow-dot[data-tone="error"] { --_c: var(--color-feedback-error); }
.arrow-avatar-wrap { position: relative; display: inline-flex; flex-shrink: 0; }
.arrow-avatar { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; border-radius: var(--radius-full); font-family: var(--font-family-base); font-weight: var(--font-weight-medium); user-select: none; }
.arrow-avatar__img { width: 100%; height: 100%; object-fit: cover; }
.arrow-avatar__status { position: absolute; top: 15%; right: 15%; transform: translate(50%, -50%); display: inline-flex; }
.arrow-avatar[data-size="sm"] { width: var(--space-32); height: var(--space-32); font-size: var(--type-body-xs-size); }
.arrow-avatar[data-size="md"] { width: calc(var(--space-40) + var(--space-4)); height: calc(var(--space-40) + var(--space-4)); font-size: var(--type-body-sm-size); }
.arrow-avatar[data-size="lg"] { width: var(--space-48); height: var(--space-48); font-size: var(--type-body-md-size); }
.arrow-avatar[data-tone="premium"] { background-color: var(--color-feedback-premium-surface); color: var(--color-feedback-premium-content); }
.arrow-avatar[data-tone="accent"] { background-color: var(--color-action-surface); color: var(--color-content-accent); }
.arrow-avatar[data-tone="neutral"] { background-color: var(--color-surface-subtle); color: var(--color-content-secondary); }
.arrow-avatar[data-tone="success"] { background-color: var(--color-feedback-success-surface); color: var(--color-feedback-success-content); }
.arrow-avatar[data-tone="danger"] { background-color: var(--color-feedback-error-surface); color: var(--color-feedback-error-content); }
.arrow-avatar[data-tone="inverted"] { background-color: var(--_avatar-bg, var(--color-surface-inverted-raised)); color: var(--color-content-inverted); transition: background-color var(--motion-duration-interaction-fast) ease; }
.arrow-badge { display: inline-flex; align-items: center; gap: var(--space-component-xs); box-sizing: border-box; border: 1px solid transparent; border-radius: var(--shape-feedback-pill); font-family: var(--font-family-base); color: var(--_content); white-space: nowrap; width: fit-content; }
.arrow-badge[data-size="sm"] { padding: var(--space-component-xs) var(--space-component-sm); font-size: var(--type-label-md-size); font-weight: var(--type-label-md-weight); line-height: var(--type-label-md-line-height); letter-spacing: var(--type-label-md-tracking); }
.arrow-badge[data-size="md"] { padding: var(--space-component-xs) var(--space-component-md); font-size: var(--type-label-lg-size); font-weight: var(--type-label-lg-weight); line-height: var(--type-label-lg-line-height); letter-spacing: var(--type-label-lg-tracking); }
.arrow-badge[data-tone="neutral"] { --_surface: var(--color-surface-raised); --_content: var(--color-content-secondary); --_border: var(--color-border-default); --_solid: var(--color-content-primary); --_on-solid: var(--color-content-inverted); }
.arrow-badge[data-tone="accent"] { --_surface: var(--color-action-surface); --_content: var(--color-content-accent); --_border: var(--color-border-accent); --_solid: var(--color-action-primary); --_on-solid: var(--color-content-inverted); }
.arrow-badge[data-tone="success"] { --_surface: var(--color-feedback-success-surface); --_content: var(--color-feedback-success-content); --_border: var(--color-feedback-success-border); --_solid: var(--color-feedback-success); --_on-solid: var(--color-content-inverted); }
.arrow-badge[data-tone="warning"] { --_surface: var(--color-feedback-warning-surface); --_content: var(--color-feedback-warning-content); --_border: var(--color-feedback-warning-border); --_solid: var(--color-feedback-warning); --_on-solid: var(--color-content-inverted); }
.arrow-badge[data-tone="error"] { --_surface: var(--color-feedback-error-surface); --_content: var(--color-feedback-error-content); --_border: var(--color-feedback-error-border); --_solid: var(--color-feedback-error); --_on-solid: var(--color-content-inverted); }
.arrow-badge[data-tone="premium"] { --_surface: var(--color-feedback-premium-surface); --_content: var(--color-feedback-premium-content); --_border: var(--color-feedback-premium-border); --_solid: var(--color-feedback-premium); --_on-solid: var(--color-content-inverted); }
.arrow-badge[data-variant="soft"] { background-color: var(--_surface); border-color: transparent; }
.arrow-badge[data-variant="outline"] { background-color: transparent; border-color: var(--_border); }
.arrow-badge[data-variant="tonal"] { background-color: color-mix(in srgb,var(--_content) 16%,transparent); border-color: transparent; }
.arrow-badge[data-variant="solid"] { background-color: var(--_solid); border-color: var(--_solid); color: var(--_on-solid); }
.arrow-badge__affix { display: inline-flex; align-items: center; flex-shrink: 0; }
.arrow-dropdown { position: relative; display: inline-block; }
.arrow-dropdown__menu { --dropdown-padding-inline: 6px; position: absolute; top: 100%; z-index: var(--z-dropdown); min-width: 100%; display: flex; flex-direction: column; gap: var(--space-component-xs); padding: var(--space-component-sm) var(--dropdown-padding-inline); background-color: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--radius-10); box-shadow: rgba(8, 17, 40, 0.1) 0px 16px 32px -12px; }
.arrow-dropdown-reveal-enter-active { transition: opacity var(--motion-duration-transition-enter) var(--motion-easing-enter),transform var(--motion-duration-transition-enter) var(--motion-easing-enter); transform-origin: center top; }
.arrow-dropdown-reveal-leave-active { transition: opacity var(--motion-duration-transition-exit) var(--motion-easing-exit),transform var(--motion-duration-transition-exit) var(--motion-easing-exit); transform-origin: center top; }
.arrow-dropdown-reveal-enter-from, .arrow-dropdown-reveal-leave-to { opacity: 0; transform: scale(0.97); }
.arrow-dropdown__menu > * { animation: arrow-dropdown-item-in var(--motion-duration-transition-enter) var(--motion-easing-enter) both; }
.arrow-dropdown__menu > :nth-child(1) { animation-delay: 0.02s; }
.arrow-dropdown__menu > :nth-child(2) { animation-delay: 0.05s; }
.arrow-dropdown__menu > :nth-child(3) { animation-delay: 0.08s; }
.arrow-dropdown__menu > :nth-child(4) { animation-delay: 0.11s; }
.arrow-dropdown__menu > :nth-child(n+5) { animation-delay: 0.14s; }
@keyframes arrow-dropdown-item-in { 
  0% { opacity: 0; transform: translateY(-6px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (prefers-reduced-motion: reduce) {
  .arrow-dropdown-reveal-enter-active, .arrow-dropdown-reveal-leave-active { transition-duration: 0.01ms; }
  .arrow-dropdown__menu > * { animation-duration: 0.01ms; animation-delay: 0s; }
}
.arrow-dropdown-item { display: flex; align-items: center; gap: var(--space-component-xs); width: 100%; box-sizing: border-box; padding: var(--space-component-sm) 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--shape-interactive-md); background-color: transparent; color: var(--color-content-secondary); font-family: inherit; font-size: var(--type-body-sm-size); font-weight: var(--font-weight-medium); text-align: left; white-space: nowrap; cursor: pointer; transition-property: background-color, color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-dropdown-item__icon { flex-shrink: 0; }
.arrow-dropdown-item:hover:not(:disabled) { background-color: var(--color-state-hover-neutral); }
.arrow-dropdown-item:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: -3px; }
.arrow-dropdown-item[data-tone="danger"] { color: var(--color-feedback-error-content); }
.arrow-dropdown-item[data-tone="danger"]:hover:not(:disabled) { background-color: var(--color-state-hover-error); }
.arrow-dropdown-item:disabled { color: var(--color-content-disabled); cursor: not-allowed; }
@media (prefers-reduced-motion: reduce) {
  .arrow-dropdown-item { transition-duration: 0ms; }
}
.arrow-user-menu__trigger[data-v-d0bab360] { display: inline-flex; padding: 0px; border: 0px; background: transparent; border-radius: var(--radius-full); cursor: pointer; }
.arrow-user-menu__trigger[data-v-d0bab360]:hover { --_avatar-bg: var(--color-surface-inverted-raised-hover); }
.arrow-user-menu__trigger[data-v-d0bab360]:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-user-menu[data-v-d0bab360] { width: 260px; }
.arrow-user-menu__profile[data-v-d0bab360] { display: flex; align-items: center; gap: var(--space-component-md); margin-inline: calc(-1 * var(--dropdown-padding-inline, 6px)); padding: var(--space-component-sm) calc(10px + var(--dropdown-padding-inline, 6px)) var(--space-component-md); margin-bottom: var(--space-component-xs); border-bottom: 1px solid var(--color-border-default); }
.arrow-user-menu__profile[data-variant="highlight"][data-v-d0bab360] { flex-direction: column; align-items: flex-start; gap: var(--space-component-md); margin-top: calc(-1 * var(--space-component-sm)); margin-inline: calc(-1 * var(--dropdown-padding-inline, 6px)); padding: var(--space-component-lg) calc(10px + var(--dropdown-padding-inline, 6px)); background: var(--_profile-surface, var(--color-surface-subtle)); border-bottom: 1px solid var(--_profile-border, var(--color-border-default)); border-radius: var(--radius-10); margin-bottom: var(--space-component-sm); }
.arrow-user-menu__profile[data-variant="highlight"] .arrow-user-menu__info[data-v-d0bab360] { gap: var(--space-component-xs); }
.arrow-user-menu__profile[data-variant="highlight"] .arrow-user-menu__name[data-v-d0bab360] { color: var(--_profile-content, var(--color-content-primary)); }
.arrow-user-menu__profile[data-variant="highlight"] .arrow-user-menu__email[data-v-d0bab360] { color: var(--_profile-content-soft, var(--color-content-tertiary)); }
.arrow-user-menu__info[data-v-d0bab360] { display: flex; flex-direction: column; min-width: 0px; }
.arrow-user-menu__name[data-v-d0bab360] { font-size: var(--type-body-sm-size); font-weight: var(--font-weight-semibold); color: var(--color-content-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arrow-user-menu__email[data-v-d0bab360] { font-size: var(--type-body-xs-size); font-weight: var(--font-weight-medium); color: var(--color-content-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arrow-user-menu__divider[data-v-d0bab360] { height: 1px; margin: var(--space-component-sm) calc(-1 * var(--dropdown-padding-inline, 6px)); background: var(--color-border-default); }
.arrow-app-shell-actions { display: inline-flex; align-items: center; gap: var(--space-8); }
.arrow-avatar-pill { display: inline-flex; align-items: center; gap: var(--space-component-sm); padding: var(--space-component-xs) var(--space-component-xs) var(--space-component-xs) var(--space-component-sm); border-radius: var(--radius-full); background-color: var(--primitive-midnight-800); }
.arrow-avatar-pill__chevron { flex: 0 0 auto; color: var(--color-content-inverted); transition: transform var(--motion-duration-interaction-fast) var(--motion-easing-productive); }
.arrow-avatar-pill[data-open] .arrow-avatar-pill__chevron { transform: rotate(180deg); }
.arrow-ping { --arrow-ping-duration: 2.5s; position: relative; display: inline-flex; flex-shrink: 0; vertical-align: middle; }
.arrow-ping[data-size="sm"] { width: var(--space-8); height: var(--space-8); }
.arrow-ping[data-size="md"] { width: var(--space-12); height: var(--space-12); }
.arrow-ping[data-size="lg"] { width: var(--space-16); height: var(--space-16); }
.arrow-ping[data-tone="neutral"] { --_c: var(--color-content-tertiary); }
.arrow-ping[data-tone="accent"] { --_c: var(--color-action-primary); }
.arrow-ping[data-tone="success"] { --_c: var(--color-feedback-success); }
.arrow-ping[data-tone="warning"] { --_c: var(--color-feedback-warning); }
.arrow-ping[data-tone="error"] { --_c: var(--color-feedback-error); }
.arrow-ping__dot, .arrow-ping__ring { position: absolute; inset: 0px; border-radius: var(--radius-full); }
.arrow-ping__dot { z-index: 1; background-color: var(--_c); }
.arrow-ping__ring { background: radial-gradient(circle,transparent 0%,var(--_c) 100%); animation: arrow-ping-scale var(--arrow-ping-duration) var(--motion-easing-enter) infinite,arrow-ping-fade var(--arrow-ping-duration) var(--motion-easing-enter) infinite; }
@keyframes arrow-ping-scale { 
  0% { transform: scale(0.5); }
  70%, 100% { transform: scale(3); }
}
@keyframes arrow-ping-fade { 
  0% { opacity: 0; }
  20% { opacity: 0.5; }
  70%, 100% { opacity: 0; }
}
.arrow-ping[data-paused] .arrow-ping__ring { animation: auto ease 0s 1 normal none running none; display: none; }
@media (prefers-reduced-motion: reduce) {
  .arrow-ping__ring { animation: auto ease 0s 1 normal none running none; display: none; }
}
.arrow-bidding-opportunity-card { display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: stretch; gap: var(--space-layout-md); box-sizing: border-box; width: 100%; padding: var(--space-layout-md); border: 1px solid var(--color-border-default); border-radius: var(--shape-container-lg); background: var(--color-surface-base); box-shadow: var(--elevation-container-resting,0 2px 4px rgba(8,17,40,.06)); font-family: var(--font-family-base); }
.arrow-bidding-opportunity-card__content { display: flex; min-width: 0px; flex-direction: column; align-items: flex-start; gap: var(--space-component-md); }
.arrow-bidding-opportunity-card__title { margin: 0px; color: var(--color-content-primary); font-size: var(--type-heading-sm-size); font-weight: var(--font-weight-medium); line-height: var(--type-heading-sm-line-height); letter-spacing: var(--type-heading-sm-tracking); }
.arrow-bidding-opportunity-card__metadata { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-component-sm); }
.arrow-bidding-opportunity-card__buyer { display: inline-flex; min-width: 0px; align-items: center; gap: var(--space-component-xs); color: var(--color-content-accent); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); text-decoration: none; }
a.arrow-bidding-opportunity-card__buyer { border-radius: var(--shape-interactive-sm); transition: color var(--motion-duration-interaction-fast) var(--motion-easing-productive); }
a.arrow-bidding-opportunity-card__buyer:hover { color: var(--color-action-hover); text-decoration: underline; text-underline-offset: 3px; }
a.arrow-bidding-opportunity-card__buyer:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 3px; }
.arrow-bidding-opportunity-card__buyer span { overflow: hidden; text-overflow: ellipsis; }
.arrow-bidding-opportunity-card__estimate { min-width: 284px; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start; gap: var(--space-component-xs); align-self: stretch; padding: 0px; background: transparent; text-align: right; }
.arrow-bidding-opportunity-card__estimate span { color: var(--primitive-midnight-400,#9b9da9); font-size: var(--type-label-md-size); font-weight: var(--type-label-md-weight); line-height: var(--type-label-md-line-height); letter-spacing: var(--type-label-md-tracking); }
.arrow-bidding-opportunity-card__estimate strong { color: var(--primitive-midnight-900,#081128); font-size: var(--type-heading-xl-size); font-weight: var(--type-heading-xl-weight); line-height: var(--type-heading-xl-line-height); letter-spacing: var(--type-heading-xl-tracking); font-variant-numeric: tabular-nums; }
@media (max-width: 720px) {
  .arrow-bidding-opportunity-card { grid-template-columns: 1fr; padding: var(--space-layout-sm); }
  .arrow-bidding-opportunity-card__estimate { min-width: 0px; align-items: flex-start; text-align: left; }
  .arrow-bidding-opportunity-card__buyer span { white-space: normal; }
}
@container (max-width: 720px) {
  .arrow-bidding-opportunity-card { grid-template-columns: 1fr; padding: var(--space-layout-sm); }
  .arrow-bidding-opportunity-card__estimate { min-width: 0px; align-items: flex-start; text-align: left; }
  .arrow-bidding-opportunity-card__buyer span { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  a.arrow-bidding-opportunity-card__buyer { transition: none; }
}
.arrow-badge-trail { display: inline-flex; align-items: center; flex-wrap: wrap; gap: var(--space-component-sm); }
.arrow-badge-trail .arrow-badge-trail__sep { flex: 0 0 auto; color: var(--badge-trail-sep-color, var(--color-content-tertiary)); }
.arrow-breadcrumbs .arrow-breadcrumbs__list { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-component-xs); margin: 0px; padding: 0px; list-style: none; color: var(--color-content-secondary); font-family: var(--font-family-base); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); overflow-wrap: break-word; }
.arrow-breadcrumbs .arrow-breadcrumbs__item, .arrow-breadcrumbs .arrow-breadcrumbs__sep { margin: 0px; line-height: inherit; }
.arrow-breadcrumbs .arrow-breadcrumbs__item { display: inline-flex; align-items: center; gap: var(--space-component-xs); }
.arrow-breadcrumbs .arrow-breadcrumbs__link { color: inherit; font-weight: var(--font-weight-regular); text-decoration: none; transition-property: color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-breadcrumbs .arrow-breadcrumbs__link:hover { color: var(--color-content-primary); text-decoration: none; }
.arrow-breadcrumbs .arrow-breadcrumbs__link:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-breadcrumbs .arrow-breadcrumbs__text { color: inherit; font-weight: var(--font-weight-regular); }
.arrow-breadcrumbs .arrow-breadcrumbs__page { color: var(--color-content-primary); font-weight: var(--font-weight-regular); }
.arrow-breadcrumbs .arrow-breadcrumbs__sep { display: inline-flex; align-items: center; flex: 0 0 auto; color: inherit; }
@media (prefers-reduced-motion: reduce) {
  .arrow-breadcrumbs .arrow-breadcrumbs__link { transition-duration: 0ms; }
}
.arrow-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-component-xs); box-sizing: border-box; border: 1px solid transparent; font-family: var(--font-family-base); font-size: var(--type-label-lg-size); font-weight: var(--type-label-lg-weight); line-height: var(--type-label-lg-line-height); letter-spacing: var(--type-label-lg-tracking); white-space: nowrap; text-decoration: none; cursor: pointer; user-select: none; transition-property: background-color, border-color, color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-btn--block { display: flex; width: 100%; }
.arrow-btn:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-btn[data-size="sm"] { min-height: var(--space-32); padding: var(--space-component-xs) var(--space-component-md); border-radius: var(--shape-interactive-md); }
.arrow-btn[data-size="md"] { min-height: var(--space-40); padding: var(--space-component-sm) var(--space-component-md); border-radius: var(--shape-interactive-md); }
.arrow-btn[data-size="lg"] { min-height: var(--space-48); padding: var(--space-component-md) var(--space-component-xl); border-radius: var(--shape-interactive-lg); }
.arrow-btn[data-tone="accent"] { --_solid: var(--color-action-primary); --_solid-hover: var(--color-action-hover); --_solid-pressed: var(--color-action-pressed); --_on-solid: var(--color-content-inverted); --_line: var(--color-border-accent); --_text: var(--color-content-accent); --_soft-hover: var(--color-state-hover-accent); --_surface: var(--color-action-surface); --_surface-text: var(--color-content-accent); }
.arrow-btn[data-tone="neutral"] { --_solid: var(--color-content-primary); --_solid-hover: var(--color-content-secondary); --_solid-pressed: var(--color-content-secondary); --_on-solid: var(--color-content-inverted); --_line: var(--color-border-default); --_text: var(--color-content-secondary); --_soft-hover: var(--color-state-hover-neutral); --_surface: var(--color-surface-subtle); --_surface-text: var(--color-content-secondary); }
.arrow-btn[data-tone="danger"] { --_solid: var(--color-feedback-error); --_solid-hover: var(--color-feedback-error-hover); --_solid-pressed: var(--color-feedback-error-hover); --_on-solid: var(--color-content-inverted); --_line: var(--color-feedback-error-border); --_text: var(--color-feedback-error-content); --_soft-hover: var(--color-state-hover-error); --_surface: var(--color-feedback-error-surface); --_surface-text: var(--color-feedback-error-content); }
.arrow-btn[data-tone="success"] { --_solid: var(--color-feedback-success); --_solid-hover: var(--color-feedback-success); --_solid-pressed: var(--color-feedback-success); --_on-solid: var(--color-content-inverted); --_line: var(--color-feedback-success-border); --_text: var(--color-feedback-success-content); --_soft-hover: var(--color-feedback-success-surface); --_surface: var(--color-feedback-success-surface); --_surface-text: var(--color-feedback-success-content); }
.arrow-btn[data-tone="warning"] { --_solid: var(--color-feedback-warning); --_solid-hover: var(--color-feedback-warning); --_solid-pressed: var(--color-feedback-warning); --_on-solid: var(--color-content-inverted); --_line: var(--color-feedback-warning-border); --_text: var(--color-feedback-warning-content); --_soft-hover: var(--color-feedback-warning-surface); --_surface: var(--color-feedback-warning-surface); --_surface-text: var(--color-feedback-warning-content); }
.arrow-btn[data-tone="aime"] { --_solid: var(--color-aime); --_solid-hover: var(--color-aime-hover); --_solid-pressed: var(--color-aime-pressed); --_on-solid: var(--color-aime-on); --_line: var(--color-aime-border); --_text: var(--color-aime-content); --_soft-hover: var(--color-aime-soft-hover); --_surface: var(--color-aime-surface); --_surface-text: var(--color-aime-content); }
.arrow-btn[data-variant="primary"] { background-color: var(--_solid); border-color: var(--_solid); color: var(--_on-solid); }
.arrow-btn[data-variant="primary"]:hover:not(:disabled) { background-color: var(--_solid-hover); border-color: var(--_solid-hover); }
.arrow-btn[data-variant="primary"]:active:not(:disabled) { background-color: var(--_solid-pressed); border-color: var(--_solid-pressed); }
.arrow-btn[data-variant="secondary"] { background-color: transparent; border-color: var(--_line); color: var(--_text); }
.arrow-btn[data-variant="secondary"]:hover:not(:disabled) { background-color: var(--_soft-hover); }
.arrow-btn[data-variant="tonal"] { background-color: var(--_surface); border-color: var(--_surface); color: var(--_surface-text); }
.arrow-btn[data-variant="tonal"]:hover:not(:disabled):not([aria-disabled="true"]) { background-color: var(--_soft-hover); border-color: var(--_soft-hover); }
.arrow-btn[data-variant="ghost"] { background-color: transparent; border-color: transparent; color: var(--_text); }
.arrow-btn[data-variant="ghost"]:hover:not(:disabled) { background-color: var(--_soft-hover); }
.arrow-btn:disabled, .arrow-btn[aria-disabled="true"] { cursor: not-allowed; }
.arrow-btn[aria-disabled="true"] { pointer-events: none; }
.arrow-btn[data-variant="primary"]:disabled { background-color: var(--color-action-disabled); border-color: var(--color-action-disabled); color: var(--color-content-disabled); }
.arrow-btn[data-variant="tonal"]:disabled { background-color: var(--color-state-disabled-surface); border-color: var(--color-state-disabled-surface); color: var(--color-content-disabled); }
.arrow-btn[data-variant="secondary"]:disabled { background-color: transparent; border-color: var(--color-border-default); color: var(--color-content-disabled); }
.arrow-btn[data-variant="ghost"]:disabled { background-color: transparent; color: var(--color-content-disabled); }
.arrow-btn[aria-busy="true"] { cursor: progress; }
.arrow-btn__affix { display: inline-flex; align-items: center; flex-shrink: 0; }
.arrow-btn__label { display: inline-block; }
.arrow-btn__spinner { width: 1em; height: 1em; flex-shrink: 0; border-width: 2px; border-style: solid; border-color: currentcolor transparent currentcolor currentcolor; border-image: none; border-radius: var(--radius-full); animation: 0.6s linear 0s infinite normal none running arrow-btn-spin; }
@keyframes arrow-btn-spin { 
  100% { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .arrow-btn { transition-duration: 0ms; }
  .arrow-btn__spinner { animation-duration: 1.2s; }
}
.arrow-chatbox { display: flex; flex-direction: column; gap: var(--space-component-lg); flex-shrink: 0; box-sizing: border-box; padding: var(--space-component-lg); border: 1px solid var(--color-border-default); border-radius: var(--radius-12); background: var(--color-surface-base); text-align: left; transition: border-color 0.15s, box-shadow 0.15s; }
.arrow-chatbox[data-variant="prompt"] { height: 168px; padding: var(--space-component-xl); gap: var(--space-layout-md); box-shadow: rgba(8, 17, 40, 0.08) 0px 1px 2px; }
.arrow-chatbox[data-variant="prompt"] .arrow-chatbox__editor-wrap { flex: 1 1 0%; min-height: 0px; }
.arrow-chatbox[data-variant="prompt"] .arrow-chatbox__input { height: 100%; max-height: none; }
.arrow-chatbox:focus-within, .arrow-chatbox.is-active { border-color: var(--color-border-accent); box-shadow: 0 0 0 3px var(--color-state-focus-ring); }
.arrow-chatbox__editor-wrap { position: relative; }
.arrow-chatbox__input { position: relative; width: 100%; box-sizing: border-box; max-height: 160px; overflow-y: auto; outline: none; font-family: var(--font-family-base); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--color-content-primary); white-space: pre-wrap; word-break: break-word; }
.arrow-chatbox__input[data-empty]::before { content: attr(data-placeholder); position: absolute; top: 0px; left: 0px; color: var(--color-content-tertiary); pointer-events: none; }
.arrow-chatbox__chip { padding: 0px 2px; border-radius: var(--shape-feedback-sm); background: var(--color-action-surface); color: var(--color-content-accent); font-weight: var(--font-weight-medium); white-space: nowrap; }
.arrow-chatbox__attachments { display: flex; flex-wrap: wrap; gap: var(--space-component-sm); }
.arrow-chatbox__attachment { position: relative; display: inline-flex; }
.arrow-chatbox__attachment-img { width: 72px; height: 72px; object-fit: cover; border-radius: var(--shape-interactive-md); display: block; }
.arrow-chatbox__attachment-file { display: inline-flex; align-items: center; gap: var(--space-component-xs); max-width: 200px; padding: var(--space-component-sm) var(--space-component-md); border: 1px solid var(--color-border-default); border-radius: var(--radius-10); background: var(--color-surface-subtle); color: var(--color-content-secondary); font-size: var(--type-body-sm-size); }
.arrow-chatbox__attachment-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arrow-chatbox__attachment-remove { position: absolute; top: -6px; right: -6px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 20px; height: 20px; padding: 0px; border: 2px solid var(--color-content-inverted); border-radius: var(--radius-full); background: var(--color-content-primary); color: var(--color-content-inverted); cursor: pointer; }
.arrow-chatbox__attachment-remove:focus-visible { outline: 2px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-chatbox__suggest { position: absolute; left: 0px; top: calc(100% + 4px); z-index: var(--z-dropdown); margin: 0px; padding: var(--space-component-xs); list-style: none; min-width: 180px; background: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--radius-10); box-shadow: var(--elevation-overlay-dropdown); }
.arrow-chatbox__suggest-item { padding: var(--space-component-sm) var(--space-component-md); border-radius: var(--shape-interactive-md); font-size: var(--type-body-sm-size); color: var(--color-content-secondary); cursor: pointer; }
.arrow-chatbox__suggest-item:hover, .arrow-chatbox__suggest-item[data-active] { background: var(--color-state-hover-neutral); color: var(--color-content-primary); }
.arrow-chatbox__actions { display: flex; align-items: center; justify-content: space-between; }
.arrow-chatbox__tools { position: relative; display: flex; align-items: center; gap: var(--space-component-sm); }
.arrow-chatbox__emojis { position: absolute; left: 0px; bottom: calc(100% + 8px); z-index: var(--z-dropdown); display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--space-component-xs); padding: var(--space-component-sm); width: max-content; background: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--radius-12); box-shadow: rgba(8, 17, 40, 0.1) 0px 16px 32px -12px; }
.arrow-chatbox__emoji { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; border-radius: var(--shape-interactive-md); font-size: 18px; line-height: 1; cursor: pointer; transition: background-color var(--motion-duration-interaction-fast) var(--motion-easing-productive); }
.arrow-chatbox__emoji:hover { background: var(--color-state-hover-neutral); }
.arrow-chatbox__emoji:focus-visible { outline: 2px solid var(--color-state-focus-ring); outline-offset: -2px; }
.arrow-chatbox__icon { display: inline-flex; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: var(--color-content-tertiary); cursor: pointer; transition: color var(--motion-duration-interaction-fast) var(--motion-easing-productive); }
.arrow-chatbox__icon:hover:not(:disabled) { color: var(--color-content-primary); }
.arrow-chatbox__icon:disabled { color: var(--color-content-disabled); cursor: not-allowed; }
.arrow-chatbox__icon:focus-visible { outline: 2px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-chatbox__mentions { display: flex; flex-wrap: wrap; gap: var(--space-component-xs); }
.arrow-chatbox__mention { display: inline-flex; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; cursor: pointer; }
.arrow-chatbox__mention:focus-visible { outline: 2px solid var(--color-state-focus-ring); outline-offset: 2px; border-radius: var(--shape-feedback-pill); }
.arrow-lightbox { position: fixed; inset: 0px; z-index: var(--z-modal); display: flex; align-items: center; justify-content: center; padding: var(--space-component-xl); background-color: color-mix(in srgb,var(--color-surface-overlay) 40%,transparent); backdrop-filter: blur(2px); overflow: hidden; }
.arrow-lightbox__img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: var(--radius-12); box-shadow: rgba(8, 17, 40, 0.1) 0px 16px 32px -12px; user-select: none; -webkit-user-drag: none; cursor: zoom-in; transition: transform var(--duration-150, .15s) var(--motion-easing-productive, ease); will-change: transform; }
.arrow-lightbox__img.is-zoomed { cursor: grab; transition: none; }
.arrow-lightbox__img.is-zoomed:active { cursor: grabbing; }
.arrow-lightbox__toolbar { position: fixed; top: var(--space-component-lg); right: var(--space-component-lg); display: flex; align-items: center; gap: var(--space-component-sm); padding: var(--space-component-sm); background-color: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--radius-12); box-shadow: rgba(8, 17, 40, 0.1) 0px 16px 32px -12px; }
.arrow-lightbox__pct { min-width: 44px; text-align: center; color: var(--color-content-secondary); font-size: var(--type-body-sm-size); font-weight: var(--font-weight-medium); font-variant-numeric: tabular-nums; }
.arrow-lightbox-fade-enter-active { transition: opacity var(--duration-200, .2s) var(--motion-easing-enter, ease-out); }
.arrow-lightbox-fade-leave-active { transition: opacity var(--duration-150, .15s) var(--motion-easing-exit, ease-in); }
.arrow-lightbox-fade-enter-from, .arrow-lightbox-fade-leave-to { opacity: 0; }
.arrow-lightbox-fade-enter-active .arrow-lightbox__img { transition: transform var(--duration-300, .3s) var(--motion-easing-expressive, ease); }
.arrow-lightbox-fade-enter-from .arrow-lightbox__img, .arrow-lightbox-fade-leave-to .arrow-lightbox__img { transform: scale(0.96); }
@media (prefers-reduced-motion: reduce) {
  .arrow-lightbox-fade-enter-from .arrow-lightbox__img, .arrow-lightbox-fade-leave-to .arrow-lightbox__img { transform: none; }
}
.arrow-chat-bubble { display: flex; align-items: flex-start; gap: var(--space-component-md); }
.arrow-chat-bubble__content { display: flex; flex-direction: column; gap: var(--space-component-lg); min-width: 0px; }
.arrow-chat-bubble__id { display: flex; flex-direction: column; gap: var(--space-component-sm); }
.arrow-chat-bubble__author { font-size: var(--type-body-sm-size); font-weight: var(--font-weight-semibold); color: var(--color-content-primary); }
.arrow-chat-bubble__time { font-size: var(--type-body-xs-size); font-weight: var(--font-weight-medium); color: var(--color-content-tertiary); }
.arrow-chat-bubble__text { display: flex; flex-direction: column; gap: var(--space-component-md); font-size: var(--type-body-sm-size); font-weight: var(--font-weight-regular); line-height: 1.5; color: var(--color-content-secondary); }
.arrow-chat-bubble__text p { margin: 0px; white-space: pre-wrap; word-break: break-word; }
.arrow-chat-bubble__images { display: flex; flex-wrap: wrap; gap: var(--space-component-sm); }
.arrow-chat-bubble__image-link { display: inline-flex; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; cursor: zoom-in; border-radius: var(--radius-10); }
.arrow-chat-bubble__image-link:focus-visible { outline: 2px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-chat-bubble__image { max-width: 220px; max-height: 220px; border-radius: var(--radius-10); border: 1px solid var(--color-border-default); display: block; }
.arrow-chat-bubble__files { display: flex; flex-direction: column; gap: var(--space-component-xs); }
.arrow-chat-bubble__file { display: inline-flex; align-items: center; gap: var(--space-component-sm); max-width: 280px; padding: var(--space-component-sm) var(--space-component-md); border: 1px solid var(--color-border-default); border-radius: var(--radius-10); background: var(--color-surface-subtle); color: var(--color-content-secondary); font-size: var(--type-body-sm-size); transition: background-color var(--motion-duration-interaction-fast) var(--motion-easing-productive); }
.arrow-chat-bubble__file:hover { background: var(--color-surface-raised); color: var(--color-content-primary); }
.arrow-chat-bubble__file-name { flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arrow-chat-bubble__mention { padding: 0px 2px; border-radius: var(--shape-feedback-sm); background: var(--color-action-surface); color: var(--color-content-accent); font-weight: var(--font-weight-medium); }
.arrow-chat { display: flex; flex-direction: column; min-height: 0px; }
.arrow-chat__list { flex: 1 1 0%; min-height: 0px; overflow-y: auto; display: flex; flex-direction: column; gap: var(--space-component-xs); padding-top: var(--space-component-lg); scrollbar-width: thin; scrollbar-color: var(--color-content-primary) transparent; }
.arrow-chat__list::-webkit-scrollbar { width: 8px; }
.arrow-chat__list::-webkit-scrollbar-track { background: transparent; }
.arrow-chat__list::-webkit-scrollbar-thumb { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: padding-box; border: 2px solid transparent; border-radius: var(--radius-full); }
.arrow-chat__empty { margin: auto; color: var(--color-content-tertiary); font-size: var(--type-body-sm-size); }
.arrow-chat__msg { position: relative; padding: var(--space-component-sm); border-radius: var(--radius-12); transition: background-color var(--motion-duration-interaction-fast) var(--motion-easing-productive); }
.arrow-chat__msg:hover { background-color: var(--color-surface-subtle); }
.arrow-chat__actions-pop { position: fixed; z-index: var(--z-popover); display: flex; align-items: center; gap: var(--space-component-sm); padding: var(--space-component-sm); background: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--radius-12); box-shadow: rgba(8, 17, 40, 0.1) 0px 16px 32px -12px; }
.arrow-chat__actions-pop::before { content: ""; position: absolute; left: 0px; right: 0px; height: calc(var(--space-component-sm) + 2px); }
.arrow-chat__actions-pop[data-placement="below"]::before { top: calc(-1 * var(--space-component-sm) - 2px); }
.arrow-chat__actions-pop[data-placement="above"]::before { bottom: calc(-1 * var(--space-component-sm) - 2px); }
.arrow-checkbox { display: inline-flex; align-items: center; gap: var(--space-component-sm); cursor: pointer; font-family: var(--font-family-base); user-select: none; --_solid: var(--color-action-primary); --_solid-hover: var(--color-action-hover); --_on-solid: var(--color-content-inverted); --_ring: var(--color-state-focus-ring); }
.arrow-checkbox[data-tone="accent"] { --_solid: var(--color-action-primary); --_solid-hover: var(--color-action-hover); --_on-solid: var(--color-content-inverted); }
.arrow-checkbox[data-tone="neutral"] { --_solid: var(--color-content-primary); --_solid-hover: var(--color-content-secondary); --_on-solid: var(--color-content-inverted); --_ring: var(--color-state-focus-ring-neutral); }
.arrow-checkbox[data-tone="danger"] { --_solid: var(--color-feedback-error); --_solid-hover: var(--color-feedback-error-hover); --_on-solid: var(--color-content-inverted); --_ring: var(--color-state-focus-ring-error); }
.arrow-checkbox[data-tone="success"] { --_solid: var(--color-feedback-success); --_solid-hover: var(--color-feedback-success); --_on-solid: var(--color-content-inverted); --_ring: var(--color-state-focus-ring-success); }
.arrow-checkbox[data-tone="warning"] { --_solid: var(--color-feedback-warning); --_solid-hover: var(--color-feedback-warning); --_on-solid: var(--color-content-inverted); --_ring: var(--color-state-focus-ring-warning); }
.arrow-checkbox__input { position: absolute; width: 0px; height: 0px; opacity: 0; margin: 0px; }
.arrow-checkbox__box { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; box-sizing: border-box; border: 1.5px solid var(--color-border-default); border-radius: var(--shape-interactive-sm); background-color: var(--color-surface-base); color: var(--_on-solid); transition-property: background-color, border-color, box-shadow; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
.arrow-checkbox[data-size="sm"] .arrow-checkbox__box { width: 16px; height: 16px; border-radius: var(--radius-4); }
.arrow-checkbox[data-size="md"] .arrow-checkbox__box { width: 20px; height: 20px; }
.arrow-checkbox:not([data-disabled]):hover .arrow-checkbox__box { border-color: var(--color-border-strong); }
.arrow-checkbox__input:checked + .arrow-checkbox__box, .arrow-checkbox__input:indeterminate + .arrow-checkbox__box { background-color: var(--_solid); border-color: var(--_solid); }
.arrow-checkbox:not([data-disabled]):hover .arrow-checkbox__input:checked + .arrow-checkbox__box, .arrow-checkbox:not([data-disabled]):hover .arrow-checkbox__input:indeterminate + .arrow-checkbox__box { background-color: var(--_solid-hover); border-color: var(--_solid-hover); }
.arrow-checkbox__input:focus + .arrow-checkbox__box { outline: none; box-shadow: 0 0 0 3px var(--_ring); }
.arrow-checkbox__check { animation: arrow-checkbox-pop var(--motion-duration-interaction-base) var(--motion-easing-productive); }
@keyframes arrow-checkbox-pop { 
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
.arrow-checkbox__label { font-size: var(--type-body-sm-size); font-weight: var(--type-body-sm-weight); line-height: var(--type-body-sm-line-height); color: var(--color-content-primary); }
.arrow-checkbox[data-disabled] { cursor: not-allowed; }
.arrow-checkbox[data-disabled] .arrow-checkbox__box { background-color: var(--color-state-disabled-surface); border-color: var(--color-border-default); }
.arrow-checkbox[data-disabled] .arrow-checkbox__input:checked + .arrow-checkbox__box, .arrow-checkbox[data-disabled] .arrow-checkbox__input:indeterminate + .arrow-checkbox__box { background-color: var(--color-action-disabled); border-color: var(--color-action-disabled); }
.arrow-checkbox[data-disabled] .arrow-checkbox__label { color: var(--color-content-disabled); }
@media (prefers-reduced-motion: reduce) {
  .arrow-checkbox__box { transition-duration: 0ms; }
  .arrow-checkbox__check { animation: auto ease 0s 1 normal none running none; }
}
.ci[data-tone="success"][data-v-7208c97c] { --_solid: var(--color-feedback-success); --_on: var(--color-content-inverted); --_ink: var(--color-feedback-success); }
.ci[data-tone="accent"][data-v-7208c97c] { --_solid: var(--color-action-primary); --_on: var(--color-content-inverted); --_ink: var(--color-action-primary); }
.ci[data-tone="neutral"][data-v-7208c97c] { --_solid: var(--color-surface-inverted-raised); --_on: var(--color-content-inverted); --_ink: var(--color-content-primary); }
.ci[data-tone="premium"][data-v-7208c97c] { --_solid: var(--color-feedback-premium); --_on: var(--color-content-inverted); --_ink: var(--color-feedback-premium); }
.ci[data-tone="error"][data-v-7208c97c] { --_solid: var(--color-feedback-error); --_on: var(--color-content-inverted); --_ink: var(--color-feedback-error); }
.ci[data-v-7208c97c] { --_ease: cubic-bezier(.4, 0, .2, 1); position: relative; display: inline-flex; height: var(--space-40); font-family: var(--font-family-base); }
.ci__ghost[data-v-7208c97c] { display: flex; align-items: center; gap: var(--space-component-md); height: var(--space-40); padding: var(--space-component-xs) var(--space-component-xs) var(--space-component-xs) var(--space-component-md); visibility: hidden; pointer-events: none; white-space: nowrap; }
.ci__ghost-pill[data-v-7208c97c] { display: inline-flex; align-items: center; height: var(--space-32); padding: 0px 12px; font-size: var(--type-label-lg-size); font-weight: var(--type-label-md-weight); line-height: 1.4; }
.ci__card[data-v-7208c97c] { position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; display: flex; flex-direction: column; background: var(--_solid); color: var(--_on); border-radius: 20px; overflow: hidden; max-height: var(--space-40); transition: max-height var(--motion-duration-transition-layout) var(--_ease),border-radius var(--motion-duration-transition-layout) var(--_ease),box-shadow var(--motion-duration-transition-layout) ease; }
.ci.is-open[data-v-7208c97c] { z-index: var(--z-popover); }
.ci.is-open .ci__card[data-v-7208c97c] { max-height: 420px; border-radius: 20px 20px 16px 16px; box-shadow: var(--elevation-overlay-popover); }
.ci__card[data-v-7208c97c]:has(.ci__header:focus-visible) { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.ci__header[data-v-7208c97c] { flex: 0 0 auto; display: flex; align-items: center; gap: var(--space-component-md); height: var(--space-40); padding: var(--space-component-xs) var(--space-component-xs) var(--space-component-xs) var(--space-component-md); border: 0px; background: transparent; color: inherit; font: inherit; cursor: pointer; white-space: nowrap; }
.ci__label[data-v-7208c97c] { flex: 1 1 0%; text-align: left; font-size: var(--type-label-lg-size); font-weight: var(--type-label-lg-weight); line-height: var(--type-label-lg-line-height); }
.ci__action[data-v-7208c97c] { position: relative; display: inline-flex; align-items: center; justify-content: center; height: var(--space-32); min-width: var(--space-32); padding: 0px 12px; overflow: hidden; background: var(--color-surface-base); color: var(--_ink); border-radius: var(--shape-feedback-pill); font-size: var(--type-label-lg-size); font-weight: var(--type-label-md-weight); line-height: 1.4; transition: width var(--motion-duration-interaction-comfortable) var(--_ease),padding var(--motion-duration-interaction-comfortable) var(--_ease); }
.ci.is-open .ci__action[data-v-7208c97c] { width: var(--space-32); padding: 0px; }
.ci__action-text[data-v-7208c97c] { display: inline-block; max-width: 80px; overflow: hidden; transition: max-width var(--motion-duration-interaction-comfortable) var(--_ease),opacity var(--motion-duration-interaction-base) ease,transform var(--motion-duration-interaction-comfortable) var(--_ease); }
.ci.is-open .ci__action-text[data-v-7208c97c] { max-width: 0px; opacity: 0; transform: translate(-6px); }
.ci__action-arrow[data-v-7208c97c] { position: absolute; inset: 0px; display: inline-flex; align-items: center; justify-content: center; opacity: 0; transform: translateY(-12px); transition: opacity var(--motion-duration-interaction-base) ease,transform var(--motion-duration-interaction-comfortable) var(--_ease); }
.ci.is-open .ci__action-arrow[data-v-7208c97c] { opacity: 1; transform: translateY(0px); transition-delay: 0.1s; }
.ci__panel[data-v-7208c97c] { display: flex; flex-direction: column; contain: inline-size; }
.ci__info[data-v-7208c97c] { display: flex; align-items: flex-start; gap: 10px; padding: 8px 12px; text-align: left; opacity: 0; transform: translateY(-8px); transition: opacity var(--motion-duration-interaction-comfortable) ease,transform var(--motion-duration-transition-layout) var(--_ease); }
.ci__info--first[data-v-7208c97c] { padding: 14px 12px 8px; }
.ci.is-open .ci__info[data-v-7208c97c], .ci.is-open .ci__footer[data-v-7208c97c] { opacity: 1; transform: translateY(0px); transition-delay: calc(.08s + var(--i) * .06s); }
.ci__info-icon[data-v-7208c97c] { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; background: color-mix(in srgb,var(--_on) 16%,transparent); border-radius: var(--shape-interactive-md); }
.ci__info-body[data-v-7208c97c] { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.ci__info-title[data-v-7208c97c] { font-size: 13px; font-weight: 600; }
.ci__info-desc[data-v-7208c97c] { font-size: var(--type-label-md-size); line-height: 1.45; color: color-mix(in srgb,var(--_on) 78%,transparent); }
.ci__footer[data-v-7208c97c] { padding: 12px; opacity: 0; transform: translateY(-8px); transition: opacity var(--motion-duration-interaction-comfortable) ease,transform var(--motion-duration-transition-layout) var(--_ease); }
.ci__buy[data-v-7208c97c] { display: flex; align-items: center; justify-content: center; gap: var(--space-component-sm); box-sizing: border-box; width: 100%; min-height: var(--space-40); padding: var(--space-component-sm) var(--space-component-md); border: 0px; background: var(--color-surface-base); color: var(--_ink); border-radius: var(--shape-interactive-md); font-family: inherit; font-size: var(--type-label-lg-size); font-weight: var(--type-label-lg-weight); cursor: pointer; transition: filter var(--motion-duration-interaction-base) ease,transform var(--motion-duration-interaction-fast) ease; }
.ci__buy[data-v-7208c97c]:hover { filter: brightness(0.94); }
.ci__buy[data-v-7208c97c]:active { transform: scale(0.98); }
.ci__buy[data-v-7208c97c]:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  .ci[data-v-7208c97c] *, .ci__card[data-v-7208c97c] { transition-duration: 0.01ms !important; transition-delay: 0s !important; }
}
.arrow-feedback-card { --_bg: var(--color-action-surface); --_badge-bg: var(--color-action-subtle); --_icon: var(--color-action-primary); --_text: var(--color-content-secondary); display: flex; flex-direction: column; gap: var(--space-component-md); padding: var(--space-component-lg); border-radius: var(--shape-container-lg); background-color: var(--_bg); font-family: var(--font-family-base); }
.arrow-feedback-card[data-tone="accent"], .arrow-feedback-card__mini[data-tone="accent"] { --_bg: var(--color-action-surface); --_badge-bg: var(--color-action-subtle); --_icon: var(--color-action-primary); --_text: var(--color-content-secondary); --_solid-bg: var(--color-action-primary); --_solid-bg-hover: var(--color-action-hover); --_solid-icon: var(--color-content-inverted); }
.arrow-feedback-card[data-tone="neutral"], .arrow-feedback-card__mini[data-tone="neutral"] { --_bg: var(--color-surface-inverted); --_badge-bg: var(--color-surface-inverted-raised); --_icon: var(--color-content-inverted); --_text: var(--color-content-inverted); --_solid-bg: var(--color-surface-inverted); --_solid-bg-hover: var(--color-surface-inverted-raised); --_solid-icon: var(--color-content-inverted); }
.arrow-feedback-card__head { display: flex; align-items: flex-start; gap: var(--space-component-md); }
.arrow-feedback-card__badge { flex: 0 0 auto; width: var(--space-32); height: var(--space-32); display: inline-flex; align-items: center; justify-content: center; border-radius: var(--shape-container-sm); background-color: var(--_badge-bg); color: var(--_icon); }
.arrow-feedback-card__text { margin: 0px; font-size: var(--type-body-xs-size); font-weight: var(--font-weight-medium); line-height: var(--type-body-sm-line-height); color: var(--_text); }
.arrow-feedback-card__mini { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1 / 1; padding: 0px; border: 0px; border-radius: var(--shape-container-md); background-color: var(--_solid-bg); color: var(--_solid-icon); cursor: pointer; font-family: var(--font-family-base); transition: background-color var(--motion-duration-interaction-base) var(--motion-easing-productive); }
.arrow-feedback-card__mini:hover { background-color: var(--_solid-bg-hover); }
.arrow-feedback-card__mini:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  .arrow-feedback-card__mini { transition: none; }
}
.arrow-fileupload { display: flex; flex-direction: column; align-items: center; gap: var(--space-component-lg); padding: var(--space-component-xl) var(--space-component-lg); border-radius: var(--shape-interactive-md); background-color: var(--color-surface-subtle); cursor: pointer; text-align: center; transition: background-color var(--motion-duration-interaction-base) var(--motion-easing-productive); }
.arrow-fileupload:hover { background-color: var(--color-surface-raised); }
.arrow-fileupload:focus-within { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-fileupload__circle { display: inline-flex; align-items: center; justify-content: center; width: var(--space-64); height: var(--space-64); border-radius: var(--radius-full); background-color: var(--color-surface-base); color: var(--color-content-primary); }
.arrow-fileupload__text { max-width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: var(--type-body-sm-size); font-weight: var(--font-weight-medium); color: var(--color-content-primary); }
.arrow-fileupload__input { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
.arrow-fileupload[data-disabled] { cursor: not-allowed; opacity: 0.6; }
.arrow-hero-banner { position: relative; display: flex; min-height: 320px; border-radius: var(--shape-container-xl); overflow: hidden; background: var(--color-surface-inverted); font-family: var(--font-family-base); }
.arrow-hero-banner__bg { position: absolute; inset: 0px; isolation: isolate; }
.arrow-hero-banner__ambient { position: absolute; inset: 0px; background-size: cover; background-position: center center; animation: 20s ease-in-out 0s infinite alternate none running arrow-hero-banner-zoom; }
.arrow-hero-banner-amb-enter-active { z-index: 1; transition: opacity var(--motion-duration-expressive-celebration) var(--motion-easing-enter); }
.arrow-hero-banner-amb-enter-from { opacity: 0; }
.arrow-hero-banner-amb-leave-active { z-index: 0; transition: opacity 1ms linear var(--motion-duration-expressive-celebration); }
.arrow-hero-banner-amb-leave-to { opacity: 0; }
@keyframes arrow-hero-banner-zoom { 
  0% { transform: scale(1); }
  100% { transform: scale(1.08); }
}
.arrow-hero-banner__scrim { position: absolute; inset: 0px; background: linear-gradient(90deg,rgba(var(--shadow-color-base),.7),rgba(var(--shadow-color-base),.35) 45%,rgba(var(--shadow-color-base),0) 78%); }
.arrow-hero-banner__content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-component-md); padding: var(--space-24); max-width: 480px; color: var(--color-content-inverted); }
.arrow-hero-banner__body { flex: 1 1 0%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--space-component-md); }
.arrow-hero-banner__badges { display: flex; flex-wrap: wrap; gap: var(--space-component-sm); }
.arrow-hero-banner__badges:not(:has(*)), .arrow-hero-banner__actions:not(:has(*)) { display: none; }
.arrow-hero-banner__title { margin: 0px; font-size: var(--type-heading-lg-size); font-weight: var(--type-heading-lg-weight); line-height: var(--type-heading-lg-line-height); letter-spacing: var(--type-heading-lg-tracking); color: var(--color-content-inverted); white-space: pre-line; }
.arrow-hero-banner__desc { margin: 0px; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--color-content-inverted); opacity: 0.9; white-space: pre-line; }
.arrow-hero-banner__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-component-sm); }
.arrow-hero-banner__badges, .arrow-hero-banner__title, .arrow-hero-banner__desc, .arrow-hero-banner__actions { animation: arrow-hero-banner-enter var(--motion-duration-transition-page) var(--motion-easing-enter) backwards; }
.arrow-hero-banner__badges { animation-delay: 0ms; }
.arrow-hero-banner__title { animation-delay: 60ms; }
.arrow-hero-banner__desc { animation-delay: 0.12s; }
.arrow-hero-banner__actions { animation-delay: 0.18s; }
@keyframes arrow-hero-banner-enter { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: none; }
}
.arrow-hero-banner__caps { position: absolute; right: var(--space-24); bottom: calc(var(--space-24) - 9px); z-index: 3; display: flex; align-items: center; gap: var(--space-component-sm); }
.arrow-hero-banner__cap { flex: 0 0 auto; display: block; padding: 9px 0px; border: 0px; background: transparent; cursor: pointer; }
.arrow-hero-banner__cap:focus-visible { outline: none; }
.arrow-hero-banner__cap-track { display: block; width: 40px; height: 8px; border-radius: var(--radius-full); background: rgb(255, 255, 255); overflow: hidden; transition: opacity var(--motion-duration-interaction-comfortable) var(--motion-easing-productive); }
.arrow-hero-banner__cap:hover .arrow-hero-banner__cap-track { opacity: 0.85; }
.arrow-hero-banner__cap:focus-visible .arrow-hero-banner__cap-track { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-hero-banner__cap-fill { display: block; width: 100%; height: 100%; background: var(--color-action-primary); transform: scaleX(0); transform-origin: left center; will-change: transform; animation-name: arrow-hero-banner-cap-fill; animation-timing-function: linear; animation-fill-mode: forwards; }
@keyframes arrow-hero-banner-cap-fill { 
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
.arrow-hero-banner__empty { position: relative; z-index: 2; margin: auto; padding: var(--space-component-xl); text-align: center; color: var(--color-content-secondary); font-size: var(--type-body-sm-size); }
@media (prefers-reduced-motion: reduce) {
  .arrow-hero-banner__ambient, .arrow-hero-banner__badges, .arrow-hero-banner__title, .arrow-hero-banner__desc, .arrow-hero-banner__actions, .arrow-hero-banner__cap-fill { animation: auto ease 0s 1 normal none running none; }
  .arrow-hero-banner-amb-enter-active, .arrow-hero-banner-amb-leave-active { transition: none; }
}
.arrow-highlight__mark { border-radius: var(--shape-feedback-sm); padding: 0 var(--space-component-xs); font-weight: var(--font-weight-medium); }
.arrow-highlight[data-tone="accent"] .arrow-highlight__mark { background-color: var(--color-action-surface); color: var(--color-content-accent); }
.arrow-highlight[data-tone="warning"] .arrow-highlight__mark { background-color: var(--color-feedback-warning-surface); color: var(--color-feedback-warning-content); }
.arrow-label { display: inline-flex; align-items: center; gap: var(--space-component-xs); font-family: var(--font-family-base); font-size: var(--type-label-lg-size); font-weight: var(--type-label-lg-weight); line-height: var(--type-label-lg-line-height); letter-spacing: var(--type-label-lg-tracking); color: var(--color-content-primary); }
.arrow-label__required { color: var(--color-feedback-error); }
.arrow-label__hint { display: inline-flex; align-items: center; color: var(--color-content-tertiary); }
.arrow-logo { display: inline-block; vertical-align: middle; flex-shrink: 0; width: auto; color: var(--color-content-primary); }
.arrow-logo[data-tone="inverse"] { color: var(--color-content-inverted); }
.arrow-logo[data-variant="full"] { height: var(--space-40); }
.arrow-logo[data-variant="symbol"] { height: var(--space-20); }
.arrow-modal-overlay { position: fixed; inset: 0px; z-index: var(--z-modal); display: flex; align-items: center; justify-content: center; padding: var(--space-component-xl); background-color: color-mix(in srgb,var(--color-surface-overlay) 40%,transparent); backdrop-filter: blur(2px); }
.arrow-modal { position: relative; max-height: 85vh; overflow: auto; background-color: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--radius-12); box-shadow: rgba(8, 17, 40, 0.1) 0px 16px 32px -12px; }
.arrow-modal[data-size="sm"] { width: min(480px, 100%); }
.arrow-modal[data-size="md"] { width: min(600px, 100%); }
.arrow-modal[data-size="lg"] { width: min(720px, 100%); }
.arrow-modal[data-variant="feature"] { box-sizing: border-box; display: flex; width: min(var(--size-modal-feature-width),100%); height: min(var(--size-modal-feature-height),calc(100vh - var(--space-component-xl) - var(--space-component-xl))); gap: var(--space-component-xl); padding: var(--space-component-xl); overflow: hidden; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--shape-container-2xl); }
.arrow-modal[data-variant="feature"] > :first-child { flex: 0 0 var(--size-modal-feature-media-width); min-width: 0px; }
.arrow-modal[data-variant="feature"] > :last-child { flex: 1 1 auto; min-width: 0px; }
@media (max-width: 760px) {
  .arrow-modal[data-variant="feature"] { height: auto; max-height: calc(100vh - var(--space-component-xl) - var(--space-component-xl)); flex-direction: column; overflow-y: auto; }
  .arrow-modal[data-variant="feature"] > :first-child { flex-basis: auto; }
}
.arrow-modal[data-variant="sidebar"] { display: flex; overflow: hidden; border-radius: var(--radius-10); height: 500px; }
.arrow-modal-fade-enter-active { transition: opacity var(--duration-200) var(--motion-easing-enter); }
.arrow-modal-fade-leave-active { transition: opacity var(--duration-150) var(--motion-easing-exit); }
.arrow-modal-fade-enter-from, .arrow-modal-fade-leave-to { opacity: 0; }
.arrow-modal-fade-enter-active .arrow-modal { transition: transform var(--duration-300) var(--motion-easing-expressive),opacity var(--duration-200) var(--motion-easing-enter); }
.arrow-modal-fade-leave-active .arrow-modal { transition: transform var(--duration-150) var(--motion-easing-exit),opacity var(--duration-150) var(--motion-easing-exit); }
.arrow-modal-fade-enter-from .arrow-modal, .arrow-modal-fade-leave-to .arrow-modal { transform: translateY(12px) scale(0.97); opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .arrow-modal-fade-enter-from .arrow-modal, .arrow-modal-fade-leave-to .arrow-modal { transform: none; }
}
.arrow-modal__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-component-xl); padding: var(--space-component-xl); background-color: var(--color-surface-subtle); border-bottom: 1px solid var(--color-border-default); }
.arrow-modal__title { margin: 0px; font-size: var(--type-body-md-size); font-weight: var(--font-weight-medium); line-height: 1.2; color: var(--color-content-primary); }
.arrow-modal__close { flex-shrink: 0; display: inline-flex; align-items: center; gap: var(--space-component-xs); margin: -8px -8px -8px 0px; padding: var(--space-component-xs) var(--space-component-sm); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--radius-10); background: transparent; color: var(--color-content-secondary); font-family: var(--font-family-base); font-size: var(--type-body-sm-size); font-weight: var(--font-weight-medium); cursor: pointer; transition: background-color 0.2s, color 0.2s; }
.arrow-modal__close:hover { background: var(--color-surface-raised); color: var(--color-content-primary); }
.arrow-modal__body { padding: var(--space-component-xl); font-size: var(--type-body-md-size); line-height: 1.6; color: var(--color-content-secondary); }
.arrow-modal__footer { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-component-sm); padding: var(--space-component-xl); background-color: var(--color-surface-subtle); border-top: 1px solid var(--color-border-default); }
.arrow-modal__sidebar { flex: 0 0 auto; width: 240px; box-sizing: border-box; display: flex; flex-direction: column; gap: var(--space-component-lg); padding: var(--space-component-xl); overflow-y: auto; background-color: var(--color-surface-subtle); border: 1px solid var(--color-border-default); border-radius: 0 var(--radius-10) var(--radius-10) 0; }
.arrow-modal__sidebar-title { margin: 0px; font-size: var(--type-body-md-size); font-weight: var(--font-weight-medium); line-height: 1.2; color: var(--color-content-primary); }
.arrow-modal__sidebar-nav { display: flex; flex-direction: column; gap: var(--space-component-xs); min-height: 0px; }
.arrow-modal__sidebar .arrow-app-shell-nav__item--active { background: var(--color-surface-base); }
.arrow-modal__content { flex: 1 1 0%; min-width: 0px; box-sizing: border-box; display: flex; flex-direction: column; gap: var(--space-component-lg); padding: var(--space-component-xl); overflow-y: auto; background-color: var(--color-surface-base); }
.arrow-modal__content-top { display: flex; justify-content: flex-end; }
.arrow-modal__content-top .arrow-modal__close { margin: 0px; padding: var(--space-component-sm); }
.arrow-modal__content-body { font-size: var(--type-body-md-size); line-height: 1.6; color: var(--color-content-secondary); }
.arrow-text { margin: 0px; font-family: var(--font-family-base); color: inherit; }
.arrow-text--truncate { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.arrow-login-card[data-v-d582462c] { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; max-width: 880px; margin-top: var(--space-component-sm); border: 1px solid var(--color-border-default); border-radius: var(--shape-container-lg); background-color: var(--color-surface-base); overflow: hidden; }
.arrow-login-card__media[data-v-d582462c] { background-color: var(--color-action-surface); }
.arrow-login-card__img[data-v-d582462c] { display: block; width: 100%; height: 100%; object-fit: cover; }
.arrow-login-card__body[data-v-d582462c] { display: flex; flex-direction: column; justify-content: flex-start; padding: var(--space-layout-md); }
.arrow-login-card__badge[data-v-d582462c] { align-self: flex-start; }
.arrow-login-card__content[data-v-d582462c] { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: center; }
.arrow-login-card__desc[data-v-d582462c] { margin-top: var(--space-layout-md); }
.arrow-login-card__actions[data-v-d582462c] { margin-top: var(--space-component-xl); }
.arrow-login-card__hint[data-v-d582462c] { margin-top: var(--space-component-lg); }
.arrow-login-card__actions[data-v-d582462c] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-component-md); }
.arrow-login-card__actions--stack[data-v-d582462c] { flex-flow: column; align-items: flex-start; }
@media (max-width: 640px) {
  .arrow-login-card[data-v-d582462c] { grid-template-columns: 1fr; }
  .arrow-login-card__media[data-v-d582462c] { min-height: 180px; }
}
.arrow-input { display: flex; flex-direction: column; gap: var(--space-component-md); font-family: var(--font-family-base); }
.arrow-input__field { position: relative; display: flex; align-items: center; }
.arrow-input__icon { position: absolute; left: var(--space-component-md); top: 50%; transform: translateY(-50%); color: var(--color-content-tertiary); pointer-events: none; }
.arrow-input__control { width: 100%; box-sizing: border-box; padding: 0 var(--space-component-md); border: 1px solid var(--color-border-default); border-radius: var(--shape-interactive-md); background-color: var(--color-surface-base); color: var(--color-content-primary); font-family: inherit; font-size: var(--type-body-md-size); font-weight: var(--type-body-md-weight); line-height: var(--type-body-md-line-height); transition-property: border-color, box-shadow; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
.arrow-input__control--icon { padding-left: calc(var(--space-component-md) + 20px + var(--space-component-sm)); }
.arrow-input__control--clearable { padding-right: calc(var(--space-component-sm) + 20px + var(--space-component-xs)); }
.arrow-input[data-size="sm"] .arrow-input__control { height: var(--space-32); }
.arrow-input[data-size="md"] .arrow-input__control { height: var(--space-40); }
.arrow-input[data-size="lg"] .arrow-input__control { height: var(--space-48); border-radius: var(--shape-interactive-lg); }
.arrow-input__clear { position: absolute; right: var(--space-component-sm); top: 50%; transform: translateY(-50%); }
.arrow-input__control::placeholder { color: var(--color-content-tertiary); }
.arrow-input__control::-webkit-search-cancel-button, .arrow-input__control::-webkit-search-decoration { appearance: none; }
.arrow-input__control:focus { outline: none; border-color: var(--color-border-accent); box-shadow: 0 0 0 3px var(--color-state-focus-ring); }
.arrow-input[data-error] .arrow-input__control { border-color: var(--color-border-error); }
.arrow-input[data-error] .arrow-input__control:focus { border-color: var(--color-border-error); box-shadow: 0 0 0 3px var(--color-state-focus-ring-error); }
.arrow-input__control:disabled { background-color: var(--color-state-disabled-surface); color: var(--color-content-disabled); cursor: not-allowed; }
.arrow-input__error { margin: 0px; font-size: var(--type-body-xs-size); line-height: var(--type-body-xs-line-height); color: var(--color-feedback-error-content); }
@media (prefers-reduced-motion: reduce) {
  .arrow-input__control { transition-duration: 0ms; }
}
.arrow-page-header { display: flex; align-items: flex-start; flex-wrap: wrap; gap: var(--space-component-sm) var(--space-component-md); }
.arrow-page-header[data-mode="breadcrumb"] { align-items: center; }
.arrow-page-header .arrow-page-header__main { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: var(--space-component-sm); }
.arrow-page-header[data-mode="breadcrumb"] .arrow-page-header__main { flex-flow: wrap; align-items: center; gap: var(--space-component-sm) var(--space-component-md); }
.arrow-page-header .arrow-page-header__heading { display: flex; align-items: center; gap: var(--space-component-sm); }
.arrow-page-header .arrow-page-header__icon { flex: 0 0 auto; color: var(--color-content-primary); }
.arrow-page-header .arrow-page-header__title, .arrow-page-header .arrow-page-header__description { margin: 0px; padding: 0px; border: 0px; }
.arrow-page-header[data-mode="title"] .arrow-page-header__description { max-width: var(--grid-container-text); }
.arrow-page-header .arrow-page-header__actions { flex: 0 0 auto; margin-inline-start: auto; display: inline-flex; align-items: center; gap: var(--space-component-sm); }
.arrow-page-header--card { padding: var(--space-component-lg) var(--space-component-xl); border-radius: var(--shape-container-lg); background: var(--color-surface-inverted); --badge-trail-sep-color: var(--color-content-inverted); }
.arrow-page-header--card .arrow-page-header__icon { color: var(--color-content-inverted); }
.arrow-page-layout { display: flex; flex-direction: column; }
.arrow-page-layout .arrow-page-layout__crumbs { margin-bottom: var(--space-component-lg); }
.arrow-page-layout .arrow-page-layout__body { margin-top: var(--space-layout-md); }
.arrow-page-sidebar { box-sizing: border-box; flex: 0 0 auto; width: var(--size-page-sidebar-width); font-family: var(--font-family-base); }
.arrow-page-sidebar__group { display: flex; flex-direction: column; }
.arrow-page-sidebar__group-label { margin: var(--space-component-lg) 0; padding: 0 var(--space-component-sm); font-size: var(--type-label-sm-size); line-height: var(--type-label-md-line-height); letter-spacing: var(--type-label-md-tracking); font-weight: var(--font-weight-semibold); text-transform: uppercase; color: var(--primitive-midnight-400); }
.arrow-page-sidebar__group:first-child .arrow-page-sidebar__group-label { margin-top: 0px; }
.arrow-page-sidebar__list { display: flex; flex-direction: column; gap: var(--space-component-sm); margin: 0px; padding: 0px; list-style: none; }
.arrow-page-sidebar__item { display: flex; align-items: center; gap: var(--space-component-sm); box-sizing: border-box; width: 100%; padding: var(--space-component-sm); border: 0px; border-radius: var(--shape-container-sm); background: transparent; color: var(--color-content-secondary); font-style: inherit; font-variant: inherit; font-stretch: 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-size: var(--type-body-sm-size); font-weight: var(--font-weight-medium); line-height: var(--type-body-md-line-height); text-align: left; text-decoration: none; cursor: pointer; transition: background-color var(--motion-duration-interaction-base) var(--motion-easing-productive),color var(--motion-duration-interaction-base) var(--motion-easing-productive); }
.arrow-page-sidebar__item:hover:not(:disabled) { background: var(--color-surface-overlay); color: var(--color-content-primary); }
.arrow-page-sidebar__item[data-active] { background: var(--color-surface-raised); color: var(--color-content-primary); font-weight: var(--font-weight-semibold); }
.arrow-page-sidebar__item:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: -3px; }
.arrow-page-sidebar__item:disabled { color: var(--color-content-disabled); cursor: not-allowed; }
@media (max-width: 760px) {
  .arrow-page-sidebar { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .arrow-page-sidebar__item { transition-duration: 0ms; }
}
.arrow-settings-form { overflow: hidden; border: 1px solid var(--color-border-default); border-radius: var(--shape-container-lg); background: var(--color-surface-subtle); color: var(--color-content-primary); font-family: var(--font-family-base); }
.arrow-settings-form__title { margin: 0px; padding: var(--space-component-xl); font-size: var(--type-body-md-size); font-weight: var(--font-weight-medium); line-height: var(--type-body-md-line-height); }
.arrow-settings-form__rows { overflow: hidden; border-top: 1px solid var(--color-border-default); border-radius: var(--shape-container-lg) var(--shape-container-lg) 0 0; background: var(--color-surface-base); }
.arrow-settings-form__row { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); align-items: center; gap: var(--space-layout-sm); padding: var(--space-component-xl); }
.arrow-settings-form__row + .arrow-settings-form__row { border-top: 1px solid var(--color-border-default); }
.arrow-settings-form__label { color: var(--color-content-secondary); font-size: var(--type-label-lg-size); font-weight: var(--font-weight-medium); line-height: var(--type-label-lg-line-height); }
@media (max-width: 760px) {
  .arrow-settings-form__row { grid-template-columns: 1fr; gap: var(--space-component-md); }
}
.arrow-pagination { display: flex; align-items: center; justify-content: space-between; gap: var(--space-component-md); flex-wrap: wrap; font-family: var(--font-family-base); font-size: var(--type-body-sm-size); color: var(--color-content-secondary); }
.arrow-pagination__info { display: flex; align-items: center; gap: var(--space-component-md); }
.arrow-pagination__rows { display: inline-flex; align-items: center; gap: var(--space-component-sm); }
.arrow-pagination__select { box-sizing: border-box; padding: var(--space-component-xs) var(--space-component-sm); border: 1px solid var(--color-border-default); border-radius: var(--shape-interactive-md); background-color: var(--color-surface-base); color: var(--color-content-primary); font-family: inherit; font-size: var(--type-body-sm-size); cursor: pointer; }
.arrow-pagination__select:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-pagination__count { color: var(--color-content-tertiary); white-space: nowrap; }
.arrow-pagination__nav { display: flex; align-items: center; gap: var(--space-component-xs); }
.arrow-pagination__page { box-sizing: border-box; min-width: var(--space-32); height: var(--space-32); padding: 0 var(--space-component-xs); display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: var(--shape-interactive-md); background-color: transparent; color: var(--color-content-secondary); font-family: inherit; font-size: var(--type-body-sm-size); cursor: pointer; transition-property: background-color, border-color, color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-pagination__page:hover:not([data-active]) { background-color: var(--color-state-hover-neutral); }
.arrow-pagination__page[data-active] { background-color: var(--color-action-primary); border-color: var(--color-action-primary); color: var(--color-content-inverted); cursor: default; }
.arrow-pagination__page:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-pagination__ellipsis { min-width: var(--space-32); text-align: center; color: var(--color-content-tertiary); }
@media (prefers-reduced-motion: reduce) {
  .arrow-pagination__page { transition-duration: 0ms; }
}
.arrow-select { display: flex; flex-direction: column; gap: var(--space-component-md); font-family: var(--font-family-base); }
.arrow-select__field { position: relative; }
.arrow-select__trigger { width: 100%; min-height: var(--space-40); box-sizing: border-box; display: flex; align-items: center; gap: var(--space-component-sm); padding: var(--space-component-sm) var(--space-component-md); border: 1px solid var(--color-border-default); border-radius: var(--shape-interactive-md); background-color: var(--color-surface-base); color: var(--color-content-primary); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); cursor: pointer; transition-property: border-color, box-shadow; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
.arrow-select__trigger[data-size="sm"] { height: var(--space-32); min-height: var(--space-32); padding: var(--space-component-xs) var(--space-component-md); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); }
.arrow-select__trigger[data-size="lg"] { height: var(--space-48); min-height: var(--space-48); padding: var(--space-component-md); border-radius: var(--shape-interactive-lg); }
.arrow-select__trigger[data-size="md"] { height: var(--space-40); }
.arrow-select__value { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arrow-select__value[data-placeholder] { color: var(--color-content-tertiary); }
.arrow-select__chevron { flex-shrink: 0; color: var(--color-content-tertiary); transition: transform var(--motion-duration-interaction-fast) var(--motion-easing-productive); }
.arrow-select__chevron[data-open] { transform: rotate(180deg); }
.arrow-select__clear { flex-shrink: 0; }
.arrow-select__trigger:focus, .arrow-select__trigger[aria-expanded="true"] { outline: none; border-color: var(--color-border-accent); box-shadow: 0 0 0 3px var(--color-state-focus-ring); }
.arrow-select[data-error] .arrow-select__trigger { border-color: var(--color-border-error); }
.arrow-select[data-error] .arrow-select__trigger:focus, .arrow-select[data-error] .arrow-select__trigger[aria-expanded="true"] { border-color: var(--color-border-error); box-shadow: 0 0 0 3px var(--color-state-focus-ring-error); }
.arrow-select[data-disabled] .arrow-select__trigger { background-color: var(--color-state-disabled-surface); color: var(--color-content-disabled); cursor: not-allowed; }
.arrow-select__panel { position: fixed; z-index: var(--z-tooltip); font-family: var(--font-family-base); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); display: flex; flex-direction: column; background-color: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--shape-container-sm); box-shadow: rgba(8, 17, 40, 0.1) 0px 16px 32px -12px; overflow: hidden; }
.arrow-select__search { padding: var(--space-component-sm); border-bottom: 1px solid var(--color-border-default); }
.arrow-select__search-field { display: flex; align-items: center; gap: var(--space-component-sm); box-sizing: border-box; padding: var(--space-component-sm) var(--space-component-md); border: 1px solid var(--color-border-default); border-radius: var(--shape-interactive-md); background-color: var(--color-surface-base); }
.arrow-select__search-field:focus-within { border-color: var(--color-border-accent); box-shadow: 0 0 0 3px var(--color-state-focus-ring); }
.arrow-select__search-icon { flex-shrink: 0; color: var(--color-content-tertiary); }
.arrow-select__search-input { flex: 1 1 0%; min-width: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; padding: 0px; outline: none; color: var(--color-content-primary); font-family: inherit; font-size: var(--type-body-sm-size); }
.arrow-select__search-input::placeholder { color: var(--color-content-tertiary); }
.arrow-select__list { list-style: none; margin: 0px; padding: var(--space-component-xs); max-height: 240px; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; }
.arrow-select__option { display: flex; align-items: center; justify-content: space-between; gap: var(--space-component-sm); padding: var(--space-component-sm) var(--space-component-sm); border-radius: var(--shape-interactive-md); font-size: var(--type-body-sm-size); color: var(--color-content-primary); cursor: pointer; }
.arrow-select__option[data-active] { background-color: var(--color-state-hover-neutral); }
.arrow-select__option[aria-selected="true"] { color: var(--color-content-accent); font-weight: var(--type-label-lg-weight); }
.arrow-select__option[data-disabled] { color: var(--color-content-disabled); cursor: not-allowed; }
.arrow-select__check { flex-shrink: 0; color: var(--color-content-accent); }
.arrow-select__empty { padding: var(--space-component-sm); font-size: var(--type-body-sm-size); color: var(--color-content-tertiary); text-align: center; }
.arrow-select__error { margin: 0px; font-size: var(--type-body-xs-size); line-height: var(--type-body-xs-line-height); color: var(--color-feedback-error-content); }
@media (prefers-reduced-motion: reduce) {
  .arrow-select__trigger, .arrow-select__chevron { transition-duration: 0ms; }
}
.arrow-pagm { font-family: var(--font-family-base); font-size: var(--type-body-sm-size); color: var(--color-content-secondary); }
.arrow-pagm__info { white-space: nowrap; color: var(--color-content-secondary); }
.arrow-pagm__info strong { color: var(--color-content-primary); font-weight: var(--type-label-lg-weight); }
.arrow-pagm__desktop { display: flex; align-items: center; gap: var(--space-component-md); }
.arrow-pagm__side { display: flex; flex: 1 1 0px; justify-content: flex-start; }
.arrow-pagm__side--end { justify-content: flex-end; }
.arrow-pagm__center { display: flex; align-items: center; gap: var(--space-component-md); }
.arrow-pagm__rows { width: 156px; flex-shrink: 0; }
.arrow-pagm__mobile { display: none; align-items: center; justify-content: space-between; gap: var(--space-component-md); }
@media (max-width: 767px) {
  .arrow-pagm__desktop { display: none; }
  .arrow-pagm__mobile { display: flex; }
}
.arrow-notification-item { width: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: var(--space-component-xs); padding: var(--space-component-sm) var(--space-component-md); border: 0px; border-radius: var(--shape-container-sm); background: transparent; text-align: left; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: 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-family: var(--font-family-base); cursor: pointer; transition: background-color var(--motion-duration-interaction-base) var(--motion-easing-productive); }
.arrow-notification-item:hover { background: var(--color-state-hover-neutral); }
.arrow-notification-item:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: -3px; }
.arrow-notification-item--unread { background: var(--color-surface-subtle); }
.arrow-notification-item--unread:hover { background: var(--color-state-hover-neutral); }
.arrow-notification-item__primary { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--color-content-primary); font-weight: var(--font-weight-regular); }
.arrow-notification-item__primary :is(strong, b) { font-weight: var(--font-weight-semibold); }
.arrow-notification-item__description { font-size: var(--type-body-xs-size); line-height: var(--type-body-xs-line-height); color: var(--color-content-tertiary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.arrow-popover { position: relative; display: inline-flex; }
.arrow-popover__trigger { display: inline-flex; }
.arrow-popover__panel { display: flex; align-items: center; gap: var(--space-component-sm); padding: var(--space-component-sm); background: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--radius-12); box-shadow: rgba(8, 17, 40, 0.1) 0px 16px 32px -12px; }
.arrow-popover__panel[data-orientation="vertical"] { flex-direction: column; }
.arrow-popover__panel--floating { position: absolute; top: 100%; z-index: var(--z-popover); }
.arrow-switch { display: inline-flex; align-items: center; gap: var(--space-component-sm); cursor: pointer; font-family: var(--font-family-base); }
.arrow-switch__input { position: absolute; width: 0px; height: 0px; opacity: 0; margin: 0px; }
.arrow-switch__track { position: relative; display: inline-flex; align-items: center; flex-shrink: 0; box-sizing: border-box; border-radius: var(--shape-interactive-pill); background-color: var(--color-border-strong); transition-property: background-color; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
.arrow-switch[data-size="md"] .arrow-switch__track { width: 36px; height: 20px; padding: 2px; }
.arrow-switch[data-size="sm"] .arrow-switch__track { width: 28px; height: 16px; padding: 2px; }
.arrow-switch__thumb { display: block; box-sizing: border-box; border-radius: var(--shape-interactive-pill); background-color: var(--color-surface-base); box-shadow: var(--elevation-interactive-resting); transition-property: transform; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
.arrow-switch[data-size="md"] .arrow-switch__thumb { width: 16px; height: 16px; }
.arrow-switch[data-size="sm"] .arrow-switch__thumb { width: 12px; height: 12px; }
.arrow-switch__input:checked + .arrow-switch__track { background-color: var(--color-action-primary); }
.arrow-switch[data-size="md"] .arrow-switch__input:checked + .arrow-switch__track .arrow-switch__thumb { transform: translate(16px); }
.arrow-switch[data-size="sm"] .arrow-switch__input:checked + .arrow-switch__track .arrow-switch__thumb { transform: translate(12px); }
.arrow-switch__input:focus-visible + .arrow-switch__track { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-switch__label { font-size: var(--type-body-sm-size); font-weight: var(--type-body-sm-weight); line-height: var(--type-body-sm-line-height); color: var(--color-content-primary); }
.arrow-switch[data-disabled] { cursor: not-allowed; }
.arrow-switch[data-disabled] .arrow-switch__track { background-color: var(--color-state-disabled-surface); }
.arrow-switch[data-disabled] .arrow-switch__input:checked + .arrow-switch__track { background-color: var(--color-action-disabled); }
.arrow-switch[data-disabled] .arrow-switch__thumb { box-shadow: none; background-color: var(--color-surface-subtle); }
.arrow-switch[data-disabled] .arrow-switch__label { color: var(--color-content-disabled); }
@media (prefers-reduced-motion: reduce) {
  .arrow-switch__track, .arrow-switch__thumb { transition-duration: 0ms; }
}
.arrow-switch-card { display: inline-flex; align-items: center; gap: var(--space-component-sm); box-sizing: border-box; height: var(--space-40); background: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--shape-container-md); padding: 0 var(--space-component-lg); transition-property: background-color, border-color; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
.arrow-switch-card[data-active] { background: var(--color-state-hover-accent); border-color: var(--color-border-accent); }
.arrow-switch-card__help { color: var(--color-content-tertiary); cursor: help; flex: 0 0 auto; }
.arrow-table { display: table; width: 100%; background-color: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--radius-12); border-collapse: separate; border-spacing: 0px; overflow: hidden; }
.arrow-table th, .arrow-table td { padding: var(--space-component-xl); border-bottom: 1px solid var(--color-border-default); text-align: left; vertical-align: middle; }
.arrow-table tbody tr:last-child th, .arrow-table tbody tr:last-child td { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.arrow-table th { background-color: var(--color-surface-subtle); font-size: var(--type-body-sm-size); font-weight: var(--font-weight-medium); color: var(--color-content-secondary); }
.arrow-table td { font-size: var(--type-body-sm-size); font-weight: var(--font-weight-regular); color: var(--color-content-secondary); }
.arrow-table [data-align="center"] { text-align: center; }
.arrow-table [data-align="end"] { text-align: right; }
.arrow-table tbody tr:not([data-head]) { transition-property: background-color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-table tbody tr:not([data-head]):hover { background-color: var(--color-surface-subtle); }
.arrow-table tr[data-clickable] { cursor: pointer; }
.arrow-layered-table-card { overflow: hidden; border: 1px solid var(--color-border-default); border-radius: var(--shape-container-lg); background: var(--color-surface-subtle); }
.arrow-layered-table-card__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-component-lg); box-sizing: border-box; min-height: var(--space-80); padding: var(--space-component-xl); background: var(--color-surface-subtle); }
.arrow-layered-table-card__identity { display: flex; align-items: flex-start; gap: var(--space-component-md); min-width: 0px; }
.arrow-layered-table-card__leading, .arrow-layered-table-card__action { display: inline-flex; align-items: center; flex: 0 0 auto; }
.arrow-layered-table-card__leading { margin-top: 2px; }
.arrow-layered-table-card__copy { display: flex; flex-direction: column; gap: var(--space-component-xs); min-width: 0px; }
.arrow-layered-table-card__title { margin: 0px; color: var(--color-content-primary); font-family: var(--font-family-base); font-size: var(--type-body-md-size); font-weight: var(--font-weight-medium); line-height: var(--type-body-md-line-height); }
.arrow-layered-table-card__description { color: var(--color-content-tertiary); font-family: var(--font-family-base); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); }
.arrow-layered-table-card__table-region { min-width: 0px; overflow-x: auto; }
.arrow-layered-table-card .arrow-layered-table-card__table { border: 0px; border-radius: 0px; background: var(--color-surface-subtle); }
.arrow-layered-table-card .arrow-layered-table-card__table tr:first-child > :is(th, td) { border-top: 1px solid var(--color-border-default); background: var(--color-surface-raised); }
.arrow-layered-table-card .arrow-layered-table-card__table tr:first-child > :first-child { border-radius: var(--shape-container-lg) 0 0 0; }
.arrow-layered-table-card .arrow-layered-table-card__table tr:first-child > :last-child { border-radius: 0 var(--shape-container-lg) 0 0; }
.arrow-layered-table-card .arrow-layered-table-card__table td { background: var(--color-surface-base); }
@media (max-width: 560px) {
  .arrow-layered-table-card__header { align-items: flex-start; min-height: auto; padding: var(--space-component-lg); }
  .arrow-layered-table-card .arrow-layered-table-card__table :is(th, td) { padding: var(--space-component-lg); }
}
@container (max-width: 560px) {
  .arrow-layered-table-card__header { align-items: flex-start; min-height: auto; padding: var(--space-component-lg); }
  .arrow-layered-table-card .arrow-layered-table-card__table :is(th, td) { padding: var(--space-component-lg); }
}
.arrow-tabs { display: flex; box-sizing: border-box; }
.arrow-tabs__tab { appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: var(--color-content-tertiary); font-family: var(--font-family-base); font-size: var(--type-body-sm-size); font-weight: var(--font-weight-medium); cursor: pointer; transition-property: color, background-color, border-color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-tabs__tab:hover { color: var(--color-content-primary); }
.arrow-tabs__tab:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-tabs[data-variant="underline"] { border-bottom: 1px solid var(--color-border-default); }
.arrow-tabs[data-variant="underline"] .arrow-tabs__tab { display: inline-flex; align-items: center; margin-bottom: -1px; padding-inline: var(--space-component-lg); border-bottom: 3px solid transparent; }
.arrow-tabs[data-variant="underline"][data-size="sm"] .arrow-tabs__tab { min-height: var(--space-32); }
.arrow-tabs[data-variant="underline"][data-size="md"] .arrow-tabs__tab { min-height: var(--space-40); }
.arrow-tabs[data-variant="underline"][data-size="lg"] .arrow-tabs__tab { min-height: var(--space-48); }
.arrow-tabs[data-variant="underline"] .arrow-tabs__tab[data-active] { color: var(--color-content-accent); border-bottom-color: var(--color-action-primary); }
.arrow-tabs[data-variant="segmented"] { position: relative; display: inline-flex; gap: var(--space-component-xs); padding: var(--space-component-xs); background: var(--color-surface-subtle); border-radius: var(--shape-container-md); }
.arrow-tabs[data-variant="segmented"][data-size="sm"] { min-height: var(--space-32); --_tab-radius: var(--shape-interactive-md); }
.arrow-tabs[data-variant="segmented"][data-size="md"] { min-height: var(--space-40); --_tab-radius: var(--shape-interactive-md); }
.arrow-tabs[data-variant="segmented"][data-size="lg"] { min-height: var(--space-48); --_tab-radius: var(--shape-interactive-lg); }
.arrow-tabs[data-block] { width: 100%; }
.arrow-tabs[data-variant="segmented"][data-block] { display: flex; }
.arrow-tabs__thumb { position: absolute; top: var(--space-component-xs); bottom: var(--space-component-xs); left: 0px; z-index: 0; border-radius: var(--_tab-radius); background: var(--color-content-primary); }
.arrow-tabs__thumb--animate { transition-property: transform, width; transition-duration: var(--motion-duration-transition-layout); transition-timing-function: var(--motion-easing-productive); }
.arrow-tabs[data-variant="segmented"] .arrow-tabs__tab { position: relative; z-index: 1; flex: 1 1 0%; display: inline-flex; align-items: center; justify-content: center; padding-block: 0px; padding-inline: var(--space-component-md); border-radius: var(--_tab-radius); white-space: nowrap; }
.arrow-tabs[data-variant="segmented"][data-size="lg"] .arrow-tabs__tab { padding-inline: var(--space-component-xl); }
.arrow-tabs[data-variant="segmented"] .arrow-tabs__tab[data-active] { color: var(--color-content-inverted); }
@media (prefers-reduced-motion: reduce) {
  .arrow-tabs__tab, .arrow-tabs__thumb--animate { transition-duration: 0ms; }
}
.arrow-tag { display: inline-flex; align-items: center; gap: var(--space-component-xs); box-sizing: border-box; border: 1px solid transparent; border-radius: var(--shape-feedback-sm); font-family: var(--font-family-base); color: var(--_content); white-space: nowrap; width: fit-content; max-width: 100%; transition-property: background-color, border-color, color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-tag[data-size="sm"] { padding: var(--space-component-xs) var(--space-component-sm); font-size: var(--type-label-md-size); font-weight: var(--type-label-md-weight); line-height: var(--type-label-md-line-height); letter-spacing: var(--type-label-md-tracking); }
.arrow-tag[data-size="md"] { padding: var(--space-component-xs) var(--space-component-md); font-size: var(--type-label-lg-size); font-weight: var(--type-label-lg-weight); line-height: var(--type-label-lg-line-height); letter-spacing: var(--type-label-lg-tracking); }
.arrow-tag[data-removable] { padding-right: var(--space-component-xs); }
.arrow-tag[data-tone="neutral"] { --_surface: var(--color-surface-raised); --_content: var(--color-content-secondary); --_border: var(--color-border-default); }
.arrow-tag[data-tone="accent"] { --_surface: var(--color-action-surface); --_content: var(--color-content-accent); --_border: var(--color-border-accent); }
.arrow-tag[data-tone="success"] { --_surface: var(--color-feedback-success-surface); --_content: var(--color-feedback-success-content); --_border: var(--color-feedback-success-border); }
.arrow-tag[data-tone="warning"] { --_surface: var(--color-feedback-warning-surface); --_content: var(--color-feedback-warning-content); --_border: var(--color-feedback-warning-border); }
.arrow-tag[data-tone="error"] { --_surface: var(--color-feedback-error-surface); --_content: var(--color-feedback-error-content); --_border: var(--color-feedback-error-border); }
.arrow-tag[data-tone="premium"] { --_surface: var(--color-feedback-premium-surface); --_content: var(--color-feedback-premium-content); --_border: var(--color-feedback-premium-border); }
.arrow-tag[data-variant="soft"] { background-color: var(--_surface); border-color: transparent; }
.arrow-tag[data-variant="outline"] { background-color: transparent; border-color: var(--_border); }
.arrow-tag[data-selected] { border-color: var(--_border); background-color: var(--_surface); font-weight: var(--font-weight-medium); }
.arrow-tag__body { display: inline-flex; align-items: center; gap: var(--space-component-xs); min-width: 0px; margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: inherit; font: inherit; letter-spacing: inherit; text-decoration: none; cursor: inherit; }
.arrow-tag[data-clickable] { cursor: pointer; }
.arrow-tag[data-clickable]:hover:not([data-disabled]) { border-color: var(--_border); }
.arrow-tag__body:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; border-radius: var(--shape-feedback-sm); }
.arrow-tag__label { overflow: hidden; text-overflow: ellipsis; }
.arrow-tag__affix { display: inline-flex; align-items: center; flex-shrink: 0; }
.arrow-tag__remove { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; padding: var(--space-component-xs); margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--shape-feedback-sm); background: transparent; color: var(--_content); cursor: pointer; transition-property: background-color, color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-tag__remove:hover { background: color-mix(in srgb,var(--_content) 16%,transparent); }
.arrow-tag__remove:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 1px; }
.arrow-tag[data-disabled] { opacity: 0.5; pointer-events: none; }
.arrow-textarea { display: flex; flex-direction: column; gap: var(--space-component-md); font-family: var(--font-family-base); }
.arrow-textarea__control { width: 100%; box-sizing: border-box; resize: vertical; min-height: var(--space-64); padding: var(--space-component-sm) var(--space-component-md); border: 1px solid var(--color-border-default); border-radius: var(--shape-interactive-md); background-color: var(--color-surface-base); color: var(--color-content-primary); font-family: inherit; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); transition-property: border-color, box-shadow; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
.arrow-textarea__control::placeholder { color: var(--color-content-tertiary); }
.arrow-textarea__control:focus { outline: none; border-color: var(--color-border-accent); box-shadow: 0 0 0 3px var(--color-state-focus-ring); }
.arrow-textarea[data-error] .arrow-textarea__control { border-color: var(--color-border-error); }
.arrow-textarea[data-error] .arrow-textarea__control:focus { box-shadow: 0 0 0 3px var(--color-state-focus-ring-error); }
.arrow-textarea__control:disabled { background-color: var(--color-state-disabled-surface); color: var(--color-content-disabled); cursor: not-allowed; }
.arrow-textarea__error { margin: 0px; font-size: var(--type-body-xs-size); line-height: var(--type-body-xs-line-height); color: var(--color-feedback-error-content); }
@media (prefers-reduced-motion: reduce) {
  .arrow-textarea__control { transition-duration: 0ms; }
}
.arrow-title-menu { display: inline-flex; align-items: center; gap: var(--space-component-xs); color: inherit; font-family: var(--font-family-base); }
.arrow-title-menu__name { display: inline-block; box-sizing: border-box; height: var(--space-40); line-height: var(--space-40); padding: 0 var(--space-component-md); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: inherit; font-size: var(--type-body-md-size); font-weight: var(--font-weight-medium); border-radius: var(--radius-10); cursor: text; max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: background-color var(--motion-duration-interaction-fast) var(--motion-easing-productive); }
.arrow-title-menu .arrow-iconbtn[data-inverted] { --_text: var(--color-content-inverted); }
.arrow-title-menu__name:hover { background-color: color-mix(in srgb, currentcolor 14%, transparent); }
.arrow-title-menu__name:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-title-menu__input { box-sizing: border-box; height: var(--space-40); padding: 0 var(--space-component-md); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--radius-10); background: var(--primitive-midnight-800); color: var(--color-content-inverted); font-family: inherit; font-size: var(--type-body-md-size); font-weight: var(--font-weight-medium); outline: none; }
:root { --primitive-midnight-0: #FFFFFF; --primitive-midnight-50: #F8F8F9; --primitive-midnight-100: #EDEEF0; --primitive-midnight-200: #DCDCE1; --primitive-midnight-300: #BFC0C8; --primitive-midnight-400: #9B9DA9; --primitive-midnight-500: #737686; --primitive-midnight-600: #505468; --primitive-midnight-700: #33384E; --primitive-midnight-800: #1B2339; --primitive-midnight-900: #081128; --primitive-blizzard-50: #EAF9FD; --primitive-blizzard-100: #D1F4FD; --primitive-blizzard-200: #A7EAFB; --primitive-blizzard-300: #4FD1EC; --primitive-blizzard-400: #00B2D7; --primitive-blizzard-500: #0092BE; --primitive-blizzard-600: #007198; --primitive-blizzard-700: #005677; --primitive-blizzard-800: #003C55; --primitive-blizzard-900: #002738; --primitive-gulf-50: #F7F6FB; --primitive-gulf-100: #E9E7F2; --primitive-gulf-200: #D5D2E7; --primitive-gulf-300: #B7B2D4; --primitive-gulf-400: #918BB9; --primitive-gulf-500: #6B679E; --primitive-gulf-600: #494783; --primitive-gulf-700: #2B2E6B; --primitive-gulf-800: #121D59; --primitive-gulf-900: #051244; --primitive-merino-50: #FEFCF7; --primitive-merino-100: #F1EDE1; --primitive-merino-200: #DCD4BA; --primitive-merino-300: #C0B691; --primitive-merino-400: #A4996C; --primitive-merino-500: #877C4C; --primitive-merino-600: #6A6135; --primitive-merino-700: #4E4721; --primitive-merino-800: #363112; --primitive-merino-900: #242007; --primitive-red-50: #FFF3F1; --primitive-red-100: #FFE2DE; --primitive-red-200: #FFC6BF; --primitive-red-300: #FF9D94; --primitive-red-400: #FB6965; --primitive-red-500: #D2082D; --primitive-red-600: #AC001B; --primitive-red-700: #87000F; --primitive-red-800: #640003; --primitive-red-900: #430000; --primitive-orange-50: #FFF4EC; --primitive-orange-100: #FFE5D5; --primitive-orange-200: #FFCBAE; --primitive-orange-300: #FCA779; --primitive-orange-400: #ED8143; --primitive-orange-500: #E56307; --primitive-orange-600: #BB4900; --primitive-orange-700: #923400; --primitive-orange-800: #692200; --primitive-orange-900: #441500; --primitive-green-50: #F2F9ED; --primitive-green-100: #E0F0D7; --primitive-green-200: #C2E0B1; --primitive-green-300: #97C97E; --primitive-green-400: #66AF47; --primitive-green-500: #349E06; --primitive-green-600: #137C00; --primitive-green-700: #005E00; --primitive-green-800: #004200; --primitive-green-900: #092800; --primitive-pink-50: #FFF3FA; --primitive-pink-100: #FFE3F4; --primitive-pink-200: #FBC9E6; --primitive-pink-300: #F5A1D5; --primitive-pink-400: #EA6ABE; --primitive-pink-500: #C40795; --primitive-pink-600: #A10078; --primitive-pink-700: #7E005C; --primitive-pink-800: #5D0043; --primitive-pink-900: #3D002C; --primitive-yellow-50: #FDF9EF; --primitive-yellow-100: #F9F0D8; --primitive-yellow-200: #F6E4AF; --primitive-yellow-300: #F2D97C; --primitive-yellow-400: #ECCE24; --primitive-yellow-500: #B09707; --primitive-yellow-600: #8C7900; --primitive-yellow-700: #6F6000; --primitive-yellow-800: #544800; --primitive-yellow-900: #3F3607; --color-surface-base: var(--primitive-midnight-0); --color-surface-subtle: var(--primitive-midnight-50); --color-surface-raised: var(--primitive-midnight-100); --color-surface-overlay: var(--primitive-midnight-200); --color-surface-inverted: var(--primitive-midnight-900); --color-surface-inverted-raised: var(--primitive-midnight-700); --color-surface-inverted-raised-hover: var(--primitive-midnight-600); --color-surface-warm: var(--primitive-merino-50); --color-content-primary: var(--primitive-midnight-900); --color-content-secondary: var(--primitive-midnight-600); --color-content-tertiary: var(--primitive-midnight-500); --color-content-disabled: var(--primitive-midnight-300); --color-content-inverted: var(--primitive-midnight-0); --color-content-accent: var(--primitive-blizzard-500); --color-border-default: var(--primitive-midnight-200); --color-border-strong: var(--primitive-midnight-300); --color-border-accent: var(--primitive-blizzard-500); --color-border-error: var(--primitive-red-500); --color-action-primary: var(--primitive-blizzard-500); --color-action-hover: var(--primitive-blizzard-600); --color-action-pressed: var(--primitive-blizzard-700); --color-action-subtle: var(--primitive-blizzard-200); --color-action-surface: var(--primitive-blizzard-100); --color-action-disabled: var(--primitive-midnight-200); --color-feedback-error: var(--primitive-red-500); --color-feedback-error-hover: var(--primitive-red-600); --color-feedback-error-surface: var(--primitive-red-100); --color-feedback-error-border: var(--primitive-red-500); --color-feedback-error-content: var(--primitive-red-700); --color-feedback-success: var(--primitive-green-500); --color-feedback-success-surface: var(--primitive-green-100); --color-feedback-success-border: var(--primitive-green-500); --color-feedback-success-content: var(--primitive-green-700); --color-feedback-warning: var(--primitive-yellow-500); --color-feedback-warning-surface: var(--primitive-yellow-100); --color-feedback-warning-border: var(--primitive-yellow-500); --color-feedback-warning-content: var(--primitive-yellow-700); --color-feedback-premium: var(--primitive-orange-500); --color-feedback-premium-surface: var(--primitive-orange-100); --color-feedback-premium-border: var(--primitive-orange-500); --color-feedback-premium-content: var(--primitive-orange-700); --color-feedback-badge: var(--primitive-pink-500); --color-feedback-badge-surface: var(--primitive-pink-100); --color-feedback-badge-border: var(--primitive-pink-500); --color-feedback-badge-content: var(--primitive-pink-700); --color-state-hover-neutral: var(--primitive-midnight-100); --color-state-hover-accent: var(--primitive-blizzard-100); --color-state-hover-error: var(--primitive-red-50); --color-state-pressed-accent: var(--primitive-blizzard-700); --color-state-focus-ring: var(--primitive-blizzard-200); --color-state-focus-ring-error: var(--primitive-pink-200); --color-state-focus-ring-success: var(--primitive-green-200); --color-state-focus-ring-warning: var(--primitive-yellow-200); --color-state-focus-ring-neutral: var(--primitive-midnight-200); --color-state-disabled-surface: var(--primitive-midnight-50); --color-state-disabled-content: var(--primitive-midnight-300); --color-brand-midnight: var(--primitive-midnight-900); --color-brand-blizzard: var(--primitive-blizzard-200); --color-brand-gulf: var(--primitive-gulf-800); --color-brand-merino: var(--primitive-merino-100); --color-aime: var(--primitive-orange-300); --color-aime-hover: var(--primitive-orange-400); --color-aime-pressed: var(--primitive-orange-500); --color-aime-on: var(--primitive-midnight-900); --color-aime-surface: var(--primitive-orange-100); --color-aime-border: var(--primitive-orange-300); --color-aime-content: var(--primitive-orange-700); --color-aime-soft-hover: var(--primitive-orange-100); --color-module-encontrar-surface: var(--primitive-blizzard-100); --color-module-encontrar-content: var(--primitive-blizzard-700); --color-module-encontrar-border: var(--primitive-blizzard-500); --color-module-cadastrar-surface: var(--primitive-merino-100); --color-module-cadastrar-content: var(--primitive-merino-700); --color-module-cadastrar-border: var(--primitive-merino-500); --color-module-disputar-surface: var(--primitive-orange-100); --color-module-disputar-content: var(--primitive-orange-700); --color-module-disputar-border: var(--primitive-orange-500); --color-module-monitorar-surface: var(--primitive-pink-100); --color-module-monitorar-content: var(--primitive-pink-700); --color-module-monitorar-border: var(--primitive-pink-500); --color-module-visao-surface: var(--primitive-gulf-100); --color-module-visao-content: var(--primitive-gulf-700); --color-module-visao-border: var(--primitive-gulf-500); --color-module-novidades-surface: var(--primitive-green-100); --color-module-novidades-content: var(--primitive-green-700); --color-module-novidades-border: var(--primitive-green-500); --color-module-playground-surface: var(--primitive-yellow-100); --color-module-playground-content: var(--primitive-yellow-700); --color-module-playground-border: var(--primitive-yellow-500); --color-plan-gratis-surface: var(--primitive-green-100); --color-plan-gratis-surface-subtle: var(--primitive-green-50); --color-plan-gratis-content: var(--primitive-green-700); --color-plan-gratis-border: var(--primitive-green-500); --color-plan-gratis-border-subtle: var(--primitive-green-200); --color-plan-iniciante-surface: var(--primitive-merino-100); --color-plan-iniciante-surface-subtle: var(--primitive-merino-50); --color-plan-iniciante-content: var(--primitive-merino-700); --color-plan-iniciante-border: var(--primitive-merino-500); --color-plan-iniciante-border-subtle: var(--primitive-merino-200); --color-plan-profissional-surface: var(--primitive-blizzard-100); --color-plan-profissional-surface-subtle: var(--primitive-blizzard-50); --color-plan-profissional-content: var(--primitive-blizzard-700); --color-plan-profissional-border: var(--primitive-blizzard-500); --color-plan-profissional-border-subtle: var(--primitive-blizzard-200); --color-plan-grandes-contas-surface: var(--primitive-gulf-100); --color-plan-grandes-contas-surface-subtle: var(--primitive-gulf-50); --color-plan-grandes-contas-content: var(--primitive-gulf-700); --color-plan-grandes-contas-border: var(--primitive-gulf-500); --color-plan-grandes-contas-border-subtle: var(--primitive-gulf-200); --color-plan-consultor-surface: var(--primitive-orange-100); --color-plan-consultor-surface-subtle: var(--primitive-orange-50); --color-plan-consultor-content: var(--primitive-orange-700); --color-plan-consultor-border: var(--primitive-orange-500); --color-plan-consultor-border-subtle: var(--primitive-orange-200); }
.dark, [data-theme="dark"] { --color-surface-base: var(--primitive-midnight-900); --color-surface-subtle: var(--primitive-midnight-800); --color-surface-raised: var(--primitive-midnight-700); --color-surface-overlay: var(--primitive-midnight-600); --color-surface-inverted: var(--primitive-midnight-0); --color-surface-inverted-raised: var(--primitive-midnight-100); --color-surface-inverted-raised-hover: var(--primitive-midnight-200); --color-surface-warm: var(--primitive-midnight-800); --color-content-primary: var(--primitive-midnight-50); --color-content-secondary: var(--primitive-midnight-200); --color-content-tertiary: var(--primitive-midnight-300); --color-content-disabled: var(--primitive-midnight-600); --color-content-inverted: var(--primitive-midnight-900); --color-content-accent: var(--primitive-blizzard-400); --color-border-default: var(--primitive-midnight-700); --color-border-strong: var(--primitive-midnight-600); --color-border-accent: var(--primitive-blizzard-400); --color-border-error: var(--primitive-red-400); --color-action-primary: var(--primitive-blizzard-400); --color-action-hover: var(--primitive-blizzard-300); --color-action-pressed: var(--primitive-blizzard-500); --color-action-subtle: var(--primitive-blizzard-800); --color-action-surface: var(--primitive-blizzard-900); --color-action-disabled: var(--primitive-midnight-700); --color-feedback-error: var(--primitive-red-400); --color-feedback-error-surface: var(--primitive-red-900); --color-feedback-error-content: var(--primitive-red-200); --color-feedback-success: var(--primitive-green-400); --color-feedback-success-surface: var(--primitive-green-900); --color-feedback-success-content: var(--primitive-green-200); --color-feedback-warning: var(--primitive-yellow-400); --color-feedback-warning-surface: var(--primitive-yellow-900); --color-feedback-warning-content: var(--primitive-yellow-200); --color-feedback-premium: var(--primitive-orange-400); --color-feedback-premium-surface: var(--primitive-orange-900); --color-feedback-premium-content: var(--primitive-orange-200); --color-aime: var(--primitive-orange-300); --color-aime-hover: var(--primitive-orange-200); --color-aime-pressed: var(--primitive-orange-400); --color-aime-on: var(--primitive-midnight-900); --color-aime-surface: var(--primitive-orange-900); --color-aime-border: var(--primitive-orange-300); --color-aime-content: var(--primitive-orange-300); --color-aime-soft-hover: var(--primitive-orange-900); --color-feedback-badge: var(--primitive-pink-400); --color-feedback-badge-surface: var(--primitive-pink-900); --color-feedback-badge-content: var(--primitive-pink-200); --color-state-hover-neutral: var(--primitive-midnight-800); --color-state-hover-accent: var(--primitive-blizzard-900); --color-state-focus-ring: var(--primitive-blizzard-200); --color-state-disabled-surface: var(--primitive-midnight-800); --color-state-disabled-content: var(--primitive-midnight-600); }
:root { --font-family-base: "Inter", -apple-system, BlinkMacSystemFont, sans-serif; --font-weight-regular: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --type-display-2xl-size: 56px; --type-display-2xl-weight: 700; --type-display-2xl-line-height: 1; --type-display-2xl-tracking: -.03em; --type-display-xl-size: 48px; --type-display-xl-weight: 700; --type-display-xl-line-height: 1; --type-display-xl-tracking: -.025em; --type-display-lg-size: 40px; --type-display-lg-weight: 700; --type-display-lg-line-height: 1.05; --type-display-lg-tracking: -.02em; --type-display-md-size: 32px; --type-display-md-weight: 700; --type-display-md-line-height: 1.1; --type-display-md-tracking: -.015em; --type-editorial-lg-size: 36px; --type-editorial-lg-weight: 500; --type-editorial-lg-line-height: 1.2; --type-editorial-lg-tracking: -.04em; --type-metric-xl-size: 70px; --type-metric-xl-weight: 400; --type-metric-xl-line-height: 1.3; --type-metric-xl-tracking: -.04em; --type-heading-xl-size: 28px; --type-heading-xl-weight: 700; --type-heading-xl-line-height: 1.15; --type-heading-xl-tracking: -.01em; --type-heading-lg-size: 24px; --type-heading-lg-weight: 700; --type-heading-lg-line-height: 1.2; --type-heading-lg-tracking: -.008em; --type-heading-md-size: 20px; --type-heading-md-weight: 600; --type-heading-md-line-height: 1.25; --type-heading-md-tracking: -.005em; --type-heading-sm-size: 18px; --type-heading-sm-weight: 600; --type-heading-sm-line-height: 1.3; --type-heading-sm-tracking: -.003em; --type-body-lg-size: 18px; --type-body-lg-weight: 400; --type-body-lg-line-height: 1.6; --type-body-lg-tracking: 0; --type-body-md-size: 16px; --type-body-md-weight: 400; --type-body-md-line-height: 1.6; --type-body-md-tracking: 0; --type-body-sm-size: 14px; --type-body-sm-weight: 400; --type-body-sm-line-height: 1.55; --type-body-sm-tracking: 0; --type-body-xs-size: 12px; --type-body-xs-weight: 400; --type-body-xs-line-height: 1.5; --type-body-xs-tracking: 0; --type-label-lg-size: 14px; --type-label-lg-weight: 500; --type-label-lg-line-height: 1; --type-label-lg-tracking: .01em; --type-label-md-size: 12px; --type-label-md-weight: 500; --type-label-md-line-height: 1; --type-label-md-tracking: .015em; --type-label-sm-size: 11px; --type-label-sm-weight: 500; --type-label-sm-line-height: 1; --type-label-sm-tracking: .02em; --type-code-lg-size: 16px; --type-code-lg-weight: 500; --type-code-lg-line-height: 1.4; --type-code-lg-tracking: .01em; --type-code-md-size: 14px; --type-code-md-weight: 400; --type-code-md-line-height: 1.4; --type-code-md-tracking: .01em; --type-code-sm-size: 12px; --type-code-sm-weight: 400; --type-code-sm-line-height: 1.4; --type-code-sm-tracking: .01em; }
.type-code { font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; }
:root { --space-base: 4px; --space-4: 4px; --space-8: 8px; --space-12: 12px; --space-16: 16px; --space-20: 20px; --space-24: 24px; --space-32: 32px; --space-40: 40px; --space-48: 48px; --space-64: 64px; --space-80: 80px; --space-96: 96px; --space-component-xs: var(--space-4); --space-component-sm: var(--space-8); --space-component-md: var(--space-12); --space-component-lg: var(--space-16); --space-component-xl: var(--space-24); --space-layout-xs: var(--space-16); --space-layout-sm: var(--space-24); --space-layout-md: var(--space-32); --space-layout-lg: var(--space-40); --space-layout-xl: var(--space-48); --space-structural-sm: var(--space-48); --space-structural-md: var(--space-64); --space-structural-lg: var(--space-80); --space-structural-xl: var(--space-96); }
:root { --radius-base: 8px; --radius-0: 0px; --radius-2: 2px; --radius-4: 4px; --radius-6: 6px; --radius-8: 8px; --radius-10: 10px; --radius-12: 12px; --radius-16: 16px; --radius-20: 20px; --radius-24: 24px; --radius-28: 28px; --radius-32: 32px; --radius-full: 999px; --shape-interactive-sm: var(--radius-6); --shape-interactive-md: var(--radius-8); --shape-interactive-lg: var(--radius-10); --shape-interactive-pill: var(--radius-full); --shape-container-sm: var(--radius-8); --shape-container-md: var(--radius-12); --shape-container-lg: var(--radius-16); --shape-container-xl: var(--radius-20); --shape-container-2xl: var(--radius-24); --shape-container-3xl: var(--radius-32); --shape-feedback-sm: var(--radius-4); --shape-feedback-md: var(--radius-12); --shape-feedback-pill: var(--radius-full); --shape-structural-none: var(--radius-0); --shape-structural-sm: var(--radius-4); --shape-structural-md: var(--radius-8); }
:root { --shadow-color-base: 8, 17, 40; --shadow-0: none; --shadow-1: 0px 1px 2px rgba(8,17,40,.06); --shadow-2: 0px 2px 4px rgba(8,17,40,.08), 0px 1px 2px rgba(8,17,40,.04); --shadow-3: 0px 4px 8px rgba(8,17,40,.1), 0px 2px 4px rgba(8,17,40,.06); --shadow-4: 0px 8px 16px rgba(8,17,40,.12), 0px 4px 8px rgba(8,17,40,.08); --shadow-5: 0px 16px 32px rgba(8,17,40,.16), 0px 8px 16px rgba(8,17,40,.1); --elevation-surface-flat: var(--shadow-0); --elevation-surface-sm: var(--shadow-1); --elevation-surface-md: var(--shadow-2); --elevation-interactive-resting: var(--shadow-1); --elevation-interactive-hover: var(--shadow-3); --elevation-interactive-pressed: var(--shadow-0); --elevation-overlay-dropdown: var(--shadow-3); --elevation-overlay-popover: var(--shadow-4); --elevation-overlay-modal: var(--shadow-5); --elevation-overlay-drawer: var(--shadow-5); --elevation-sticky-header: var(--shadow-2); --elevation-sticky-fab: var(--shadow-4); --elevation-sticky-toast: var(--shadow-4); --z-base: 0; --z-raised: 10; --z-dropdown: 100; --z-sticky: 200; --z-popover: 300; --z-backdrop: 400; --z-modal: 500; --z-toast: 600; --z-tooltip: 700; }
.dark, [data-theme="dark"] { --shadow-1: 0px 1px 2px rgba(8,17,40,.04); --shadow-2: 0px 2px 4px rgba(8,17,40,.06), 0px 1px 2px rgba(8,17,40,.03); --shadow-3: 0px 4px 8px rgba(8,17,40,.07), 0px 2px 4px rgba(8,17,40,.04); --shadow-4: 0px 8px 16px rgba(8,17,40,.08), 0px 4px 8px rgba(8,17,40,.06); --shadow-5: 0px 16px 32px rgba(8,17,40,.11), 0px 8px 16px rgba(8,17,40,.07); }
:root { --duration-0: 0ms; --duration-75: 75ms; --duration-150: .15s; --duration-200: .2s; --duration-300: .3s; --duration-400: .4s; --duration-500: .5s; --motion-duration-interaction-fast: var(--duration-75); --motion-duration-interaction-base: var(--duration-150); --motion-duration-interaction-comfortable: var(--duration-200); --motion-duration-transition-enter: var(--duration-200); --motion-duration-transition-exit: var(--duration-150); --motion-duration-transition-layout: var(--duration-300); --motion-duration-transition-page: var(--duration-300); --motion-duration-expressive-feedback: var(--duration-400); --motion-duration-expressive-celebration: var(--duration-500); --motion-easing-productive: cubic-bezier(.2, 0, 0, 1); --motion-easing-enter: cubic-bezier(0, 0, .2, 1); --motion-easing-exit: cubic-bezier(.4, 0, 1, 1); --motion-easing-expressive: cubic-bezier(.34, 1.56, .64, 1); --motion-stagger-base: 60ms; --motion-reveal-offset: 8px; }
.motion-feedback-hover { transition-property: background-color, border-color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.motion-feedback-press { transition-property: transform, background-color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.motion-feedback-focus { transition-property: outline, box-shadow; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
.motion-feedback-toggle { transition-property: background-color, transform; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
@keyframes motion-success { 
  0% { opacity: 0; transform: scale(0.8); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes motion-error-shake { 
  0% { transform: translate(0px); }
  20% { transform: translate(-6px); }
  40% { transform: translate(6px); }
  60% { transform: translate(-4px); }
  80% { transform: translate(4px); }
  100% { transform: translate(0px); }
}
@keyframes motion-celebration { 
  0% { opacity: 0; transform: scale(0.6) translateY(16px); }
  100% { opacity: 1; transform: scale(1) translateY(0px); }
}
.arrow-reveal > * { opacity: 0; transform: translateY(var(--motion-reveal-offset)); }
.arrow-reveal[data-revealed] > * { opacity: 1; transform: none; transition-property: opacity, transform; transition-duration: var(--motion-duration-transition-page); transition-timing-function: var(--motion-easing-enter); transition-delay: calc(var(--motion-stagger-base) * var(--arrow-reveal-i, 0)); }
.arrow-reveal[data-reveal-scale="website"] { --motion-reveal-offset: 36px; --motion-stagger-base: 90ms; --motion-duration-transition-page: var(--duration-400); }
@media (prefers-reduced-motion: reduce) {
  .motion-feedback-hover, .motion-feedback-press, .motion-feedback-focus, .motion-feedback-toggle { transition-duration: 0ms; }
  .motion-enter-fade, .motion-enter-slide-up, .motion-enter-slide-down, .motion-enter-scale, .motion-exit-fade, .motion-exit-slide-up, .motion-exit-slide-down, .motion-exit-scale { transition-property: opacity; transition-duration: 75ms; transform: none !important; }
  .motion-expressive-success, .motion-expressive-error, .motion-expressive-celebration { animation: auto ease 0s 1 normal none running none; transition: none; }
  .arrow-reveal > * { transform: none; }
  .arrow-reveal[data-revealed] > * { transform: none; transition-property: opacity; transition-duration: var(--motion-duration-interaction-fast); transition-delay: 0ms; }
}
:root { --grid-columns-base: 12; --grid-columns-simplified: 4; --grid-gutter-xl: 24px; --grid-gutter-lg: 20px; --grid-gutter-md: 16px; --grid-gutter-sm: 12px; --grid-margin-xl: 48px; --grid-margin-lg: 40px; --grid-margin-md: 32px; --grid-margin-sm: 24px; --grid-margin-xs: 16px; --grid-breakpoint-xl: 1440px; --grid-breakpoint-lg: 1200px; --grid-breakpoint-md: 900px; --grid-breakpoint-sm: 600px; --grid-breakpoint-xs: 0px; --grid-container-wide: 1440px; --grid-container-content: 1200px; --grid-container-text: 720px; --grid-container-narrow: 480px; --grid-columns-full: 12; --grid-columns-primary: 8; --grid-columns-secondary: 4; --grid-columns-half: 6; --grid-columns-third: 4; --grid-columns-quarter: 3; --grid-gutter-default: 20px; --grid-gutter-comfortable: 24px; --grid-gutter-compact: 16px; --grid-gutter-dense: 12px; --grid-margin-default: 40px; --grid-margin-comfortable: 48px; --grid-margin-compact: 32px; --grid-margin-minimal: 24px; }
:root { --icon-size-compact: 16px; --icon-size-default: 20px; --icon-size-comfortable: 24px; --icon-size-prominent: 32px; --icon-color-neutral-primary: var(--color-content-primary); --icon-color-neutral-secondary: var(--color-content-secondary); --icon-color-neutral-tertiary: var(--color-content-tertiary); --icon-color-action-primary: var(--color-action-primary); --icon-color-feedback-success: var(--color-feedback-success); --icon-color-feedback-error: var(--color-feedback-error); --icon-color-feedback-warning: var(--color-feedback-warning); --icon-color-surface-inverse: var(--color-content-inverted); }
:root { --size-modal-feature-width: 1064px; --size-modal-feature-height: 702px; --size-modal-feature-media-width: 500px; --size-page-sidebar-width: 240px; }
.arrow-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; }
.arrow-tooltip-trigger { display: inline-flex; }
.arrow-tooltip { position: fixed; z-index: var(--z-tooltip); padding: var(--space-component-xs) var(--space-component-sm); border-radius: var(--shape-interactive-md); background-color: var(--color-surface-inverted); color: var(--color-content-inverted); font-family: var(--font-family-base); font-size: var(--type-body-xs-size); line-height: var(--type-body-xs-line-height); white-space: nowrap; pointer-events: none; }
.arrow-tooltip[data-placement="top"] { transform: translate(-50%, -100%); }
.arrow-tooltip[data-placement="bottom"] { transform: translate(-50%); }
.arrow-tooltip[data-placement="right"] { transform: translateY(-50%); }
.arrow-tooltip[data-placement="left"] { transform: translate(-100%, -50%); }
.arrow-tooltip__arrow { position: absolute; left: 50%; width: 8px; height: 8px; background-color: var(--color-surface-inverted); transform: translate(-50%) rotate(45deg); }
.arrow-tooltip[data-placement="top"] .arrow-tooltip__arrow { bottom: -4px; }
.arrow-tooltip[data-placement="bottom"] .arrow-tooltip__arrow { top: -4px; }
.arrow-tooltip[data-placement="right"] .arrow-tooltip__arrow { left: -4px; top: 50%; transform: translateY(-50%) rotate(45deg); }
.arrow-tooltip[data-placement="left"] .arrow-tooltip__arrow { left: auto; right: -4px; top: 50%; transform: translateY(-50%) rotate(45deg); }
.arrow-tooltip-fade-enter-active, .arrow-tooltip-fade-leave-active { transition: opacity var(--duration-150) var(--motion-easing-productive); }
.arrow-tooltip-fade-enter-from, .arrow-tooltip-fade-leave-to { opacity: 0; }
.arrow-iconbtn { position: relative; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; border: 1px solid transparent; border-radius: var(--shape-interactive-md); cursor: pointer; color: inherit; text-decoration: none; transition-property: background-color, border-color, color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-iconbtn:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-iconbtn[data-size="xs"] { padding: var(--space-component-xs); }
.arrow-iconbtn[data-size="sm"] { width: var(--space-32); height: var(--space-32); }
.arrow-iconbtn[data-size="md"] { width: var(--space-40); height: var(--space-40); }
.arrow-iconbtn[data-size="lg"] { width: var(--space-48); height: var(--space-48); }
.arrow-iconbtn[data-tone="accent"] { --_solid: var(--color-action-primary); --_solid-hover: var(--color-action-hover); --_solid-pressed: var(--color-action-pressed); --_on-solid: var(--color-content-inverted); --_text: var(--color-content-accent); --_line: var(--color-border-accent); --_soft-hover: var(--color-state-hover-accent); }
.arrow-iconbtn[data-tone="neutral"] { --_solid: var(--color-content-primary); --_solid-hover: var(--color-content-secondary); --_solid-pressed: var(--color-content-secondary); --_on-solid: var(--color-content-inverted); --_text: var(--color-content-secondary); --_line: var(--color-border-default); --_soft-hover: var(--color-state-hover-neutral); }
.arrow-iconbtn[data-tone="danger"] { --_solid: var(--color-feedback-error); --_solid-hover: var(--color-feedback-error-hover); --_solid-pressed: var(--color-feedback-error-hover); --_on-solid: var(--color-content-inverted); --_text: var(--color-feedback-error-content); --_line: var(--color-feedback-error-border); --_soft-hover: var(--color-state-hover-error); }
.arrow-iconbtn[data-tone="aime"] { --_solid: var(--color-aime); --_solid-hover: var(--color-aime-hover); --_solid-pressed: var(--color-aime-pressed); --_on-solid: var(--color-aime-on); --_text: var(--color-aime-content); --_line: var(--color-aime-border); --_soft-hover: var(--color-aime-soft-hover); }
.arrow-iconbtn[data-variant="primary"] { background-color: var(--_solid); border-color: var(--_solid); color: var(--_on-solid); }
.arrow-iconbtn[data-variant="primary"]:hover:not(:disabled):not([aria-disabled="true"]) { background-color: var(--_solid-hover); border-color: var(--_solid-hover); }
.arrow-iconbtn[data-variant="primary"]:active:not(:disabled):not([aria-disabled="true"]) { background-color: var(--_solid-pressed); border-color: var(--_solid-pressed); }
.arrow-iconbtn[data-variant="secondary"] { background-color: transparent; border-color: var(--_line); color: var(--_text); }
.arrow-iconbtn[data-variant="secondary"]:hover:not(:disabled):not([aria-disabled="true"]) { background-color: var(--_soft-hover); }
.arrow-iconbtn[data-variant="ghost"] { background-color: transparent; border-color: transparent; color: var(--_text); }
.arrow-iconbtn[data-variant="ghost"]:hover:not(:disabled):not([aria-disabled="true"]) { background-color: var(--_soft-hover); }
.arrow-iconbtn[data-inverted] { --_text: var(--color-content-secondary); --_soft-hover: var(--color-surface-inverted-raised); }
.arrow-iconbtn[data-inverted][data-variant="ghost"]:hover:not(:disabled):not([aria-disabled="true"]) { color: var(--color-content-inverted); }
.arrow-iconbtn:disabled, .arrow-iconbtn[aria-disabled="true"] { cursor: not-allowed; pointer-events: none; }
.arrow-iconbtn[data-variant="primary"]:disabled, .arrow-iconbtn[data-variant="primary"][aria-disabled="true"] { background-color: var(--color-action-disabled); border-color: var(--color-action-disabled); color: var(--color-content-disabled); }
.arrow-iconbtn[data-variant="secondary"]:disabled, .arrow-iconbtn[data-variant="secondary"][aria-disabled="true"] { border-color: var(--color-border-default); color: var(--color-content-disabled); }
.arrow-iconbtn[data-variant="ghost"]:disabled, .arrow-iconbtn[data-variant="ghost"][aria-disabled="true"] { color: var(--color-content-disabled); }
.arrow-iconbtn[aria-busy="true"] { cursor: progress; }
.arrow-iconbtn__count { position: absolute; top: var(--space-component-xs); left: 50%; box-sizing: border-box; min-width: var(--space-16); height: var(--space-16); padding: 0 var(--space-component-xs); display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius-full); background: var(--color-feedback-error); color: var(--color-content-inverted); font-size: 10px; font-weight: var(--font-weight-semibold); line-height: 1; pointer-events: none; }
.arrow-iconbtn__spinner { width: 1em; height: 1em; border-width: 2px; border-style: solid; border-color: currentcolor transparent currentcolor currentcolor; border-image: none; border-radius: var(--radius-full); animation: 0.6s linear 0s infinite normal none running arrow-iconbtn-spin; }
@keyframes arrow-iconbtn-spin { 
  100% { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .arrow-iconbtn { transition-duration: 0ms; }
  .arrow-iconbtn__spinner { animation-duration: 1.2s; }
}
.arrow-alert { display: flex; align-items: center; box-sizing: border-box; gap: var(--space-component-sm); padding: var(--space-component-md) var(--space-component-xl); border-radius: var(--shape-feedback-md); background-color: var(--_surface); font-family: var(--font-family-base); font-size: var(--type-body-sm-size); font-weight: var(--type-body-sm-weight); line-height: var(--type-body-sm-line-height); color: var(--_content); }
.arrow-alert[data-tone="accent"] { --_surface: var(--color-action-surface); --_content: var(--color-content-accent); }
.arrow-alert[data-tone="success"] { --_surface: var(--color-feedback-success-surface); --_content: var(--color-feedback-success-content); }
.arrow-alert[data-tone="warning"] { --_surface: var(--color-feedback-warning-surface); --_content: var(--color-feedback-warning-content); }
.arrow-alert[data-tone="error"] { --_surface: var(--color-feedback-error-surface); --_content: var(--color-feedback-error-content); }
.arrow-alert__icon { color: var(--_content); flex: 0 0 auto; }
.arrow-alert__body { flex: 1 1 auto; min-width: 0px; }
.arrow-alert__action { flex: 0 0 auto; display: inline-flex; align-items: center; }
.arrow-alert__dismiss { flex: 0 0 auto; margin-inline-start: var(--space-component-xs); }
.arrow-alert .arrow-alert__dismiss.arrow-iconbtn { --_text: var(--_content); --_soft-hover: color-mix(in srgb, var(--_content) 12%, transparent); }
.arrow-alert__body :where(a) { color: var(--_content); text-underline-offset: 2px; }
.arrow-app-shell { --app-shell-topbar-h: calc(var(--space-40) + var(--space-16) * 2); --app-shell-nav-w: 256px; --app-shell-nav-w-rail: 72px; height: 100%; display: flex; flex-direction: column; background: var(--color-surface-inverted); font-family: var(--font-family-base); }
.arrow-app-shell__topbar { flex: 0 0 auto; }
.arrow-app-shell__body { position: relative; flex: 1 1 auto; min-height: 0px; display: flex; background: var(--color-surface-inverted); }
.arrow-app-shell__nav { flex: 0 0 auto; display: flex; overflow: hidden; border-top-left-radius: var(--shape-container-lg); }
.arrow-app-shell__content { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; overflow: hidden; background: var(--color-surface-subtle); border-top-right-radius: var(--shape-container-lg); }
.arrow-app-shell__rail-toggle { position: absolute; top: var(--space-32); left: var(--app-shell-nav-w); transform: translate(-50%); z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: var(--space-24); height: var(--space-24); border: 0px; border-radius: var(--radius-full); background: var(--color-surface-overlay); color: var(--color-content-tertiary); cursor: pointer; transition: left var(--motion-duration-transition-layout) var(--motion-easing-productive),background-color var(--motion-duration-interaction-base) var(--motion-easing-productive),color var(--motion-duration-interaction-base) var(--motion-easing-productive); }
.arrow-app-shell[data-collapsed] .arrow-app-shell__rail-toggle { left: var(--app-shell-nav-w-rail); }
@media (prefers-reduced-motion: reduce) {
  .arrow-app-shell__rail-toggle { transition: background-color var(--motion-duration-interaction-base) var(--motion-easing-productive),color var(--motion-duration-interaction-base) var(--motion-easing-productive); }
}
.arrow-app-shell__rail-toggle:hover { background: var(--primitive-midnight-300); }
.arrow-app-shell__rail-toggle:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-app-shell:not([data-has-nav]) .arrow-app-shell__content { border-top-left-radius: var(--shape-container-lg); }
.arrow-app-shell__content:focus { outline: none; }
.arrow-app-shell-alert-enter-active, .arrow-app-shell-alert-leave-active { transition: opacity var(--motion-duration-transition-page) var(--motion-easing-enter),transform var(--motion-duration-transition-page) var(--motion-easing-enter); }
.arrow-app-shell-alert-enter-from, .arrow-app-shell-alert-leave-to { opacity: 0; transform: translateY(8px); }
@media (prefers-reduced-motion: reduce) {
  .arrow-app-shell-alert-enter-active, .arrow-app-shell-alert-leave-active { transition: none; }
}
.arrow-app-shell__scroll { flex: 1 1 auto; min-height: 0px; overflow-y: auto; padding: var(--space-layout-md) var(--app-shell-content-padding-inline, var(--space-layout-sm)); scrollbar-width: thin; scrollbar-color: rgba(var(--shadow-color-base),.35) transparent; }
.arrow-app-shell__container { max-width: var(--app-shell-content-max-width, none); margin-inline: auto; }
.arrow-app-shell__scroll::-webkit-scrollbar { width: 8px; height: 8px; }
.arrow-app-shell__scroll::-webkit-scrollbar-track { background: transparent; }
.arrow-app-shell__scroll::-webkit-scrollbar-thumb { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: padding-box; border: 2px solid transparent; border-radius: var(--radius-full); transition: background var(--motion-duration-interaction-comfortable) var(--motion-easing-productive); }
.arrow-app-shell__scroll::-webkit-scrollbar-thumb:hover { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: padding-box; border: 2px solid transparent; }
.arrow-app-shell[data-mobile] .arrow-app-shell__nav { position: fixed; top: var(--app-shell-topbar-h); left: 0px; bottom: 0px; z-index: var(--z-modal); border-top-left-radius: 0px; transform: translate(-100%); transition: transform var(--motion-duration-transition-layout) var(--motion-easing-productive); box-shadow: var(--elevation-overlay-drawer); }
.arrow-app-shell[data-mobile][data-drawer-open] .arrow-app-shell__nav { transform: translate(0px); }
.arrow-app-shell[data-mobile] .arrow-app-shell__content { border-top-left-radius: var(--shape-container-lg); }
.arrow-app-shell__scrim { position: fixed; top: var(--app-shell-topbar-h); left: 0px; right: 0px; bottom: 0px; z-index: var(--z-backdrop); background: rgba(var(--shadow-color-base),.4); }
@media (prefers-reduced-motion: reduce) {
  .arrow-app-shell[data-mobile] .arrow-app-shell__nav { transition: none; }
}
.arrow-app-shell__skip { position: absolute; left: var(--space-16); top: var(--space-16); z-index: var(--z-tooltip); padding: var(--space-component-sm) var(--space-component-md); border-radius: var(--shape-interactive-md); background: var(--color-surface-base); color: var(--color-content-primary); font-size: var(--type-body-sm-size); text-decoration: none; transform: translateY(-200%); transition: transform var(--motion-duration-transition-exit) var(--motion-easing-productive); }
.arrow-app-shell__skip:focus { transform: translateY(0px); }
.arrow-app-shell-topbar { display: flex; align-items: center; gap: var(--space-16); height: var(--app-shell-topbar-h); padding: 0 var(--app-shell-topbar-padding-inline, var(--space-32)); box-sizing: border-box; color: var(--color-content-inverted); font-family: var(--font-family-base); }
.arrow-app-shell-topbar[data-gutter="compact"] { --app-shell-topbar-padding-inline: var(--space-layout-sm); }
.arrow-app-shell-topbar__menu { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 0px; border-radius: var(--shape-interactive-md); background: transparent; color: var(--color-content-secondary); cursor: pointer; transition: background-color var(--motion-duration-interaction-base) var(--motion-easing-productive),color var(--motion-duration-interaction-base) var(--motion-easing-productive); }
.arrow-app-shell-topbar__menu:hover { background: var(--color-surface-inverted-raised); color: var(--color-content-inverted); }
.arrow-app-shell-topbar__menu:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-app-shell-topbar__brand { flex: 0 0 auto; display: flex; align-items: center; gap: var(--space-component-md); }
.arrow-app-shell-topbar__brand :is(img, svg) { height: var(--app-shell-brand-height, var(--space-32)); width: auto; display: block; flex: 0 0 auto; }
.arrow-app-shell-topbar__search { flex: 1 1 auto; display: flex; justify-content: center; min-width: 0px; }
.arrow-app-shell-topbar__actions { flex: 0 0 auto; display: flex; align-items: center; gap: var(--space-8); }
.arrow-app-shell-nav { width: var(--app-shell-nav-w); flex: 0 0 auto; box-sizing: border-box; display: flex; flex-direction: column; padding: var(--space-24) var(--space-24) var(--space-32); background: var(--color-surface-raised); font-family: var(--font-family-base); transition: width var(--motion-duration-transition-layout) var(--motion-easing-productive); }
.arrow-app-shell-nav[data-collapsed] { width: var(--app-shell-nav-w-rail); padding-left: var(--space-16); padding-right: var(--space-16); }
.arrow-app-shell-nav[data-collapsed] .arrow-app-shell-nav__list { margin-right: calc(-1 * var(--space-16)); padding-right: var(--space-16); }
.arrow-app-shell-nav__list { flex: 1 1 auto; min-height: 0px; display: flex; flex-direction: column; gap: var(--space-component-sm); overflow-y: auto; margin-right: calc(-1 * var(--space-24)); padding-right: var(--space-24); scrollbar-width: thin; scrollbar-color: rgba(var(--shadow-color-base),.35) transparent; }
.arrow-app-shell-nav__list::-webkit-scrollbar { width: 8px; }
.arrow-app-shell-nav__list::-webkit-scrollbar-track { background: transparent; }
.arrow-app-shell-nav__list::-webkit-scrollbar-thumb { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: padding-box; border: 2px solid transparent; border-radius: var(--radius-full); transition: background var(--motion-duration-interaction-comfortable) var(--motion-easing-productive); }
.arrow-app-shell-nav__list::-webkit-scrollbar-thumb:hover { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: padding-box; border: 2px solid transparent; }
.arrow-app-shell-nav__section { display: flex; flex-direction: column; }
.arrow-app-shell-nav__section-items { display: flex; flex-direction: column; gap: var(--space-component-sm); }
.arrow-app-shell-nav__section-label { margin: var(--space-component-lg) 0; padding: 0 var(--space-component-sm); font-size: var(--type-label-sm-size); line-height: var(--type-label-md-line-height); letter-spacing: var(--type-label-md-tracking); font-weight: var(--font-weight-semibold); text-transform: uppercase; color: var(--primitive-midnight-400); }
.arrow-app-shell-nav__section:first-child .arrow-app-shell-nav__section-label { margin-top: 0px; }
.arrow-app-shell-nav__section[data-rail] .arrow-app-shell-nav__section-label { display: none; }
.arrow-app-shell-nav__item { width: 100%; box-sizing: border-box; display: flex; align-items: center; gap: var(--space-component-sm); padding: var(--space-component-sm); border: 0px; background: transparent; border-radius: var(--shape-container-sm); color: var(--color-content-secondary); font-style: inherit; font-variant: inherit; font-stretch: 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-size: var(--type-body-sm-size); font-weight: var(--font-weight-medium); line-height: var(--type-body-md-line-height); text-align: left; text-decoration: none; cursor: pointer; transition: background-color var(--motion-duration-interaction-base) var(--motion-easing-productive),color var(--motion-duration-interaction-base) var(--motion-easing-productive); }
.arrow-app-shell-nav__item:hover { background: var(--color-surface-overlay); color: var(--color-content-primary); }
.arrow-app-shell-nav__item:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: -3px; }
.arrow-app-shell-nav__item--active { background: var(--color-surface-subtle); color: var(--color-content-primary); font-weight: var(--font-weight-semibold); }
.arrow-app-shell-nav[data-collapsed] .arrow-app-shell-nav__item { justify-content: center; }
.arrow-app-shell-nav[data-collapsed] .arrow-app-shell-nav__label { display: none; }
.arrow-app-shell-nav__icon { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; }
.arrow-app-shell-nav__label { white-space: nowrap; }
.arrow-app-shell-nav__trailing { flex: 0 0 auto; margin-left: auto; display: inline-flex; align-items: center; }
.arrow-app-shell-nav__group { display: flex; flex-direction: column; }
.arrow-app-shell-nav__group-toggle .arrow-app-shell-nav__label { flex: 1 1 auto; }
.arrow-app-shell-nav__chevron { flex: 0 0 auto; display: inline-flex; color: var(--color-content-tertiary); transition: transform var(--motion-duration-interaction-base) var(--motion-easing-productive); }
.arrow-app-shell-nav__group[data-open] .arrow-app-shell-nav__chevron { transform: rotate(180deg); }
.arrow-app-shell-nav__group-toggle--subactive { color: var(--color-content-primary); font-weight: var(--font-weight-semibold); }
.arrow-app-shell-nav__sub { display: grid; grid-template-rows: 0fr; transition: grid-template-rows var(--motion-duration-transition-layout) var(--motion-easing-productive); }
.arrow-app-shell-nav__group[data-open] .arrow-app-shell-nav__sub { grid-template-rows: 1fr; }
.arrow-app-shell-nav__sub-inner { overflow: hidden; min-height: 0px; display: flex; flex-direction: column; gap: var(--space-component-xs); }
.arrow-app-shell-nav__group[data-open] .arrow-app-shell-nav__sub-inner { padding-top: var(--space-component-xs); }
.arrow-app-shell-nav__sub-inner .arrow-app-shell-nav__item { padding-left: var(--space-40); font-weight: var(--font-weight-regular); }
.arrow-app-shell-nav[data-collapsed] .arrow-app-shell-nav__chevron { display: none; }
.arrow-app-shell-nav[data-collapsed] .arrow-app-shell-nav__sub { grid-template-rows: 0fr; }
@media (prefers-reduced-motion: reduce) {
  .arrow-app-shell-nav__sub, .arrow-app-shell-nav__chevron { transition: none; }
}
.arrow-app-shell-nav__extra { margin-top: var(--space-component-md); }
.arrow-dot { display: inline-block; flex-shrink: 0; border-radius: var(--radius-full); background-color: var(--_c); }
.arrow-dot[data-size="sm"] { width: var(--space-8); height: var(--space-8); }
.arrow-dot[data-size="md"] { width: var(--space-12); height: var(--space-12); }
.arrow-dot[data-size="lg"] { width: var(--space-16); height: var(--space-16); }
.arrow-dot[data-tone="neutral"] { --_c: var(--color-content-tertiary); }
.arrow-dot[data-tone="accent"] { --_c: var(--color-action-primary); }
.arrow-dot[data-tone="success"] { --_c: var(--color-feedback-success); }
.arrow-dot[data-tone="warning"] { --_c: var(--color-feedback-warning); }
.arrow-dot[data-tone="error"] { --_c: var(--color-feedback-error); }
.arrow-avatar-wrap { position: relative; display: inline-flex; flex-shrink: 0; }
.arrow-avatar { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; border-radius: var(--radius-full); font-family: var(--font-family-base); font-weight: var(--font-weight-medium); user-select: none; }
.arrow-avatar__img { width: 100%; height: 100%; object-fit: cover; }
.arrow-avatar__status { position: absolute; top: 15%; right: 15%; transform: translate(50%, -50%); display: inline-flex; }
.arrow-avatar[data-size="sm"] { width: var(--space-32); height: var(--space-32); font-size: var(--type-body-xs-size); }
.arrow-avatar[data-size="md"] { width: calc(var(--space-40) + var(--space-4)); height: calc(var(--space-40) + var(--space-4)); font-size: var(--type-body-sm-size); }
.arrow-avatar[data-size="lg"] { width: var(--space-48); height: var(--space-48); font-size: var(--type-body-md-size); }
.arrow-avatar[data-tone="premium"] { background-color: var(--color-feedback-premium-surface); color: var(--color-feedback-premium-content); }
.arrow-avatar[data-tone="accent"] { background-color: var(--color-action-surface); color: var(--color-content-accent); }
.arrow-avatar[data-tone="neutral"] { background-color: var(--color-surface-subtle); color: var(--color-content-secondary); }
.arrow-avatar[data-tone="success"] { background-color: var(--color-feedback-success-surface); color: var(--color-feedback-success-content); }
.arrow-avatar[data-tone="danger"] { background-color: var(--color-feedback-error-surface); color: var(--color-feedback-error-content); }
.arrow-avatar[data-tone="inverted"] { background-color: var(--_avatar-bg, var(--color-surface-inverted-raised)); color: var(--color-content-inverted); transition: background-color var(--motion-duration-interaction-fast) ease; }
.arrow-badge { display: inline-flex; align-items: center; gap: var(--space-component-xs); box-sizing: border-box; border: 1px solid transparent; border-radius: var(--shape-feedback-pill); font-family: var(--font-family-base); color: var(--_content); white-space: nowrap; width: fit-content; }
.arrow-badge[data-size="sm"] { padding: var(--space-component-xs) var(--space-component-sm); font-size: var(--type-label-md-size); font-weight: var(--type-label-md-weight); line-height: var(--type-label-md-line-height); letter-spacing: var(--type-label-md-tracking); }
.arrow-badge[data-size="md"] { padding: var(--space-component-xs) var(--space-component-md); font-size: var(--type-label-lg-size); font-weight: var(--type-label-lg-weight); line-height: var(--type-label-lg-line-height); letter-spacing: var(--type-label-lg-tracking); }
.arrow-badge[data-tone="neutral"] { --_surface: var(--color-surface-raised); --_content: var(--color-content-secondary); --_border: var(--color-border-default); --_solid: var(--color-content-primary); --_on-solid: var(--color-content-inverted); }
.arrow-badge[data-tone="accent"] { --_surface: var(--color-action-surface); --_content: var(--color-content-accent); --_border: var(--color-border-accent); --_solid: var(--color-action-primary); --_on-solid: var(--color-content-inverted); }
.arrow-badge[data-tone="success"] { --_surface: var(--color-feedback-success-surface); --_content: var(--color-feedback-success-content); --_border: var(--color-feedback-success-border); --_solid: var(--color-feedback-success); --_on-solid: var(--color-content-inverted); }
.arrow-badge[data-tone="warning"] { --_surface: var(--color-feedback-warning-surface); --_content: var(--color-feedback-warning-content); --_border: var(--color-feedback-warning-border); --_solid: var(--color-feedback-warning); --_on-solid: var(--color-content-inverted); }
.arrow-badge[data-tone="error"] { --_surface: var(--color-feedback-error-surface); --_content: var(--color-feedback-error-content); --_border: var(--color-feedback-error-border); --_solid: var(--color-feedback-error); --_on-solid: var(--color-content-inverted); }
.arrow-badge[data-tone="premium"] { --_surface: var(--color-feedback-premium-surface); --_content: var(--color-feedback-premium-content); --_border: var(--color-feedback-premium-border); --_solid: var(--color-feedback-premium); --_on-solid: var(--color-content-inverted); }
.arrow-badge[data-variant="soft"] { background-color: var(--_surface); border-color: transparent; }
.arrow-badge[data-variant="outline"] { background-color: transparent; border-color: var(--_border); }
.arrow-badge[data-variant="tonal"] { background-color: color-mix(in srgb,var(--_content) 16%,transparent); border-color: transparent; }
.arrow-badge[data-variant="solid"] { background-color: var(--_solid); border-color: var(--_solid); color: var(--_on-solid); }
.arrow-badge__affix { display: inline-flex; align-items: center; flex-shrink: 0; }
.arrow-dropdown { position: relative; display: inline-block; }
.arrow-dropdown__menu { --dropdown-padding-inline: 6px; position: absolute; top: 100%; z-index: var(--z-dropdown); min-width: 100%; display: flex; flex-direction: column; gap: var(--space-component-xs); padding: var(--space-component-sm) var(--dropdown-padding-inline); background-color: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--radius-10); box-shadow: rgba(8, 17, 40, 0.1) 0px 16px 32px -12px; }
.arrow-dropdown-reveal-enter-active { transition: opacity var(--motion-duration-transition-enter) var(--motion-easing-enter),transform var(--motion-duration-transition-enter) var(--motion-easing-enter); transform-origin: center top; }
.arrow-dropdown-reveal-leave-active { transition: opacity var(--motion-duration-transition-exit) var(--motion-easing-exit),transform var(--motion-duration-transition-exit) var(--motion-easing-exit); transform-origin: center top; }
.arrow-dropdown-reveal-enter-from, .arrow-dropdown-reveal-leave-to { opacity: 0; transform: scale(0.97); }
.arrow-dropdown__menu > * { animation: arrow-dropdown-item-in var(--motion-duration-transition-enter) var(--motion-easing-enter) both; }
.arrow-dropdown__menu > :nth-child(1) { animation-delay: 0.02s; }
.arrow-dropdown__menu > :nth-child(2) { animation-delay: 0.05s; }
.arrow-dropdown__menu > :nth-child(3) { animation-delay: 0.08s; }
.arrow-dropdown__menu > :nth-child(4) { animation-delay: 0.11s; }
.arrow-dropdown__menu > :nth-child(n+5) { animation-delay: 0.14s; }
@keyframes arrow-dropdown-item-in { 
  0% { opacity: 0; transform: translateY(-6px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@media (prefers-reduced-motion: reduce) {
  .arrow-dropdown-reveal-enter-active, .arrow-dropdown-reveal-leave-active { transition-duration: 0.01ms; }
  .arrow-dropdown__menu > * { animation-duration: 0.01ms; animation-delay: 0s; }
}
.arrow-dropdown-item { display: flex; align-items: center; gap: var(--space-component-xs); width: 100%; box-sizing: border-box; padding: var(--space-component-sm) 10px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--shape-interactive-md); background-color: transparent; color: var(--color-content-secondary); font-family: inherit; font-size: var(--type-body-sm-size); font-weight: var(--font-weight-medium); text-align: left; white-space: nowrap; cursor: pointer; transition-property: background-color, color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-dropdown-item__icon { flex-shrink: 0; }
.arrow-dropdown-item:hover:not(:disabled) { background-color: var(--color-state-hover-neutral); }
.arrow-dropdown-item:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: -3px; }
.arrow-dropdown-item[data-tone="danger"] { color: var(--color-feedback-error-content); }
.arrow-dropdown-item[data-tone="danger"]:hover:not(:disabled) { background-color: var(--color-state-hover-error); }
.arrow-dropdown-item:disabled { color: var(--color-content-disabled); cursor: not-allowed; }
@media (prefers-reduced-motion: reduce) {
  .arrow-dropdown-item { transition-duration: 0ms; }
}
.arrow-user-menu__trigger[data-v-d0bab360] { display: inline-flex; padding: 0px; border: 0px; background: transparent; border-radius: var(--radius-full); cursor: pointer; }
.arrow-user-menu__trigger[data-v-d0bab360]:hover { --_avatar-bg: var(--color-surface-inverted-raised-hover); }
.arrow-user-menu__trigger[data-v-d0bab360]:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-user-menu[data-v-d0bab360] { width: 260px; }
.arrow-user-menu__profile[data-v-d0bab360] { display: flex; align-items: center; gap: var(--space-component-md); margin-inline: calc(-1 * var(--dropdown-padding-inline, 6px)); padding: var(--space-component-sm) calc(10px + var(--dropdown-padding-inline, 6px)) var(--space-component-md); margin-bottom: var(--space-component-xs); border-bottom: 1px solid var(--color-border-default); }
.arrow-user-menu__profile[data-variant="highlight"][data-v-d0bab360] { flex-direction: column; align-items: flex-start; gap: var(--space-component-md); margin-top: calc(-1 * var(--space-component-sm)); margin-inline: calc(-1 * var(--dropdown-padding-inline, 6px)); padding: var(--space-component-lg) calc(10px + var(--dropdown-padding-inline, 6px)); background: var(--_profile-surface, var(--color-surface-subtle)); border-bottom: 1px solid var(--_profile-border, var(--color-border-default)); border-radius: var(--radius-10); margin-bottom: var(--space-component-sm); }
.arrow-user-menu__profile[data-variant="highlight"] .arrow-user-menu__info[data-v-d0bab360] { gap: var(--space-component-xs); }
.arrow-user-menu__profile[data-variant="highlight"] .arrow-user-menu__name[data-v-d0bab360] { color: var(--_profile-content, var(--color-content-primary)); }
.arrow-user-menu__profile[data-variant="highlight"] .arrow-user-menu__email[data-v-d0bab360] { color: var(--_profile-content-soft, var(--color-content-tertiary)); }
.arrow-user-menu__info[data-v-d0bab360] { display: flex; flex-direction: column; min-width: 0px; }
.arrow-user-menu__name[data-v-d0bab360] { font-size: var(--type-body-sm-size); font-weight: var(--font-weight-semibold); color: var(--color-content-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arrow-user-menu__email[data-v-d0bab360] { font-size: var(--type-body-xs-size); font-weight: var(--font-weight-medium); color: var(--color-content-tertiary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arrow-user-menu__divider[data-v-d0bab360] { height: 1px; margin: var(--space-component-sm) calc(-1 * var(--dropdown-padding-inline, 6px)); background: var(--color-border-default); }
.arrow-app-shell-actions { display: inline-flex; align-items: center; gap: var(--space-8); }
.arrow-avatar-pill { display: inline-flex; align-items: center; gap: var(--space-component-sm); padding: var(--space-component-xs) var(--space-component-xs) var(--space-component-xs) var(--space-component-sm); border-radius: var(--radius-full); background-color: var(--primitive-midnight-800); }
.arrow-avatar-pill__chevron { flex: 0 0 auto; color: var(--color-content-inverted); transition: transform var(--motion-duration-interaction-fast) var(--motion-easing-productive); }
.arrow-avatar-pill[data-open] .arrow-avatar-pill__chevron { transform: rotate(180deg); }
.arrow-ping { --arrow-ping-duration: 2.5s; position: relative; display: inline-flex; flex-shrink: 0; vertical-align: middle; }
.arrow-ping[data-size="sm"] { width: var(--space-8); height: var(--space-8); }
.arrow-ping[data-size="md"] { width: var(--space-12); height: var(--space-12); }
.arrow-ping[data-size="lg"] { width: var(--space-16); height: var(--space-16); }
.arrow-ping[data-tone="neutral"] { --_c: var(--color-content-tertiary); }
.arrow-ping[data-tone="accent"] { --_c: var(--color-action-primary); }
.arrow-ping[data-tone="success"] { --_c: var(--color-feedback-success); }
.arrow-ping[data-tone="warning"] { --_c: var(--color-feedback-warning); }
.arrow-ping[data-tone="error"] { --_c: var(--color-feedback-error); }
.arrow-ping__dot, .arrow-ping__ring { position: absolute; inset: 0px; border-radius: var(--radius-full); }
.arrow-ping__dot { z-index: 1; background-color: var(--_c); }
.arrow-ping__ring { background: radial-gradient(circle,transparent 0%,var(--_c) 100%); animation: arrow-ping-scale var(--arrow-ping-duration) var(--motion-easing-enter) infinite,arrow-ping-fade var(--arrow-ping-duration) var(--motion-easing-enter) infinite; }
@keyframes arrow-ping-scale { 
  0% { transform: scale(0.5); }
  70%, 100% { transform: scale(3); }
}
@keyframes arrow-ping-fade { 
  0% { opacity: 0; }
  20% { opacity: 0.5; }
  70%, 100% { opacity: 0; }
}
.arrow-ping[data-paused] .arrow-ping__ring { animation: auto ease 0s 1 normal none running none; display: none; }
@media (prefers-reduced-motion: reduce) {
  .arrow-ping__ring { animation: auto ease 0s 1 normal none running none; display: none; }
}
.arrow-bidding-opportunity-card { display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: stretch; gap: var(--space-layout-md); box-sizing: border-box; width: 100%; padding: var(--space-layout-md); border: 1px solid var(--color-border-default); border-radius: var(--shape-container-lg); background: var(--color-surface-base); box-shadow: var(--elevation-container-resting,0 2px 4px rgba(8,17,40,.06)); font-family: var(--font-family-base); }
.arrow-bidding-opportunity-card__content { display: flex; min-width: 0px; flex-direction: column; align-items: flex-start; gap: var(--space-component-md); }
.arrow-bidding-opportunity-card__title { margin: 0px; color: var(--color-content-primary); font-size: var(--type-heading-sm-size); font-weight: var(--font-weight-medium); line-height: var(--type-heading-sm-line-height); letter-spacing: var(--type-heading-sm-tracking); }
.arrow-bidding-opportunity-card__metadata { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-component-sm); }
.arrow-bidding-opportunity-card__buyer { display: inline-flex; min-width: 0px; align-items: center; gap: var(--space-component-xs); color: var(--color-content-accent); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); text-decoration: none; }
a.arrow-bidding-opportunity-card__buyer { border-radius: var(--shape-interactive-sm); transition: color var(--motion-duration-interaction-fast) var(--motion-easing-productive); }
a.arrow-bidding-opportunity-card__buyer:hover { color: var(--color-action-hover); text-decoration: underline; text-underline-offset: 3px; }
a.arrow-bidding-opportunity-card__buyer:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 3px; }
.arrow-bidding-opportunity-card__buyer span { overflow: hidden; text-overflow: ellipsis; }
.arrow-bidding-opportunity-card__estimate { min-width: 284px; display: flex; flex-direction: column; align-items: flex-end; justify-content: flex-start; gap: var(--space-component-xs); align-self: stretch; padding: 0px; background: transparent; text-align: right; }
.arrow-bidding-opportunity-card__estimate span { color: var(--primitive-midnight-400,#9b9da9); font-size: var(--type-label-md-size); font-weight: var(--type-label-md-weight); line-height: var(--type-label-md-line-height); letter-spacing: var(--type-label-md-tracking); }
.arrow-bidding-opportunity-card__estimate strong { color: var(--primitive-midnight-900,#081128); font-size: var(--type-heading-xl-size); font-weight: var(--type-heading-xl-weight); line-height: var(--type-heading-xl-line-height); letter-spacing: var(--type-heading-xl-tracking); font-variant-numeric: tabular-nums; }
@media (max-width: 720px) {
  .arrow-bidding-opportunity-card { grid-template-columns: 1fr; padding: var(--space-layout-sm); }
  .arrow-bidding-opportunity-card__estimate { min-width: 0px; align-items: flex-start; text-align: left; }
  .arrow-bidding-opportunity-card__buyer span { white-space: normal; }
}
@container (max-width: 720px) {
  .arrow-bidding-opportunity-card { grid-template-columns: 1fr; padding: var(--space-layout-sm); }
  .arrow-bidding-opportunity-card__estimate { min-width: 0px; align-items: flex-start; text-align: left; }
  .arrow-bidding-opportunity-card__buyer span { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  a.arrow-bidding-opportunity-card__buyer { transition: none; }
}
.arrow-badge-trail { display: inline-flex; align-items: center; flex-wrap: wrap; gap: var(--space-component-sm); }
.arrow-badge-trail .arrow-badge-trail__sep { flex: 0 0 auto; color: var(--badge-trail-sep-color, var(--color-content-tertiary)); }
.arrow-breadcrumbs .arrow-breadcrumbs__list { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-component-xs); margin: 0px; padding: 0px; list-style: none; color: var(--color-content-secondary); font-family: var(--font-family-base); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); overflow-wrap: break-word; }
.arrow-breadcrumbs .arrow-breadcrumbs__item, .arrow-breadcrumbs .arrow-breadcrumbs__sep { margin: 0px; line-height: inherit; }
.arrow-breadcrumbs .arrow-breadcrumbs__item { display: inline-flex; align-items: center; gap: var(--space-component-xs); }
.arrow-breadcrumbs .arrow-breadcrumbs__link { color: inherit; font-weight: var(--font-weight-regular); text-decoration: none; transition-property: color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-breadcrumbs .arrow-breadcrumbs__link:hover { color: var(--color-content-primary); text-decoration: none; }
.arrow-breadcrumbs .arrow-breadcrumbs__link:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-breadcrumbs .arrow-breadcrumbs__text { color: inherit; font-weight: var(--font-weight-regular); }
.arrow-breadcrumbs .arrow-breadcrumbs__page { color: var(--color-content-primary); font-weight: var(--font-weight-regular); }
.arrow-breadcrumbs .arrow-breadcrumbs__sep { display: inline-flex; align-items: center; flex: 0 0 auto; color: inherit; }
@media (prefers-reduced-motion: reduce) {
  .arrow-breadcrumbs .arrow-breadcrumbs__link { transition-duration: 0ms; }
}
.arrow-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-component-xs); box-sizing: border-box; border: 1px solid transparent; font-family: var(--font-family-base); font-size: var(--type-label-lg-size); font-weight: var(--type-label-lg-weight); line-height: var(--type-label-lg-line-height); letter-spacing: var(--type-label-lg-tracking); white-space: nowrap; text-decoration: none; cursor: pointer; user-select: none; transition-property: background-color, border-color, color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-btn--block { display: flex; width: 100%; }
.arrow-btn:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-btn[data-size="sm"] { min-height: var(--space-32); padding: var(--space-component-xs) var(--space-component-md); border-radius: var(--shape-interactive-md); }
.arrow-btn[data-size="md"] { min-height: var(--space-40); padding: var(--space-component-sm) var(--space-component-md); border-radius: var(--shape-interactive-md); }
.arrow-btn[data-size="lg"] { min-height: var(--space-48); padding: var(--space-component-md) var(--space-component-xl); border-radius: var(--shape-interactive-lg); }
.arrow-btn[data-tone="accent"] { --_solid: var(--color-action-primary); --_solid-hover: var(--color-action-hover); --_solid-pressed: var(--color-action-pressed); --_on-solid: var(--color-content-inverted); --_line: var(--color-border-accent); --_text: var(--color-content-accent); --_soft-hover: var(--color-state-hover-accent); --_surface: var(--color-action-surface); --_surface-text: var(--color-content-accent); }
.arrow-btn[data-tone="neutral"] { --_solid: var(--color-content-primary); --_solid-hover: var(--color-content-secondary); --_solid-pressed: var(--color-content-secondary); --_on-solid: var(--color-content-inverted); --_line: var(--color-border-default); --_text: var(--color-content-secondary); --_soft-hover: var(--color-state-hover-neutral); --_surface: var(--color-surface-subtle); --_surface-text: var(--color-content-secondary); }
.arrow-btn[data-tone="danger"] { --_solid: var(--color-feedback-error); --_solid-hover: var(--color-feedback-error-hover); --_solid-pressed: var(--color-feedback-error-hover); --_on-solid: var(--color-content-inverted); --_line: var(--color-feedback-error-border); --_text: var(--color-feedback-error-content); --_soft-hover: var(--color-state-hover-error); --_surface: var(--color-feedback-error-surface); --_surface-text: var(--color-feedback-error-content); }
.arrow-btn[data-tone="success"] { --_solid: var(--color-feedback-success); --_solid-hover: var(--color-feedback-success); --_solid-pressed: var(--color-feedback-success); --_on-solid: var(--color-content-inverted); --_line: var(--color-feedback-success-border); --_text: var(--color-feedback-success-content); --_soft-hover: var(--color-feedback-success-surface); --_surface: var(--color-feedback-success-surface); --_surface-text: var(--color-feedback-success-content); }
.arrow-btn[data-tone="warning"] { --_solid: var(--color-feedback-warning); --_solid-hover: var(--color-feedback-warning); --_solid-pressed: var(--color-feedback-warning); --_on-solid: var(--color-content-inverted); --_line: var(--color-feedback-warning-border); --_text: var(--color-feedback-warning-content); --_soft-hover: var(--color-feedback-warning-surface); --_surface: var(--color-feedback-warning-surface); --_surface-text: var(--color-feedback-warning-content); }
.arrow-btn[data-tone="aime"] { --_solid: var(--color-aime); --_solid-hover: var(--color-aime-hover); --_solid-pressed: var(--color-aime-pressed); --_on-solid: var(--color-aime-on); --_line: var(--color-aime-border); --_text: var(--color-aime-content); --_soft-hover: var(--color-aime-soft-hover); --_surface: var(--color-aime-surface); --_surface-text: var(--color-aime-content); }
.arrow-btn[data-variant="primary"] { background-color: var(--_solid); border-color: var(--_solid); color: var(--_on-solid); }
.arrow-btn[data-variant="primary"]:hover:not(:disabled) { background-color: var(--_solid-hover); border-color: var(--_solid-hover); }
.arrow-btn[data-variant="primary"]:active:not(:disabled) { background-color: var(--_solid-pressed); border-color: var(--_solid-pressed); }
.arrow-btn[data-variant="secondary"] { background-color: transparent; border-color: var(--_line); color: var(--_text); }
.arrow-btn[data-variant="secondary"]:hover:not(:disabled) { background-color: var(--_soft-hover); }
.arrow-btn[data-variant="tonal"] { background-color: var(--_surface); border-color: var(--_surface); color: var(--_surface-text); }
.arrow-btn[data-variant="tonal"]:hover:not(:disabled):not([aria-disabled="true"]) { background-color: var(--_soft-hover); border-color: var(--_soft-hover); }
.arrow-btn[data-variant="ghost"] { background-color: transparent; border-color: transparent; color: var(--_text); }
.arrow-btn[data-variant="ghost"]:hover:not(:disabled) { background-color: var(--_soft-hover); }
.arrow-btn:disabled, .arrow-btn[aria-disabled="true"] { cursor: not-allowed; }
.arrow-btn[aria-disabled="true"] { pointer-events: none; }
.arrow-btn[data-variant="primary"]:disabled { background-color: var(--color-action-disabled); border-color: var(--color-action-disabled); color: var(--color-content-disabled); }
.arrow-btn[data-variant="tonal"]:disabled { background-color: var(--color-state-disabled-surface); border-color: var(--color-state-disabled-surface); color: var(--color-content-disabled); }
.arrow-btn[data-variant="secondary"]:disabled { background-color: transparent; border-color: var(--color-border-default); color: var(--color-content-disabled); }
.arrow-btn[data-variant="ghost"]:disabled { background-color: transparent; color: var(--color-content-disabled); }
.arrow-btn[aria-busy="true"] { cursor: progress; }
.arrow-btn__affix { display: inline-flex; align-items: center; flex-shrink: 0; }
.arrow-btn__label { display: inline-block; }
.arrow-btn__spinner { width: 1em; height: 1em; flex-shrink: 0; border-width: 2px; border-style: solid; border-color: currentcolor transparent currentcolor currentcolor; border-image: none; border-radius: var(--radius-full); animation: 0.6s linear 0s infinite normal none running arrow-btn-spin; }
@keyframes arrow-btn-spin { 
  100% { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .arrow-btn { transition-duration: 0ms; }
  .arrow-btn__spinner { animation-duration: 1.2s; }
}
.arrow-chatbox { display: flex; flex-direction: column; gap: var(--space-component-lg); flex-shrink: 0; box-sizing: border-box; padding: var(--space-component-lg); border: 1px solid var(--color-border-default); border-radius: var(--radius-12); background: var(--color-surface-base); text-align: left; transition: border-color 0.15s, box-shadow 0.15s; }
.arrow-chatbox[data-variant="prompt"] { height: 168px; padding: var(--space-component-xl); gap: var(--space-layout-md); box-shadow: rgba(8, 17, 40, 0.08) 0px 1px 2px; }
.arrow-chatbox[data-variant="prompt"] .arrow-chatbox__editor-wrap { flex: 1 1 0%; min-height: 0px; }
.arrow-chatbox[data-variant="prompt"] .arrow-chatbox__input { height: 100%; max-height: none; }
.arrow-chatbox:focus-within, .arrow-chatbox.is-active { border-color: var(--color-border-accent); box-shadow: 0 0 0 3px var(--color-state-focus-ring); }
.arrow-chatbox__editor-wrap { position: relative; }
.arrow-chatbox__input { position: relative; width: 100%; box-sizing: border-box; max-height: 160px; overflow-y: auto; outline: none; font-family: var(--font-family-base); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--color-content-primary); white-space: pre-wrap; word-break: break-word; }
.arrow-chatbox__input[data-empty]::before { content: attr(data-placeholder); position: absolute; top: 0px; left: 0px; color: var(--color-content-tertiary); pointer-events: none; }
.arrow-chatbox__chip { padding: 0px 2px; border-radius: var(--shape-feedback-sm); background: var(--color-action-surface); color: var(--color-content-accent); font-weight: var(--font-weight-medium); white-space: nowrap; }
.arrow-chatbox__attachments { display: flex; flex-wrap: wrap; gap: var(--space-component-sm); }
.arrow-chatbox__attachment { position: relative; display: inline-flex; }
.arrow-chatbox__attachment-img { width: 72px; height: 72px; object-fit: cover; border-radius: var(--shape-interactive-md); display: block; }
.arrow-chatbox__attachment-file { display: inline-flex; align-items: center; gap: var(--space-component-xs); max-width: 200px; padding: var(--space-component-sm) var(--space-component-md); border: 1px solid var(--color-border-default); border-radius: var(--radius-10); background: var(--color-surface-subtle); color: var(--color-content-secondary); font-size: var(--type-body-sm-size); }
.arrow-chatbox__attachment-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arrow-chatbox__attachment-remove { position: absolute; top: -6px; right: -6px; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 20px; height: 20px; padding: 0px; border: 2px solid var(--color-content-inverted); border-radius: var(--radius-full); background: var(--color-content-primary); color: var(--color-content-inverted); cursor: pointer; }
.arrow-chatbox__attachment-remove:focus-visible { outline: 2px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-chatbox__suggest { position: absolute; left: 0px; top: calc(100% + 4px); z-index: var(--z-dropdown); margin: 0px; padding: var(--space-component-xs); list-style: none; min-width: 180px; background: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--radius-10); box-shadow: var(--elevation-overlay-dropdown); }
.arrow-chatbox__suggest-item { padding: var(--space-component-sm) var(--space-component-md); border-radius: var(--shape-interactive-md); font-size: var(--type-body-sm-size); color: var(--color-content-secondary); cursor: pointer; }
.arrow-chatbox__suggest-item:hover, .arrow-chatbox__suggest-item[data-active] { background: var(--color-state-hover-neutral); color: var(--color-content-primary); }
.arrow-chatbox__actions { display: flex; align-items: center; justify-content: space-between; }
.arrow-chatbox__tools { position: relative; display: flex; align-items: center; gap: var(--space-component-sm); }
.arrow-chatbox__emojis { position: absolute; left: 0px; bottom: calc(100% + 8px); z-index: var(--z-dropdown); display: grid; grid-template-columns: repeat(6, 1fr); gap: var(--space-component-xs); padding: var(--space-component-sm); width: max-content; background: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--radius-12); box-shadow: rgba(8, 17, 40, 0.1) 0px 16px 32px -12px; }
.arrow-chatbox__emoji { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; border-radius: var(--shape-interactive-md); font-size: 18px; line-height: 1; cursor: pointer; transition: background-color var(--motion-duration-interaction-fast) var(--motion-easing-productive); }
.arrow-chatbox__emoji:hover { background: var(--color-state-hover-neutral); }
.arrow-chatbox__emoji:focus-visible { outline: 2px solid var(--color-state-focus-ring); outline-offset: -2px; }
.arrow-chatbox__icon { display: inline-flex; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: var(--color-content-tertiary); cursor: pointer; transition: color var(--motion-duration-interaction-fast) var(--motion-easing-productive); }
.arrow-chatbox__icon:hover:not(:disabled) { color: var(--color-content-primary); }
.arrow-chatbox__icon:disabled { color: var(--color-content-disabled); cursor: not-allowed; }
.arrow-chatbox__icon:focus-visible { outline: 2px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-chatbox__mentions { display: flex; flex-wrap: wrap; gap: var(--space-component-xs); }
.arrow-chatbox__mention { display: inline-flex; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; cursor: pointer; }
.arrow-chatbox__mention:focus-visible { outline: 2px solid var(--color-state-focus-ring); outline-offset: 2px; border-radius: var(--shape-feedback-pill); }
.arrow-lightbox { position: fixed; inset: 0px; z-index: var(--z-modal); display: flex; align-items: center; justify-content: center; padding: var(--space-component-xl); background-color: color-mix(in srgb,var(--color-surface-overlay) 40%,transparent); backdrop-filter: blur(2px); overflow: hidden; }
.arrow-lightbox__img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: var(--radius-12); box-shadow: rgba(8, 17, 40, 0.1) 0px 16px 32px -12px; user-select: none; -webkit-user-drag: none; cursor: zoom-in; transition: transform var(--duration-150, .15s) var(--motion-easing-productive, ease); will-change: transform; }
.arrow-lightbox__img.is-zoomed { cursor: grab; transition: none; }
.arrow-lightbox__img.is-zoomed:active { cursor: grabbing; }
.arrow-lightbox__toolbar { position: fixed; top: var(--space-component-lg); right: var(--space-component-lg); display: flex; align-items: center; gap: var(--space-component-sm); padding: var(--space-component-sm); background-color: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--radius-12); box-shadow: rgba(8, 17, 40, 0.1) 0px 16px 32px -12px; }
.arrow-lightbox__pct { min-width: 44px; text-align: center; color: var(--color-content-secondary); font-size: var(--type-body-sm-size); font-weight: var(--font-weight-medium); font-variant-numeric: tabular-nums; }
.arrow-lightbox-fade-enter-active { transition: opacity var(--duration-200, .2s) var(--motion-easing-enter, ease-out); }
.arrow-lightbox-fade-leave-active { transition: opacity var(--duration-150, .15s) var(--motion-easing-exit, ease-in); }
.arrow-lightbox-fade-enter-from, .arrow-lightbox-fade-leave-to { opacity: 0; }
.arrow-lightbox-fade-enter-active .arrow-lightbox__img { transition: transform var(--duration-300, .3s) var(--motion-easing-expressive, ease); }
.arrow-lightbox-fade-enter-from .arrow-lightbox__img, .arrow-lightbox-fade-leave-to .arrow-lightbox__img { transform: scale(0.96); }
@media (prefers-reduced-motion: reduce) {
  .arrow-lightbox-fade-enter-from .arrow-lightbox__img, .arrow-lightbox-fade-leave-to .arrow-lightbox__img { transform: none; }
}
.arrow-chat-bubble { display: flex; align-items: flex-start; gap: var(--space-component-md); }
.arrow-chat-bubble__content { display: flex; flex-direction: column; gap: var(--space-component-lg); min-width: 0px; }
.arrow-chat-bubble__id { display: flex; flex-direction: column; gap: var(--space-component-sm); }
.arrow-chat-bubble__author { font-size: var(--type-body-sm-size); font-weight: var(--font-weight-semibold); color: var(--color-content-primary); }
.arrow-chat-bubble__time { font-size: var(--type-body-xs-size); font-weight: var(--font-weight-medium); color: var(--color-content-tertiary); }
.arrow-chat-bubble__text { display: flex; flex-direction: column; gap: var(--space-component-md); font-size: var(--type-body-sm-size); font-weight: var(--font-weight-regular); line-height: 1.5; color: var(--color-content-secondary); }
.arrow-chat-bubble__text p { margin: 0px; white-space: pre-wrap; word-break: break-word; }
.arrow-chat-bubble__images { display: flex; flex-wrap: wrap; gap: var(--space-component-sm); }
.arrow-chat-bubble__image-link { display: inline-flex; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; cursor: zoom-in; border-radius: var(--radius-10); }
.arrow-chat-bubble__image-link:focus-visible { outline: 2px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-chat-bubble__image { max-width: 220px; max-height: 220px; border-radius: var(--radius-10); border: 1px solid var(--color-border-default); display: block; }
.arrow-chat-bubble__files { display: flex; flex-direction: column; gap: var(--space-component-xs); }
.arrow-chat-bubble__file { display: inline-flex; align-items: center; gap: var(--space-component-sm); max-width: 280px; padding: var(--space-component-sm) var(--space-component-md); border: 1px solid var(--color-border-default); border-radius: var(--radius-10); background: var(--color-surface-subtle); color: var(--color-content-secondary); font-size: var(--type-body-sm-size); transition: background-color var(--motion-duration-interaction-fast) var(--motion-easing-productive); }
.arrow-chat-bubble__file:hover { background: var(--color-surface-raised); color: var(--color-content-primary); }
.arrow-chat-bubble__file-name { flex: 1 1 0%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arrow-chat-bubble__mention { padding: 0px 2px; border-radius: var(--shape-feedback-sm); background: var(--color-action-surface); color: var(--color-content-accent); font-weight: var(--font-weight-medium); }
.arrow-chat { display: flex; flex-direction: column; min-height: 0px; }
.arrow-chat__list { flex: 1 1 0%; min-height: 0px; overflow-y: auto; display: flex; flex-direction: column; gap: var(--space-component-xs); padding-top: var(--space-component-lg); scrollbar-width: thin; scrollbar-color: var(--color-content-primary) transparent; }
.arrow-chat__list::-webkit-scrollbar { width: 8px; }
.arrow-chat__list::-webkit-scrollbar-track { background: transparent; }
.arrow-chat__list::-webkit-scrollbar-thumb { background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: padding-box; border: 2px solid transparent; border-radius: var(--radius-full); }
.arrow-chat__empty { margin: auto; color: var(--color-content-tertiary); font-size: var(--type-body-sm-size); }
.arrow-chat__msg { position: relative; padding: var(--space-component-sm); border-radius: var(--radius-12); transition: background-color var(--motion-duration-interaction-fast) var(--motion-easing-productive); }
.arrow-chat__msg:hover { background-color: var(--color-surface-subtle); }
.arrow-chat__actions-pop { position: fixed; z-index: var(--z-popover); display: flex; align-items: center; gap: var(--space-component-sm); padding: var(--space-component-sm); background: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--radius-12); box-shadow: rgba(8, 17, 40, 0.1) 0px 16px 32px -12px; }
.arrow-chat__actions-pop::before { content: ""; position: absolute; left: 0px; right: 0px; height: calc(var(--space-component-sm) + 2px); }
.arrow-chat__actions-pop[data-placement="below"]::before { top: calc(-1 * var(--space-component-sm) - 2px); }
.arrow-chat__actions-pop[data-placement="above"]::before { bottom: calc(-1 * var(--space-component-sm) - 2px); }
.arrow-checkbox { display: inline-flex; align-items: center; gap: var(--space-component-sm); cursor: pointer; font-family: var(--font-family-base); user-select: none; --_solid: var(--color-action-primary); --_solid-hover: var(--color-action-hover); --_on-solid: var(--color-content-inverted); --_ring: var(--color-state-focus-ring); }
.arrow-checkbox[data-tone="accent"] { --_solid: var(--color-action-primary); --_solid-hover: var(--color-action-hover); --_on-solid: var(--color-content-inverted); }
.arrow-checkbox[data-tone="neutral"] { --_solid: var(--color-content-primary); --_solid-hover: var(--color-content-secondary); --_on-solid: var(--color-content-inverted); --_ring: var(--color-state-focus-ring-neutral); }
.arrow-checkbox[data-tone="danger"] { --_solid: var(--color-feedback-error); --_solid-hover: var(--color-feedback-error-hover); --_on-solid: var(--color-content-inverted); --_ring: var(--color-state-focus-ring-error); }
.arrow-checkbox[data-tone="success"] { --_solid: var(--color-feedback-success); --_solid-hover: var(--color-feedback-success); --_on-solid: var(--color-content-inverted); --_ring: var(--color-state-focus-ring-success); }
.arrow-checkbox[data-tone="warning"] { --_solid: var(--color-feedback-warning); --_solid-hover: var(--color-feedback-warning); --_on-solid: var(--color-content-inverted); --_ring: var(--color-state-focus-ring-warning); }
.arrow-checkbox__input { position: absolute; width: 0px; height: 0px; opacity: 0; margin: 0px; }
.arrow-checkbox__box { position: relative; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; box-sizing: border-box; border: 1.5px solid var(--color-border-default); border-radius: var(--shape-interactive-sm); background-color: var(--color-surface-base); color: var(--_on-solid); transition-property: background-color, border-color, box-shadow; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
.arrow-checkbox[data-size="sm"] .arrow-checkbox__box { width: 16px; height: 16px; border-radius: var(--radius-4); }
.arrow-checkbox[data-size="md"] .arrow-checkbox__box { width: 20px; height: 20px; }
.arrow-checkbox:not([data-disabled]):hover .arrow-checkbox__box { border-color: var(--color-border-strong); }
.arrow-checkbox__input:checked + .arrow-checkbox__box, .arrow-checkbox__input:indeterminate + .arrow-checkbox__box { background-color: var(--_solid); border-color: var(--_solid); }
.arrow-checkbox:not([data-disabled]):hover .arrow-checkbox__input:checked + .arrow-checkbox__box, .arrow-checkbox:not([data-disabled]):hover .arrow-checkbox__input:indeterminate + .arrow-checkbox__box { background-color: var(--_solid-hover); border-color: var(--_solid-hover); }
.arrow-checkbox__input:focus + .arrow-checkbox__box { outline: none; box-shadow: 0 0 0 3px var(--_ring); }
.arrow-checkbox__check { animation: arrow-checkbox-pop var(--motion-duration-interaction-base) var(--motion-easing-productive); }
@keyframes arrow-checkbox-pop { 
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
.arrow-checkbox__label { font-size: var(--type-body-sm-size); font-weight: var(--type-body-sm-weight); line-height: var(--type-body-sm-line-height); color: var(--color-content-primary); }
.arrow-checkbox[data-disabled] { cursor: not-allowed; }
.arrow-checkbox[data-disabled] .arrow-checkbox__box { background-color: var(--color-state-disabled-surface); border-color: var(--color-border-default); }
.arrow-checkbox[data-disabled] .arrow-checkbox__input:checked + .arrow-checkbox__box, .arrow-checkbox[data-disabled] .arrow-checkbox__input:indeterminate + .arrow-checkbox__box { background-color: var(--color-action-disabled); border-color: var(--color-action-disabled); }
.arrow-checkbox[data-disabled] .arrow-checkbox__label { color: var(--color-content-disabled); }
@media (prefers-reduced-motion: reduce) {
  .arrow-checkbox__box { transition-duration: 0ms; }
  .arrow-checkbox__check { animation: auto ease 0s 1 normal none running none; }
}
.ci[data-tone="success"][data-v-7208c97c] { --_solid: var(--color-feedback-success); --_on: var(--color-content-inverted); --_ink: var(--color-feedback-success); }
.ci[data-tone="accent"][data-v-7208c97c] { --_solid: var(--color-action-primary); --_on: var(--color-content-inverted); --_ink: var(--color-action-primary); }
.ci[data-tone="neutral"][data-v-7208c97c] { --_solid: var(--color-surface-inverted-raised); --_on: var(--color-content-inverted); --_ink: var(--color-content-primary); }
.ci[data-tone="premium"][data-v-7208c97c] { --_solid: var(--color-feedback-premium); --_on: var(--color-content-inverted); --_ink: var(--color-feedback-premium); }
.ci[data-tone="error"][data-v-7208c97c] { --_solid: var(--color-feedback-error); --_on: var(--color-content-inverted); --_ink: var(--color-feedback-error); }
.ci[data-v-7208c97c] { --_ease: cubic-bezier(.4, 0, .2, 1); position: relative; display: inline-flex; height: var(--space-40); font-family: var(--font-family-base); }
.ci__ghost[data-v-7208c97c] { display: flex; align-items: center; gap: var(--space-component-md); height: var(--space-40); padding: var(--space-component-xs) var(--space-component-xs) var(--space-component-xs) var(--space-component-md); visibility: hidden; pointer-events: none; white-space: nowrap; }
.ci__ghost-pill[data-v-7208c97c] { display: inline-flex; align-items: center; height: var(--space-32); padding: 0px 12px; font-size: var(--type-label-lg-size); font-weight: var(--type-label-md-weight); line-height: 1.4; }
.ci__card[data-v-7208c97c] { position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; display: flex; flex-direction: column; background: var(--_solid); color: var(--_on); border-radius: 20px; overflow: hidden; max-height: var(--space-40); transition: max-height var(--motion-duration-transition-layout) var(--_ease),border-radius var(--motion-duration-transition-layout) var(--_ease),box-shadow var(--motion-duration-transition-layout) ease; }
.ci.is-open[data-v-7208c97c] { z-index: var(--z-popover); }
.ci.is-open .ci__card[data-v-7208c97c] { max-height: 420px; border-radius: 20px 20px 16px 16px; box-shadow: var(--elevation-overlay-popover); }
.ci__card[data-v-7208c97c]:has(.ci__header:focus-visible) { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.ci__header[data-v-7208c97c] { flex: 0 0 auto; display: flex; align-items: center; gap: var(--space-component-md); height: var(--space-40); padding: var(--space-component-xs) var(--space-component-xs) var(--space-component-xs) var(--space-component-md); border: 0px; background: transparent; color: inherit; font: inherit; cursor: pointer; white-space: nowrap; }
.ci__label[data-v-7208c97c] { flex: 1 1 0%; text-align: left; font-size: var(--type-label-lg-size); font-weight: var(--type-label-lg-weight); line-height: var(--type-label-lg-line-height); }
.ci__action[data-v-7208c97c] { position: relative; display: inline-flex; align-items: center; justify-content: center; height: var(--space-32); min-width: var(--space-32); padding: 0px 12px; overflow: hidden; background: var(--color-surface-base); color: var(--_ink); border-radius: var(--shape-feedback-pill); font-size: var(--type-label-lg-size); font-weight: var(--type-label-md-weight); line-height: 1.4; transition: width var(--motion-duration-interaction-comfortable) var(--_ease),padding var(--motion-duration-interaction-comfortable) var(--_ease); }
.ci.is-open .ci__action[data-v-7208c97c] { width: var(--space-32); padding: 0px; }
.ci__action-text[data-v-7208c97c] { display: inline-block; max-width: 80px; overflow: hidden; transition: max-width var(--motion-duration-interaction-comfortable) var(--_ease),opacity var(--motion-duration-interaction-base) ease,transform var(--motion-duration-interaction-comfortable) var(--_ease); }
.ci.is-open .ci__action-text[data-v-7208c97c] { max-width: 0px; opacity: 0; transform: translate(-6px); }
.ci__action-arrow[data-v-7208c97c] { position: absolute; inset: 0px; display: inline-flex; align-items: center; justify-content: center; opacity: 0; transform: translateY(-12px); transition: opacity var(--motion-duration-interaction-base) ease,transform var(--motion-duration-interaction-comfortable) var(--_ease); }
.ci.is-open .ci__action-arrow[data-v-7208c97c] { opacity: 1; transform: translateY(0px); transition-delay: 0.1s; }
.ci__panel[data-v-7208c97c] { display: flex; flex-direction: column; contain: inline-size; }
.ci__info[data-v-7208c97c] { display: flex; align-items: flex-start; gap: 10px; padding: 8px 12px; text-align: left; opacity: 0; transform: translateY(-8px); transition: opacity var(--motion-duration-interaction-comfortable) ease,transform var(--motion-duration-transition-layout) var(--_ease); }
.ci__info--first[data-v-7208c97c] { padding: 14px 12px 8px; }
.ci.is-open .ci__info[data-v-7208c97c], .ci.is-open .ci__footer[data-v-7208c97c] { opacity: 1; transform: translateY(0px); transition-delay: calc(.08s + var(--i) * .06s); }
.ci__info-icon[data-v-7208c97c] { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; background: color-mix(in srgb,var(--_on) 16%,transparent); border-radius: var(--shape-interactive-md); }
.ci__info-body[data-v-7208c97c] { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.ci__info-title[data-v-7208c97c] { font-size: 13px; font-weight: 600; }
.ci__info-desc[data-v-7208c97c] { font-size: var(--type-label-md-size); line-height: 1.45; color: color-mix(in srgb,var(--_on) 78%,transparent); }
.ci__footer[data-v-7208c97c] { padding: 12px; opacity: 0; transform: translateY(-8px); transition: opacity var(--motion-duration-interaction-comfortable) ease,transform var(--motion-duration-transition-layout) var(--_ease); }
.ci__buy[data-v-7208c97c] { display: flex; align-items: center; justify-content: center; gap: var(--space-component-sm); box-sizing: border-box; width: 100%; min-height: var(--space-40); padding: var(--space-component-sm) var(--space-component-md); border: 0px; background: var(--color-surface-base); color: var(--_ink); border-radius: var(--shape-interactive-md); font-family: inherit; font-size: var(--type-label-lg-size); font-weight: var(--type-label-lg-weight); cursor: pointer; transition: filter var(--motion-duration-interaction-base) ease,transform var(--motion-duration-interaction-fast) ease; }
.ci__buy[data-v-7208c97c]:hover { filter: brightness(0.94); }
.ci__buy[data-v-7208c97c]:active { transform: scale(0.98); }
.ci__buy[data-v-7208c97c]:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  .ci[data-v-7208c97c] *, .ci__card[data-v-7208c97c] { transition-duration: 0.01ms !important; transition-delay: 0s !important; }
}
.arrow-feedback-card { --_bg: var(--color-action-surface); --_badge-bg: var(--color-action-subtle); --_icon: var(--color-action-primary); --_text: var(--color-content-secondary); display: flex; flex-direction: column; gap: var(--space-component-md); padding: var(--space-component-lg); border-radius: var(--shape-container-lg); background-color: var(--_bg); font-family: var(--font-family-base); }
.arrow-feedback-card[data-tone="accent"], .arrow-feedback-card__mini[data-tone="accent"] { --_bg: var(--color-action-surface); --_badge-bg: var(--color-action-subtle); --_icon: var(--color-action-primary); --_text: var(--color-content-secondary); --_solid-bg: var(--color-action-primary); --_solid-bg-hover: var(--color-action-hover); --_solid-icon: var(--color-content-inverted); }
.arrow-feedback-card[data-tone="neutral"], .arrow-feedback-card__mini[data-tone="neutral"] { --_bg: var(--color-surface-inverted); --_badge-bg: var(--color-surface-inverted-raised); --_icon: var(--color-content-inverted); --_text: var(--color-content-inverted); --_solid-bg: var(--color-surface-inverted); --_solid-bg-hover: var(--color-surface-inverted-raised); --_solid-icon: var(--color-content-inverted); }
.arrow-feedback-card__head { display: flex; align-items: flex-start; gap: var(--space-component-md); }
.arrow-feedback-card__badge { flex: 0 0 auto; width: var(--space-32); height: var(--space-32); display: inline-flex; align-items: center; justify-content: center; border-radius: var(--shape-container-sm); background-color: var(--_badge-bg); color: var(--_icon); }
.arrow-feedback-card__text { margin: 0px; font-size: var(--type-body-xs-size); font-weight: var(--font-weight-medium); line-height: var(--type-body-sm-line-height); color: var(--_text); }
.arrow-feedback-card__mini { display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 1 / 1; padding: 0px; border: 0px; border-radius: var(--shape-container-md); background-color: var(--_solid-bg); color: var(--_solid-icon); cursor: pointer; font-family: var(--font-family-base); transition: background-color var(--motion-duration-interaction-base) var(--motion-easing-productive); }
.arrow-feedback-card__mini:hover { background-color: var(--_solid-bg-hover); }
.arrow-feedback-card__mini:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  .arrow-feedback-card__mini { transition: none; }
}
.arrow-fileupload { display: flex; flex-direction: column; align-items: center; gap: var(--space-component-lg); padding: var(--space-component-xl) var(--space-component-lg); border-radius: var(--shape-interactive-md); background-color: var(--color-surface-subtle); cursor: pointer; text-align: center; transition: background-color var(--motion-duration-interaction-base) var(--motion-easing-productive); }
.arrow-fileupload:hover { background-color: var(--color-surface-raised); }
.arrow-fileupload:focus-within { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-fileupload__circle { display: inline-flex; align-items: center; justify-content: center; width: var(--space-64); height: var(--space-64); border-radius: var(--radius-full); background-color: var(--color-surface-base); color: var(--color-content-primary); }
.arrow-fileupload__text { max-width: 100%; overflow: hidden; text-overflow: ellipsis; font-size: var(--type-body-sm-size); font-weight: var(--font-weight-medium); color: var(--color-content-primary); }
.arrow-fileupload__input { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
.arrow-fileupload[data-disabled] { cursor: not-allowed; opacity: 0.6; }
.arrow-hero-banner { position: relative; display: flex; min-height: 320px; border-radius: var(--shape-container-xl); overflow: hidden; background: var(--color-surface-inverted); font-family: var(--font-family-base); }
.arrow-hero-banner__bg { position: absolute; inset: 0px; isolation: isolate; }
.arrow-hero-banner__ambient { position: absolute; inset: 0px; background-size: cover; background-position: center center; animation: 20s ease-in-out 0s infinite alternate none running arrow-hero-banner-zoom; }
.arrow-hero-banner-amb-enter-active { z-index: 1; transition: opacity var(--motion-duration-expressive-celebration) var(--motion-easing-enter); }
.arrow-hero-banner-amb-enter-from { opacity: 0; }
.arrow-hero-banner-amb-leave-active { z-index: 0; transition: opacity 1ms linear var(--motion-duration-expressive-celebration); }
.arrow-hero-banner-amb-leave-to { opacity: 0; }
@keyframes arrow-hero-banner-zoom { 
  0% { transform: scale(1); }
  100% { transform: scale(1.08); }
}
.arrow-hero-banner__scrim { position: absolute; inset: 0px; background: linear-gradient(90deg,rgba(var(--shadow-color-base),.7),rgba(var(--shadow-color-base),.35) 45%,rgba(var(--shadow-color-base),0) 78%); }
.arrow-hero-banner__content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-component-md); padding: var(--space-24); max-width: 480px; color: var(--color-content-inverted); }
.arrow-hero-banner__body { flex: 1 1 0%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: var(--space-component-md); }
.arrow-hero-banner__badges { display: flex; flex-wrap: wrap; gap: var(--space-component-sm); }
.arrow-hero-banner__badges:not(:has(*)), .arrow-hero-banner__actions:not(:has(*)) { display: none; }
.arrow-hero-banner__title { margin: 0px; font-size: var(--type-heading-lg-size); font-weight: var(--type-heading-lg-weight); line-height: var(--type-heading-lg-line-height); letter-spacing: var(--type-heading-lg-tracking); color: var(--color-content-inverted); white-space: pre-line; }
.arrow-hero-banner__desc { margin: 0px; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); color: var(--color-content-inverted); opacity: 0.9; white-space: pre-line; }
.arrow-hero-banner__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-component-sm); }
.arrow-hero-banner__badges, .arrow-hero-banner__title, .arrow-hero-banner__desc, .arrow-hero-banner__actions { animation: arrow-hero-banner-enter var(--motion-duration-transition-page) var(--motion-easing-enter) backwards; }
.arrow-hero-banner__badges { animation-delay: 0ms; }
.arrow-hero-banner__title { animation-delay: 60ms; }
.arrow-hero-banner__desc { animation-delay: 0.12s; }
.arrow-hero-banner__actions { animation-delay: 0.18s; }
@keyframes arrow-hero-banner-enter { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: none; }
}
.arrow-hero-banner__caps { position: absolute; right: var(--space-24); bottom: calc(var(--space-24) - 9px); z-index: 3; display: flex; align-items: center; gap: var(--space-component-sm); }
.arrow-hero-banner__cap { flex: 0 0 auto; display: block; padding: 9px 0px; border: 0px; background: transparent; cursor: pointer; }
.arrow-hero-banner__cap:focus-visible { outline: none; }
.arrow-hero-banner__cap-track { display: block; width: 40px; height: 8px; border-radius: var(--radius-full); background: rgb(255, 255, 255); overflow: hidden; transition: opacity var(--motion-duration-interaction-comfortable) var(--motion-easing-productive); }
.arrow-hero-banner__cap:hover .arrow-hero-banner__cap-track { opacity: 0.85; }
.arrow-hero-banner__cap:focus-visible .arrow-hero-banner__cap-track { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-hero-banner__cap-fill { display: block; width: 100%; height: 100%; background: var(--color-action-primary); transform: scaleX(0); transform-origin: left center; will-change: transform; animation-name: arrow-hero-banner-cap-fill; animation-timing-function: linear; animation-fill-mode: forwards; }
@keyframes arrow-hero-banner-cap-fill { 
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
.arrow-hero-banner__empty { position: relative; z-index: 2; margin: auto; padding: var(--space-component-xl); text-align: center; color: var(--color-content-secondary); font-size: var(--type-body-sm-size); }
@media (prefers-reduced-motion: reduce) {
  .arrow-hero-banner__ambient, .arrow-hero-banner__badges, .arrow-hero-banner__title, .arrow-hero-banner__desc, .arrow-hero-banner__actions, .arrow-hero-banner__cap-fill { animation: auto ease 0s 1 normal none running none; }
  .arrow-hero-banner-amb-enter-active, .arrow-hero-banner-amb-leave-active { transition: none; }
}
.arrow-highlight__mark { border-radius: var(--shape-feedback-sm); padding: 0 var(--space-component-xs); font-weight: var(--font-weight-medium); }
.arrow-highlight[data-tone="accent"] .arrow-highlight__mark { background-color: var(--color-action-surface); color: var(--color-content-accent); }
.arrow-highlight[data-tone="warning"] .arrow-highlight__mark { background-color: var(--color-feedback-warning-surface); color: var(--color-feedback-warning-content); }
.arrow-label { display: inline-flex; align-items: center; gap: var(--space-component-xs); font-family: var(--font-family-base); font-size: var(--type-label-lg-size); font-weight: var(--type-label-lg-weight); line-height: var(--type-label-lg-line-height); letter-spacing: var(--type-label-lg-tracking); color: var(--color-content-primary); }
.arrow-label__required { color: var(--color-feedback-error); }
.arrow-label__hint { display: inline-flex; align-items: center; color: var(--color-content-tertiary); }
.arrow-logo { display: inline-block; vertical-align: middle; flex-shrink: 0; width: auto; color: var(--color-content-primary); }
.arrow-logo[data-tone="inverse"] { color: var(--color-content-inverted); }
.arrow-logo[data-variant="full"] { height: var(--space-40); }
.arrow-logo[data-variant="symbol"] { height: var(--space-20); }
.arrow-modal-overlay { position: fixed; inset: 0px; z-index: var(--z-modal); display: flex; align-items: center; justify-content: center; padding: var(--space-component-xl); background-color: color-mix(in srgb,var(--color-surface-overlay) 40%,transparent); backdrop-filter: blur(2px); }
.arrow-modal { position: relative; max-height: 85vh; overflow: auto; background-color: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--radius-12); box-shadow: rgba(8, 17, 40, 0.1) 0px 16px 32px -12px; }
.arrow-modal[data-size="sm"] { width: min(480px, 100%); }
.arrow-modal[data-size="md"] { width: min(600px, 100%); }
.arrow-modal[data-size="lg"] { width: min(720px, 100%); }
.arrow-modal[data-variant="feature"] { box-sizing: border-box; display: flex; width: min(var(--size-modal-feature-width),100%); height: min(var(--size-modal-feature-height),calc(100vh - var(--space-component-xl) - var(--space-component-xl))); gap: var(--space-component-xl); padding: var(--space-component-xl); overflow: hidden; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--shape-container-2xl); }
.arrow-modal[data-variant="feature"] > :first-child { flex: 0 0 var(--size-modal-feature-media-width); min-width: 0px; }
.arrow-modal[data-variant="feature"] > :last-child { flex: 1 1 auto; min-width: 0px; }
@media (max-width: 760px) {
  .arrow-modal[data-variant="feature"] { height: auto; max-height: calc(100vh - var(--space-component-xl) - var(--space-component-xl)); flex-direction: column; overflow-y: auto; }
  .arrow-modal[data-variant="feature"] > :first-child { flex-basis: auto; }
}
.arrow-modal[data-variant="sidebar"] { display: flex; overflow: hidden; border-radius: var(--radius-10); height: 500px; }
.arrow-modal-fade-enter-active { transition: opacity var(--duration-200) var(--motion-easing-enter); }
.arrow-modal-fade-leave-active { transition: opacity var(--duration-150) var(--motion-easing-exit); }
.arrow-modal-fade-enter-from, .arrow-modal-fade-leave-to { opacity: 0; }
.arrow-modal-fade-enter-active .arrow-modal { transition: transform var(--duration-300) var(--motion-easing-expressive),opacity var(--duration-200) var(--motion-easing-enter); }
.arrow-modal-fade-leave-active .arrow-modal { transition: transform var(--duration-150) var(--motion-easing-exit),opacity var(--duration-150) var(--motion-easing-exit); }
.arrow-modal-fade-enter-from .arrow-modal, .arrow-modal-fade-leave-to .arrow-modal { transform: translateY(12px) scale(0.97); opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  .arrow-modal-fade-enter-from .arrow-modal, .arrow-modal-fade-leave-to .arrow-modal { transform: none; }
}
.arrow-modal__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-component-xl); padding: var(--space-component-xl); background-color: var(--color-surface-subtle); border-bottom: 1px solid var(--color-border-default); }
.arrow-modal__title { margin: 0px; font-size: var(--type-body-md-size); font-weight: var(--font-weight-medium); line-height: 1.2; color: var(--color-content-primary); }
.arrow-modal__close { flex-shrink: 0; display: inline-flex; align-items: center; gap: var(--space-component-xs); margin: -8px -8px -8px 0px; padding: var(--space-component-xs) var(--space-component-sm); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--radius-10); background: transparent; color: var(--color-content-secondary); font-family: var(--font-family-base); font-size: var(--type-body-sm-size); font-weight: var(--font-weight-medium); cursor: pointer; transition: background-color 0.2s, color 0.2s; }
.arrow-modal__close:hover { background: var(--color-surface-raised); color: var(--color-content-primary); }
.arrow-modal__body { padding: var(--space-component-xl); font-size: var(--type-body-md-size); line-height: 1.6; color: var(--color-content-secondary); }
.arrow-modal__footer { display: flex; align-items: center; justify-content: flex-end; gap: var(--space-component-sm); padding: var(--space-component-xl); background-color: var(--color-surface-subtle); border-top: 1px solid var(--color-border-default); }
.arrow-modal__sidebar { flex: 0 0 auto; width: 240px; box-sizing: border-box; display: flex; flex-direction: column; gap: var(--space-component-lg); padding: var(--space-component-xl); overflow-y: auto; background-color: var(--color-surface-subtle); border: 1px solid var(--color-border-default); border-radius: 0 var(--radius-10) var(--radius-10) 0; }
.arrow-modal__sidebar-title { margin: 0px; font-size: var(--type-body-md-size); font-weight: var(--font-weight-medium); line-height: 1.2; color: var(--color-content-primary); }
.arrow-modal__sidebar-nav { display: flex; flex-direction: column; gap: var(--space-component-xs); min-height: 0px; }
.arrow-modal__sidebar .arrow-app-shell-nav__item--active { background: var(--color-surface-base); }
.arrow-modal__content { flex: 1 1 0%; min-width: 0px; box-sizing: border-box; display: flex; flex-direction: column; gap: var(--space-component-lg); padding: var(--space-component-xl); overflow-y: auto; background-color: var(--color-surface-base); }
.arrow-modal__content-top { display: flex; justify-content: flex-end; }
.arrow-modal__content-top .arrow-modal__close { margin: 0px; padding: var(--space-component-sm); }
.arrow-modal__content-body { font-size: var(--type-body-md-size); line-height: 1.6; color: var(--color-content-secondary); }
.arrow-text { margin: 0px; font-family: var(--font-family-base); color: inherit; }
.arrow-text--truncate { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.arrow-login-card[data-v-d582462c] { display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; max-width: 880px; margin-top: var(--space-component-sm); border: 1px solid var(--color-border-default); border-radius: var(--shape-container-lg); background-color: var(--color-surface-base); overflow: hidden; }
.arrow-login-card__media[data-v-d582462c] { background-color: var(--color-action-surface); }
.arrow-login-card__img[data-v-d582462c] { display: block; width: 100%; height: 100%; object-fit: cover; }
.arrow-login-card__body[data-v-d582462c] { display: flex; flex-direction: column; justify-content: flex-start; padding: var(--space-layout-md); }
.arrow-login-card__badge[data-v-d582462c] { align-self: flex-start; }
.arrow-login-card__content[data-v-d582462c] { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: center; }
.arrow-login-card__desc[data-v-d582462c] { margin-top: var(--space-layout-md); }
.arrow-login-card__actions[data-v-d582462c] { margin-top: var(--space-component-xl); }
.arrow-login-card__hint[data-v-d582462c] { margin-top: var(--space-component-lg); }
.arrow-login-card__actions[data-v-d582462c] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-component-md); }
.arrow-login-card__actions--stack[data-v-d582462c] { flex-flow: column; align-items: flex-start; }
@media (max-width: 640px) {
  .arrow-login-card[data-v-d582462c] { grid-template-columns: 1fr; }
  .arrow-login-card__media[data-v-d582462c] { min-height: 180px; }
}
.arrow-input { display: flex; flex-direction: column; gap: var(--space-component-md); font-family: var(--font-family-base); }
.arrow-input__field { position: relative; display: flex; align-items: center; }
.arrow-input__icon { position: absolute; left: var(--space-component-md); top: 50%; transform: translateY(-50%); color: var(--color-content-tertiary); pointer-events: none; }
.arrow-input__control { width: 100%; box-sizing: border-box; padding: 0 var(--space-component-md); border: 1px solid var(--color-border-default); border-radius: var(--shape-interactive-md); background-color: var(--color-surface-base); color: var(--color-content-primary); font-family: inherit; font-size: var(--type-body-md-size); font-weight: var(--type-body-md-weight); line-height: var(--type-body-md-line-height); transition-property: border-color, box-shadow; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
.arrow-input__control--icon { padding-left: calc(var(--space-component-md) + 20px + var(--space-component-sm)); }
.arrow-input__control--clearable { padding-right: calc(var(--space-component-sm) + 20px + var(--space-component-xs)); }
.arrow-input[data-size="sm"] .arrow-input__control { height: var(--space-32); }
.arrow-input[data-size="md"] .arrow-input__control { height: var(--space-40); }
.arrow-input[data-size="lg"] .arrow-input__control { height: var(--space-48); border-radius: var(--shape-interactive-lg); }
.arrow-input__clear { position: absolute; right: var(--space-component-sm); top: 50%; transform: translateY(-50%); }
.arrow-input__control::placeholder { color: var(--color-content-tertiary); }
.arrow-input__control::-webkit-search-cancel-button, .arrow-input__control::-webkit-search-decoration { appearance: none; }
.arrow-input__control:focus { outline: none; border-color: var(--color-border-accent); box-shadow: 0 0 0 3px var(--color-state-focus-ring); }
.arrow-input[data-error] .arrow-input__control { border-color: var(--color-border-error); }
.arrow-input[data-error] .arrow-input__control:focus { border-color: var(--color-border-error); box-shadow: 0 0 0 3px var(--color-state-focus-ring-error); }
.arrow-input__control:disabled { background-color: var(--color-state-disabled-surface); color: var(--color-content-disabled); cursor: not-allowed; }
.arrow-input__error { margin: 0px; font-size: var(--type-body-xs-size); line-height: var(--type-body-xs-line-height); color: var(--color-feedback-error-content); }
@media (prefers-reduced-motion: reduce) {
  .arrow-input__control { transition-duration: 0ms; }
}
.arrow-page-header { display: flex; align-items: flex-start; flex-wrap: wrap; gap: var(--space-component-sm) var(--space-component-md); }
.arrow-page-header[data-mode="breadcrumb"] { align-items: center; }
.arrow-page-header .arrow-page-header__main { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: var(--space-component-sm); }
.arrow-page-header[data-mode="breadcrumb"] .arrow-page-header__main { flex-flow: wrap; align-items: center; gap: var(--space-component-sm) var(--space-component-md); }
.arrow-page-header .arrow-page-header__heading { display: flex; align-items: center; gap: var(--space-component-sm); }
.arrow-page-header .arrow-page-header__icon { flex: 0 0 auto; color: var(--color-content-primary); }
.arrow-page-header .arrow-page-header__title, .arrow-page-header .arrow-page-header__description { margin: 0px; padding: 0px; border: 0px; }
.arrow-page-header[data-mode="title"] .arrow-page-header__description { max-width: var(--grid-container-text); }
.arrow-page-header .arrow-page-header__actions { flex: 0 0 auto; margin-inline-start: auto; display: inline-flex; align-items: center; gap: var(--space-component-sm); }
.arrow-page-header--card { padding: var(--space-component-lg) var(--space-component-xl); border-radius: var(--shape-container-lg); background: var(--color-surface-inverted); --badge-trail-sep-color: var(--color-content-inverted); }
.arrow-page-header--card .arrow-page-header__icon { color: var(--color-content-inverted); }
.arrow-page-layout { display: flex; flex-direction: column; }
.arrow-page-layout .arrow-page-layout__crumbs { margin-bottom: var(--space-component-lg); }
.arrow-page-layout .arrow-page-layout__body { margin-top: var(--space-layout-md); }
.arrow-page-sidebar { box-sizing: border-box; flex: 0 0 auto; width: var(--size-page-sidebar-width); font-family: var(--font-family-base); }
.arrow-page-sidebar__group { display: flex; flex-direction: column; }
.arrow-page-sidebar__group-label { margin: var(--space-component-lg) 0; padding: 0 var(--space-component-sm); font-size: var(--type-label-sm-size); line-height: var(--type-label-md-line-height); letter-spacing: var(--type-label-md-tracking); font-weight: var(--font-weight-semibold); text-transform: uppercase; color: var(--primitive-midnight-400); }
.arrow-page-sidebar__group:first-child .arrow-page-sidebar__group-label { margin-top: 0px; }
.arrow-page-sidebar__list { display: flex; flex-direction: column; gap: var(--space-component-sm); margin: 0px; padding: 0px; list-style: none; }
.arrow-page-sidebar__item { display: flex; align-items: center; gap: var(--space-component-sm); box-sizing: border-box; width: 100%; padding: var(--space-component-sm); border: 0px; border-radius: var(--shape-container-sm); background: transparent; color: var(--color-content-secondary); font-style: inherit; font-variant: inherit; font-stretch: 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-size: var(--type-body-sm-size); font-weight: var(--font-weight-medium); line-height: var(--type-body-md-line-height); text-align: left; text-decoration: none; cursor: pointer; transition: background-color var(--motion-duration-interaction-base) var(--motion-easing-productive),color var(--motion-duration-interaction-base) var(--motion-easing-productive); }
.arrow-page-sidebar__item:hover:not(:disabled) { background: var(--color-surface-overlay); color: var(--color-content-primary); }
.arrow-page-sidebar__item[data-active] { background: var(--color-surface-raised); color: var(--color-content-primary); font-weight: var(--font-weight-semibold); }
.arrow-page-sidebar__item:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: -3px; }
.arrow-page-sidebar__item:disabled { color: var(--color-content-disabled); cursor: not-allowed; }
@media (max-width: 760px) {
  .arrow-page-sidebar { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .arrow-page-sidebar__item { transition-duration: 0ms; }
}
.arrow-settings-form { overflow: hidden; border: 1px solid var(--color-border-default); border-radius: var(--shape-container-lg); background: var(--color-surface-subtle); color: var(--color-content-primary); font-family: var(--font-family-base); }
.arrow-settings-form__title { margin: 0px; padding: var(--space-component-xl); font-size: var(--type-body-md-size); font-weight: var(--font-weight-medium); line-height: var(--type-body-md-line-height); }
.arrow-settings-form__rows { overflow: hidden; border-top: 1px solid var(--color-border-default); border-radius: var(--shape-container-lg) var(--shape-container-lg) 0 0; background: var(--color-surface-base); }
.arrow-settings-form__row { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); align-items: center; gap: var(--space-layout-sm); padding: var(--space-component-xl); }
.arrow-settings-form__row + .arrow-settings-form__row { border-top: 1px solid var(--color-border-default); }
.arrow-settings-form__label { color: var(--color-content-secondary); font-size: var(--type-label-lg-size); font-weight: var(--font-weight-medium); line-height: var(--type-label-lg-line-height); }
@media (max-width: 760px) {
  .arrow-settings-form__row { grid-template-columns: 1fr; gap: var(--space-component-md); }
}
.arrow-pagination { display: flex; align-items: center; justify-content: space-between; gap: var(--space-component-md); flex-wrap: wrap; font-family: var(--font-family-base); font-size: var(--type-body-sm-size); color: var(--color-content-secondary); }
.arrow-pagination__info { display: flex; align-items: center; gap: var(--space-component-md); }
.arrow-pagination__rows { display: inline-flex; align-items: center; gap: var(--space-component-sm); }
.arrow-pagination__select { box-sizing: border-box; padding: var(--space-component-xs) var(--space-component-sm); border: 1px solid var(--color-border-default); border-radius: var(--shape-interactive-md); background-color: var(--color-surface-base); color: var(--color-content-primary); font-family: inherit; font-size: var(--type-body-sm-size); cursor: pointer; }
.arrow-pagination__select:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-pagination__count { color: var(--color-content-tertiary); white-space: nowrap; }
.arrow-pagination__nav { display: flex; align-items: center; gap: var(--space-component-xs); }
.arrow-pagination__page { box-sizing: border-box; min-width: var(--space-32); height: var(--space-32); padding: 0 var(--space-component-xs); display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: var(--shape-interactive-md); background-color: transparent; color: var(--color-content-secondary); font-family: inherit; font-size: var(--type-body-sm-size); cursor: pointer; transition-property: background-color, border-color, color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-pagination__page:hover:not([data-active]) { background-color: var(--color-state-hover-neutral); }
.arrow-pagination__page[data-active] { background-color: var(--color-action-primary); border-color: var(--color-action-primary); color: var(--color-content-inverted); cursor: default; }
.arrow-pagination__page:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-pagination__ellipsis { min-width: var(--space-32); text-align: center; color: var(--color-content-tertiary); }
@media (prefers-reduced-motion: reduce) {
  .arrow-pagination__page { transition-duration: 0ms; }
}
.arrow-select { display: flex; flex-direction: column; gap: var(--space-component-md); font-family: var(--font-family-base); }
.arrow-select__field { position: relative; }
.arrow-select__trigger { width: 100%; min-height: var(--space-40); box-sizing: border-box; display: flex; align-items: center; gap: var(--space-component-sm); padding: var(--space-component-sm) var(--space-component-md); border: 1px solid var(--color-border-default); border-radius: var(--shape-interactive-md); background-color: var(--color-surface-base); color: var(--color-content-primary); font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); cursor: pointer; transition-property: border-color, box-shadow; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
.arrow-select__trigger[data-size="sm"] { height: var(--space-32); min-height: var(--space-32); padding: var(--space-component-xs) var(--space-component-md); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); }
.arrow-select__trigger[data-size="lg"] { height: var(--space-48); min-height: var(--space-48); padding: var(--space-component-md); border-radius: var(--shape-interactive-lg); }
.arrow-select__trigger[data-size="md"] { height: var(--space-40); }
.arrow-select__value { flex: 1 1 0%; min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arrow-select__value[data-placeholder] { color: var(--color-content-tertiary); }
.arrow-select__chevron { flex-shrink: 0; color: var(--color-content-tertiary); transition: transform var(--motion-duration-interaction-fast) var(--motion-easing-productive); }
.arrow-select__chevron[data-open] { transform: rotate(180deg); }
.arrow-select__clear { flex-shrink: 0; }
.arrow-select__trigger:focus, .arrow-select__trigger[aria-expanded="true"] { outline: none; border-color: var(--color-border-accent); box-shadow: 0 0 0 3px var(--color-state-focus-ring); }
.arrow-select[data-error] .arrow-select__trigger { border-color: var(--color-border-error); }
.arrow-select[data-error] .arrow-select__trigger:focus, .arrow-select[data-error] .arrow-select__trigger[aria-expanded="true"] { border-color: var(--color-border-error); box-shadow: 0 0 0 3px var(--color-state-focus-ring-error); }
.arrow-select[data-disabled] .arrow-select__trigger { background-color: var(--color-state-disabled-surface); color: var(--color-content-disabled); cursor: not-allowed; }
.arrow-select__panel { position: fixed; z-index: var(--z-tooltip); font-family: var(--font-family-base); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); display: flex; flex-direction: column; background-color: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--shape-container-sm); box-shadow: rgba(8, 17, 40, 0.1) 0px 16px 32px -12px; overflow: hidden; }
.arrow-select__search { padding: var(--space-component-sm); border-bottom: 1px solid var(--color-border-default); }
.arrow-select__search-field { display: flex; align-items: center; gap: var(--space-component-sm); box-sizing: border-box; padding: var(--space-component-sm) var(--space-component-md); border: 1px solid var(--color-border-default); border-radius: var(--shape-interactive-md); background-color: var(--color-surface-base); }
.arrow-select__search-field:focus-within { border-color: var(--color-border-accent); box-shadow: 0 0 0 3px var(--color-state-focus-ring); }
.arrow-select__search-icon { flex-shrink: 0; color: var(--color-content-tertiary); }
.arrow-select__search-input { flex: 1 1 0%; min-width: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; padding: 0px; outline: none; color: var(--color-content-primary); font-family: inherit; font-size: var(--type-body-sm-size); }
.arrow-select__search-input::placeholder { color: var(--color-content-tertiary); }
.arrow-select__list { list-style: none; margin: 0px; padding: var(--space-component-xs); max-height: 240px; overflow-y: auto; display: flex; flex-direction: column; gap: 2px; }
.arrow-select__option { display: flex; align-items: center; justify-content: space-between; gap: var(--space-component-sm); padding: var(--space-component-sm) var(--space-component-sm); border-radius: var(--shape-interactive-md); font-size: var(--type-body-sm-size); color: var(--color-content-primary); cursor: pointer; }
.arrow-select__option[data-active] { background-color: var(--color-state-hover-neutral); }
.arrow-select__option[aria-selected="true"] { color: var(--color-content-accent); font-weight: var(--type-label-lg-weight); }
.arrow-select__option[data-disabled] { color: var(--color-content-disabled); cursor: not-allowed; }
.arrow-select__check { flex-shrink: 0; color: var(--color-content-accent); }
.arrow-select__empty { padding: var(--space-component-sm); font-size: var(--type-body-sm-size); color: var(--color-content-tertiary); text-align: center; }
.arrow-select__error { margin: 0px; font-size: var(--type-body-xs-size); line-height: var(--type-body-xs-line-height); color: var(--color-feedback-error-content); }
@media (prefers-reduced-motion: reduce) {
  .arrow-select__trigger, .arrow-select__chevron { transition-duration: 0ms; }
}
.arrow-pagm { font-family: var(--font-family-base); font-size: var(--type-body-sm-size); color: var(--color-content-secondary); }
.arrow-pagm__info { white-space: nowrap; color: var(--color-content-secondary); }
.arrow-pagm__info strong { color: var(--color-content-primary); font-weight: var(--type-label-lg-weight); }
.arrow-pagm__desktop { display: flex; align-items: center; gap: var(--space-component-md); }
.arrow-pagm__side { display: flex; flex: 1 1 0px; justify-content: flex-start; }
.arrow-pagm__side--end { justify-content: flex-end; }
.arrow-pagm__center { display: flex; align-items: center; gap: var(--space-component-md); }
.arrow-pagm__rows { width: 156px; flex-shrink: 0; }
.arrow-pagm__mobile { display: none; align-items: center; justify-content: space-between; gap: var(--space-component-md); }
@media (max-width: 767px) {
  .arrow-pagm__desktop { display: none; }
  .arrow-pagm__mobile { display: flex; }
}
.arrow-notification-item { width: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: var(--space-component-xs); padding: var(--space-component-sm) var(--space-component-md); border: 0px; border-radius: var(--shape-container-sm); background: transparent; text-align: left; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; line-height: 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-family: var(--font-family-base); cursor: pointer; transition: background-color var(--motion-duration-interaction-base) var(--motion-easing-productive); }
.arrow-notification-item:hover { background: var(--color-state-hover-neutral); }
.arrow-notification-item:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: -3px; }
.arrow-notification-item--unread { background: var(--color-surface-subtle); }
.arrow-notification-item--unread:hover { background: var(--color-state-hover-neutral); }
.arrow-notification-item__primary { font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); color: var(--color-content-primary); font-weight: var(--font-weight-regular); }
.arrow-notification-item__primary :is(strong, b) { font-weight: var(--font-weight-semibold); }
.arrow-notification-item__description { font-size: var(--type-body-xs-size); line-height: var(--type-body-xs-line-height); color: var(--color-content-tertiary); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.arrow-popover { position: relative; display: inline-flex; }
.arrow-popover__trigger { display: inline-flex; }
.arrow-popover__panel { display: flex; align-items: center; gap: var(--space-component-sm); padding: var(--space-component-sm); background: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--radius-12); box-shadow: rgba(8, 17, 40, 0.1) 0px 16px 32px -12px; }
.arrow-popover__panel[data-orientation="vertical"] { flex-direction: column; }
.arrow-popover__panel--floating { position: absolute; top: 100%; z-index: var(--z-popover); }
.arrow-switch { display: inline-flex; align-items: center; gap: var(--space-component-sm); cursor: pointer; font-family: var(--font-family-base); }
.arrow-switch__input { position: absolute; width: 0px; height: 0px; opacity: 0; margin: 0px; }
.arrow-switch__track { position: relative; display: inline-flex; align-items: center; flex-shrink: 0; box-sizing: border-box; border-radius: var(--shape-interactive-pill); background-color: var(--color-border-strong); transition-property: background-color; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
.arrow-switch[data-size="md"] .arrow-switch__track { width: 36px; height: 20px; padding: 2px; }
.arrow-switch[data-size="sm"] .arrow-switch__track { width: 28px; height: 16px; padding: 2px; }
.arrow-switch__thumb { display: block; box-sizing: border-box; border-radius: var(--shape-interactive-pill); background-color: var(--color-surface-base); box-shadow: var(--elevation-interactive-resting); transition-property: transform; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
.arrow-switch[data-size="md"] .arrow-switch__thumb { width: 16px; height: 16px; }
.arrow-switch[data-size="sm"] .arrow-switch__thumb { width: 12px; height: 12px; }
.arrow-switch__input:checked + .arrow-switch__track { background-color: var(--color-action-primary); }
.arrow-switch[data-size="md"] .arrow-switch__input:checked + .arrow-switch__track .arrow-switch__thumb { transform: translate(16px); }
.arrow-switch[data-size="sm"] .arrow-switch__input:checked + .arrow-switch__track .arrow-switch__thumb { transform: translate(12px); }
.arrow-switch__input:focus-visible + .arrow-switch__track { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-switch__label { font-size: var(--type-body-sm-size); font-weight: var(--type-body-sm-weight); line-height: var(--type-body-sm-line-height); color: var(--color-content-primary); }
.arrow-switch[data-disabled] { cursor: not-allowed; }
.arrow-switch[data-disabled] .arrow-switch__track { background-color: var(--color-state-disabled-surface); }
.arrow-switch[data-disabled] .arrow-switch__input:checked + .arrow-switch__track { background-color: var(--color-action-disabled); }
.arrow-switch[data-disabled] .arrow-switch__thumb { box-shadow: none; background-color: var(--color-surface-subtle); }
.arrow-switch[data-disabled] .arrow-switch__label { color: var(--color-content-disabled); }
@media (prefers-reduced-motion: reduce) {
  .arrow-switch__track, .arrow-switch__thumb { transition-duration: 0ms; }
}
.arrow-switch-card { display: inline-flex; align-items: center; gap: var(--space-component-sm); box-sizing: border-box; height: var(--space-40); background: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--shape-container-md); padding: 0 var(--space-component-lg); transition-property: background-color, border-color; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
.arrow-switch-card[data-active] { background: var(--color-state-hover-accent); border-color: var(--color-border-accent); }
.arrow-switch-card__help { color: var(--color-content-tertiary); cursor: help; flex: 0 0 auto; }
.arrow-table { display: table; width: 100%; background-color: var(--color-surface-base); border: 1px solid var(--color-border-default); border-radius: var(--radius-12); border-collapse: separate; border-spacing: 0px; overflow: hidden; }
.arrow-table th, .arrow-table td { padding: var(--space-component-xl); border-bottom: 1px solid var(--color-border-default); text-align: left; vertical-align: middle; }
.arrow-table tbody tr:last-child th, .arrow-table tbody tr:last-child td { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
.arrow-table th { background-color: var(--color-surface-subtle); font-size: var(--type-body-sm-size); font-weight: var(--font-weight-medium); color: var(--color-content-secondary); }
.arrow-table td { font-size: var(--type-body-sm-size); font-weight: var(--font-weight-regular); color: var(--color-content-secondary); }
.arrow-table [data-align="center"] { text-align: center; }
.arrow-table [data-align="end"] { text-align: right; }
.arrow-table tbody tr:not([data-head]) { transition-property: background-color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-table tbody tr:not([data-head]):hover { background-color: var(--color-surface-subtle); }
.arrow-table tr[data-clickable] { cursor: pointer; }
.arrow-layered-table-card { overflow: hidden; border: 1px solid var(--color-border-default); border-radius: var(--shape-container-lg); background: var(--color-surface-subtle); }
.arrow-layered-table-card__header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-component-lg); box-sizing: border-box; min-height: var(--space-80); padding: var(--space-component-xl); background: var(--color-surface-subtle); }
.arrow-layered-table-card__identity { display: flex; align-items: flex-start; gap: var(--space-component-md); min-width: 0px; }
.arrow-layered-table-card__leading, .arrow-layered-table-card__action { display: inline-flex; align-items: center; flex: 0 0 auto; }
.arrow-layered-table-card__leading { margin-top: 2px; }
.arrow-layered-table-card__copy { display: flex; flex-direction: column; gap: var(--space-component-xs); min-width: 0px; }
.arrow-layered-table-card__title { margin: 0px; color: var(--color-content-primary); font-family: var(--font-family-base); font-size: var(--type-body-md-size); font-weight: var(--font-weight-medium); line-height: var(--type-body-md-line-height); }
.arrow-layered-table-card__description { color: var(--color-content-tertiary); font-family: var(--font-family-base); font-size: var(--type-body-sm-size); line-height: var(--type-body-sm-line-height); }
.arrow-layered-table-card__table-region { min-width: 0px; overflow-x: auto; }
.arrow-layered-table-card .arrow-layered-table-card__table { border: 0px; border-radius: 0px; background: var(--color-surface-subtle); }
.arrow-layered-table-card .arrow-layered-table-card__table tr:first-child > :is(th, td) { border-top: 1px solid var(--color-border-default); background: var(--color-surface-raised); }
.arrow-layered-table-card .arrow-layered-table-card__table tr:first-child > :first-child { border-radius: var(--shape-container-lg) 0 0 0; }
.arrow-layered-table-card .arrow-layered-table-card__table tr:first-child > :last-child { border-radius: 0 var(--shape-container-lg) 0 0; }
.arrow-layered-table-card .arrow-layered-table-card__table td { background: var(--color-surface-base); }
@media (max-width: 560px) {
  .arrow-layered-table-card__header { align-items: flex-start; min-height: auto; padding: var(--space-component-lg); }
  .arrow-layered-table-card .arrow-layered-table-card__table :is(th, td) { padding: var(--space-component-lg); }
}
@container (max-width: 560px) {
  .arrow-layered-table-card__header { align-items: flex-start; min-height: auto; padding: var(--space-component-lg); }
  .arrow-layered-table-card .arrow-layered-table-card__table :is(th, td) { padding: var(--space-component-lg); }
}
.arrow-tabs { display: flex; box-sizing: border-box; }
.arrow-tabs__tab { appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: var(--color-content-tertiary); font-family: var(--font-family-base); font-size: var(--type-body-sm-size); font-weight: var(--font-weight-medium); cursor: pointer; transition-property: color, background-color, border-color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-tabs__tab:hover { color: var(--color-content-primary); }
.arrow-tabs__tab:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-tabs[data-variant="underline"] { border-bottom: 1px solid var(--color-border-default); }
.arrow-tabs[data-variant="underline"] .arrow-tabs__tab { display: inline-flex; align-items: center; margin-bottom: -1px; padding-inline: var(--space-component-lg); border-bottom: 3px solid transparent; }
.arrow-tabs[data-variant="underline"][data-size="sm"] .arrow-tabs__tab { min-height: var(--space-32); }
.arrow-tabs[data-variant="underline"][data-size="md"] .arrow-tabs__tab { min-height: var(--space-40); }
.arrow-tabs[data-variant="underline"][data-size="lg"] .arrow-tabs__tab { min-height: var(--space-48); }
.arrow-tabs[data-variant="underline"] .arrow-tabs__tab[data-active] { color: var(--color-content-accent); border-bottom-color: var(--color-action-primary); }
.arrow-tabs[data-variant="segmented"] { position: relative; display: inline-flex; gap: var(--space-component-xs); padding: var(--space-component-xs); background: var(--color-surface-subtle); border-radius: var(--shape-container-md); }
.arrow-tabs[data-variant="segmented"][data-size="sm"] { min-height: var(--space-32); --_tab-radius: var(--shape-interactive-md); }
.arrow-tabs[data-variant="segmented"][data-size="md"] { min-height: var(--space-40); --_tab-radius: var(--shape-interactive-md); }
.arrow-tabs[data-variant="segmented"][data-size="lg"] { min-height: var(--space-48); --_tab-radius: var(--shape-interactive-lg); }
.arrow-tabs[data-block] { width: 100%; }
.arrow-tabs[data-variant="segmented"][data-block] { display: flex; }
.arrow-tabs__thumb { position: absolute; top: var(--space-component-xs); bottom: var(--space-component-xs); left: 0px; z-index: 0; border-radius: var(--_tab-radius); background: var(--color-content-primary); }
.arrow-tabs__thumb--animate { transition-property: transform, width; transition-duration: var(--motion-duration-transition-layout); transition-timing-function: var(--motion-easing-productive); }
.arrow-tabs[data-variant="segmented"] .arrow-tabs__tab { position: relative; z-index: 1; flex: 1 1 0%; display: inline-flex; align-items: center; justify-content: center; padding-block: 0px; padding-inline: var(--space-component-md); border-radius: var(--_tab-radius); white-space: nowrap; }
.arrow-tabs[data-variant="segmented"][data-size="lg"] .arrow-tabs__tab { padding-inline: var(--space-component-xl); }
.arrow-tabs[data-variant="segmented"] .arrow-tabs__tab[data-active] { color: var(--color-content-inverted); }
@media (prefers-reduced-motion: reduce) {
  .arrow-tabs__tab, .arrow-tabs__thumb--animate { transition-duration: 0ms; }
}
.arrow-tag { display: inline-flex; align-items: center; gap: var(--space-component-xs); box-sizing: border-box; border: 1px solid transparent; border-radius: var(--shape-feedback-sm); font-family: var(--font-family-base); color: var(--_content); white-space: nowrap; width: fit-content; max-width: 100%; transition-property: background-color, border-color, color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-tag[data-size="sm"] { padding: var(--space-component-xs) var(--space-component-sm); font-size: var(--type-label-md-size); font-weight: var(--type-label-md-weight); line-height: var(--type-label-md-line-height); letter-spacing: var(--type-label-md-tracking); }
.arrow-tag[data-size="md"] { padding: var(--space-component-xs) var(--space-component-md); font-size: var(--type-label-lg-size); font-weight: var(--type-label-lg-weight); line-height: var(--type-label-lg-line-height); letter-spacing: var(--type-label-lg-tracking); }
.arrow-tag[data-removable] { padding-right: var(--space-component-xs); }
.arrow-tag[data-tone="neutral"] { --_surface: var(--color-surface-raised); --_content: var(--color-content-secondary); --_border: var(--color-border-default); }
.arrow-tag[data-tone="accent"] { --_surface: var(--color-action-surface); --_content: var(--color-content-accent); --_border: var(--color-border-accent); }
.arrow-tag[data-tone="success"] { --_surface: var(--color-feedback-success-surface); --_content: var(--color-feedback-success-content); --_border: var(--color-feedback-success-border); }
.arrow-tag[data-tone="warning"] { --_surface: var(--color-feedback-warning-surface); --_content: var(--color-feedback-warning-content); --_border: var(--color-feedback-warning-border); }
.arrow-tag[data-tone="error"] { --_surface: var(--color-feedback-error-surface); --_content: var(--color-feedback-error-content); --_border: var(--color-feedback-error-border); }
.arrow-tag[data-tone="premium"] { --_surface: var(--color-feedback-premium-surface); --_content: var(--color-feedback-premium-content); --_border: var(--color-feedback-premium-border); }
.arrow-tag[data-variant="soft"] { background-color: var(--_surface); border-color: transparent; }
.arrow-tag[data-variant="outline"] { background-color: transparent; border-color: var(--_border); }
.arrow-tag[data-selected] { border-color: var(--_border); background-color: var(--_surface); font-weight: var(--font-weight-medium); }
.arrow-tag__body { display: inline-flex; align-items: center; gap: var(--space-component-xs); min-width: 0px; margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: inherit; font: inherit; letter-spacing: inherit; text-decoration: none; cursor: inherit; }
.arrow-tag[data-clickable] { cursor: pointer; }
.arrow-tag[data-clickable]:hover:not([data-disabled]) { border-color: var(--_border); }
.arrow-tag__body:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; border-radius: var(--shape-feedback-sm); }
.arrow-tag__label { overflow: hidden; text-overflow: ellipsis; }
.arrow-tag__affix { display: inline-flex; align-items: center; flex-shrink: 0; }
.arrow-tag__remove { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; padding: var(--space-component-xs); margin: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--shape-feedback-sm); background: transparent; color: var(--_content); cursor: pointer; transition-property: background-color, color; transition-duration: var(--motion-duration-interaction-fast); transition-timing-function: var(--motion-easing-productive); }
.arrow-tag__remove:hover { background: color-mix(in srgb,var(--_content) 16%,transparent); }
.arrow-tag__remove:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 1px; }
.arrow-tag[data-disabled] { opacity: 0.5; pointer-events: none; }
.arrow-textarea { display: flex; flex-direction: column; gap: var(--space-component-md); font-family: var(--font-family-base); }
.arrow-textarea__control { width: 100%; box-sizing: border-box; resize: vertical; min-height: var(--space-64); padding: var(--space-component-sm) var(--space-component-md); border: 1px solid var(--color-border-default); border-radius: var(--shape-interactive-md); background-color: var(--color-surface-base); color: var(--color-content-primary); font-family: inherit; font-size: var(--type-body-md-size); line-height: var(--type-body-md-line-height); transition-property: border-color, box-shadow; transition-duration: var(--motion-duration-interaction-base); transition-timing-function: var(--motion-easing-productive); }
.arrow-textarea__control::placeholder { color: var(--color-content-tertiary); }
.arrow-textarea__control:focus { outline: none; border-color: var(--color-border-accent); box-shadow: 0 0 0 3px var(--color-state-focus-ring); }
.arrow-textarea[data-error] .arrow-textarea__control { border-color: var(--color-border-error); }
.arrow-textarea[data-error] .arrow-textarea__control:focus { box-shadow: 0 0 0 3px var(--color-state-focus-ring-error); }
.arrow-textarea__control:disabled { background-color: var(--color-state-disabled-surface); color: var(--color-content-disabled); cursor: not-allowed; }
.arrow-textarea__error { margin: 0px; font-size: var(--type-body-xs-size); line-height: var(--type-body-xs-line-height); color: var(--color-feedback-error-content); }
@media (prefers-reduced-motion: reduce) {
  .arrow-textarea__control { transition-duration: 0ms; }
}
.arrow-title-menu { display: inline-flex; align-items: center; gap: var(--space-component-xs); color: inherit; font-family: var(--font-family-base); }
.arrow-title-menu__name { display: inline-block; box-sizing: border-box; height: var(--space-40); line-height: var(--space-40); padding: 0 var(--space-component-md); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; color: inherit; font-size: var(--type-body-md-size); font-weight: var(--font-weight-medium); border-radius: var(--radius-10); cursor: text; max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: background-color var(--motion-duration-interaction-fast) var(--motion-easing-productive); }
.arrow-title-menu .arrow-iconbtn[data-inverted] { --_text: var(--color-content-inverted); }
.arrow-title-menu__name:hover { background-color: color-mix(in srgb, currentcolor 14%, transparent); }
.arrow-title-menu__name:focus-visible { outline: 3px solid var(--color-state-focus-ring); outline-offset: 2px; }
.arrow-title-menu__input { box-sizing: border-box; height: var(--space-40); padding: 0 var(--space-component-md); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: var(--radius-10); background: var(--primitive-midnight-800); color: var(--color-content-inverted); font-family: inherit; font-size: var(--type-body-md-size); font-weight: var(--font-weight-medium); outline: none; }
.arrow-site-footer { font-family: var(--font-family-base,Inter,ui-sans-serif,system-ui,sans-serif); color: var(--color-content-inverted,#fff); background: var(--color-surface-inverted,#081128); border-radius: var(--shape-container-2xl,20px) var(--shape-container-2xl,20px) 0 0; overflow: hidden; }
.arrow-site-footer * { box-sizing: border-box; }
.arrow-site-footer a { color: color-mix(in srgb, currentcolor 72%, transparent); text-decoration: none; }
.arrow-site-footer a:hover, .arrow-site-footer a:focus-visible { color: inherit; }
.arrow-site-footer a:focus-visible, .arrow-site-footer button:focus-visible, .arrow-site-footer input:focus-visible { outline: 3px solid var(--color-state-focus-ring,#13b9df); outline-offset: 2px; }
.arrow-site-footer__cta { margin: var(--space-20,20px); padding: clamp(48px,6vw,88px) var(--space-24,24px) 0; display: flex; flex-direction: column; align-items: center; gap: var(--space-16,16px); overflow: hidden; text-align: center; background: var(--color-action-primary,#0799bf); border-radius: var(--shape-container-xl,16px); }
.arrow-site-footer__cta h2 { max-width: 32ch; margin: 0px; font-size: clamp(28px, 3vw, 40px); line-height: 1.1; }
.arrow-site-footer__cta > p { max-width: 56ch; margin: 0px; color: color-mix(in srgb, currentcolor 82%, transparent); font-size: var(--type-body-lg-size,18px); }
.arrow-site-footer__cta-action { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; padding: 12px 24px; background: rgb(8, 17, 40); border-radius: 8px; font-weight: 650; color: rgb(255, 255, 255) !important; }
.arrow-site-footer__cta figure { width: min(100%, 1072px); height: clamp(150px, 18vw, 250px); margin: clamp(32px, 4vw, 56px) auto 0px; overflow: hidden; border-radius: 16px 16px 0px 0px; box-shadow: rgba(8, 17, 40, 0.28) 0px 18px 50px; }
.arrow-site-footer__cta img { display: block; width: 100%; height: auto; min-height: 100%; object-fit: cover; object-position: left top; }
.arrow-site-footer__surface { background: rgb(8, 17, 40); }
.arrow-site-footer__inner { max-width: 1380px; margin-inline: auto; padding: 64px 24px 32px; }
.arrow-site-footer__newsletter { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(420px, 0.9fr); align-items: center; gap: clamp(32px, 6vw, 96px); padding-bottom: 64px; margin-bottom: 64px; border-bottom: 1px solid color-mix(in srgb, currentcolor 12%, transparent); }
.arrow-site-footer__newsletter h2 { max-width: 24ch; margin: 0px; font-size: clamp(28px, 3vw, 40px); line-height: 1.1; }
.arrow-site-footer__newsletter form { display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 8px; }
.arrow-site-footer__newsletter label { display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 0px 16px; background: rgb(52, 61, 84); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 8px; }
.arrow-site-footer__newsletter input { width: 100%; color: inherit; background: transparent; border: 0px; outline: 0px; }
.arrow-site-footer__newsletter input::placeholder { color: rgb(181, 189, 204); }
.arrow-site-footer__newsletter button { min-height: 48px; padding-inline: 24px; border: 0px; border-radius: 8px; background: rgb(255, 255, 255); color: rgb(8, 17, 40); font-weight: 650; cursor: pointer; }
.arrow-site-footer__newsletter button:disabled, .arrow-site-footer__newsletter input:disabled { cursor: wait; opacity: 0.75; }
.arrow-site-footer__main { display: grid; grid-template-columns: minmax(280px, 1.5fr) repeat(3, minmax(140px, 1fr)); gap: clamp(40px, 6vw, 88px); padding-bottom: 64px; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.arrow-site-footer__logo img { display: block; width: auto; height: 40px; filter: brightness(0) invert(1); }
.arrow-site-footer__brand > p { max-width: 34ch; margin: 20px 0px 0px; color: rgb(181, 189, 204); font-size: 14px; line-height: 1.55; }
.arrow-site-footer__brand ul { display: grid; gap: 16px; margin: 32px 0px 0px; padding: 0px; list-style: none; }
.arrow-site-footer__main nav { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.arrow-site-footer__main nav h2 { margin: 0px 0px 4px; font-size: 12px; text-transform: uppercase; }
.arrow-site-footer__main nav a, .arrow-site-footer__brand a, .arrow-site-footer__bottom { font-size: 14px; }
.arrow-site-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 24px; color: rgb(181, 189, 204); }
.arrow-site-footer__bottom p { margin: 0px; }
.arrow-site-footer__bottom nav { display: flex; gap: 8px; }
.arrow-site-footer__bottom nav a { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 8px; color: inherit; }
.arrow-site-footer__disclaimer { max-width: 72ch; margin: 0px 0px 24px; color: rgb(181, 189, 204); }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
@media (max-width: 900px) {
  .arrow-site-footer__newsletter { grid-template-columns: 1fr; }
  .arrow-site-footer__main { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 600px) {
  .arrow-site-footer__cta { margin: 12px; padding-inline: 16px; }
  .arrow-site-footer__cta figure { width: calc(100% + 24px); height: 150px; }
  .arrow-site-footer__cta img { width: 190%; max-width: none; }
  .arrow-site-footer__inner { padding-inline: 16px; }
  .arrow-site-footer__newsletter form, .arrow-site-footer__main { grid-template-columns: 1fr; }
  .arrow-site-footer__bottom { align-items: flex-start; flex-direction: column; }
}
.arrow-site-footer__inner { padding: 60px 20px 32px; }
.arrow-site-footer__newsletter { padding-bottom: 60px; margin-bottom: 60px; gap: 8px clamp(32px, 6vw, 96px); }
.arrow-site-footer__main { padding-bottom: 60px; }
.arrow-site-footer { --footer-muted: color-mix(in srgb, var(--color-content-inverted, #fff) 62%, transparent); --footer-line: color-mix(in srgb, var(--color-content-inverted, #fff) 12%, transparent); }
.arrow-site-footer__cta h2, .arrow-site-footer__newsletter h2 { font-weight: 600; letter-spacing: -0.02em; }
.arrow-site-footer__cta > p { color: color-mix(in srgb, rgb(255, 255, 255) 80%, transparent); line-height: 1.5; }
.arrow-site-footer__brand > p { max-width: 320px; color: var(--footer-muted); }
.arrow-site-footer__brand li a, .arrow-site-footer__main nav a { color: var(--footer-muted); transition: color var(--motion-duration-interaction-base, .15s) ease; }
.arrow-site-footer__brand li a:hover, .arrow-site-footer__main nav a:hover { color: var(--color-content-inverted, #fff); }
.arrow-site-footer__main nav { gap: 14px; }
.arrow-site-footer__main nav h2 { margin: 0px 0px 2px; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; }
.arrow-site-footer__bottom { gap: 16px; }
.arrow-site-footer__bottom p { color: var(--footer-muted); font-size: 13px; }
@media (max-width: 960px) {
  .arrow-site-footer__newsletter { grid-template-columns: 1fr; gap: 28px 0px; }
}
@media (max-width: 600px) {
  .arrow-site-footer__cta { margin-inline: var(--space-16, 16px); }
}
.arrow-site-footer__social { gap: 10px !important; }
.arrow-site-footer__social a { flex: 0 0 auto; transition: background var(--motion-duration-interaction-base, .15s) ease,border-color var(--motion-duration-interaction-base, .15s) ease,transform var(--motion-duration-interaction-fast, .1s) ease; border-color: var(--footer-line, rgba(255, 255, 255, .18)) !important; border-radius: var(--shape-interactive-lg, 10px) !important; color: var(--color-content-inverted, #fff) !important; }
.arrow-site-footer__social a svg { width: 20px; height: 20px; }
.arrow-site-footer__social a:hover { background: var(--color-action-primary, #0092be); transform: translateY(-2px); border-color: var(--color-action-primary, #0092be) !important; }
.arrow-site-footer__social a:focus-visible { outline: 3px solid var(--color-state-focus-ring, #7cc4ff); outline-offset: 2px; }
.arrow-site-footer[data-variant="lead-form"] .arrow-site-footer__cta { padding-bottom: clamp(48px, 6vw, 88px); }
.arrow-site-footer__lead-form { width: min(100%, 1072px); display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--space-20,20px) var(--space-24,24px); box-sizing: border-box; margin: clamp(24px, 3vw, 40px) auto 0px; padding: 0px; border-radius: 0px; background: transparent; color: var(--primitive-midnight-0,#fff); text-align: left; }
.arrow-site-footer__lead-form h3 { grid-column: 1 / -1; margin: 0 0 var(--space-8,8px); font-size: var(--type-heading-xl-size,28px); font-weight: var(--type-heading-xl-weight,700); line-height: var(--type-heading-xl-line-height,1.15); }
.arrow-site-footer__lead-form > .arrow-btn { grid-column: 1 / -1; margin-top: var(--space-12,12px); --_solid: var(--primitive-gulf-900,#051244); --_solid-hover: var(--primitive-gulf-800,#121d59); --_solid-pressed: var(--primitive-gulf-700,#2b2e6b); --_on-solid: var(--primitive-midnight-0,#fff); }
.arrow-site-footer__lead-form-status { grid-column: 1 / -1; margin: 0px; color: var(--color-feedback-success-content,#005e00); font-size: var(--type-body-sm-size,14px); text-align: center; }
.arrow-site-footer__lead-form .arrow-label { color: var(--primitive-midnight-0,#fff); }
.arrow-site-footer .arrow-site-footer__lead-form .arrow-input__control:focus-visible { outline: none; outline-offset: 0px; }
.arrow-select__panel.arrow-site-footer__lead-form-select-panel { border-color: var(--color-border-default,#dcdce1); background: var(--color-surface-base,#fff); color: var(--color-content-primary,#081128); }
.arrow-select__panel.arrow-site-footer__lead-form-select-panel .arrow-select__option { color: var(--color-content-primary,#081128); }
.arrow-select__panel.arrow-site-footer__lead-form-select-panel .arrow-select__option:hover, .arrow-select__panel.arrow-site-footer__lead-form-select-panel .arrow-select__option[data-active] { background: var(--color-state-hover-neutral,#edeef0); }
.arrow-select__panel.arrow-site-footer__lead-form-select-panel .arrow-select__option[aria-selected="true"], .arrow-select__panel.arrow-site-footer__lead-form-select-panel .arrow-select__check { color: var(--color-content-accent,#0092be); }
@media (max-width: 720px) {
  .arrow-site-footer__lead-form { grid-template-columns: 1fr; }
  .arrow-site-footer__lead-form h3, .arrow-site-footer__lead-form > .arrow-btn { grid-column: 1; }
}
.arrow-newsletter-input { display: flex; align-items: stretch; gap: 8px; width: 100%; }
.arrow-newsletter-input__field { flex: 1 1 auto; min-width: 0px; height: 48px; display: flex; align-items: center; gap: 10px; padding: 0px 16px; background: var(--color-surface-inverted-raised,#33384e); border: 1px solid color-mix(in srgb,var(--color-content-inverted,#fff) 12%,transparent); border-radius: var(--shape-interactive-lg,10px); transition: background-color var(--motion-duration-interaction-base,.15s) ease,border-color var(--motion-duration-interaction-base,.15s) ease,box-shadow var(--motion-duration-interaction-base,.15s) ease; }
.arrow-newsletter-input__field:focus-within { border-color: var(--color-border-accent,#0092be); box-shadow: 0 0 0 3px var(--color-state-focus-ring,#a7eafb); }
.arrow-newsletter-input__icon { flex: 0 0 auto; display: grid; place-items: center; color: color-mix(in srgb,var(--color-content-inverted,#fff) 62%,transparent); }
.arrow-newsletter-input__control { flex: 1 1 0%; min-width: 0px; height: 100%; padding: 0px; border: 0px; background: transparent; color: var(--color-content-inverted,#fff); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: 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-size: 14px; }
.arrow-newsletter-input__control::placeholder { color: color-mix(in srgb,var(--color-content-inverted,#fff) 62%,transparent); }
.arrow-newsletter-input__control:focus-visible { outline: none; }
.arrow-newsletter-input__control:disabled { cursor: wait; }
.arrow-newsletter-input > .arrow-btn { flex: 0 0 auto; }
@media (max-width: 600px) {
  .arrow-newsletter-input { flex-direction: column; }
  .arrow-newsletter-input > .arrow-btn { width: 100%; }
}
.arrow-announcement-bar { position: relative; min-height: var(--space-64,64px); display: flex; align-items: center; background: var(--primitive-blizzard-300,#4fd1ec); color: var(--primitive-midnight-900,#081128); }
.arrow-announcement-bar__inner { width: min(100%,var(--site-max,1380px)); min-height: var(--space-64,64px); box-sizing: border-box; margin-inline: auto; padding-inline: var(--space-64,64px); display: flex; align-items: center; justify-content: center; gap: var(--space-component-lg,16px); flex-wrap: wrap; text-align: center; }
.arrow-announcement-bar__message { display: inline-flex; align-items: center; min-height: var(--space-32,32px); font-family: var(--font-family-base,"Inter",sans-serif); font-size: var(--type-body-sm-size,14px); font-weight: var(--font-weight-semibold,600); line-height: var(--type-body-sm-line-height,20px); letter-spacing: var(--type-body-sm-tracking,0); }
.arrow-announcement-bar__action.arrow-btn { flex: 0 0 auto; --_solid: var(--primitive-midnight-900,#081128); --_solid-hover: var(--primitive-midnight-700,#33384e); --_solid-pressed: var(--primitive-midnight-800,#1b2339); --_on-solid: var(--color-content-inverted,#fff); }
.arrow-announcement-bar__dismiss { position: absolute; top: 50%; right: var(--space-component-md,12px); transform: translateY(-50%); line-height: 0; }
.arrow-announcement-bar__dismiss .arrow-iconbtn { --_text: var(--primitive-midnight-900,#081128); --_soft-hover: color-mix(in srgb,var(--primitive-midnight-900,#081128) 12%,transparent); }
@media (max-width: 860px) {
  .arrow-announcement-bar, .arrow-announcement-bar__inner { min-height: 56px; }
  .arrow-announcement-bar__inner { padding: 8px 44px; gap: 10px; }
  .arrow-announcement-bar__message { min-height: 32px; font-size: 13px; }
}
@media (max-width: 560px) {
  .arrow-announcement-bar__inner { padding: var(--space-16,16px) var(--space-48,48px); gap: var(--space-12,12px); }
  .arrow-announcement-bar__message { min-height: 0px; line-height: 1.45; }
  .arrow-announcement-bar__dismiss { right: var(--space-16,16px); }
}
@container (max-width: 560px) {
  .arrow-announcement-bar, .arrow-announcement-bar__inner { min-height: 56px; }
  .arrow-announcement-bar__inner { padding: var(--space-16,16px) var(--space-48,48px); gap: var(--space-12,12px); }
  .arrow-announcement-bar__message { min-height: 0px; font-size: 13px; line-height: 1.45; }
  .arrow-announcement-bar__dismiss { right: var(--space-16,16px); }
}
@media (prefers-reduced-motion: reduce) {
  .arrow-announcement-bar * { scroll-behavior: auto; }
}
.arrow-site-header { position: sticky; top: var(--arrow-site-header-offset,0); z-index: var(--z-sticky,100); background: var(--color-surface-inverted,#081128); color: var(--color-content-inverted,#fff); box-shadow: var(--elevation-sticky-header,0 4px 16px rgba(8,17,40,.12)); }
.arrow-site-header__inner { width: min(100%,calc(var(--site-max,1380px) + 48px)); height: 72px; box-sizing: border-box; margin-inline: auto; padding-inline: 24px; display: grid; grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr); align-items: center; gap: 24px; }
.arrow-site-header__brand { display: inline-flex; align-items: center; justify-self: start; color: inherit; text-decoration: none; }
.arrow-site-header__brand .arrow-logo { display: block; height: 40px; }
.arrow-site-header__nav { justify-self: center; }
.arrow-site-header__list, .arrow-site-header__submenu { margin: 0px; padding: 0px; list-style: none; }
.arrow-site-header__list { display: flex; align-items: center; gap: 24px; }
.arrow-site-header__item { position: relative; }
.arrow-site-header__link, .arrow-site-header__submenu-toggle { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0px; border: 0px; background: none; color: color-mix(in srgb,var(--color-content-inverted,#fff) 80%,transparent); font-style: inherit; font-variant: inherit; font-stretch: 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-size: var(--type-body-sm-size,14px); font-weight: var(--font-weight-medium,500); text-decoration: none; cursor: pointer; }
.arrow-site-header__link:hover, .arrow-site-header__link:focus-visible, .arrow-site-header__submenu-toggle:hover, .arrow-site-header__submenu-toggle:focus-visible, .arrow-site-header__link[aria-current="page"] { color: var(--color-content-inverted,#fff); }
.arrow-site-header__chevron { transition: transform var(--motion-duration-interaction-base,.15s) var(--motion-easing-productive,ease); }
.arrow-site-header__submenu-toggle[aria-expanded="true"] .arrow-site-header__chevron { transform: rotate(180deg); }
.arrow-site-header__submenu { position: absolute; top: calc(100% + 4px); left: 50%; z-index: var(--z-dropdown,1000); min-width: 220px; padding: 8px; border-radius: var(--shape-interactive-md,8px); background: var(--color-surface-inverted,#081128); box-shadow: var(--elevation-overlay,0 16px 32px rgba(8,17,40,.22)); opacity: 0; visibility: hidden; transform: translate(-50%, -4px); transition: opacity var(--motion-duration-interaction-base,.15s) var(--motion-easing-productive,ease),transform var(--motion-duration-interaction-base,.15s) var(--motion-easing-productive,ease),visibility var(--motion-duration-interaction-base,.15s); }
.arrow-site-header__item:hover > .arrow-site-header__submenu, .arrow-site-header__item:focus-within > .arrow-site-header__submenu, .arrow-site-header__submenu[data-open] { opacity: 1; visibility: visible; transform: translate(-50%); }
.arrow-site-header__submenu .arrow-site-header__link { width: 100%; box-sizing: border-box; padding: 0px 12px; border-radius: var(--shape-interactive-md,8px); white-space: nowrap; }
.arrow-site-header__submenu .arrow-site-header__link:hover, .arrow-site-header__submenu .arrow-site-header__link:focus-visible { background: color-mix(in srgb,var(--color-content-inverted,#fff) 8%,transparent); }
.arrow-site-header__actions { display: flex; align-items: center; justify-self: end; gap: 16px; }
.arrow-site-header__actions--mobile { display: none; }
.arrow-site-header__login { display: inline-flex; align-items: center; min-height: 44px; color: inherit; font-size: var(--type-body-sm-size,14px); font-weight: var(--font-weight-semibold,600); text-decoration: none; }
.arrow-site-header__login:hover { opacity: 0.85; }
.arrow-site-header__actions .arrow-btn { --_solid: var(--color-action-primary,#0092be); --_solid-hover: var(--color-action-hover,#007198); --_solid-pressed: var(--color-action-pressed,#005677); --_on-solid: var(--color-content-inverted,#fff); }
.arrow-site-header__menu-toggle { display: none; justify-self: end; }
.arrow-site-header[data-variant="minimal"] .arrow-site-header__inner { display: flex; justify-content: space-between; }
.arrow-site-header[data-variant="minimal"] .arrow-site-header__nav, .arrow-site-header[data-variant="minimal"] .arrow-site-header__menu-toggle { display: none; }
.arrow-site-header[data-variant="minimal"] .arrow-site-header__actions--desktop { display: flex; }
@media (max-width: 960px) {
  .arrow-site-header__inner { grid-template-columns: 1fr auto; height: 64px; }
  .arrow-site-header__brand .arrow-logo { height: 40px; }
  .arrow-site-header__menu-toggle { display: block; }
  .arrow-site-header__nav { position: absolute; top: 100%; left: 0px; right: 0px; max-height: calc(-64px + 100vh); padding: 12px 20px 24px; background: var(--color-surface-inverted,#081128); box-shadow: var(--elevation-overlay,0 16px 32px rgba(8,17,40,.22)); overflow: auto; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity var(--motion-duration-transition-layout,.25s) var(--motion-easing-productive,ease),transform var(--motion-duration-transition-layout,.25s) var(--motion-easing-productive,ease),visibility var(--motion-duration-transition-layout,.25s); }
  .arrow-site-header__nav[data-open] { opacity: 1; visibility: visible; transform: none; }
  .arrow-site-header__list { align-items: stretch; flex-direction: column; gap: 0px; }
  .arrow-site-header__item { width: 100%; border-bottom: 1px solid color-mix(in srgb,var(--color-content-inverted,#fff) 12%,transparent); }
  .arrow-site-header__link, .arrow-site-header__submenu-toggle { width: 100%; justify-content: space-between; box-sizing: border-box; min-height: 52px; }
  .arrow-site-header__submenu { position: static; display: none; min-width: 0px; padding: 0px 0px 8px 12px; background: transparent; box-shadow: none; opacity: 1; visibility: visible; transform: none; transition: none; }
  .arrow-site-header__submenu[data-open] { display: block; }
  .arrow-site-header__submenu .arrow-site-header__link { min-height: 44px; }
  .arrow-site-header__actions--desktop { display: none; }
  .arrow-site-header__actions--mobile { display: flex; align-items: stretch; flex-direction: column; padding-top: 16px; }
  .arrow-site-header__actions--mobile .arrow-btn { width: 100%; }
}
@media (max-width: 600px) {
  .arrow-site-header__inner { padding-inline: var(--space-16,16px); }
}
@media (prefers-reduced-motion: reduce) {
  .arrow-site-header__nav, .arrow-site-header__submenu, .arrow-site-header__chevron { transition: none; }
}
.arrow-site-hero { --arrow-site-hero-interval: 6s; --arrow-site-hero-shell-corner: var(--shape-container-2xl,24px); position: relative; isolation: isolate; overflow: hidden; display: flex; align-items: center; min-height: 680px; background: var(--color-surface-inverted,#081128); color: var(--color-content-inverted,#fff); }
.arrow-site-hero[data-variant="lead-magnet"] { min-height: 560px; }
.arrow-site-hero::before, .arrow-site-hero::after { content: ""; position: absolute; top: 0px; z-index: 4; width: var(--arrow-site-hero-shell-corner); height: var(--arrow-site-hero-shell-corner); pointer-events: none; }
.arrow-site-hero::before { left: 0px; background: radial-gradient(circle var(--arrow-site-hero-shell-corner) at 100% 100%,transparent calc(100% - .5px),var(--site-shell-surface,#081128) 100%); }
.arrow-site-hero::after { right: 0px; background: radial-gradient(circle var(--arrow-site-hero-shell-corner) at 0 100%,transparent calc(100% - .5px),var(--site-shell-surface,#081128) 100%); }
.arrow-site-hero__background, .arrow-site-hero__scrim { position: absolute; inset: 0px; }
.arrow-site-hero__background { z-index: 0; }
.arrow-site-hero__background-frame { position: absolute; inset: 0px; overflow: hidden; opacity: 0; transform: scale(1.025); transition-property: opacity, transform; transition-duration: var(--motion-duration-expressive-celebration,.8s),1.2s; transition-timing-function: var(--motion-easing-enter,cubic-bezier(.2,.8,.2,1)); will-change: opacity, transform; }
.arrow-site-hero[data-media-revealed] .arrow-site-hero__background-frame[data-active] { opacity: 1; transform: scale(1); }
.arrow-site-hero__background-image { display: block; width: 100%; height: 100%; object-fit: cover; object-position: var(--arrow-site-hero-image-position,center); }
.arrow-site-hero__background-frame[data-active] .arrow-site-hero__background-image { animation: 20s ease-in-out 0s infinite alternate none running arrow-site-hero-zoom; will-change: transform; }
@keyframes arrow-site-hero-zoom { 
  100% { transform: scale(1.08); }
}
.arrow-site-hero__scrim { z-index: 1; background: linear-gradient(90deg, rgba(8, 17, 40, 0.92), rgba(8, 17, 40, 0.72) 42%, rgba(8, 17, 40, 0.35) 72%, rgba(8, 17, 40, 0.12)); }
.arrow-site-hero__inner { position: relative; z-index: 2; width: 100%; max-width: var(--site-max,1380px); margin-inline: auto; padding: clamp(48px,6vw,96px) var(--space-component-xl,24px); }
.arrow-site-hero__slides { display: grid; max-width: 620px; }
.arrow-site-hero__slide { grid-area: 1 / 1; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-component-xl,24px); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity var(--motion-duration-transition-page,.3s) var(--motion-easing-enter,ease); }
.arrow-site-hero__slide[data-active] { opacity: 1; visibility: visible; pointer-events: auto; }
.arrow-site-hero__badges, .arrow-site-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-component-lg,16px); }
.arrow-site-hero__badges { gap: var(--space-component-sm,8px); }
.arrow-site-hero__title { margin: 0px; color: inherit; font-family: var(--font-family-base,Inter,sans-serif); font-size: clamp(var(--type-display-md-size,32px),4.5vw,var(--type-display-xl-size,48px)); font-weight: var(--type-display-xl-weight,700); line-height: var(--type-display-xl-line-height,1); letter-spacing: var(--type-display-xl-tracking,-.025em); }
.arrow-site-hero__description { margin: 0px; color: inherit; font-size: var(--type-body-lg-size,18px); line-height: var(--type-body-lg-line-height,1.55); opacity: 0.9; }
.arrow-site-hero__actions { margin-top: var(--space-component-xs,4px); }
.arrow-site-hero .arrow-reveal > * { opacity: 0; transform: translateY(var(--motion-reveal-offset,36px)); }
.arrow-site-hero .arrow-reveal[data-revealed] > * { opacity: 1; transform: none; transition-property: opacity, transform; transition-duration: var(--motion-duration-transition-page,.4s); transition-timing-function: var(--motion-easing-enter,cubic-bezier(.2,.8,.2,1)); transition-delay: calc(var(--motion-stagger-base,90ms)*var(--arrow-reveal-i,0)); }
.arrow-site-hero__pagination { display: flex; align-items: center; gap: var(--space-component-sm,8px); margin-top: var(--space-layout-md,32px); }
.arrow-site-hero__dot { display: block; padding: 9px 0px; border: 0px; background: transparent; cursor: pointer; }
.arrow-site-hero__dot-track { display: block; width: 40px; height: 8px; overflow: hidden; border-radius: 999px; background: rgb(255, 255, 255); transition: opacity var(--motion-duration-interaction-comfortable,.2s) var(--motion-easing-productive,ease); }
.arrow-site-hero__dot:hover .arrow-site-hero__dot-track { opacity: 0.85; }
.arrow-site-hero__dot:focus-visible { outline: none; }
.arrow-site-hero__dot:focus-visible .arrow-site-hero__dot-track { outline: 3px solid var(--color-state-focus-ring,#a7eafb); outline-offset: 2px; }
.arrow-site-hero__dot-fill { display: block; width: 100%; height: 100%; background: var(--color-action-primary,#0092be); transform: scaleX(0); transform-origin: left center; }
.arrow-site-hero__dot[data-active] .arrow-site-hero__dot-fill { animation: arrow-site-hero-progress var(--arrow-site-hero-interval) linear forwards; }
.arrow-site-hero[data-paused] .arrow-site-hero__dot-fill { animation-play-state: paused; }
@keyframes arrow-site-hero-progress { 
  100% { transform: scaleX(1); }
}
@media (max-width: 860px) {
  .arrow-site-hero { min-height: 560px; }
  .arrow-site-hero[data-variant="lead-magnet"] { min-height: 480px; }
  .arrow-site-hero__inner { padding-inline: 20px; }
  .arrow-site-hero__scrim { background: linear-gradient(90deg, rgba(8, 17, 40, 0.94), rgba(8, 17, 40, 0.68)); }
}
@media (max-width: 560px) {
  .arrow-site-hero__inner { padding-inline: var(--space-16,16px); }
}
@media (max-width: 560px) {
  .arrow-site-hero[data-variant="lead-magnet"] { min-height: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .arrow-site-hero__background-frame, .arrow-site-hero__slide { transition: none; }
  .arrow-site-hero__background-frame { transform: none; }
  .arrow-site-hero__background-frame[data-active] .arrow-site-hero__background-image { animation: auto ease 0s 1 normal none running none; }
  .arrow-site-hero__dot-fill { animation: auto ease 0s 1 normal none running none !important; }
  .arrow-site-hero .arrow-reveal > * { transform: none; }
  .arrow-site-hero .arrow-reveal[data-revealed] > * { transform: none; transition-property: opacity; transition-duration: 75ms; transition-delay: 0ms; }
}
.arrow-site-impact-indicators { --_surface: var(--primitive-blizzard-300,#4fd1ec); --_primary: var(--color-content-primary,#081128); --_secondary: var(--primitive-blizzard-900,#002738); --_divider: var(--primitive-blizzard-700,#005677); padding-inline: var(--space-24,24px); background: var(--primitive-midnight-100,#edeef0); }
.arrow-site-impact-indicators[data-overlap="hero"] { --_hero-overlap: calc(var(--space-48,48px) + var(--space-64,64px)); position: relative; z-index: 3; margin-top: calc(var(--_hero-overlap)*-1); padding-bottom: 0px; background: linear-gradient(to bottom,transparent 0 var(--_hero-overlap),var(--primitive-midnight-100,#edeef0) var(--_hero-overlap) 100%); }
.arrow-site-hero:has(+ .arrow-site-impact-indicators[data-overlap="hero"]) .arrow-site-hero__inner { transform: translateY(calc((var(--space-48,48px) + var(--space-64,64px))/-2)); }
.arrow-site-impact-indicators__title { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
.arrow-site-impact-indicators__list { --motion-stagger-base: 90ms; --impact-counter-start: .54s; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: var(--space-24,24px); width: 100%; max-width: var(--site-max,1380px); box-sizing: border-box; margin-inline: auto; padding: var(--space-48,48px); border-radius: var(--radius-24,24px); background: var(--_surface); }
.arrow-site-impact-indicators__item { min-width: 0px; display: flex; flex-direction: column; align-items: stretch; opacity: 0; transform: translateY(var(--motion-reveal-offset,24px)); will-change: opacity, transform; }
.arrow-site-impact-indicators__list[data-revealed] .arrow-site-impact-indicators__item { opacity: 1; transform: none; transition-property: opacity, transform; transition-duration: var(--motion-duration-transition-page,.4s); transition-timing-function: var(--motion-easing-enter,cubic-bezier(.2,.8,.2,1)); transition-delay: calc(var(--impact-item-i,0) * var(--motion-stagger-base,90ms)); }
.arrow-site-impact-indicators__head { min-height: var(--space-64,64px); display: flex; align-items: flex-start; gap: var(--space-16,16px); padding-bottom: var(--space-32,32px); border-bottom: 1px solid var(--_divider); }
.arrow-site-impact-indicators__icon { width: var(--icon-size-comfortable,24px); height: var(--icon-size-comfortable,24px); flex: 0 0 auto; display: grid; place-items: center; color: var(--_primary); }
.arrow-site-impact-indicators__name { margin: 0px; color: var(--_primary); font-family: var(--font-family-base,Inter,sans-serif); font-size: var(--type-heading-lg-size,24px); font-weight: var(--font-weight-medium,500); line-height: var(--type-heading-lg-line-height,1.2); letter-spacing: var(--type-heading-lg-tracking,-.008em); }
.arrow-site-impact-indicators__value { display: inline-flex; align-items: center; overflow: hidden; margin: var(--space-32,32px) 0 0; color: var(--_primary); font-family: var(--font-family-base,Inter,sans-serif); font-size: var(--type-metric-xl-size,70px); font-weight: var(--type-metric-xl-weight,400); line-height: var(--type-metric-xl-line-height,1.3); letter-spacing: var(--type-metric-xl-tracking,-.04em); font-variant-numeric: tabular-nums; cursor: default; user-select: none; }
.arrow-site-impact-indicators__digit { position: relative; display: inline-flex; height: 1.3em; overflow: hidden; }
.arrow-site-impact-indicators__track { display: flex; flex-direction: column; align-items: center; height: max-content; transform: translateY(0px); will-change: transform, filter; }
.arrow-site-impact-indicators__track > span { height: 1.3em; display: flex; align-items: center; justify-content: center; }
.arrow-site-impact-indicators__list[data-revealed] .arrow-site-impact-indicators__track { transform: translateY(var(--counter-distance)); transition: transform var(--motion-duration-expressive-celebration,.8s) var(--motion-easing-enter,cubic-bezier(.2,.8,.2,1)) var(--counter-delay); }
.arrow-site-impact-indicators__suffix { display: inline-flex; height: 1.3em; align-items: center; }
.arrow-site-impact-indicators__suffix[data-muted] { color: var(--_secondary); }
.arrow-site-impact-indicators__description { max-width: 34ch; margin: var(--space-8,8px) 0 0; color: var(--_secondary); font-family: var(--font-family-base,Inter,sans-serif); font-size: var(--type-body-md-size,16px); font-weight: var(--type-body-md-weight,400); line-height: var(--type-body-md-line-height,1.6); letter-spacing: var(--type-body-md-tracking,0); }
.arrow-site-impact-indicators[data-variant="without-descriptions"] .arrow-site-impact-indicators__value { margin-bottom: 0px; }
.arrow-site-impact-indicators[data-variant="without-descriptions"] .arrow-site-impact-indicators__name { font-size: var(--type-heading-sm-size,18px); font-weight: var(--font-weight-medium,500); line-height: var(--type-heading-sm-line-height,1.3); letter-spacing: var(--type-heading-sm-tracking,-.003em); white-space: nowrap; }
@media (max-width: 900px) {
  .arrow-site-impact-indicators[data-variant="without-descriptions"] .arrow-site-impact-indicators__name { font-size: var(--type-body-md-size,16px); font-weight: var(--type-body-md-weight,400); line-height: var(--type-body-md-line-height,1.6); letter-spacing: var(--type-body-md-tracking,0); }
}
@media (max-width: 900px) {
  .arrow-site-hero:has(+ .arrow-site-impact-indicators[data-overlap="hero"]) .arrow-site-hero__inner { transform: translateY(calc((var(--space-48,48px) + var(--space-64,64px))/-2)); }
  .arrow-site-impact-indicators[data-overlap="hero"] { --_hero-overlap: calc(var(--space-48,48px) + var(--space-64,64px)); margin-top: calc(var(--_hero-overlap)*-1); padding-bottom: 0px; background: linear-gradient(to bottom,transparent 0 var(--_hero-overlap),var(--primitive-midnight-100,#edeef0) var(--_hero-overlap) 100%); }
  .arrow-site-impact-indicators__list { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--space-48,48px) var(--space-24,24px); }
  .arrow-site-impact-indicators__value { font-size: var(--type-display-2xl-size,56px); }
}
@media (max-width: 560px) {
  .arrow-site-hero:has(+ .arrow-site-impact-indicators[data-overlap="hero"]) .arrow-site-hero__inner { transform: none; }
  .arrow-site-impact-indicators { padding-inline: var(--space-20,20px); }
  .arrow-site-impact-indicators[data-overlap="hero"] { --_hero-overlap: var(--space-32,32px); margin-top: calc(var(--_hero-overlap)*-1); padding-bottom: 0px; background: linear-gradient(to bottom,transparent 0 var(--_hero-overlap),var(--primitive-midnight-100,#edeef0) var(--_hero-overlap) 100%); }
  .arrow-site-impact-indicators__list { grid-template-columns: 1fr; gap: 0px; padding: var(--space-24,24px); }
  .arrow-site-impact-indicators__item { padding-block: var(--space-24,24px); border-bottom: 1px solid var(--_divider); }
  .arrow-site-impact-indicators__item:first-child { padding-top: 0px; }
  .arrow-site-impact-indicators__item:last-child { padding-bottom: 0px; border-bottom: 0px; }
  .arrow-site-impact-indicators__head { min-height: 0px; align-items: center; padding-bottom: 0px; border-bottom: 0px; }
  .arrow-site-impact-indicators__value { margin-top: var(--space-16,16px); font-size: var(--type-display-xl-size,48px); }
}
@container (max-width: 560px) {
  .arrow-site-hero:has(+ .arrow-site-impact-indicators[data-overlap="hero"]) .arrow-site-hero__inner { transform: none; }
  .arrow-site-impact-indicators { padding-inline: var(--space-20,20px); }
  .arrow-site-impact-indicators[data-overlap="hero"] { --_hero-overlap: var(--space-32,32px); margin-top: calc(var(--_hero-overlap)*-1); padding-bottom: 0px; background: linear-gradient(to bottom,transparent 0 var(--_hero-overlap),var(--primitive-midnight-100,#edeef0) var(--_hero-overlap) 100%); }
  .arrow-site-impact-indicators__list { grid-template-columns: 1fr; gap: 0px; padding: var(--space-24,24px); }
  .arrow-site-impact-indicators__item { padding-block: var(--space-24,24px); border-bottom: 1px solid var(--_divider); }
  .arrow-site-impact-indicators__item:first-child { padding-top: 0px; }
  .arrow-site-impact-indicators__item:last-child { padding-bottom: 0px; border-bottom: 0px; }
  .arrow-site-impact-indicators__head { min-height: 0px; align-items: center; padding-bottom: 0px; border-bottom: 0px; }
  .arrow-site-impact-indicators__value { margin-top: var(--space-16,16px); font-size: var(--type-display-xl-size,48px); }
}
@media (max-width: 560px) {
  .arrow-site-impact-indicators { padding-inline: var(--space-16,16px); }
}
@container (max-width: 560px) {
  .arrow-site-impact-indicators { padding-inline: var(--space-16,16px); }
}
@media (prefers-reduced-motion: reduce) {
  .arrow-site-impact-indicators__item { opacity: 1; transform: none; transition: none; }
  .arrow-site-impact-indicators__track { transform: translateY(var(--counter-distance)); transition: none; }
}
:is(.arrow-site-footer__newsletter .arrow-newsletter-input .arrow-btn, .arrow-announcement-bar__action.arrow-btn, .arrow-site-header__actions .arrow-btn, .arrow-site-hero__actions .arrow-btn) { box-shadow: var(--elevation-interactive-resting,none); transition-property: background-color, border-color, color, box-shadow, transform; transition-duration: var(--motion-duration-interaction-base,.15s); transition-timing-function: var(--motion-easing-productive,ease); }
:is(.arrow-site-footer__newsletter .arrow-newsletter-input .arrow-btn, .arrow-announcement-bar__action.arrow-btn, .arrow-site-header__actions .arrow-btn, .arrow-site-hero__actions .arrow-btn):hover:not(:disabled) { box-shadow: var(--elevation-interactive-hover); transform: translateY(-2px); }
:is(.arrow-site-footer__newsletter .arrow-newsletter-input .arrow-btn, .arrow-announcement-bar__action.arrow-btn, .arrow-site-header__actions .arrow-btn, .arrow-site-hero__actions .arrow-btn):active:not(:disabled) { box-shadow: var(--elevation-interactive-pressed,none); transform: translateY(0px); }
.arrow-announcement-bar__action.arrow-btn, .arrow-announcement-bar__action.arrow-btn:hover:not(:disabled), .arrow-announcement-bar__action.arrow-btn:active:not(:disabled) { box-shadow: none; }
@media (prefers-reduced-motion: reduce) {
  :is(.arrow-site-footer__newsletter .arrow-newsletter-input .arrow-btn, .arrow-announcement-bar__action.arrow-btn, .arrow-site-header__actions .arrow-btn, .arrow-site-hero__actions .arrow-btn) { transition: none; transform: none; }
  :is(.arrow-site-footer__newsletter .arrow-newsletter-input .arrow-btn, .arrow-announcement-bar__action.arrow-btn, .arrow-site-header__actions .arrow-btn, .arrow-site-hero__actions .arrow-btn):hover:not(:disabled) { transform: none; }
}
.arrow-reveal > * { opacity: 0; transform: translateY(var(--motion-reveal-offset, 24px)); }
.arrow-reveal[data-revealed] > * { opacity: 1; transform: none; transition-property: opacity, transform; transition-duration: var(--motion-duration-transition-page, .4s); transition-timing-function: var(--motion-easing-enter, cubic-bezier(.2,.8,.2,1)); transition-delay: calc(var(--motion-stagger-base, 60ms) * var(--arrow-reveal-i, 0)); }
.arrow-reveal[data-reveal-scale="website"] { --motion-reveal-offset: 36px; --motion-stagger-base: 90ms; --motion-duration-transition-page: .4s; }
.arrow-site-footer__cta { --cta-platform-progress: 0; --cta-platform-y: 72px; --cta-platform-tilt: 14deg; --cta-platform-scale: .92; position: relative; isolation: isolate; }
.arrow-site-footer__cta figure { transform: perspective(1200px) translateY(var(--cta-platform-y)) rotateX(var(--cta-platform-tilt)) scale(var(--cta-platform-scale)); transform-origin: 50% 0%; transform-style: preserve-3d; will-change: transform; }
.arrow-site-footer__cta.arrow-reveal > figure, .arrow-site-footer__cta.arrow-reveal[data-revealed] > figure { opacity: 1; transform: perspective(1200px) translateY(var(--cta-platform-y)) rotateX(var(--cta-platform-tilt)) scale(var(--cta-platform-scale)); transition: none; }
.arrow-site-footer__cta .arrow-btn { margin-top: 12px; --_solid: var(--color-content-primary, #081128); --_solid-hover: var(--color-content-secondary, #505468); --_solid-pressed: var(--color-surface-inverted-raised, #33384e); --_on-solid: var(--color-content-inverted, #fff); box-shadow: none; transition-property: background-color, border-color, color, transform; transition-duration: var(--motion-duration-interaction-base, .15s); transition-timing-function: var(--motion-easing-productive, ease); transition-delay: 0ms; }
.arrow-site-footer__cta .arrow-btn:hover:not(:disabled) { box-shadow: none; transform: translateY(-2px); }
.arrow-site-footer__cta .arrow-btn:active:not(:disabled) { box-shadow: none; transform: translateY(0px); }
.arrow-site-footer__newsletter .arrow-newsletter-input .arrow-btn { flex: 0 0 auto; --_solid: var(--color-surface-base, #fff); --_solid-hover: var(--color-surface-raised, #edeef0); --_solid-pressed: var(--color-border-default, #dcdce1); --_on-solid: var(--color-content-primary, #081128); box-shadow: var(--elevation-interactive-resting, none); transition-property: background-color, border-color, color, box-shadow, transform; transition-duration: var(--motion-duration-interaction-base, .15s); transition-timing-function: var(--motion-easing-productive, ease); }
.arrow-site-footer__newsletter .arrow-newsletter-input .arrow-btn:hover:not(:disabled) { box-shadow: var(--elevation-interactive-hover); transform: translateY(-2px); }
.arrow-site-footer__newsletter .arrow-newsletter-input .arrow-btn:active:not(:disabled) { box-shadow: var(--elevation-interactive-pressed, none); transform: translateY(0px); }
.arrow-site-footer .arrow-newsletter-input__control:focus-visible { outline: none; outline-offset: 0px; }
.arrow-site-footer__brand li a { display: inline-flex; align-items: center; gap: 10px; }
.arrow-site-footer__logo .arrow-logo { display: block; color: rgb(255, 255, 255); }
.arrow-site-footer__newsletter-status { grid-column: 2; min-height: 20px; margin: 0px; color: color-mix(in srgb, currentcolor 68%, transparent); font-size: var(--type-body-sm-size, 14px); }
@media (max-width: 900px) {
  .arrow-site-footer__newsletter-status { grid-column: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .arrow-reveal > * { transform: none; }
  .arrow-reveal[data-revealed] > * { transform: none; transition-property: opacity; transition-duration: 75ms; transition-delay: 0ms; }
  .arrow-site-footer__cta { --cta-platform-progress: 1 !important; --cta-platform-y: 0px !important; --cta-platform-tilt: 0deg !important; --cta-platform-scale: 1 !important; }
  .arrow-site-footer__cta .arrow-btn, .arrow-site-footer__newsletter .arrow-newsletter-input .arrow-btn { transform: none; }
}
:root { font-family: Inter, ui-sans-serif, system-ui, sans-serif; color: rgb(8, 17, 40); background: rgb(223, 227, 234); font-synthesis: none; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0px; }
button, input, select, a { font: inherit; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
.pagelab { min-height: 100vh; }
.toolbar-dock { position: fixed; z-index: 100; top: 0px; left: 0px; right: 0px; display: flex; flex-direction: column; align-items: center; filter: drop-shadow(rgba(8, 17, 40, 0.18) 0px 12px 20px); transform: translateY(0px); transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); }
.toolbar-dock.closed { transform: translateY(-72px); }
.toolbar { width: 100%; height: 72px; display: flex; align-items: center; gap: 20px; padding: 0px 24px; background: rgb(8, 17, 40); color: rgb(255, 255, 255); }
.pagelab-brand { display: flex; align-items: center; gap: 9px; color: inherit; text-decoration: none; }
.pagelab-brand > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 9px; background: rgb(20, 184, 212); color: rgb(8, 17, 40); font-weight: 800; }
.pagelab-brand small { padding: 3px 7px; border-radius: 999px; background: rgb(220, 250, 230); color: rgb(6, 118, 71); font-size: 10px; text-transform: uppercase; }
.page-select { display: flex; align-items: center; gap: 8px; margin-left: 12px; }
.page-select > span { color: rgb(152, 162, 179); font-size: 11px; text-transform: uppercase; letter-spacing: 0.08em; }
.page-select select { min-width: 220px; padding: 9px 34px 9px 12px; border: 1px solid rgb(52, 64, 84); border-radius: 9px; background: rgb(17, 28, 53); color: rgb(255, 255, 255); cursor: pointer; }
.viewport-switch { display: flex; gap: 3px; margin: auto; padding: 4px; border: 1px solid rgb(52, 64, 84); border-radius: 10px; }
.viewport-switch button { padding: 7px 11px; color: rgb(152, 162, 179); background: transparent; border: 0px; border-radius: 7px; text-transform: capitalize; cursor: pointer; }
.viewport-switch button.active { color: rgb(255, 255, 255); background: rgb(52, 64, 84); }
.export-button { padding: 9px 13px; border: 1px solid rgb(71, 84, 103); border-radius: 9px; background: transparent; color: rgb(255, 255, 255); cursor: pointer; }
.local-badge { padding: 6px 9px; border-radius: 999px; background: rgb(38, 50, 75); color: rgb(208, 213, 221); font-size: 11px; }
.toolbar-tab { height: 30px; display: flex; align-items: center; gap: 8px; padding: 0px 14px; border: 0px; border-radius: 0px 0px 10px 10px; background: rgb(8, 17, 40); color: rgb(255, 255, 255); font-size: 11px; font-weight: 700; letter-spacing: 0.04em; cursor: pointer; }
.toolbar-tab:focus-visible, .toolbar button:focus-visible, .toolbar select:focus-visible { outline: rgb(19, 185, 223) solid 3px; outline-offset: 2px; }
.page-stage { min-height: 100vh; margin: 0px auto; background: rgb(255, 255, 255); transition: max-width 0.3s, box-shadow 0.3s; }
.page-stage.tablet { max-width: 820px; box-shadow: rgb(207, 212, 220) 0px 0px 0px 1px, rgba(8, 17, 40, 0.16) 0px 16px 50px; }
.page-stage.mobile { max-width: 430px; box-shadow: rgb(207, 212, 220) 0px 0px 0px 1px, rgba(8, 17, 40, 0.16) 0px 16px 50px; }
.real-page { min-height: 100vh; background: rgb(255, 255, 255); color: rgb(8, 17, 40); }
.site-header { height: 76px; display: flex; align-items: center; gap: 34px; padding: 0px clamp(24px, 6vw, 112px); border-bottom: 1px solid rgb(231, 233, 238); background: rgb(255, 255, 255); }
.site-logo { color: rgb(8, 17, 40); text-decoration: none; font-size: 22px; }
.site-header nav { display: flex; gap: 26px; margin: auto; }
.site-header nav a { color: rgb(71, 84, 103); text-decoration: none; font-size: 14px; }
.header-action, .hero a, .footer-cta a { padding: 12px 18px; border-radius: 9px; background: rgb(8, 17, 40); color: rgb(255, 255, 255); text-decoration: none; font-weight: 700; }
.hero { min-height: 630px; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(360px, 0.9fr); align-items: center; gap: 70px; padding: 80px clamp(24px, 8vw, 150px); overflow: hidden; background: linear-gradient(145deg, rgb(248, 250, 252), rgb(238, 251, 255)); }
.hero > div:first-child { max-width: 690px; }
.hero span, .benefits > span, .lead-section > div > span { color: rgb(8, 126, 156); font-size: 13px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.hero h1 { max-width: 760px; margin: 18px 0px 22px; font-size: clamp(42px, 5vw, 72px); line-height: 1.02; letter-spacing: -0.045em; }
.hero p { max-width: 620px; margin: 0px 0px 34px; color: rgb(71, 84, 103); font-size: 19px; line-height: 1.6; }
.hero a { display: inline-flex; gap: 20px; background: rgb(0, 154, 193); }
.hero-visual { position: relative; height: 430px; border-radius: 48% 48% 32% 36%; background: rgb(8, 17, 40); }
.hero-orbit { position: absolute; inset: 18% 24%; display: grid; place-items: center; border: 1px solid rgb(63, 212, 239); border-radius: 50%; color: rgb(63, 212, 239); font-size: 80px; }
.hero-card { position: absolute; z-index: 1; width: 210px; padding: 20px; border-radius: 16px; background: rgb(255, 255, 255); box-shadow: rgba(8, 17, 40, 0.22) 0px 18px 60px; }
.hero-card small, .hero-card strong { display: block; }
.hero-card small { color: rgb(102, 112, 133); }
.hero-card strong { margin-top: 8px; font-size: 32px; }
.card-one { top: 40px; left: -40px; }
.card-two { right: -20px; bottom: 54px; }
.benefits { padding: 110px clamp(24px, 8vw, 150px); }
.benefits h2 { max-width: 850px; margin: 14px 0px 55px; font-size: clamp(34px, 4vw, 56px); line-height: 1.08; letter-spacing: -0.035em; }
.benefits > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.benefits article { padding: 28px; border-top: 1px solid rgb(207, 212, 220); }
.benefits article > strong { color: rgb(10, 159, 196); }
.benefits h3 { font-size: 24px; }
.benefits p { color: rgb(102, 112, 133); line-height: 1.65; }
.lead-section { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding: 90px clamp(24px, 8vw, 150px); background: rgb(238, 251, 255); }
.lead-section h2 { margin: 14px 0px; font-size: 42px; line-height: 1.08; }
.lead-section p { color: rgb(102, 112, 133); line-height: 1.6; }
.lead-section form { display: flex; flex-direction: column; gap: 10px; padding: 28px; border-radius: 18px; background: rgb(255, 255, 255); box-shadow: rgba(8, 17, 40, 0.08) 0px 12px 45px; }
.lead-section label { font-size: 13px; font-weight: 700; }
.lead-section input, .newsletter input { padding: 14px 16px; border: 1px solid rgb(207, 212, 220); border-radius: 9px; }
.lead-section button, .newsletter button { padding: 14px 18px; border: 0px; border-radius: 9px; background: rgb(0, 154, 193); color: rgb(255, 255, 255); font-weight: 750; cursor: pointer; }
.site-footer { padding: 20px; background: rgb(8, 17, 40); color: rgb(255, 255, 255); }
.footer-cta { min-height: 600px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 58px; padding: 80px 8% 0px; border-radius: 18px; background: rgb(7, 153, 191); text-align: center; overflow: hidden; }
.footer-cta-copy { max-width: 780px; }
.footer-cta h2 { margin: 0px; font-size: 42px; line-height: 1.1; }
.footer-cta p { margin: 18px auto 28px; max-width: 650px; line-height: 1.55; }
.footer-cta a { display: inline-flex; gap: 18px; }
.platform-preview { width: min(100%, 1020px); height: 300px; border-radius: 18px 18px 0px 0px; background: rgb(255, 255, 255); color: rgb(8, 17, 40); text-align: left; box-shadow: rgba(8, 17, 40, 0.25) 0px 20px 50px; }
.platform-bar { height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0px 22px; border-radius: 18px 18px 0px 0px; background: rgb(8, 17, 40); color: rgb(255, 255, 255); }
.platform-bar span { font-size: 12px; color: rgb(196, 244, 212); }
.platform-ui { height: 250px; display: grid; grid-template-columns: 170px 1fr; }
.platform-ui aside { padding: 22px; line-height: 2.3; background: rgb(242, 244, 247); color: rgb(102, 112, 133); }
.platform-ui > div { margin: 22px; padding: 30px; border-radius: 14px; background: linear-gradient(120deg, rgb(15, 34, 63), rgb(10, 131, 165)); color: rgb(255, 255, 255); font-size: 22px; }
.newsletter { display: grid; grid-template-columns: 1fr 1.25fr; align-items: center; gap: 70px; max-width: 1340px; margin: auto; padding: 76px 0px; border-bottom: 1px solid rgb(41, 50, 73); }
.newsletter h2 { margin: 0px; max-width: 520px; font-size: 38px; line-height: 1.12; }
.newsletter form { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.newsletter input { background: rgb(52, 61, 84); border-color: rgb(86, 96, 120); color: rgb(255, 255, 255); }
.newsletter button { background: rgb(255, 255, 255); color: rgb(8, 17, 40); }
.form-message { grid-column: 1 / -1; margin: 8px 0px 0px; color: rgb(166, 240, 198); font-size: 13px; }
.footer-directory { max-width: 1340px; display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 60px; margin: auto; padding: 62px 0px; }
.footer-brand > strong { font-size: 32px; }
.footer-brand p { max-width: 330px; color: rgb(181, 189, 204); line-height: 1.55; }
.footer-directory nav, .footer-brand { display: flex; flex-direction: column; gap: 13px; }
.footer-directory a { color: rgb(181, 189, 204); text-decoration: none; font-size: 14px; }
.footer-directory nav > strong { text-transform: uppercase; font-size: 12px; }
.footer-legal { max-width: 1340px; display: flex; align-items: center; justify-content: space-between; margin: auto; padding: 24px 0px; border-top: 1px solid rgb(41, 50, 73); color: rgb(181, 189, 204); font-size: 13px; }
.footer-legal div { display: flex; gap: 10px; }
.footer-legal a { display: grid; width: 38px; height: 38px; place-items: center; border: 1px solid rgb(52, 64, 84); border-radius: 9px; color: rgb(255, 255, 255); text-decoration: none; }
@media (max-width: 900px) {
  .toolbar { gap: 10px; padding: 0px 12px; }
  .pagelab-brand small, .local-badge, .page-select > span { display: none; }
  .page-select { margin: 0px; }
  .page-select select { min-width: 170px; }
  .export-button { display: none; }
  .hero { grid-template-columns: 1fr; padding-top: 120px; }
  .hero-visual { height: 340px; }
  .benefits > div, .lead-section, .newsletter, .footer-directory { grid-template-columns: 1fr; }
  .newsletter, .footer-directory { padding-left: 28px; padding-right: 28px; }
  .newsletter { gap: 28px; }
  .footer-directory { gap: 36px; }
}
@media (max-width: 560px) {
  .toolbar { justify-content: space-between; }
  .pagelab-brand strong { display: none; }
  .page-select select { min-width: 135px; max-width: 150px; }
  .viewport-switch button { font-size: 0px; padding: 8px; }
  .viewport-switch button::first-letter { font-size: 12px; }
  .site-header { padding: 0px 18px; }
  .site-header nav { display: none; }
  .hero { min-height: auto; grid-template-columns: 1fr; padding: 110px 22px 70px; }
  .hero h1 { font-size: 42px; }
  .hero-visual { height: 280px; }
  .card-one { left: 10px; }
  .card-two { right: 10px; }
  .benefits, .lead-section { padding: 70px 22px; }
  .benefits > div { grid-template-columns: 1fr; }
  .footer-cta { min-height: 520px; padding: 65px 20px 0px; }
  .footer-cta h2, .newsletter h2 { font-size: 32px; }
  .platform-preview { height: 220px; }
  .platform-ui { height: 170px; grid-template-columns: 85px 1fr; }
  .platform-ui aside { padding: 10px; font-size: 10px; }
  .platform-ui > div { margin: 12px; padding: 18px; font-size: 14px; }
  .newsletter form { grid-template-columns: 1fr; }
  .footer-legal { align-items: flex-start; gap: 20px; padding: 24px 28px; }
  .toolbar-dock.closed { transform: translateY(-72px); }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .toolbar-dock, .page-stage { transition: none; }
}
:root { scrollbar-width: thin; scrollbar-color: rgba(71, 84, 103, 0.58) transparent; }
:root::-webkit-scrollbar { width: 6px; height: 6px; }
:root::-webkit-scrollbar-track { background: transparent; }
:root::-webkit-scrollbar-thumb { min-height: 48px; border-radius: 999px; background: rgba(71, 84, 103, 0.58); }
:root::-webkit-scrollbar-thumb:hover { background: rgba(8, 17, 40, 0.78); }
:root::-webkit-scrollbar-corner { background: transparent; }
.pagelab { --pagelab-toolbar-space: 72px; padding-top: var(--pagelab-toolbar-space); transition: padding-top 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); }
.pagelab--toolbar-closed { --pagelab-toolbar-space: 0px; }
@media (prefers-reduced-motion: reduce) {
  .pagelab { transition: none; }
}
.toolbar-tab { align-self: flex-start; margin-left: 24px; }
@media (max-width: 900px) {
  .toolbar-tab { margin-left: 12px; }
}
.toolbar-tab { width: 40px; justify-content: center; padding-inline: 0px; }
.toolbar-tab .arrow-icon { display: block; }
.pagelab-brand img { display: block; width: auto; height: 16px; filter: brightness(0) invert(1); }
.page-select .arrow-select { width: 220px; }
.page-select .arrow-select__trigger { border-color: rgb(52, 64, 84); background: rgb(17, 28, 53); color: rgb(255, 255, 255); }
.page-select .arrow-select__value { color: inherit; }
.page-select .arrow-select__chevron { color: rgb(152, 162, 179); }
@media (max-width: 900px) {
  .page-select .arrow-select { width: 170px; }
}
@media (max-width: 560px) {
  .page-select .arrow-select { width: 135px; }
}
.viewport-tabs { margin: auto; --color-surface-subtle: #111c35; --color-content-primary: #fff; --color-content-inverted: #081128; --color-content-tertiary: #98a2b3; }
.toolbar .export-button.arrow-btn { --_line: #475467; --_text: #fff; --_soft-hover: #26324b; }
.toolbar, .toolbar-tab { background: var(--primitive-green-300,#97c97e); color: var(--primitive-midnight-900,#081128); }
.toolbar .export-button.arrow-btn { --_line: var(--primitive-midnight-700,#33384e); --_text: var(--primitive-midnight-900,#081128); --_soft-hover: var(--primitive-green-200,#c2e0b1); }
.toolbar-dock { --pagelab-toolbar-surface: var(--primitive-green-300,#97c97e); --pagelab-toolbar-content: var(--primitive-midnight-900,#081128); --pagelab-toolbar-content-muted: var(--primitive-midnight-700,#33384e); --pagelab-toolbar-border: var(--primitive-green-500,#349e06); --pagelab-control-surface: var(--primitive-green-100,#e0f0d7); --pagelab-control-hover: var(--primitive-green-200,#c2e0b1); --pagelab-control-pressed: var(--primitive-green-400,#66af47); --pagelab-control-selected: var(--primitive-midnight-900,#081128); --pagelab-control-selected-content: var(--primitive-midnight-0,#fff); --pagelab-focus-ring: var(--primitive-midnight-900,#081128); }
.toolbar, .toolbar-tab { background: var(--pagelab-toolbar-surface); color: var(--pagelab-toolbar-content); }
.pagelab-brand img { filter: none; }
.page-select .arrow-select { --color-border-accent: var(--pagelab-focus-ring); --color-state-focus-ring: color-mix(in srgb,var(--pagelab-focus-ring) 20%,transparent); }
.page-select .arrow-select__trigger { border-color: var(--pagelab-toolbar-border); background: var(--pagelab-control-surface); color: var(--pagelab-toolbar-content); }
.page-select .arrow-select__chevron { color: var(--pagelab-toolbar-content-muted); }
.viewport-tabs { --color-surface-subtle: var(--pagelab-control-surface); --color-content-primary: var(--pagelab-control-selected); --color-content-inverted: var(--pagelab-control-selected-content); --color-content-tertiary: var(--pagelab-toolbar-content-muted); --color-state-focus-ring: var(--pagelab-focus-ring); }
.toolbar .export-button.arrow-btn { --_line: var(--pagelab-toolbar-content-muted); --_text: var(--pagelab-toolbar-content); --_soft-hover: var(--pagelab-control-hover); --_solid-pressed: var(--pagelab-control-pressed); }
.toolbar-tab { transition: background-color var(--motion-duration-interaction-base,150ms) var(--motion-easing-productive,ease); }
.toolbar-tab:hover { background: var(--pagelab-control-hover); }
.toolbar-tab:active { background: var(--pagelab-control-pressed); }
.toolbar-tab:focus-visible, .toolbar button:focus-visible, .toolbar select:focus-visible { outline-color: var(--pagelab-focus-ring); }
.toolbar-dock { --pagelab-mint-50: var(--primitive-green-50,#f2f9ed); --pagelab-mint-100: var(--primitive-green-100,#e0f0d7); --pagelab-mint-200: var(--primitive-green-200,#c2e0b1); --pagelab-mint-300: var(--primitive-green-300,#97c97e); --pagelab-mint-400: var(--primitive-green-400,#66af47); --pagelab-mint-500: var(--primitive-green-500,#349e06); --pagelab-mint-700: var(--primitive-green-700,#005e00); --pagelab-mint-800: var(--primitive-green-800,#004200); --pagelab-mint-900: var(--primitive-green-900,#092800); --pagelab-toolbar-surface: var(--pagelab-mint-300); --pagelab-toolbar-content: var(--pagelab-mint-900); --pagelab-toolbar-content-muted: var(--pagelab-mint-800); --pagelab-toolbar-border: var(--pagelab-mint-500); --pagelab-control-surface: var(--pagelab-mint-100); --pagelab-control-hover: var(--pagelab-mint-200); --pagelab-control-pressed: var(--pagelab-mint-400); --pagelab-control-selected: var(--pagelab-mint-900); --pagelab-control-selected-content: var(--pagelab-mint-50); --pagelab-focus-ring: var(--pagelab-mint-700); }
.toolbar-dock { --pagelab-mint-600: var(--primitive-green-600,#137c00); --pagelab-toolbar-surface: var(--pagelab-mint-900); --pagelab-toolbar-content: var(--pagelab-mint-50); --pagelab-toolbar-content-muted: var(--pagelab-mint-200); --pagelab-toolbar-border: var(--pagelab-mint-500); --pagelab-control-surface: var(--pagelab-mint-800); --pagelab-control-hover: var(--pagelab-mint-700); --pagelab-control-pressed: var(--pagelab-mint-600); --pagelab-control-selected: var(--pagelab-mint-300); --pagelab-control-selected-content: var(--pagelab-mint-900); --pagelab-focus-ring: var(--pagelab-mint-200); }
.pagelab-brand img { filter: brightness(0) invert(1); }
.toolbar-dock { --pagelab-toolbar-surface: var(--pagelab-mint-300); --pagelab-toolbar-content: var(--pagelab-mint-900); --pagelab-toolbar-content-muted: var(--pagelab-mint-800); --pagelab-toolbar-border: var(--pagelab-mint-500); --pagelab-control-surface: var(--pagelab-mint-200); --pagelab-control-hover: var(--pagelab-mint-100); --pagelab-control-pressed: var(--pagelab-mint-400); --pagelab-control-selected: var(--pagelab-mint-900); --pagelab-control-selected-content: var(--pagelab-mint-50); --pagelab-focus-ring: var(--pagelab-mint-700); }
.pagelab-brand img { filter: none; }
.toolbar-dock { --pagelab-neutral-0: var(--primitive-midnight-0,#fff); --pagelab-neutral-700: var(--primitive-midnight-700,#33384e); --pagelab-neutral-900: var(--primitive-midnight-900,#081128); --pagelab-toolbar-content: var(--pagelab-neutral-900); --pagelab-toolbar-content-muted: var(--pagelab-neutral-700); --pagelab-control-selected: var(--pagelab-neutral-900); --pagelab-control-selected-content: var(--pagelab-neutral-0); --pagelab-focus-ring: var(--pagelab-neutral-900); }
.toolbar-dock { --pagelab-toolbar-content: var(--pagelab-mint-900); --pagelab-control-selected: var(--pagelab-mint-900); --pagelab-focus-ring: var(--pagelab-mint-900); }
.toolbar .export-button.arrow-btn:hover:not(:disabled) { background-color: var(--primitive-green-100,#e0f0d7); }
.page-select .arrow-select__trigger { background-color: transparent; transition-property: background-color, border-color, box-shadow; transition-duration: var(--motion-duration-interaction-base,150ms); transition-timing-function: var(--motion-easing-productive,ease); }
.page-select .arrow-select__trigger:hover, .page-select .arrow-select__trigger[aria-expanded="true"] { background-color: var(--primitive-green-100,#e0f0d7); }
.page-select .arrow-select__trigger { border-color: var(--primitive-green-900,#092800); }
.real-page { container-type: inline-size; }
.page-stage.mobile .real-page { --page-mobile-gutter: var(--space-16,16px); }
.page-stage.mobile .arrow-site-header__inner, .page-stage.mobile .arrow-site-hero__inner, .page-stage.mobile .arrow-site-impact-indicators, .page-stage.mobile .featured-bidding-opportunities, .page-stage.mobile .municipality-insights, .page-stage.mobile .nearby-cities, .page-stage.mobile .arrow-site-footer__inner { padding-inline: var(--page-mobile-gutter); }
.page-stage.mobile .arrow-site-footer__cta { margin-inline: var(--page-mobile-gutter); }
.page-stage.mobile .arrow-bidding-opportunity-card { grid-template-columns: minmax(0px, 1fr); }
.page-stage.mobile .arrow-bidding-opportunity-card__estimate { min-width: 0px; align-items: flex-start; text-align: left; }
.page-stage.mobile .arrow-bidding-opportunity-card__buyer span { white-space: normal; }
.real-page .arrow-site-header { transition-property: top, background-color, box-shadow; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1); }
.featured-bidding-opportunities { padding: var(--space-structural-md,64px) var(--space-24,24px); background: var(--primitive-midnight-100,#edeef0); }
.featured-bidding-opportunities__content { width: 100%; max-width: var(--site-max,1380px); margin-inline: auto; display: flex; flex-direction: column; gap: var(--space-24,24px); }
.featured-bidding-opportunities__header { display: flex; align-items: flex-start; gap: var(--space-12,12px); color: var(--color-content-primary,#081128); }
.featured-bidding-opportunities__header > svg { flex: 0 0 auto; margin-top: 2px; }
.featured-bidding-opportunities__header h2 { margin: 0px; font-size: var(--type-heading-lg-size,24px); font-weight: var(--font-weight-medium,500); line-height: var(--type-heading-lg-line-height,1.2); letter-spacing: var(--type-heading-lg-tracking,-.008em); }
.featured-bidding-opportunities__header p { margin: var(--space-4,4px) 0 0; color: var(--color-content-tertiary,#737686); font-size: var(--type-body-sm-size,14px); line-height: var(--type-body-sm-line-height,1.55); }
.featured-bidding-opportunities__list { display: flex; flex-direction: column; gap: var(--space-12,12px); }
.featured-bidding-opportunities__continuation { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 2fr); align-items: center; gap: var(--space-32,32px); padding: var(--space-32,32px) var(--space-40,40px); border-radius: var(--shape-container-lg,16px); background: var(--primitive-blizzard-300,#4fd1ec); }
.featured-bidding-opportunities__continuation p { max-width: 56ch; margin: 0px; color: color-mix(in srgb,var(--primitive-midnight-900,#081128) 82%,transparent); font-size: var(--type-body-lg-size,18px); line-height: var(--type-body-lg-line-height,1.6); text-align: left; }
.featured-bidding-opportunities__continuation strong { color: var(--primitive-midnight-900,#081128); font-weight: var(--font-weight-bold,700); }
.featured-bidding-opportunities__continuation .arrow-btn { justify-self: end; --_solid: var(--color-content-primary,#081128); --_solid-hover: var(--color-content-secondary,#505468); --_solid-pressed: var(--color-surface-inverted-raised,#33384e); --_on-solid: var(--color-content-inverted,#fff); box-shadow: none; transition-property: background-color, border-color, color, transform; transition-duration: var(--motion-duration-interaction-base,150ms); transition-timing-function: var(--motion-easing-productive,ease); }
.featured-bidding-opportunities__continuation .arrow-btn:hover:not(:disabled) { box-shadow: none; transform: translateY(-2px); }
.featured-bidding-opportunities__continuation .arrow-btn:active:not(:disabled) { box-shadow: none; transform: translateY(0px); }
@media (max-width: 720px) {
  .featured-bidding-opportunities__continuation { grid-template-columns: minmax(0px, 1fr); padding: var(--space-24,24px); }
  .featured-bidding-opportunities__continuation .arrow-btn { width: 100%; justify-self: stretch; }
}
.page-stage.mobile .featured-bidding-opportunities__continuation { grid-template-columns: minmax(0px, 1fr); padding: var(--space-24,24px); }
.page-stage.mobile .featured-bidding-opportunities__continuation .arrow-btn { width: 100%; justify-self: stretch; }
@media (max-width: 560px) {
  .featured-bidding-opportunities { padding: var(--space-layout-lg,40px) var(--space-16,16px); }
}
.toolbar-dock { z-index: var(--z-popover,300); }
.page-select .arrow-select__trigger:focus, .page-select .arrow-select__trigger[aria-expanded="true"] { box-shadow: none; }
.arrow-select__panel { border-color: var(--primitive-green-900,#092800); background-color: var(--primitive-green-100,#e0f0d7); color: var(--primitive-green-900,#092800); }
.arrow-select__panel .arrow-select__search { border-bottom-color: var(--primitive-green-300,#97c97e); }
.arrow-select__panel .arrow-select__search-field { border-color: var(--primitive-green-500,#349e06); background-color: var(--primitive-green-50,#f2f9ed); }
.arrow-select__panel .arrow-select__search-field:focus-within { border-color: var(--primitive-green-900,#092800); box-shadow: 0 0 0 3px var(--primitive-green-200,#c2e0b1); }
.arrow-select__panel .arrow-select__search-icon, .arrow-select__panel .arrow-select__search-input, .arrow-select__panel .arrow-select__option { color: var(--primitive-green-900,#092800); }
.arrow-select__panel .arrow-select__search-input::placeholder, .arrow-select__panel .arrow-select__empty { color: var(--primitive-green-700,#005e00); }
.arrow-select__panel .arrow-select__option:hover, .arrow-select__panel .arrow-select__option[data-active] { background-color: var(--primitive-green-200,#c2e0b1); }
.arrow-select__panel .arrow-select__option[aria-selected="true"], .arrow-select__panel .arrow-select__check { color: var(--primitive-green-700,#005e00); }
.arrow-select__panel .arrow-select__option[data-disabled] { color: var(--primitive-green-400,#66af47); }
.page-select .arrow-select__trigger { border-color: var(--primitive-green-900,#092800); background-color: transparent; }
.arrow-select__panel { border-color: transparent; background-color: var(--primitive-green-300,#97c97e); }
.toolbar-dock { --pagelab-toolbar-content: var(--pagelab-mint-700); --pagelab-control-selected: var(--pagelab-mint-700); --pagelab-focus-ring: var(--pagelab-mint-700); }
.page-select .arrow-select__trigger { border-color: var(--primitive-green-700,#005e00); }
.arrow-select__panel { color: var(--primitive-green-700,#005e00); }
.arrow-select__panel .arrow-select__search-field:focus-within { border-color: var(--primitive-green-700,#005e00); }
.arrow-select__panel .arrow-select__search-icon, .arrow-select__panel .arrow-select__search-input, .arrow-select__panel .arrow-select__option { color: var(--primitive-green-700,#005e00); }
.toolbar .export-button.arrow-btn { --_line: var(--primitive-green-300,#97c97e); }
.page-select .arrow-select__trigger { border-color: var(--primitive-green-300,#97c97e); }
.toolbar .export-button.arrow-btn { --_text: var(--primitive-green-900,#092800); }
.page-select .arrow-select__trigger, .page-select .arrow-select__chevron { color: var(--primitive-green-900,#092800); }
.toolbar-dock { --pagelab-toolbar-surface: var(--primitive-green-200,#c2e0b1); }
.viewport-tabs { --color-surface-subtle: var(--primitive-green-100,#e0f0d7); }
.viewport-tabs .arrow-tabs[data-variant="segmented"] { border-radius: var(--shape-interactive-md,8px); }
.viewport-tabs .arrow-tabs[data-variant="segmented"] .arrow-tabs__tab, .viewport-tabs .arrow-tabs[data-variant="segmented"] .arrow-tabs__thumb { border-radius: var(--shape-interactive-md,8px); }
.viewport-tabs { --color-content-primary: var(--primitive-green-900,#092800); --color-content-tertiary: var(--primitive-green-700,#005e00); }
.viewport-tabs .arrow-tabs[data-variant="segmented"] .arrow-tabs__tab:not([data-active]):hover { color: var(--primitive-green-900,#092800); }
.toolbar-tab { color: var(--primitive-green-900,#092800); }
.toolbar-tab { border-radius: 0px 0px 100% 100%; }
.toolbar-tab .arrow-icon { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--primitive-green-100,#e0f0d7); }
.toolbar-tab { width: 36px; height: 34px; padding: 0px 6px 6px; align-items: flex-end; }
.toolbar-tab:hover { background-color: var(--primitive-green-200,#c2e0b1); }
.toolbar-tab:hover .arrow-icon { background-color: var(--primitive-green-300,#97c97e); }
.municipality-insights { padding: clamp(64px, 7vw, 112px) clamp(24px, 8vw, 152px); background: var(--primitive-midnight-50,#f8f8f9); color: var(--primitive-midnight-900,#081128); }
.municipality-insights__grid { width: min(100%, 1370px); margin: 0px auto; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); gap: 24px; align-items: start; }
@media (max-width: 860px) {
  .municipality-insights { padding-inline: 24px; }
  .municipality-insights__grid { grid-template-columns: 1fr; gap: 48px; }
}
@media (max-width: 520px) {
  .municipality-insights { padding-inline: 16px; }
}
.page-stage.mobile .municipality-insights { padding: var(--space-64,64px) var(--space-16,16px); }
.page-stage.mobile .municipality-insights__grid { grid-template-columns: minmax(0px, 1fr); gap: var(--space-32,32px); }
.page-stage.mobile .municipality-insights__grid > * { width: 100%; min-width: 0px; }
.page-stage.mobile .arrow-layered-table-card__header { align-items: flex-start; min-height: auto; padding: var(--space-16,16px); }
.page-stage.mobile .arrow-layered-table-card .arrow-layered-table-card__table :is(th, td) { padding: var(--space-16,16px); }
.nearby-cities { padding: 0px clamp(24px, 8vw, 152px) clamp(64px, 7vw, 112px); background: var(--primitive-midnight-50,#f8f8f9); color: var(--primitive-midnight-900,#081128); }
.nearby-cities__content { width: min(100%, 1370px); margin: 0px auto; }
.nearby-cities__header { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 24px; }
.nearby-cities__header > .arrow-icon { flex: 0 0 auto; margin-top: 2px; color: var(--color-content-primary); }
.nearby-cities__header h2 { margin: 0px; color: var(--color-content-primary); font-size: var(--type-heading-xl-size,28px); font-weight: var(--font-weight-medium,500); line-height: var(--type-heading-xl-line-height,1.15); letter-spacing: var(--type-heading-xl-tracking,-.01em); }
.nearby-cities__header p { margin: 4px 0px 0px; color: var(--color-content-tertiary); font-size: var(--type-body-sm-size,14px); line-height: var(--type-body-sm-line-height,1.55); }
.nearby-cities__tags { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 860px) {
  .nearby-cities { padding-inline: 24px; }
}
@media (max-width: 520px) {
  .nearby-cities { padding-inline: 16px; }
  .nearby-cities__tags { gap: 8px 6px; }
}
.page-stage.mobile .nearby-cities { padding-inline: var(--space-16,16px); }
.page-stage.mobile .nearby-cities__content { width: 100%; min-width: 0px; }
.page-stage.mobile .nearby-cities__tags { gap: var(--space-8,8px) var(--space-6,6px); }
.page-stage.mobile .arrow-site-footer__cta { margin: var(--page-mobile-gutter); padding-inline: var(--page-mobile-gutter); }
.page-stage.mobile .arrow-site-footer__lead-form { grid-template-columns: minmax(0px, 1fr); }
.page-stage.mobile .arrow-site-footer__lead-form h3, .page-stage.mobile .arrow-site-footer__lead-form > .arrow-btn { grid-column: 1; }
.page-stage.mobile .arrow-site-footer__inner { padding: var(--space-48,48px) var(--space-16,16px) var(--space-32,32px); }
.page-stage.mobile .arrow-site-footer__newsletter { grid-template-columns: minmax(0px, 1fr); gap: var(--space-24,24px); padding-bottom: var(--space-48,48px); margin-bottom: var(--space-48,48px); }
.page-stage.mobile .arrow-site-footer__newsletter form.arrow-newsletter-input { display: grid; grid-template-columns: minmax(0px, 1fr); }
.page-stage.mobile .arrow-site-footer__newsletter .arrow-newsletter-input > .arrow-btn { width: 100%; }
.page-stage.mobile .arrow-site-footer__main { grid-template-columns: minmax(0px, 1fr); gap: var(--space-40,40px); padding-bottom: var(--space-48,48px); }
.page-stage.mobile .arrow-site-footer__bottom { align-items: flex-start; flex-direction: column; }
.page-select .arrow-select__trigger { background-color: var(--primitive-green-200,#c2e0b1); border-color: var(--primitive-green-300,#97c97e); }
.arrow-select__panel { background-color: var(--primitive-green-100,#e0f0d7); border-color: var(--primitive-green-300,#97c97e); }
.arrow-select__panel .arrow-select__option:hover, .arrow-select__panel .arrow-select__option[data-active] { background-color: var(--primitive-green-200,#c2e0b1); }
.arrow-select__panel, .arrow-select__panel .arrow-select__search-icon, .arrow-select__panel .arrow-select__search-input, .arrow-select__panel .arrow-select__search-input::placeholder, .arrow-select__panel .arrow-select__empty, .arrow-select__panel .arrow-select__option, .arrow-select__panel .arrow-select__option[aria-selected="true"], .arrow-select__panel .arrow-select__check { color: var(--primitive-green-900,#092800); }