:root{--color-bg: rgb(241 241 241 / 100%);--color-bg-inverse: rgb(26 26 26 / 100%);--color-bg-surface: rgb(255 255 255 / 100%);--color-bg-surface-hover: rgb(247 247 247 / 100%);--color-bg-surface-active: rgb(243 243 243 / 100%);--color-bg-surface-selected: rgb(241 241 241 / 100%);--color-bg-surface-disabled: rgb(0 0 0 / 5%);--color-bg-surface-secondary: rgb(247 247 247 / 100%);--color-bg-surface-secondary-hover: rgb(241 241 241 / 100%);--color-bg-surface-secondary-active: rgb(235 235 235 / 100%);--color-bg-surface-secondary-selected: rgb(235 235 235 / 100%);--color-bg-surface-tertiary: rgb(243 243 243 / 100%);--color-bg-surface-tertiary-hover: rgb(235 235 235 / 100%);--color-bg-surface-tertiary-active: rgb(227 227 227 / 100%);--color-bg-surface-brand: rgb(227 227 227 / 100%);--color-bg-surface-brand-hover: rgb(235 235 235 / 100%);--color-bg-surface-brand-active: rgb(241 241 241 / 100%);--color-bg-surface-brand-selected: rgb(241 241 241 / 100%);--color-bg-surface-info: rgb(234 244 255 / 100%);--color-bg-surface-info-hover: rgb(213 235 255 / 100%);--color-bg-surface-info-active: rgb(168 216 255 / 100%);--color-bg-surface-success: rgb(205 254 225 / 100%);--color-bg-surface-success-hover: rgb(175 254 191 / 100%);--color-bg-surface-success-active: rgb(146 252 172 / 100%);--color-bg-surface-caution: rgb(255 248 219 / 100%);--color-bg-surface-caution-hover: rgb(255 243 178 / 100%);--color-bg-surface-caution-active: rgb(255 235 120 / 100%);--color-bg-surface-warning: rgb(255 241 227 / 100%);--color-bg-surface-warning-hover: rgb(255 228 198 / 100%);--color-bg-surface-warning-active: rgb(255 214 164 / 100%);--color-bg-surface-critical: rgb(254 233 232 / 100%);--color-bg-surface-critical-hover: rgb(254 209 215 / 100%);--color-bg-surface-critical-active: rgb(254 193 199 / 100%);--color-bg-surface-emphasis: rgb(240 242 255 / 100%);--color-bg-surface-emphasis-hover: rgb(226 231 255 / 100%);--color-bg-surface-emphasis-active: rgb(213 220 255 / 100%);--color-bg-surface-magic: rgb(248 247 255 / 100%);--color-bg-surface-magic-hover: rgb(233 229 255 / 100%);--color-bg-surface-magic-active: rgb(228 222 255 / 100%);--color-bg-surface-inverse: rgb(48 48 48 / 100%);--color-bg-surface-transparent: rgb(0 0 0 / 0%);--color-bg-fill: rgb(255 255 255 / 100%);--color-bg-fill-hover: rgb(250 250 250 / 100%);--color-bg-fill-active: rgb(247 247 247 / 100%);--color-bg-fill-selected: rgb(204 204 204 / 100%);--color-bg-fill-disabled: rgb(0 0 0 / 5%);--color-bg-fill-secondary: rgb(241 241 241 / 100%);--color-bg-fill-secondary-hover: rgb(235 235 235 / 100%);--color-bg-fill-secondary-active: rgb(227 227 227 / 100%);--color-bg-fill-secondary-selected: rgb(227 227 227 / 100%);--color-bg-fill-tertiary: rgb(227 227 227 / 100%);--color-bg-fill-tertiary-hover: rgb(212 212 212 / 100%);--color-bg-fill-tertiary-active: rgb(204 204 204 / 100%);--color-bg-fill-brand: rgb(48 48 48 / 100%);--color-bg-fill-brand-hover: rgb(26 26 26 / 100%);--color-bg-fill-brand-active: rgb(26 26 26 / 100%);--color-bg-fill-brand-selected: rgb(48 48 48 / 100%);--color-bg-fill-brand-disabled: rgb(0 0 0 / 17%);--color-bg-fill-info: rgb(145 208 255 / 100%);--color-bg-fill-info-hover: rgb(81 192 255 / 100%);--color-bg-fill-info-active: rgb(0 148 213 / 100%);--color-bg-fill-info-secondary: rgb(213 226 252 / 100%);--color-bg-fill-success: rgb(4 123 93 / 100%);--color-bg-fill-success-hover: rgb(3 94 76 / 100%);--color-bg-fill-success-active: rgb(1 75 64 / 100%);--color-bg-fill-success-secondary: rgb(175 254 191 / 100%);--color-bg-fill-warning: rgb(255 184 0 / 100%);--color-bg-fill-warning-hover: rgb(229 165 0 / 100%);--color-bg-fill-warning-active: rgb(178 132 0 / 100%);--color-bg-fill-warning-secondary: rgb(255 214 164 / 100%);--color-bg-fill-caution: rgb(255 230 0 / 100%);--color-bg-fill-caution-hover: rgb(234 211 0 / 100%);--color-bg-fill-caution-active: rgb(225 203 0 / 100%);--color-bg-fill-caution-secondary: rgb(255 235 120 / 100%);--color-bg-fill-critical: rgb(199 10 36 / 100%);--color-bg-fill-critical-hover: rgb(163 10 36 / 100%);--color-bg-fill-critical-active: rgb(142 11 33 / 100%);--color-bg-fill-critical-selected: rgb(142 11 33 / 100%);--color-bg-fill-critical-secondary: rgb(254 209 215 / 100%);--color-bg-fill-emphasis: rgb(0 91 211 / 100%);--color-bg-fill-emphasis-hover: rgb(0 66 153 / 100%);--color-bg-fill-emphasis-active: rgb(0 46 106 / 100%);--color-bg-fill-magic: rgb(128 81 255 / 100%);--color-bg-fill-magic-secondary: rgb(233 229 255 / 100%);--color-bg-fill-magic-secondary-hover: rgb(228 222 255 / 100%);--color-bg-fill-magic-secondary-active: rgb(223 217 255 / 100%);--color-bg-fill-inverse: rgb(48 48 48 / 100%);--color-bg-fill-inverse-hover: rgb(74 74 74 / 100%);--color-bg-fill-inverse-active: rgb(97 97 97 / 100%);--color-bg-fill-transparent: rgb(0 0 0 / 2%);--color-bg-fill-transparent-hover: rgb(0 0 0 / 5%);--color-bg-fill-transparent-active: rgb(0 0 0 / 8%);--color-bg-fill-transparent-selected: rgb(0 0 0 / 8%);--color-bg-fill-transparent-secondary: rgb(0 0 0 / 6%);--color-bg-fill-transparent-secondary-hover: rgb(0 0 0 / 8%);--color-bg-fill-transparent-secondary-active: rgb(0 0 0 / 11%);--color-text: rgb(48 48 48 / 100%);--color-text-secondary: rgb(97 97 97 / 100%);--color-text-disabled: rgb(181 181 181 / 100%);--color-text-link: rgb(0 91 211 / 100%);--color-text-link-hover: rgb(0 66 153 / 100%);--color-text-link-active: rgb(0 46 106 / 100%);--color-text-brand: rgb(74 74 74 / 100%);--color-text-brand-hover: rgb(48 48 48 / 100%);--color-text-brand-on-bg-fill: rgb(255 255 255 / 100%);--color-text-brand-on-bg-fill-hover: rgb(227 227 227 / 100%);--color-text-brand-on-bg-fill-active: rgb(204 204 204 / 100%);--color-text-brand-on-bg-fill-disabled: rgb(255 255 255 / 100%);--color-text-info: rgb(0 58 90 / 100%);--color-text-info-hover: rgb(0 58 90 / 100%);--color-text-info-active: rgb(0 33 51 / 100%);--color-text-info-secondary: rgb(0 124 180 / 100%);--color-text-info-on-bg-fill: rgb(0 33 51 / 100%);--color-text-success: rgb(1 75 64 / 100%);--color-text-success-hover: rgb(7 54 48 / 100%);--color-text-success-active: rgb(2 38 34 / 100%);--color-text-success-secondary: rgb(4 123 93 / 100%);--color-text-success-on-bg-fill: rgb(250 255 251 / 100%);--color-text-caution: rgb(79 71 0 / 100%);--color-text-caution-hover: rgb(51 46 0 / 100%);--color-text-caution-active: rgb(31 28 0 / 100%);--color-text-caution-secondary: rgb(130 117 0 / 100%);--color-text-caution-on-bg-fill: rgb(51 46 0 / 100%);--color-text-warning: rgb(94 66 0 / 100%);--color-text-warning-hover: rgb(65 45 0 / 100%);--color-text-warning-active: rgb(37 26 0 / 100%);--color-text-warning-secondary: rgb(149 111 0 / 100%);--color-text-warning-on-bg-fill: rgb(37 26 0 / 100%);--color-text-critical: rgb(142 11 33 / 100%);--color-text-critical-hover: rgb(95 7 22 / 100%);--color-text-critical-active: rgb(47 4 11 / 100%);--color-text-critical-secondary: rgb(199 10 36 / 100%);--color-text-critical-on-bg-fill: rgb(255 250 251 / 100%);--color-text-emphasis: rgb(0 91 211 / 100%);--color-text-emphasis-hover: rgb(0 66 153 / 100%);--color-text-emphasis-active: rgb(0 46 106 / 100%);--color-text-emphasis-on-bg-fill: rgb(252 253 255 / 100%);--color-text-emphasis-on-bg-fill-hover: rgb(226 231 255 / 100%);--color-text-emphasis-on-bg-fill-active: rgb(213 220 255 / 100%);--color-text-magic: rgb(87 0 209 / 100%);--color-text-magic-secondary: rgb(113 38 255 / 100%);--color-text-magic-on-bg-fill: rgb(253 253 255 / 100%);--color-text-inverse: rgb(227 227 227 / 100%);--color-text-inverse-secondary: rgb(181 181 181 / 100%);--color-text-link-inverse: rgb(197 208 255 / 100%);--color-border: rgb(227 227 227 / 100%);--color-border-hover: rgb(204 204 204 / 100%);--color-border-disabled: rgb(235 235 235 / 100%);--color-border-secondary: rgb(235 235 235 / 100%);--color-border-tertiary: rgb(204 204 204 / 100%);--color-border-focus: rgb(0 91 211 / 100%);--color-border-brand: rgb(227 227 227 / 100%);--color-border-info: rgb(168 216 255 / 100%);--color-border-success: rgb(146 252 172 / 100%);--color-border-caution: rgb(255 235 120 / 100%);--color-border-warning: rgb(255 200 121 / 100%);--color-border-critical: rgb(254 193 199 / 100%);--color-border-critical-secondary: rgb(142 11 33 / 100%);--color-border-emphasis: rgb(0 91 211 / 100%);--color-border-emphasis-hover: rgb(0 66 153 / 100%);--color-border-emphasis-active: rgb(0 46 106 / 100%);--color-border-magic: rgb(228 222 255 / 100%);--color-border-magic-secondary: rgb(148 116 255 / 100%);--color-border-magic-secondary-hover: rgb(128 81 255 / 100%);--color-border-inverse: rgb(97 97 97 / 100%);--color-border-inverse-hover: rgb(204 204 204 / 100%);--color-border-inverse-active: rgb(227 227 227 / 100%);--color-tooltip-tail-down-border: rgb(212 212 212 / 100%);--color-tooltip-tail-up-border: rgb(227 227 227 / 100%);--color-icon: rgb(74 74 74 / 100%);--color-icon-hover: rgb(48 48 48 / 100%);--color-icon-active: rgb(26 26 26 / 100%);--color-icon-disabled: rgb(204 204 204 / 100%);--color-icon-secondary: rgb(138 138 138 / 100%);--color-icon-secondary-hover: rgb(97 97 97 / 100%);--color-icon-secondary-active: rgb(74 74 74 / 100%);--color-icon-brand: rgb(26 26 26 / 100%);--color-icon-info: rgb(0 148 213 / 100%);--color-icon-success: rgb(4 123 93 / 100%);--color-icon-caution: rgb(153 138 0 / 100%);--color-icon-warning: rgb(178 132 0 / 100%);--color-icon-critical: rgb(226 44 56 / 100%);--color-icon-emphasis: rgb(0 91 211 / 100%);--color-icon-emphasis-hover: rgb(0 66 153 / 100%);--color-icon-emphasis-active: rgb(0 46 106 / 100%);--color-icon-magic: rgb(128 81 255 / 100%);--color-icon-inverse: rgb(227 227 227 / 100%);--color-avatar-bg-fill: rgb(181 181 181 / 100%);--color-avatar-text-on-bg-fill: rgb(255 255 255 / 100%);--color-avatar-one-bg-fill: rgb(197 48 197 / 100%);--color-avatar-one-text-on-bg-fill: rgb(253 239 253 / 100%);--color-avatar-two-bg-fill: rgb(82 244 144 / 100%);--color-avatar-two-text-on-bg-fill: rgb(1 75 64 / 100%);--color-avatar-three-bg-fill: rgb(44 224 212 / 100%);--color-avatar-three-text-on-bg-fill: rgb(3 60 57 / 100%);--color-avatar-four-bg-fill: rgb(81 192 255 / 100%);--color-avatar-four-text-on-bg-fill: rgb(0 33 51 / 100%);--color-avatar-five-bg-fill: rgb(253 75 146 / 100%);--color-avatar-five-text-on-bg-fill: rgb(255 246 248 / 100%);--color-avatar-six-bg-fill: rgb(37 232 43 / 100%);--color-avatar-six-text-on-bg-fill: rgb(3 61 5 / 100%);--color-avatar-seven-bg-fill: rgb(148 116 255 / 100%);--color-avatar-seven-text-on-bg-fill: rgb(248 247 255 / 100%);--color-backdrop-bg: rgb(0 0 0 / 71%);--color-button-gradient-bg-fill: linear-gradient(180deg, rgb(48 48 48 / 0%) 63.53%, rgb(255 255 255 / 15%) 100%);--color-checkbox-bg-surface-disabled: rgb(0 0 0 / 8%);--color-checkbox-icon-disabled: rgb(255 255 255 / 100%);--color-radio-button-bg-surface-disabled: rgb(0 0 0 / 8%);--color-radio-button-icon-disabled: rgb(255 255 255 / 100%);--color-input-bg-surface: rgb(253 253 253 / 100%);--color-input-bg-surface-hover: rgb(250 250 250 / 100%);--color-input-bg-surface-active: rgb(247 247 247 / 100%);--color-input-border: rgb(138 138 138 / 100%);--color-input-border-hover: rgb(97 97 97 / 100%);--color-input-border-active: rgb(26 26 26 / 100%);--color-nav-bg: rgb(235 235 235 / 100%);--color-nav-bg-surface: rgb(0 0 0 / 2%);--color-nav-bg-surface-hover: rgb(241 241 241 / 100%);--color-nav-bg-surface-active: rgb(250 250 250 / 100%);--color-nav-bg-surface-selected: rgb(250 250 250 / 100%);--color-scrollbar-thumb-bg: rgb(181 181 181 / 100%);--color-scrollbar-thumb-bg-hover: rgb(138 138 138 / 100%);--color-video-thumbnail-play-button-bg-fill: rgb(0 0 0 / 71%);--color-video-thumbnail-play-button-bg-fill-hover: rgb(0 0 0 / 80%);--color-video-thumbnail-play-button-text-on-bg-fill: rgb(255 255 255 / 100%);--spacing-0: 0rem;--spacing-025: .0625rem;--spacing-050: .125rem;--spacing-100: .25rem;--spacing-150: .375rem;--spacing-200: .5rem;--spacing-300: .75rem;--spacing-400: 1rem;--spacing-500: 1.25rem;--spacing-600: 1.5rem;--spacing-800: 2rem;--spacing-1000: 2.5rem;--spacing-1200: 3rem;--spacing-1600: 4rem;--spacing-2000: 5rem;--spacing-2400: 6rem;--spacing-2800: 7rem;--spacing-3200: 8rem;--spacing-button-group-gap: .5rem;--spacing-card-gap: 1rem;--spacing-card-padding: 1rem;--spacing-table-cell-padding: .375rem;--font-family-sans: "Inter", -apple-system, blinkmacsystemfont, "San Francisco", "Segoe UI", roboto, "Helvetica Neue", sans-serif;--font-family-mono: ui-monospace, sfmono-regular, "SF Mono", consolas, "Liberation Mono", menlo, monospace;--font-size-275: .6875rem;--font-size-300: .75rem;--font-size-325: .8125rem;--font-size-350: .875rem;--font-size-400: 1rem;--font-size-450: 1.125rem;--font-size-500: 1.25rem;--font-size-550: 1.375rem;--font-size-600: 1.5rem;--font-size-750: 1.875rem;--font-size-800: 2rem;--font-size-900: 2.25rem;--font-size-1000: 2.5rem;--font-weight-regular: 450;--font-weight-medium: 550;--font-weight-semibold: 650;--font-weight-bold: 700;--font-weight-normal: 450;--font-letter-spacing-densest: -.03375rem;--font-letter-spacing-denser: -.01875rem;--font-letter-spacing-dense: -.0125rem;--font-letter-spacing-normal: 0rem;--line-height-300: .75rem;--line-height-400: 1rem;--line-height-500: 1.25rem;--line-height-600: 1.5rem;--line-height-700: 1.75rem;--line-height-800: 2rem;--line-height-1000: 2.5rem;--line-height-1200: 3rem;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--text-heading-3xl-font-size: 2.25rem;--text-heading-3xl-font-weight: 700;--text-heading-3xl-line-height: 3rem;--text-heading-3xl-letter-spacing: -.03375rem;--text-heading-2xl-font-size: 1.875rem;--text-heading-2xl-font-weight: 700;--text-heading-2xl-line-height: 2.5rem;--text-heading-2xl-letter-spacing: -.01875rem;--text-heading-xl-font-size: 1.5rem;--text-heading-xl-font-weight: 700;--text-heading-xl-line-height: 2rem;--text-heading-xl-letter-spacing: -.0125rem;--text-heading-lg-font-size: 1.25rem;--text-heading-lg-font-weight: 650;--text-heading-lg-line-height: 1.5rem;--text-heading-lg-letter-spacing: -.0125rem;--text-heading-md-font-size: .875rem;--text-heading-md-font-weight: 650;--text-heading-md-line-height: 1.25rem;--text-heading-md-letter-spacing: 0rem;--text-heading-sm-font-size: .8125rem;--text-heading-sm-font-weight: 650;--text-heading-sm-line-height: 1.25rem;--text-heading-sm-letter-spacing: 0rem;--text-heading-xs-font-size: .75rem;--text-heading-xs-font-weight: 650;--text-heading-xs-line-height: 1rem;--text-heading-xs-letter-spacing: 0rem;--text-body-lg-font-size: .875rem;--text-body-lg-font-weight: 450;--text-body-lg-line-height: 1.25rem;--text-body-md-font-size: .8125rem;--text-body-md-font-weight: 450;--text-body-md-line-height: 1.25rem;--text-body-sm-font-size: .75rem;--text-body-sm-font-weight: 450;--text-body-sm-line-height: 1rem;--text-body-xs-font-size: .6875rem;--text-body-xs-font-weight: 450;--text-body-xs-line-height: .75rem;--radius-none: 0rem;--radius-050: .125rem;--radius-100: .25rem;--radius-150: .375rem;--radius-200: .5rem;--radius-300: .75rem;--radius-400: 1rem;--radius-500: 1.25rem;--radius-750: 1.875rem;--radius-full: 624.9375rem;--border-width-0: 0rem;--border-width-0165: .04125rem;--border-width-025: .0625rem;--border-width-050: .125rem;--border-width-100: .25rem;--shadow-0: none;--shadow-none: none;--shadow-100: 0rem .0625rem 0rem 0rem rgb(26 26 26 / 7%);--shadow-200: 0rem .1875rem .0625rem -.0625rem rgb(26 26 26 / 7%);--shadow-300: 0rem .25rem .375rem -.125rem rgb(26 26 26 / 20%);--shadow-400: 0rem .5rem 1rem -.25rem rgb(26 26 26 / 22%);--shadow-500: 0rem .75rem 1.25rem -.5rem rgb(26 26 26 / 24%);--shadow-600: 0rem 1.25rem 1.25rem -.5rem rgb(26 26 26 / 28%);--shadow-bevel-100: .0625rem 0rem 0rem 0rem rgb(0 0 0 / 13%) inset, -.0625rem 0rem 0rem 0rem rgb(0 0 0 / 13%) inset, 0rem -.0625rem 0rem 0rem rgb(0 0 0 / 17%) inset, 0rem .0625rem 0rem 0rem rgb(204 204 204 / 50%) inset;--shadow-inset-100: 0rem .0625rem .125rem 0rem rgb(26 26 26 / 15%) inset, 0rem .0625rem .0625rem 0rem rgb(26 26 26 / 15%) inset;--shadow-inset-200: 0rem .125rem .0625rem 0rem rgb(26 26 26 / 20%) inset, .0625rem 0rem .0625rem 0rem rgb(26 26 26 / 12%) inset, -.0625rem 0rem .0625rem 0rem rgb(26 26 26 / 12%) inset;--shadow-button: 0rem -.0625rem 0rem 0rem #b5b5b5 inset, 0rem 0rem 0rem .0625rem rgb(0 0 0 / 10%) inset, 0rem .03125rem 0rem .09375rem #fff inset;--shadow-button-hover: 0rem .0625rem 0rem 0rem #ebebeb inset, -.0625rem 0rem 0rem 0rem #ebebeb inset, .0625rem 0rem 0rem 0rem #ebebeb inset, 0rem -.0625rem 0rem 0rem #ccc inset;--shadow-button-inset: -.0625rem 0rem .0625rem 0rem rgb(26 26 26 / 12%) inset, .0625rem 0rem .0625rem 0rem rgb(26 26 26 / 12%) inset, 0rem .125rem .0625rem 0rem rgb(26 26 26 / 20%) inset;--shadow-button-primary: 0rem -.0625rem 0rem .0625rem rgb(0 0 0 / 80%) inset, 0rem 0rem 0rem .0625rem rgb(48 48 48 / 100%) inset, 0rem .03125rem 0rem .09375rem rgb(255 255 255 / 25%) inset;--shadow-button-primary-hover: 0rem .0625rem 0rem 0rem rgb(255 255 255 / 24%) inset, .0625rem 0rem 0rem 0rem rgb(255 255 255 / 20%) inset, -.0625rem 0rem 0rem 0rem rgb(255 255 255 / 20%) inset, 0rem -.0625rem 0rem 0rem rgb(0 0 0 / 30%) inset;--shadow-button-primary-inset: 0rem .1875rem 0rem 0rem rgb(0 0 0 / 100%) inset;--shadow-button-primary-critical: 0rem -.0625rem 0rem .0625rem rgb(142 31 11 / 80%) inset, 0rem 0rem 0rem .0625rem rgb(181 38 11 / 80%) inset, 0rem .03125rem 0rem .09375rem rgb(255 255 255 / 35%) inset;--shadow-button-primary-critical-hover: 0rem .0625rem 0rem 0rem rgb(255 255 255 / 48%) inset, .0625rem 0rem 0rem 0rem rgb(255 255 255 / 20%) inset, -.0625rem 0rem 0rem 0rem rgb(255 255 255 / 20%) inset, 0rem -.09375rem 0rem 0rem rgb(0 0 0 / 25%) inset;--shadow-button-primary-critical-inset: -.0625rem 0rem .0625rem 0rem rgb(0 0 0 / 20%) inset, .0625rem 0rem .0625rem 0rem rgb(0 0 0 / 20%) inset, 0rem .125rem 0rem 0rem rgb(0 0 0 / 60%) inset;--shadow-button-primary-success: 0rem -.0625rem 0rem .0625rem rgb(12 81 50 / 80%) inset, 0rem 0rem 0rem .0625rem rgb(19 111 69 / 80%) inset, 0rem .03125rem 0rem .09375rem rgb(255 255 255 / 25%) inset;--shadow-button-primary-success-hover: 0rem .0625rem 0rem 0rem rgb(255 255 255 / 48%) inset, .0625rem 0rem 0rem 0rem rgb(255 255 255 / 20%) inset, -.0625rem 0rem 0rem 0rem rgb(255 255 255 / 20%) inset, 0rem -.09375rem 0rem 0rem rgb(0 0 0 / 25%) inset;--shadow-button-primary-success-inset: -.0625rem 0rem .0625rem 0rem rgb(0 0 0 / 20%) inset, .0625rem 0rem .0625rem 0rem rgb(0 0 0 / 20%) inset, 0rem .125rem 0rem 0rem rgb(0 0 0 / 60%) inset;--shadow-border-inset: 0rem 0rem 0rem .0625rem rgb(0 0 0 / 8%) inset;--shadow-sm: 0rem .0625rem 0rem 0rem rgb(26 26 26 / 7%);--shadow-md: 0rem .1875rem .0625rem -.0625rem rgb(26 26 26 / 7%);--shadow-lg: 0rem .25rem .375rem -.125rem rgb(26 26 26 / 20%);--shadow-xl: 0rem .5rem 1rem -.25rem rgb(26 26 26 / 22%);--motion-duration-0: 0ms;--motion-duration-50: 50ms;--motion-duration-100: .1s;--motion-duration-150: .15s;--motion-duration-200: .2s;--motion-duration-250: .25s;--motion-duration-300: .3s;--motion-duration-350: .35s;--motion-duration-400: .4s;--motion-duration-450: .45s;--motion-duration-500: .5s;--motion-duration-5000: 5s;--motion-ease: cubic-bezier(.25, .1, .25, 1);--motion-ease-in: cubic-bezier(.42, 0, 1, 1);--motion-ease-out: cubic-bezier(.19, .91, .38, 1);--motion-ease-in-out: cubic-bezier(.42, 0, .58, 1);--motion-linear: cubic-bezier(0, 0, 1, 1);--transition-fast: .15s cubic-bezier(.25, .1, .25, 1);--transition-normal: .2s cubic-bezier(.25, .1, .25, 1);--transition-slow: .3s cubic-bezier(.25, .1, .25, 1);--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--ease: cubic-bezier(.25, .1, .25, 1);--z-index-1: 100;--z-index-2: 400;--z-index-3: 510;--z-index-4: 512;--z-index-5: 513;--z-index-6: 514;--z-index-7: 515;--z-index-8: 516;--z-index-9: 517;--z-index-10: 518;--z-index-11: 519;--z-index-12: 520;--z-dropdown: 400;--z-modal: 519;--z-tooltip: 520;--z-toast: 525;--box-background: initial;--box-border-color: initial;--box-border-radius: initial;--box-inset-block-start: initial;--box-inset-block-end: initial;--box-inset-inline-start: initial;--box-inset-inline-end: initial;--box-padding-block-start: initial;--box-padding-block-end: initial;--box-padding-inline-start: initial;--box-padding-inline-end: initial;--box-shadow: initial;--box-width: initial;--box-min-height: initial;--box-min-width: initial;--box-max-width: initial;--text-alignment: initial;--text-font-weight: initial;--text-decoration-line: initial;--divider-border-width: initial;--divider-border-color: initial;--inline-grid-columns: initial;--anchor-width: initial;--breakpoints-xs: 0px;--breakpoints-sm: 490px;--breakpoints-md: 768px;--breakpoints-lg: 1040px;--breakpoints-xl: 1440px}@keyframes bounce{0%,65%,85%{transform:scale(1)}75%{transform:scale(.85)}82.5%{transform:scale(1.05)}}@keyframes fade-in{to{opacity:100%}}@keyframes pulse{0%,75%{transform:scale(.85);opacity:100%}to{transform:scale(2.5);opacity:0%}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes appear-above{0%{transform:translateY(var(--spacing-100));opacity:0%}to{transform:none;opacity:100%}}@keyframes appear-below{0%{transform:translateY(calc(var(--spacing-100) * -1));opacity:0%}to{transform:none;opacity:100%}}@font-face{font-family:Riking;src:url(/fonts/Riking.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--color-primary: #37845e;--color-primary-dark: #2d6d4d;--color-star: #f5a623;--color-star-empty: #d4d4d4;--color-star-hover: #999999;--font-display: "Riking", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:#fff;color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(min-width:640px){body{background-color:var(--color-primary)}}#root{min-height:100dvh;display:flex;justify-content:center;align-items:flex-start;padding:0}@media(min-width:640px){#root{padding:40px 16px}}.app{width:100%;max-width:600px;padding:24px 16px}@media(min-width:640px){.app{background:var(--color-bg-surface);border-radius:var(--radius-300);box-shadow:var(--shadow-300);border:var(--border-width-025) solid var(--color-border-secondary);padding:32px}}.logo{display:block;width:72px;height:auto;margin:0 auto 8px}.brand-name{font-family:var(--font-display);font-size:1.25rem;font-weight:400;text-align:center;color:var(--color-primary);margin-bottom:24px;display:block}h1{font-family:var(--font-body);font-size:1.4rem;font-weight:700;text-align:center;color:var(--color-primary);margin-bottom:8px}h1.display-title{font-family:var(--font-display);font-size:1.65rem;font-weight:400}.intro{text-align:center;color:var(--color-text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:32px}.survey-form{display:flex;flex-direction:column;gap:28px}.rating-group{display:flex;flex-direction:column;gap:8px}.rating-label{font-size:.8rem;font-weight:600;color:var(--color-text)}.stars{display:flex;gap:6px}.star{background:none;border:none;cursor:pointer;padding:8px;font-size:0;line-height:0}.star svg{width:32px;height:32px;transition:color .15s ease}.star--filled{color:var(--color-star)}.star--empty{color:var(--color-star-empty)}.star--hover{color:var(--color-star)}.comments-field{display:flex;flex-direction:column;gap:8px}.comments-field label{font-size:.8rem;font-weight:600;color:var(--color-text)}.comments-field textarea{font-family:var(--font-body);font-size:.85rem;border:2px solid #e0e0e0;border-radius:12px;padding:14px 16px;min-height:100px;resize:vertical;transition:border-color .2s ease;outline:none}.comments-field textarea:focus{border-color:var(--color-primary)}.field-error{color:var(--color-text-critical);font-size:.8rem}.submit-button{font-family:var(--font-body);background-color:var(--color-primary);color:#fff;border:none;border-radius:12px;padding:14px 28px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.submit-button:hover:not(:disabled){background-color:var(--color-primary-dark)}.submit-button:active:not(:disabled){transform:scale(.98)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.thankyou,.review-prompt{text-align:center;padding:24px 0}.thankyou p,.review-prompt p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6;margin-bottom:24px}.review-links{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.review-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;background-color:var(--color-primary);color:#fff;text-decoration:none;padding:12px 20px;border-radius:12px;font-weight:600;font-size:.85rem;transition:background-color .2s ease}.review-icon{flex-shrink:0}.review-link:hover{background-color:var(--color-primary-dark)}.skip-link{background:none;border:none;color:var(--color-text-secondary);font-size:.8rem;cursor:pointer;text-decoration:underline;font-family:var(--font-body)}.error-message{text-align:center;color:var(--color-text-critical);font-size:.85rem;padding:16px;background:var(--color-bg-surface-critical);border-radius:12px}