.ds-scope.theme-dyson,:root[data-theme=dark] .ds-scope.theme-dyson{--ds-color-bg: var(--dce-fog);--ds-color-surface: #FFFFFF;--ds-color-surface-2: var(--dce-fog);--ds-color-surface-raised:#FFFFFF;--ds-color-ink: var(--dce-ink);--ds-color-ink-2: var(--dce-black);--ds-color-mute: var(--dce-grey);--ds-color-border: var(--dce-line);--ds-color-border-strong: var(--dce-grey);--ds-color-primary: var(--dce-green);--ds-color-primary-hover: var(--dce-green-dark);--ds-color-primary-soft: #EAF5DE;--ds-color-on-primary: var(--dce-black);--ds-color-info: var(--dce-blue);--ds-color-info-ink: #0A4D8C;--ds-color-info-bg: color-mix(in srgb, var(--ds-color-info) 9%, transparent);--ds-color-info-border: #97C3EB;--ds-color-success: #1F8A53;--ds-color-success-ink: #0E5C34;--ds-color-success-bg: color-mix(in srgb, var(--ds-color-success) 12%, transparent);--ds-color-success-border: #9BDDC0;--ds-color-danger: #D64550;--ds-color-danger-ink: #A5202B;--ds-color-danger-bg: color-mix(in srgb, var(--ds-color-danger) 11%, transparent);--ds-color-danger-border: #EFA5A5;--ds-color-warning: #C77700;--ds-color-warning-ink: #7A4A00;--ds-color-warning-bg: color-mix(in srgb, var(--ds-color-warning) 9%, transparent);--ds-color-warning-border: #F5C88A;--ds-chrome-ink: var(--dce-ink);--ds-chrome-ink-hover: var(--dce-black);--ds-chrome-soft: var(--dce-fog);--ds-selected-fill: var(--dce-ink);--ds-selected-ink: #ffffff;--ds-selected-border: var(--dce-ink);--ds-feedback-fill: #0057b8;--ds-feedback-soft: #E7EFF9;--ds-sidenav-active-bg: var(--ds-feedback-soft);--ds-sidenav-active-accent: var(--ds-feedback-fill);--ds-nav-ink-active: var(--ds-chrome-ink);--ds-nav-pill-fill: var(--ds-chrome-soft);--ds-rating-ink: var(--dce-yellow);--ds-button-fill: var(--dce-black);--ds-button-fill-hover: var(--dce-ink);--ds-button-ink: #ffffff;--ds-btn-ghost-wash: var(--dce-fog);--ds-button-text-sm: var(--ds-button-text);--ds-button-text-lg: var(--ds-button-text);--ds-focus-ring: 0 0 0 3px color-mix(in srgb, var(--dce-ink) 38%, transparent);--ds-field-focus-ring: 0 0 0 3px var(--ds-color-primary-soft);--ds-scrollbar-thumb: rgba(0, 0, 0, .28);--ds-ripple-neutral: #8C9098;--ds-skeleton-sweep: color-mix(in srgb, var(--ds-color-surface) 55%, transparent);--ds-shadow-xs: 0 1px 2px rgba(16,16,16,.06);--ds-shadow-sm: 0 2px 6px rgba(16,16,16,.07);--ds-shadow: 0 1px 2px rgba(16,16,16,.06), 0 8px 24px rgba(16,16,16,.08);--ds-shadow-md: 0 6px 18px rgba(16,16,16,.1);--ds-shadow-lg: 0 12px 40px rgba(16,16,16,.16);--ds-shadow-xl: 0 24px 64px rgba(16,16,16,.22);--ds-sheet-shadow: 0 -12px 40px rgba(16,16,16,.16);--ds-font: var(--dce-font);--ds-icon-family: "Material Symbols Sharp";--ds-button-weight: 500;--ds-button-radius: 0px;--ds-control-radius: 0px;--ds-card-radius: 0px;--ds-badge-radius: 0px;--ds-check-size: 24px;--ds-check-shape: 0px;--ds-check-fill: var(--dce-black);--ds-check-ink: #ffffff;--ds-input-height: 56px;--ds-input-pad: 16px;--ds-input-text: 16px;--ds-button-height: 56px;--ds-button-text: 17px;--ds-menu-radius: 0px;--ds-option-radius: 0px;--ds-overlay-radius: 0px;--ds-notification-radius: 0px;--ds-panel-radius: 0px;--ds-dialog-radius: var(--ds-radius-lg);--ds-floatlabel-weight: var(--ds-weight-regular);--ds-floatlabel-ink: var(--ds-color-mute);--ds-floatlabel-ink-risen: var(--ds-color-ink)}.ds-scope.theme-jdf,:root[data-theme=dark] .ds-scope.theme-jdf{--ds-color-bg: var(--jdf-light-grey);--ds-color-surface: var(--jdf-white);--ds-color-surface-2: var(--jdf-light-grey);--ds-color-surface-raised:var(--jdf-white);--ds-color-ink: var(--jdf-ink);--ds-color-ink-2: var(--jdf-dark-grey);--ds-color-mute: var(--jdf-grey);--ds-color-border: var(--jdf-medium-grey);--ds-color-border-strong: var(--jdf-dark-grey);--ds-color-primary: var(--jdf-accent);--ds-color-primary-hover: var(--jdf-accent-hover);--ds-color-primary-soft: var(--jdf-light-grey);--ds-color-on-primary: var(--jdf-black);--ds-color-success: #618A1F;--ds-color-success-ink: #3E5C11;--ds-color-success-bg: color-mix(in srgb, var(--ds-color-success) 12%, transparent);--ds-color-success-border:#BCD584;--ds-color-danger: #C33A2C;--ds-color-danger-ink: #99251A;--ds-color-danger-bg: color-mix(in srgb, var(--ds-color-danger) 11%, transparent);--ds-color-danger-border: #ECAFA6;--ds-color-warning: #C96C0A;--ds-color-warning-ink: #7E4508;--ds-color-warning-bg: color-mix(in srgb, var(--ds-color-warning) 9%, transparent);--ds-color-warning-border:#EEC492;--ds-color-info: var(--jdf-grey);--ds-color-info-ink: var(--jdf-dark-grey);--ds-color-info-bg: var(--jdf-light-grey);--ds-color-info-border: #C7C7C7;--ds-chrome-ink: var(--jdf-dark-grey);--ds-chrome-ink-hover: var(--jdf-black);--ds-chrome-soft: var(--jdf-light-grey);--ds-selected-fill: var(--jdf-dark-grey);--ds-selected-ink: var(--jdf-white);--ds-selected-border: var(--jdf-dark-grey);--ds-feedback-fill: #0057b8;--ds-feedback-soft: #E7EFF9;--ds-sidenav-active-bg: var(--ds-feedback-soft);--ds-sidenav-active-accent: var(--ds-feedback-fill);--ds-selectcard-selected-border: var(--ds-color-primary);--ds-selectcard-selected-fill: transparent;--ds-nav-ink-active: var(--ds-chrome-ink);--ds-nav-pill-fill: var(--ds-chrome-soft);--ds-rating-ink: #ffd500;--ds-btn-ghost-wash: var(--jdf-light-grey);--ds-button-text-sm: var(--ds-button-text);--ds-button-text-lg: var(--ds-button-text);--ds-focus-ring: 0 0 0 3px color-mix(in srgb, var(--jdf-dark-grey) 38%, transparent);--ds-field-focus-ring: 0 0 0 3px color-mix(in srgb, var(--jdf-accent) 38%, transparent);--ds-scrollbar-thumb: rgba(0, 0, 0, .28);--ds-ripple-neutral: #8C9098;--ds-skeleton-sweep: color-mix(in srgb, var(--ds-color-surface) 55%, transparent);--ds-shadow-xs: 0 1px 2px rgba(16,16,16,.06);--ds-shadow-sm: 0 2px 6px rgba(16,16,16,.07);--ds-shadow: 0 1px 2px rgba(16,16,16,.06), 0 8px 24px rgba(16,16,16,.08);--ds-shadow-md: 0 6px 18px rgba(16,16,16,.1);--ds-shadow-lg: 0 12px 40px rgba(16,16,16,.16);--ds-shadow-xl: 0 24px 64px rgba(16,16,16,.22);--ds-sheet-shadow: 0 -12px 40px rgba(16,16,16,.16);--ds-font: var(--jdf-font);--ds-icon-family: "Material Symbols Sharp";--ds-weight-medium: var(--jdf-weight-medium);--ds-weight-semibold: var(--jdf-weight-heavy);--ds-weight-bold: var(--jdf-weight-heavy);--ds-button-radius: 0px;--ds-button-weight: 500;--ds-button-fill: var(--jdf-dark-grey);--ds-button-fill-hover: var(--jdf-black);--ds-button-ink: var(--jdf-white);--ds-control-radius: 0px;--ds-card-radius: 0px;--ds-badge-radius: 0px;--ds-check-size: 24px;--ds-check-shape: 0px;--ds-check-fill: var(--jdf-black);--ds-check-ink: var(--jdf-white);--ds-checkbox-label-text: var(--ds-text-fine);--ds-input-height: 56px;--ds-input-pad: 16px;--ds-input-text: 16px;--ds-button-height: 56px;--ds-button-text: 17px;--ds-menu-radius: 0px;--ds-option-radius: 0px;--ds-overlay-radius: 0px;--ds-notification-radius: 0px;--ds-panel-radius: 0px;--ds-dialog-radius: var(--ds-radius-lg);--ds-floatlabel-weight: var(--ds-weight-regular);--ds-floatlabel-ink: var(--ds-color-mute);--ds-floatlabel-ink-risen: var(--ds-color-ink)}