.svg--autoscale---9awM>svg {
    width: 100%;
    height: 100%
}

.lazy_input--lazyInput--1mJeW {
    cursor: auto
}

@font-face {
    font-family: Helvetica Neue;
    font-weight: 450;
    src: local("Helvetica Neue")
}

@font-face {
    font-family: Helvetica Neue;
    font-weight: 550;
    src: local("Helvetica Neue Bold")
}

:root {
    --font-family-ui: Inter, sans-serif
}

:root {
    --editor-banner-height: 0px;
    --toolbar-unread-dot-top: 10px;
    --cookie-banner-persistent-message-bottom-margin: 0
}

body,
[data-editor-theme=design]:not([data-preferred-theme=debug]) {
    --toolbar-height: 48px;
    --dev-handoff-navbar-height: 40px;
    --insertable-resource-dragging-cursor: default
}

[data-editor-theme=whiteboard] {
    --toolbar-height: 48px;
    --insertable-resource-dragging-cursor: grabbing
}

:root {
    --fallback-color-bg: #ffffffff;
    --fallback-color-bg-hover: #0000000f;
    --fallback-color-bg-pressed: #ffffffff;
    --fallback-color-bg-secondary: #f0f0f0ff;
    --fallback-color-bg-tertiary: #f0f0f0ff;
    --fallback-color-bg-disabled: #f0f0f0ff;
    --fallback-color-text: #000000cc;
    --fallback-color-text-hover: #333333ff;
    --fallback-color-text-secondary: #0000004c;
    --fallback-color-text-secondary-hover: #000000cc;
    --fallback-color-text-tertiary: #0000004c;
    --fallback-color-text-tertiary-hover: #000000cc;
    --fallback-color-text-disabled: #0000004c;
    --fallback-color-icon: #000000cc;
    --fallback-color-icon-hover: #000000cc;
    --fallback-color-icon-secondary: #0000004c;
    --fallback-color-icon-secondary-hover: #000000cc;
    --fallback-color-icon-tertiary: #0000004c;
    --fallback-color-icon-tertiary-hover: #000000cc;
    --fallback-color-icon-disabled: #0000004c;
    --fallback-color-icon-pressed: #0d99ffff;
    --fallback-color-border: #e5e5e5ff;
    --fallback-color-bg-brand: #0d99ffff;
    --fallback-color-bg-brand-hover: #0d99ffff;
    --fallback-color-bg-brand-pressed: #0d99ffff;
    --fallback-color-bg-brand-secondary: #daebf7ff;
    --fallback-color-bg-brand-tertiary: #daebf7ff;
    --fallback-color-text-brand: #0d99ffff;
    --fallback-color-text-brand-secondary: #0d99ffff;
    --fallback-color-text-brand-tertiary: #0d99ffff;
    --fallback-color-icon-brand: #0d99ffff;
    --fallback-color-icon-brand-secondary: #0d99ffff;
    --fallback-color-icon-brand-tertiary: #0d99ffff;
    --fallback-color-icon-brand-pressed: #0000004c;
    --fallback-color-border-brand: #0d99ffff;
    --fallback-color-icon-onbrand: #ffffffff;
    --fallback-color-text-onbrand: #ffffffff;
    --fallback-color-border-onbrand: #ffffffff;
    --fallback-color-bg-selected: #daebf7ff;
    --fallback-color-bg-selected-hover: #daebf7ff;
    --fallback-color-bg-selected-pressed: #daebf7ff;
    --fallback-color-bg-selected-secondary: #edf5faff;
    --fallback-color-bg-selected-tertiary: #edf5faff;
    --fallback-color-text-selected: #0d99ffff;
    --fallback-color-text-selected-secondary: #0d99ffff;
    --fallback-color-text-selected-tertiary: #0d99ffff;
    --fallback-color-icon-selected: #0d99ffff;
    --fallback-color-icon-selected-secondary: #0d99ffff;
    --fallback-color-icon-selected-tertiary: #0d99ffff;
    --fallback-color-border-selected: #0d99ffff;
    --fallback-color-icon-onselected: #00000014;
    --fallback-color-text-onselected: #00000014;
    --fallback-color-border-onselected: #ffffffff;
    --fallback-color-bg-menu: #222222ff;
    --fallback-color-bg-menu-hover: #222222ff;
    --fallback-color-bg-menu-pressed: #222222ff;
    --fallback-color-bg-menu-secondary: #222222ff;
    --fallback-color-bg-menu-tertiary: #222222ff;
    --fallback-color-text-menu: #ffffffff;
    --fallback-color-text-menu-hover: #ffffffff;
    --fallback-color-text-menu-secondary: #ffffff66;
    --fallback-color-text-menu-secondary-hover: #ffffffff;
    --fallback-color-text-menu-tertiary: #ffffff66;
    --fallback-color-text-menu-tertiary-hover: #ffffffff;
    --fallback-color-icon-menu: #ffffffff;
    --fallback-color-icon-menu-hover: #ffffffff;
    --fallback-color-icon-menu-secondary: #ffffff66;
    --fallback-color-icon-menu-secondary-hover: #ffffffff;
    --fallback-color-icon-menu-tertiary: #ffffff66;
    --fallback-color-icon-menu-tertiary-hover: #ffffffff;
    --fallback-color-icon-menu-pressed: #0d99ffff;
    --fallback-color-border-menu: #ffffff33;
    --fallback-color-text-menu-danger: #f24822ff;
    --fallback-color-icon-menu-danger: #f24822ff;
    --fallback-color-text-menu-warning: #ffeb00ff;
    --fallback-color-icon-menu-warning: #ffeb00ff;
    --fallback-color-bg-menu-selected: #0d99ffff;
    --fallback-color-bg-menu-selected-hover: #0d99ffff;
    --fallback-color-bg-menu-selected-pressed: #0d99ffff;
    --fallback-color-bg-menu-selected-secondary: #0d99ffff;
    --fallback-color-bg-menu-selected-tertiary: #0d99ffff;
    --fallback-color-text-menu-selected: #0d99ffff;
    --fallback-color-text-menu-selected-secondary: #0d99ffff;
    --fallback-color-text-menu-selected-tertiary: #0d99ffff;
    --fallback-color-icon-menu-selected: #0d99ffff;
    --fallback-color-icon-menu-selected-secondary: #0d99ffff;
    --fallback-color-icon-menu-selected-tertiary: #0d99ffff;
    --fallback-color-border-menu-selected: #0d99ffff;
    --fallback-color-icon-menu-onselected: #ffffffff;
    --fallback-color-text-menu-onselected: #ffffffff;
    --fallback-color-border-menu-onselected: #ffffffff;
    --fallback-color-bg-toolbar: #2c2c2cff;
    --fallback-color-bg-toolbar-hover: #000000ff;
    --fallback-color-bg-toolbar-pressed: #000000ff;
    --fallback-color-bg-toolbar-secondary: #2c2c2cff;
    --fallback-color-bg-toolbar-tertiary: #2c2c2cff;
    --fallback-color-text-toolbar: #ffffffff;
    --fallback-color-text-toolbar-hover: #ffffffff;
    --fallback-color-text-toolbar-secondary: #ffffff66;
    --fallback-color-text-toolbar-secondary-hover: #ffffffff;
    --fallback-color-text-toolbar-tertiary: #ffffff66;
    --fallback-color-text-toolbar-tertiary-hover: #ffffffff;
    --fallback-color-icon-toolbar: #ffffffff;
    --fallback-color-icon-toolbar-hover: #ffffffff;
    --fallback-color-icon-toolbar-secondary: #ffffff66;
    --fallback-color-icon-toolbar-secondary-hover: #ffffffff;
    --fallback-color-icon-toolbar-tertiary: #ffffff66;
    --fallback-color-icon-toolbar-tertiary-hover: #ffffffff;
    --fallback-color-icon-toolbar-pressed: #0d99ffff;
    --fallback-color-border-toolbar: #ffffff33;
    --fallback-color-text-toolbar-danger: #f24822ff;
    --fallback-color-icon-toolbar-danger: #f24822ff;
    --fallback-color-text-toolbar-warning: #ffeb00ff;
    --fallback-color-icon-toolbar-warning: #ffeb00ff;
    --fallback-color-bg-toolbar-selected: #0d99ffff;
    --fallback-color-bg-toolbar-selected-hover: #0d99ffff;
    --fallback-color-bg-toolbar-selected-pressed: #0d99ffff;
    --fallback-color-bg-toolbar-selected-secondary: #0d99ffff;
    --fallback-color-bg-toolbar-selected-tertiary: #0d99ffff;
    --fallback-color-text-toolbar-selected: #0d99ffff;
    --fallback-color-text-toolbar-selected-secondary: #0d99ffff;
    --fallback-color-text-toolbar-selected-tertiary: #0d99ffff;
    --fallback-color-icon-toolbar-selected: #0d99ffff;
    --fallback-color-icon-toolbar-selected-secondary: #0d99ffff;
    --fallback-color-icon-toolbar-selected-tertiary: #0d99ffff;
    --fallback-color-border-toolbar-selected: #0d99ffff;
    --fallback-color-text-toolbar-onselected: #ffffffff;
    --fallback-color-icon-toolbar-onselected: #ffffffff;
    --fallback-color-border-toolbar-onselected: #ffffffff;
    --fallback-color-bg-tooltip: #050505ff;
    --fallback-color-bg-tooltip-hover: #050505ff;
    --fallback-color-bg-tooltip-pressed: #050505ff;
    --fallback-color-bg-tooltip-secondary: #050505ff;
    --fallback-color-bg-tooltip-tertiary: #050505ff;
    --fallback-color-text-tooltip: #ffffffff;
    --fallback-color-text-tooltip-hover: #ffffffff;
    --fallback-color-text-tooltip-secondary: #ffffff66;
    --fallback-color-text-tooltip-secondary-hover: #ffffffff;
    --fallback-color-text-tooltip-tertiary: #ffffff66;
    --fallback-color-text-tooltip-tertiary-hover: #ffffffff;
    --fallback-color-icon-tooltip: #ffffffff;
    --fallback-color-icon-tooltip-hover: #ffffffff;
    --fallback-color-icon-tooltip-secondary: #ffffff66;
    --fallback-color-icon-tooltip-secondary-hover: #ffffffff;
    --fallback-color-icon-tooltip-tertiary: #ffffff66;
    --fallback-color-icon-tooltip-tertiary-hover: #ffffffff;
    --fallback-color-icon-tooltip-pressed: #0d99ffff;
    --fallback-color-border-tooltip: #ffffff33;
    --fallback-color-text-tooltip-danger: #f24822ff;
    --fallback-color-icon-tooltip-danger: #f24822ff;
    --fallback-color-text-tooltip-warning: #ffeb00ff;
    --fallback-color-icon-tooltip-warning: #ffeb00ff;
    --fallback-color-bg-tooltip-selected: #0d99ffff;
    --fallback-color-bg-tooltip-selected-hover: #0d99ffff;
    --fallback-color-bg-tooltip-selected-pressed: #0d99ffff;
    --fallback-color-bg-tooltip-selected-secondary: #0d99ffff;
    --fallback-color-bg-tooltip-selected-tertiary: #0d99ffff;
    --fallback-color-text-tooltip-selected: #0d99ffff;
    --fallback-color-text-tooltip-selected-secondary: #0d99ffff;
    --fallback-color-text-tooltip-selected-tertiary: #0d99ffff;
    --fallback-color-icon-tooltip-selected: #0d99ffff;
    --fallback-color-icon-tooltip-selected-secondary: #0d99ffff;
    --fallback-color-icon-tooltip-selected-tertiary: #0d99ffff;
    --fallback-color-border-tooltip-selected: #0d99ffff;
    --fallback-color-text-tooltip-onselected: #ffffffff;
    --fallback-color-icon-tooltip-onselected: #ffffffff;
    --fallback-color-border-tooltip-onselected: #ffffffff;
    --fallback-color-bg-warning: #ffeb00ff;
    --fallback-color-bg-warning-hover: #ffeb00ff;
    --fallback-color-bg-warning-pressed: #ffeb00ff;
    --fallback-color-bg-warning-secondary: #ffeb00ff;
    --fallback-color-bg-warning-tertiary: #ffeb00ff;
    --fallback-color-text-warning: #ffeb00ff;
    --fallback-color-text-warning-secondary: #ffeb00ff;
    --fallback-color-text-warning-tertiary: #ffeb00ff;
    --fallback-color-icon-warning: #ffeb00ff;
    --fallback-color-icon-warning-secondary: #ffeb00ff;
    --fallback-color-icon-warning-tertiary: #ffeb00ff;
    --fallback-color-border-warning: #ffeb00ff;
    --fallback-color-icon-warning-pressed: #ffeb00ff;
    --fallback-color-text-onwarning: #333333ff;
    --fallback-color-icon-onwarning: #333333ff;
    --fallback-color-border-onwarning: #0000004c;
    --fallback-color-bg-danger: #f24822ff;
    --fallback-color-bg-danger-hover: #f2482214;
    --fallback-color-bg-danger-pressed: #f2482214;
    --fallback-color-bg-danger-secondary: #f24822ff;
    --fallback-color-bg-danger-tertiary: #f24822ff;
    --fallback-color-text-danger: #f24822ff;
    --fallback-color-text-danger-secondary: #f24822ff;
    --fallback-color-text-danger-tertiary: #f24822ff;
    --fallback-color-icon-danger: #f24822ff;
    --fallback-color-icon-danger-secondary: #f24822ff;
    --fallback-color-icon-danger-tertiary: #f24822ff;
    --fallback-color-icon-danger-pressed: #f24822ff;
    --fallback-color-border-danger: #f24822ff;
    --fallback-color-text-ondanger: #ffffffff;
    --fallback-color-icon-ondanger: #ffffffff;
    --fallback-color-border-ondanger: #ffffff66;
    --fallback-color-bg-success: #1bc47dff;
    --fallback-color-bg-success-hover: #1bc47dff;
    --fallback-color-bg-success-pressed: #1bc47dff;
    --fallback-color-bg-success-secondary: #1bc47dff;
    --fallback-color-bg-success-tertiary: #1bc47dff;
    --fallback-color-text-success: #1bc47dff;
    --fallback-color-text-success-secondary: #1bc47dff;
    --fallback-color-text-success-tertiary: #1bc47dff;
    --fallback-color-icon-success: #1bc47dff;
    --fallback-color-icon-success-secondary: #1bc47dff;
    --fallback-color-icon-success-tertiary: #1bc47dff;
    --fallback-color-icon-success-pressed: #1bc47dff;
    --fallback-color-border-success: #1bc47dff;
    --fallback-color-text-onsuccess: #ffffffff;
    --fallback-color-icon-onsuccess: #ffffffff;
    --fallback-color-border-onsuccess: #ffffffff;
    --fallback-color-bg-design: #0d99ffff;
    --fallback-color-bg-design-hover: #0d99ffff;
    --fallback-color-bg-design-pressed: #0d99ffff;
    --fallback-color-bg-design-secondary: #daebf7ff;
    --fallback-color-bg-design-tertiary: #daebf7ff;
    --fallback-color-text-design: #0d99ffff;
    --fallback-color-text-design-secondary: #0d99ffff;
    --fallback-color-text-design-tertiary: #0d99ffff;
    --fallback-color-icon-design: #0d99ffff;
    --fallback-color-icon-design-secondary: #0d99ffff;
    --fallback-color-icon-design-tertiary: #0d99ffff;
    --fallback-color-icon-design-pressed: #0000004c;
    --fallback-color-border-design: #0d99ffff;
    --fallback-color-icon-ondesign: #ffffffff;
    --fallback-color-text-ondesign: #ffffffff;
    --fallback-color-border-ondesign: #ffffffff;
    --fallback-color-icon-onfigjam: #ffffffff;
    --fallback-color-text-onfigjam: #ffffffff;
    --fallback-color-border-onfigjam: #ffffffff;
    --fallback-color-icon-oncomponent: #ffffffff;
    --fallback-color-text-oncomponent: #ffffffff;
    --fallback-color-border-oncomponent: #ffffffff
}

body {
    --ramp-black-100-light: rgba(0, 0, 0, .05);
    --ramp-black-100-dark: rgba(0, 0, 0, .05);
    --ramp-black-1000-light: rgba(0, 0, 0, 1);
    --ramp-black-1000-dark: rgba(0, 0, 0, 1);
    --ramp-black-200-light: rgba(0, 0, 0, .1);
    --ramp-black-200-dark: rgba(0, 0, 0, .1);
    --ramp-black-300-light: rgba(0, 0, 0, .2);
    --ramp-black-300-dark: rgba(0, 0, 0, .2);
    --ramp-black-400-light: rgba(0, 0, 0, .3);
    --ramp-black-400-dark: rgba(0, 0, 0, .3);
    --ramp-black-500-light: rgba(0, 0, 0, .5);
    --ramp-black-500-dark: rgba(0, 0, 0, .5);
    --ramp-black-600-light: rgba(0, 0, 0, .8);
    --ramp-black-600-dark: rgba(0, 0, 0, .8);
    --ramp-black-700-light: rgba(0, 0, 0, .85);
    --ramp-black-700-dark: rgba(0, 0, 0, .85);
    --ramp-black-800-light: rgba(0, 0, 0, .9);
    --ramp-black-800-dark: rgba(0, 0, 0, .9);
    --ramp-black-900-light: rgba(0, 0, 0, .95);
    --ramp-black-900-dark: rgba(0, 0, 0, .95);
    --ramp-blue-100-dark: #e2f1fd;
    --ramp-blue-100-light: #f2f9ff;
    --ramp-blue-1000-dark: #161e36;
    --ramp-blue-1000-light: #0d193f;
    --ramp-blue-200-dark: #cfe9fc;
    --ramp-blue-200-light: #e5f4ff;
    --ramp-blue-300-dark: #a8d7fa;
    --ramp-blue-300-light: #bde3ff;
    --ramp-blue-400-dark: #7cc4f8;
    --ramp-blue-400-light: #80caff;
    --ramp-blue-500-dark: #0c8ce9;
    --ramp-blue-500-light: #0d99ff;
    --ramp-blue-600-dark: #0a6dc2;
    --ramp-blue-600-light: #007be5;
    --ramp-blue-700-dark: #105cad;
    --ramp-blue-700-light: #0768cf;
    --ramp-blue-800-dark: #184591;
    --ramp-blue-800-light: #034ac1;
    --ramp-blue-900-dark: #1b335f;
    --ramp-blue-900-light: #093077;
    --ramp-green-100-dark: #ddfde2;
    --ramp-green-100-light: #ebffee;
    --ramp-green-1000-dark: #0b1e15;
    --ramp-green-1000-light: #083a23;
    --ramp-green-200-dark: #beefc2;
    --ramp-green-200-light: #cff7d3;
    --ramp-green-300-dark: #a1e8b9;
    --ramp-green-300-light: #aff4c6;
    --ramp-green-400-dark: #79d297;
    --ramp-green-400-light: #85e0a3;
    --ramp-green-500-dark: #198f51;
    --ramp-green-500-light: #14ae5c;
    --ramp-green-600-dark: #078348;
    --ramp-green-600-light: #009951;
    --ramp-green-700-dark: #0a5c35;
    --ramp-green-700-light: #008043;
    --ramp-green-800-dark: #0a4c2d;
    --ramp-green-800-light: #036838;
    --ramp-green-900-dark: #082618;
    --ramp-green-900-light: #024626;
    --ramp-grey-100-light: #f5f5f5;
    --ramp-grey-100-dark: #f5f5f5;
    --ramp-grey-1000-light: #111111;
    --ramp-grey-1000-dark: #111111;
    --ramp-grey-200-light: #e6e6e6;
    --ramp-grey-200-dark: #e6e6e6;
    --ramp-grey-300-light: #d9d9d9;
    --ramp-grey-300-dark: #d9d9d9;
    --ramp-grey-400-light: #b3b3b3;
    --ramp-grey-400-dark: #b3b3b3;
    --ramp-grey-500-light: #757575;
    --ramp-grey-500-dark: #757575;
    --ramp-grey-600-light: #444444;
    --ramp-grey-600-dark: #444444;
    --ramp-grey-700-light: #383838;
    --ramp-grey-700-dark: #383838;
    --ramp-grey-800-light: #2c2c2c;
    --ramp-grey-800-dark: #2c2c2c;
    --ramp-grey-900-light: #1e1e1e;
    --ramp-grey-900-dark: #1e1e1e;
    --ramp-orange-100-dark: #ffedd7;
    --ramp-orange-100-light: #fff4e5;
    --ramp-orange-1000-dark: #371d06;
    --ramp-orange-1000-light: #8a480f;
    --ramp-orange-200-dark: #fdd9b4;
    --ramp-orange-200-light: #ffe0c2;
    --ramp-orange-300-dark: #fcc67f;
    --ramp-orange-300-light: #fcd19c;
    --ramp-orange-400-dark: #fcb34a;
    --ramp-orange-400-light: #ffc470;
    --ramp-orange-500-dark: #de7d02;
    --ramp-orange-500-light: #ffa629;
    --ramp-orange-600-dark: #c86f04;
    --ramp-orange-600-light: #fc9e24;
    --ramp-orange-700-dark: #ad5f05;
    --ramp-orange-700-light: #f79722;
    --ramp-orange-800-dark: #985306;
    --ramp-orange-800-light: #dd7c0e;
    --ramp-orange-900-dark: #673806;
    --ramp-orange-900-light: #ce7012;
    --ramp-pale_blue-100-light: #f1f5f8;
    --ramp-pale_blue-100-dark: #f1f5f8;
    --ramp-pale_blue-1000-light: #121721;
    --ramp-pale_blue-1000-dark: #121721;
    --ramp-pale_blue-200-light: #e3ecf2;
    --ramp-pale_blue-200-dark: #e3ecf2;
    --ramp-pale_blue-300-light: #d2dae4;
    --ramp-pale_blue-300-dark: #d2dae4;
    --ramp-pale_blue-400-light: #afbccf;
    --ramp-pale_blue-400-dark: #afbccf;
    --ramp-pale_blue-500-light: #667799;
    --ramp-pale_blue-500-dark: #667799;
    --ramp-pale_blue-600-light: #536383;
    --ramp-pale_blue-600-dark: #536383;
    --ramp-pale_blue-700-light: #4a5878;
    --ramp-pale_blue-700-dark: #4a5878;
    --ramp-pale_blue-800-light: #394360;
    --ramp-pale_blue-800-dark: #394360;
    --ramp-pale_blue-900-light: #252d41;
    --ramp-pale_blue-900-dark: #252d41;
    --ramp-pale_green-100-light: #f1f8f2;
    --ramp-pale_green-100-dark: #f1f8f2;
    --ramp-pale_green-1000-light: #172b22;
    --ramp-pale_green-1000-dark: #172b22;
    --ramp-pale_green-200-light: #daecdf;
    --ramp-pale_green-200-dark: #daecdf;
    --ramp-pale_green-300-light: #c3e0cc;
    --ramp-pale_green-300-dark: #c3e0cc;
    --ramp-pale_green-400-light: #9fc1aa;
    --ramp-pale_green-400-dark: #9fc1aa;
    --ramp-pale_green-500-light: #678e79;
    --ramp-pale_green-500-dark: #678e79;
    --ramp-pale_green-600-light: #5c806d;
    --ramp-pale_green-600-dark: #5c806d;
    --ramp-pale_green-700-light: #517361;
    --ramp-pale_green-700-dark: #517361;
    --ramp-pale_green-800-light: #476656;
    --ramp-pale_green-800-dark: #476656;
    --ramp-pale_green-900-light: #2f483c;
    --ramp-pale_green-900-dark: #2f483c;
    --ramp-pale_pink-100-light: #f6eef4;
    --ramp-pale_pink-100-dark: #f6eef4;
    --ramp-pale_pink-1000-light: #1b1318;
    --ramp-pale_pink-1000-dark: #1b1318;
    --ramp-pale_pink-200-light: #f2e3ee;
    --ramp-pale_pink-200-dark: #f2e3ee;
    --ramp-pale_pink-300-light: #e8cee1;
    --ramp-pale_pink-300-dark: #e8cee1;
    --ramp-pale_pink-400-light: #daaace;
    --ramp-pale_pink-400-dark: #daaace;
    --ramp-pale_pink-500-light: #ab5998;
    --ramp-pale_pink-500-dark: #ab5998;
    --ramp-pale_pink-600-light: #86507a;
    --ramp-pale_pink-600-dark: #86507a;
    --ramp-pale_pink-700-light: #724667;
    --ramp-pale_pink-700-dark: #724667;
    --ramp-pale_pink-800-light: #51344a;
    --ramp-pale_pink-800-dark: #51344a;
    --ramp-pale_pink-900-light: #33252f;
    --ramp-pale_pink-900-dark: #33252f;
    --ramp-pale_purple-100-light: #f4f1f8;
    --ramp-pale_purple-100-dark: #f4f1f8;
    --ramp-pale_purple-1000-light: #1a141f;
    --ramp-pale_purple-1000-dark: #1a141f;
    --ramp-pale_purple-200-light: #ede7f3;
    --ramp-pale_purple-200-dark: #ede7f3;
    --ramp-pale_purple-300-light: #e0d4ed;
    --ramp-pale_purple-300-dark: #e0d4ed;
    --ramp-pale_purple-400-light: #c5b2dc;
    --ramp-pale_purple-400-dark: #c5b2dc;
    --ramp-pale_purple-500-light: #7f699b;
    --ramp-pale_purple-500-dark: #7f699b;
    --ramp-pale_purple-600-light: #6b5884;
    --ramp-pale_purple-600-dark: #6b5884;
    --ramp-pale_purple-700-light: #604d75;
    --ramp-pale_purple-700-dark: #604d75;
    --ramp-pale_purple-800-light: #473956;
    --ramp-pale_purple-800-dark: #473956;
    --ramp-pale_purple-900-light: #33293d;
    --ramp-pale_purple-900-dark: #33293d;
    --ramp-pale_red-100-light: #faedeb;
    --ramp-pale_red-100-dark: #faedeb;
    --ramp-pale_red-1000-light: #1f1514;
    --ramp-pale_red-1000-dark: #1f1514;
    --ramp-pale_red-200-light: #f8e5e2;
    --ramp-pale_red-200-dark: #f8e5e2;
    --ramp-pale_red-300-light: #f3cfc9;
    --ramp-pale_red-300-dark: #f3cfc9;
    --ramp-pale_red-400-light: #eba99d;
    --ramp-pale_red-400-dark: #eba99d;
    --ramp-pale_red-500-light: #d4583b;
    --ramp-pale_red-500-dark: #d4583b;
    --ramp-pale_red-600-light: #a55440;
    --ramp-pale_red-600-dark: #a55440;
    --ramp-pale_red-700-light: #864537;
    --ramp-pale_red-700-dark: #864537;
    --ramp-pale_red-800-light: #60332a;
    --ramp-pale_red-800-dark: #60332a;
    --ramp-pale_red-900-light: #412621;
    --ramp-pale_red-900-dark: #412621;
    --ramp-pale_yellow-100-light: #fff5eb;
    --ramp-pale_yellow-100-dark: #fff5eb;
    --ramp-pale_yellow-1000-light: #211a12;
    --ramp-pale_yellow-1000-dark: #211a12;
    --ramp-pale_yellow-200-light: #fdeece;
    --ramp-pale_yellow-200-dark: #fdeece;
    --ramp-pale_yellow-300-light: #f5dfa8;
    --ramp-pale_yellow-300-dark: #f5dfa8;
    --ramp-pale_yellow-400-light: #e8cd7d;
    --ramp-pale_yellow-400-dark: #e8cd7d;
    --ramp-pale_yellow-500-light: #ad7f00;
    --ramp-pale_yellow-500-dark: #ad7f00;
    --ramp-pale_yellow-600-light: #906800;
    --ramp-pale_yellow-600-dark: #906800;
    --ramp-pale_yellow-700-light: #7a5800;
    --ramp-pale_yellow-700-dark: #7a5800;
    --ramp-pale_yellow-800-light: #5c4100;
    --ramp-pale_yellow-800-dark: #5c4100;
    --ramp-pale_yellow-900-light: #3a2a10;
    --ramp-pale_yellow-900-dark: #3a2a10;
    --ramp-pink-100-dark: #fde2fb;
    --ramp-pink-100-light: #fff0fe;
    --ramp-pink-1000-dark: #231a21;
    --ramp-pink-1000-light: #451138;
    --ramp-pink-200-dark: #fccaf8;
    --ramp-pink-200-light: #ffe0fc;
    --ramp-pink-300-dark: #fbb1ed;
    --ramp-pink-300-light: #ffbdf2;
    --ramp-pink-400-dark: #fc9ce0;
    --ramp-pink-400-light: #ff99e0;
    --ramp-pink-500-dark: #f316b0;
    --ramp-pink-500-light: #ff24bd;
    --ramp-pink-600-dark: #d01b9c;
    --ramp-pink-600-light: #ea10ac;
    --ramp-pink-700-dark: #96207a;
    --ramp-pink-700-light: #cb0b96;
    --ramp-pink-800-dark: #68275e;
    --ramp-pink-800-light: #971172;
    --ramp-pink-900-dark: #46253e;
    --ramp-pink-900-light: #5f114c;
    --ramp-purple-100-dark: #f1e7fe;
    --ramp-purple-100-light: #f9f5ff;
    --ramp-purple-1000-dark: #1f1924;
    --ramp-purple-1000-light: #2d0f46;
    --ramp-purple-200-dark: #e3cffc;
    --ramp-purple-200-light: #f1e5ff;
    --ramp-purple-300-dark: #d6b6fb;
    --ramp-purple-300-light: #e4ccff;
    --ramp-purple-400-dark: #d1a8ff;
    --ramp-purple-400-light: #d9b8ff;
    --ramp-purple-500-dark: #8a38f5;
    --ramp-purple-500-light: #9747ff;
    --ramp-purple-600-dark: #7a2ed6;
    --ramp-purple-600-light: #8638e5;
    --ramp-purple-700-dark: #652ca8;
    --ramp-purple-700-light: #7c2bda;
    --ramp-purple-800-dark: #50297a;
    --ramp-purple-800-light: #681abb;
    --ramp-purple-900-dark: #3e2654;
    --ramp-purple-900-light: #4b0d87;
    --ramp-red-100-dark: #fee7e7;
    --ramp-red-100-light: #fff5f5;
    --ramp-red-1000-dark: #311817;
    --ramp-red-1000-light: #660e0b;
    --ramp-red-200-dark: #fccdca;
    --ramp-red-200-light: #ffe2e0;
    --ramp-red-300-dark: #fbbcb6;
    --ramp-red-300-light: #ffc7c2;
    --ramp-red-400-dark: #fca397;
    --ramp-red-400-light: #ffafa3;
    --ramp-red-500-dark: #e03e1a;
    --ramp-red-500-light: #f24822;
    --ramp-red-600-dark: #c4381c;
    --ramp-red-600-light: #dc3412;
    --ramp-red-700-dark: #963323;
    --ramp-red-700-light: #bd2915;
    --ramp-red-800-dark: #7c2622;
    --ramp-red-800-light: #9f1f18;
    --ramp-red-900-dark: #54211c;
    --ramp-red-900-light: #771208;
    --ramp-tba-dark: initial;
    --ramp-tba-light: initial;
    --ramp-teal-100-dark: #ddf7fd;
    --ramp-teal-100-light: #ebfbff;
    --ramp-teal-1000-dark: #0e1f2a;
    --ramp-teal-1000-light: #0e2f43;
    --ramp-teal-200-dark: #bce6f1;
    --ramp-teal-200-light: #cef0f8;
    --ramp-teal-300-dark: #a4e2ef;
    --ramp-teal-300-light: #b6ecf7;
    --ramp-teal-400-dark: #67cbe4;
    --ramp-teal-400-light: #75d7f0;
    --ramp-teal-500-dark: #0887a0;
    --ramp-teal-500-light: #00a2c2;
    --ramp-teal-600-dark: #087691;
    --ramp-teal-600-light: #0087a8;
    --ramp-teal-700-dark: #0a5b76;
    --ramp-teal-700-light: #047195;
    --ramp-teal-800-dark: #0c455a;
    --ramp-teal-800-light: #085a78;
    --ramp-teal-900-dark: #0c2937;
    --ramp-teal-900-light: #093c53;
    --ramp-white-100-light: rgba(255, 255, 255, .05);
    --ramp-white-100-dark: rgba(255, 255, 255, .05);
    --ramp-white-1000-light: rgba(255, 255, 255, 1);
    --ramp-white-1000-dark: rgba(255, 255, 255, 1);
    --ramp-white-200-light: rgba(255, 255, 255, .1);
    --ramp-white-200-dark: rgba(255, 255, 255, .1);
    --ramp-white-300-light: rgba(255, 255, 255, .2);
    --ramp-white-300-dark: rgba(255, 255, 255, .2);
    --ramp-white-400-light: rgba(255, 255, 255, .4);
    --ramp-white-400-dark: rgba(255, 255, 255, .4);
    --ramp-white-500-light: rgba(255, 255, 255, .7);
    --ramp-white-500-dark: rgba(255, 255, 255, .7);
    --ramp-white-600-light: rgba(255, 255, 255, .8);
    --ramp-white-600-dark: rgba(255, 255, 255, .8);
    --ramp-white-700-light: rgba(255, 255, 255, .85);
    --ramp-white-700-dark: rgba(255, 255, 255, .85);
    --ramp-white-800-light: rgba(255, 255, 255, .9);
    --ramp-white-800-dark: rgba(255, 255, 255, .9);
    --ramp-white-900-light: rgba(255, 255, 255, .95);
    --ramp-white-900-dark: rgba(255, 255, 255, .95);
    --ramp-yellow-100-dark: #fdf7dd;
    --ramp-yellow-100-light: #fffbeb;
    --ramp-yellow-1000-dark: #71440f;
    --ramp-yellow-1000-light: #b86200;
    --ramp-yellow-200-dark: #fbe8ad;
    --ramp-yellow-200-light: #fff1c2;
    --ramp-yellow-300-dark: #f9df90;
    --ramp-yellow-300-light: #ffe8a3;
    --ramp-yellow-400-dark: #f7d15f;
    --ramp-yellow-400-light: #ffd966;
    --ramp-yellow-500-dark: #f3c11b;
    --ramp-yellow-500-light: #ffcd29;
    --ramp-yellow-600-dark: #f2b50d;
    --ramp-yellow-600-light: #ffc21a;
    --ramp-yellow-700-dark: #e4a711;
    --ramp-yellow-700-light: #fab815;
    --ramp-yellow-800-dark: #c58011;
    --ramp-yellow-800-light: #eba611;
    --ramp-yellow-900-dark: #925711;
    --ramp-yellow-900-light: #dd940e
}

:root {
    --color-bghoveronlightcanvas: initial;
    --color-bghoverondarkcanvas: initial;
    --color-bgfocusedoncanvas: initial;
    --color-textmenuhighlight: initial;
    --color-icononlightcanvas: initial;
    --color-iconondarkcanvas: initial;
    --color-bglburegistrationbanner: initial;
    --color-shadow: initial;
    --color-modalbackdrop: initial;
    --color-prototypeloadingbackdrop: initial;
    --color-textondarkcanvas: initial;
    --color-textondarkcanvassecondary: initial;
    --color-textonlightcanvas: initial;
    --color-textonlightcanvassecondary: initial;
    --color-loading: initial;
    --color-loadingsecondary: initial;
    --color-loadingmenu: initial;
    --color-loadingsecondarymenu: initial;
    --color-conditionalborder: initial;
    --color-texthighlight: initial;
    --color-scrollbar: initial;
    --color-scrollbartrackhover: initial;
    --color-scrollbartrackdrag: initial;
    --color-bgselectedarea: initial;
    --color-multiplayerblue: #007be5;
    --color-multiplayerpurple: #9747ff;
    --color-multiplayerpink: #ff24bd;
    --color-multiplayerred: #f24822;
    --color-multiplayeryellow: #ffcd29;
    --color-multiplayergreen: #14ae5c;
    --color-multiplayergrey: #667799;
    --color-multiplayerbluehover: #0768cf;
    --color-multiplayerpurplehover: #8638e5;
    --color-multiplayerpinkhover: #ea10ac;
    --color-multiplayerredhover: #dc3412;
    --color-multiplayeryellowhover: #ffc21a;
    --color-multiplayergreenhover: #009951;
    --color-multiplayergreyhover: #536383;
    --color-multiplayerbluesecondary: #034ac1;
    --color-multiplayerpurplesecondary: #681abb;
    --color-multiplayerpinksecondary: #971172;
    --color-multiplayerredsecondary: #9f1f18;
    --color-multiplayeryellowsecondary: #eba611;
    --color-multiplayergreensecondary: #036838;
    --color-multiplayergreysecondary: #394360;
    --color-textonmultiplayerblue: rgba(255, 255, 255, 1);
    --color-textonmultiplayerpurple: rgba(255, 255, 255, 1);
    --color-textonmultiplayerpink: rgba(255, 255, 255, 1);
    --color-textonmultiplayerred: rgba(255, 255, 255, 1);
    --color-textonmultiplayeryellow: rgba(0, 0, 0, .9);
    --color-textonmultiplayergreen: rgba(255, 255, 255, 1);
    --color-textonmultiplayergrey: rgba(255, 255, 255, 1);
    --color-iconpublishedfile: initial;
    --color-iconpublishedfilesecondary: initial;
    --color-iconprototypefile: initial;
    --color-iconprototypefilesecondary: initial;
    --color-icondesignfilesecondary: initial;
    --color-iconfigjamfilesecondary: initial;
    --color-bghovertransparent: initial;
    --color-bgcomponent: initial;
    --text-tracking-pos: 0;
    --text-tracking-neg: .005;
    --color-border-desktopBackgrounded: initial;
    --color-border-desktopForeground: initial;
    --color-text-desktopForeground-secondary: initial;
    --color-bg-desktopBackgrounded: initial;
    --color-bg-desktopFullscreen-hover: initial;
    --color-bg-desktopForeground: initial;
    --color-bg-desktopForeground-hover: initial;
    --color-bg-desktopForeground-secondary: initial;
    --color-bg-desktopFullscreen: initial;
    --elevation-100-canvas: initial;
    --elevation-100-canvas-drop-shadow: initial;
    --elevation-200-canvas: initial;
    --elevation-200-canvas-drop-shadow: initial;
    --elevation-300-tooltip: initial;
    --elevation-300-tooltip-drop-shadow: initial;
    --elevation-400-menu-panel: initial;
    --elevation-500-modal-window: initial;
    --color-loading-progress-logo: initial;
    --color-loading-progress-cover: initial;
    --color-loading-progress-wrapper: initial;
    --color-loading-progress-bar: initial;
    --color-loading-progress-accent: initial;
    --color-code: initial;
    --color-codecomment: initial;
    --color-codeproperty: initial;
    --color-codevalue: initial;
    --color-codestring: initial;
    --color-codetag: initial;
    --color-codeattribute: initial;
    --color-codeclassname: initial;
    --color-codestylename: initial;
    --color-codevariable: initial;
    --color-codeaccent: initial;
    --color-border-code-well: var(--color-border);
    --color-bg-code: initial;
    --color-bg-connected-code-well: initial;
    --color-bg-manual-code-well: initial;
    --color-bg-error-code-well: initial;
    --color-badge-connected-code-well: initial;
    --color-badge-manual-code-well: initial;
    --color-badge-error-code-well: initial;
    --color-instance-pill-code-well: initial;
    --color-instance-pill-code-well-hover: initial;
    --color-error-pill-code-well: initial;
    --color-bgvoting: initial;
    --color-bgvotingsecondary: initial;
    --color-bgvotingtertiary: initial;
    --color-icononvoting: initial;
    --color-textonvoting: initial;
    --color-bgvotingwheelhover: initial;
    --color-bgvotingwheeldial: initial
}

[data-preferred-theme=light] {
    --color-bghoveronlightcanvas: rgba(0, 0, 0, .2);
    --color-bghoverondarkcanvas: rgba(255, 255, 255, .2);
    --color-bgfocusedoncanvas: rgba(255, 255, 255, 1);
    --color-icononlightcanvas: rgba(0, 0, 0, .9);
    --color-iconondarkcanvas: rgba(255, 255, 255, .9);
    --color-bglburegistrationbanner: #eeeeee;
    --color-textmenuhighlight: #007be5;
    --color-shadow: rgba(0, 0, 0, .15);
    --color-modalbackdrop: rgba(0, 0, 0, .5);
    --color-prototypeloadingbackdrop: rgba(0, 0, 0, .9);
    --color-textondarkcanvas: rgba(255, 255, 255, .9);
    --color-textondarkcanvassecondary: rgba(255, 255, 255, .7);
    --color-textonlightcanvas: rgba(0, 0, 0, .9);
    --color-textonlightcanvassecondary: rgba(0, 0, 0, .5);
    --color-loading: rgba(0, 0, 0, .1);
    --color-loadingsecondary: rgba(0, 0, 0, .05);
    --color-loadingmenu: rgba(255, 255, 255, .1);
    --color-loadingsecondarymenu: rgba(255, 255, 255, .05);
    --color-conditionalborder: initial;
    --color-texthighlight: rgba(13, 153, 255, .4);
    --color-scrollbar: rgba(179, 179, 179, .5);
    --color-scrollbartrackhover: color( #f5f5f5 a(50%));
    --color-scrollbartrackdrag: color( rgba(255, 255, 255, 1) a(50%));
    --color-bgselectedarea: rgba(13, 153, 255, .2);
    --color-multiplayerblue: #007be5;
    --color-multiplayerpurple: #9747ff;
    --color-multiplayerpink: #ff24bd;
    --color-multiplayerred: #f24822;
    --color-multiplayeryellow: #ffcd29;
    --color-multiplayergreen: #14ae5c;
    --color-multiplayergrey: #667799;
    --color-multiplayerbluehover: #0768cf;
    --color-multiplayerpurplehover: #8638e5;
    --color-multiplayerpinkhover: #ea10ac;
    --color-multiplayerredhover: #dc3412;
    --color-multiplayeryellowhover: #ffc21a;
    --color-multiplayergreenhover: #009951;
    --color-multiplayergreyhover: #536383;
    --color-multiplayerbluesecondary: #034ac1;
    --color-multiplayerpurplesecondary: #681abb;
    --color-multiplayerpinksecondary: #971172;
    --color-multiplayerredsecondary: #9f1f18;
    --color-multiplayeryellowsecondary: #eba611;
    --color-multiplayergreensecondary: #036838;
    --color-multiplayergreysecondary: #394360;
    --color-textonmultiplayerblue: rgba(255, 255, 255, 1);
    --color-textonmultiplayerpurple: rgba(255, 255, 255, 1);
    --color-textonmultiplayerpink: rgba(255, 255, 255, 1);
    --color-textonmultiplayerred: rgba(255, 255, 255, 1);
    --color-textonmultiplayeryellow: rgba(0, 0, 0, .9);
    --color-textonmultiplayergreen: rgba(255, 255, 255, 1);
    --color-textonmultiplayergrey: rgba(255, 255, 255, 1);
    --color-iconpublishedfile: #2c2c2c;
    --color-iconpublishedfilesecondary: #757575;
    --color-iconprototypefile: #d9d9d9;
    --color-iconprototypefilesecondary: #2c2c2c;
    --color-icondesignfilesecondary: #80caff;
    --color-iconfigjamfilesecondary: #d9b8ff;
    --color-bghovertransparent: rgba(0, 0, 0, .05);
    --color-bgcomponent: #e6e6e6;
    --text-tracking-pos: 0;
    --text-tracking-neg: .005;
    --elevation-100-canvas: 0px 0px .5px rgba(0, 0, 0, .3), 0px 1px 3px rgba(0, 0, 0, .15);
    --elevation-100-canvas-drop-shadow: drop-shadow(0px 0px .5px rgba(0, 0, 0, .3)) drop-shadow(0px 1px 3px rgba(0, 0, 0, .15));
    --elevation-200-canvas: 0px 0px .5px rgba(0, 0, 0, .18), 0px 3px 8px rgba(0, 0, 0, .1), 0px 1px 3px rgba(0, 0, 0, .1);
    --elevation-200-canvas-drop-shadow: drop-shadow(0px 1px 3px rgba(0, 0, 0, .1)) drop-shadow(0px 3px 8px rgba(0, 0, 0, .1)) drop-shadow(0px 0px .5px rgba(0, 0, 0, .18));
    --elevation-300-tooltip: 0px 0px .5px rgba(0, 0, 0, .15), 0px 5px 12px rgba(0, 0, 0, .13), 0px 1px 3px rgba(0, 0, 0, .1);
    --elevation-300-tooltip-drop-shadow: drop-shadow(0px 1px 3px rgba(0, 0, 0, .1)) drop-shadow(0px 5px 12px rgba(0, 0, 0, .13)) drop-shadow(0px 0px .5px rgba(0, 0, 0, .15));
    --elevation-400-menu-panel: 0px 0px .5px rgba(0, 0, 0, .12), 0px 10px 16px rgba(0, 0, 0, .12), 0px 2px 5px rgba(0, 0, 0, .15);
    --elevation-500-modal-window: 0px 0px .5px rgba(0, 0, 0, .08), 0px 10px 24px rgba(0, 0, 0, .18), 0px 2px 5px rgba(0, 0, 0, .15);
    --color-loading-progress-logo: #383838;
    --color-loading-progress-cover: #e6e6e6;
    --color-loading-progress-wrapper: rgba(255, 255, 255, 1);
    --color-loading-progress-bar: #383838;
    --color-loading-progress-accent: rgba(255, 255, 255, .4);
    --color-bginspectpadding: #0d99ff;
    --color-bginspectpaddingtertiary: #e5f4ff;
    --color-borderinspectpadding: #0d99ff;
    --color-textoninspectpadding: rgba(255, 255, 255, 1);
    --color-bginspectspacing: #ff24bd;
    --color-borderinspectspacing: #ff24bd;
    --color-textoninspectspacing: rgba(255, 255, 255, 1);
    --color-code: rgba(0, 0, 0, .9);
    --color-codecomment: rgba(0, 0, 0, .5);
    --color-codeproperty: rgba(0, 0, 0, .9);
    --color-codevalue: #ea10ac;
    --color-codestring: #007be5;
    --color-codetag: #8638e5;
    --color-codeattribute: rgba(0, 0, 0, .9);
    --color-codeclassname: #007be5;
    --color-codestylename: #007be5;
    --color-codevariable: #009951;
    --color-codeaccent: #ce7012;
    --color-border-code-well: rgba(0, 0, 0, .1);
    --color-bg-code: rgba(255, 255, 255, 1);
    --color-bg-connected-code-well: #ede7f3;
    --color-bg-manual-code-well: #e3ecf2;
    --color-bg-error-code-well: #f8e5e2;
    --color-badge-connected-code-well: #9747ff;
    --color-badge-manual-code-well: #196ec5;
    --color-badge-error-code-well: #eb0a62;
    --color-instance-pill-code-well: #e0d4ed;
    --color-instance-pill-code-well-hover: #c5b2dc;
    --color-error-pill-code-well: #f3cfc9;
    --color-content-diff-added: #14ae5c;
    --color-content-diff-removed: #f24822;
    --color-bg-code-diff-indicator-added: #14ae5c;
    --color-bg-code-diff-indicator-removed: #f24822;
    --color-bg-code-diff-line-added: #cff7d3;
    --color-bg-code-diff-line-removed: #ffe2e0;
    --color-bgvoting: #ffcd29;
    --color-bgvotingsecondary: #fff1c2;
    --color-bgvotingtertiary: #fffbeb;
    --color-icononvoting: rgba(0, 0, 0, .9);
    --color-textonvoting: rgba(0, 0, 0, .9);
    --color-bgvotingwheelhover: #fff1c2;
    --color-bgvotingwheeldial: #ffd966;
    --dev-handoff-breadcrumbs-text-color: rgba(0, 0, 0, .4);
    --dev-handoff-breadcrumbs-selected-color: rgba(0, 0, 0, 1);
    --color-imageoverlay: rgba(0, 0, 0, .1);
    --color-imageoverlay-hover: rgba(0, 0, 0, .2)
}

[data-preferred-theme=dark]:not([data-editor-theme=whiteboard]) {
    --color-bghoveronlightcanvas: rgba(0, 0, 0, .2);
    --color-bghoverondarkcanvas: rgba(255, 255, 255, .2);
    --color-bgfocusedoncanvas: rgba(255, 255, 255, 1);
    --color-icononlightcanvas: rgba(0, 0, 0, .9);
    --color-iconondarkcanvas: rgba(255, 255, 255, .9);
    --color-bglburegistrationbanner: #5551ff;
    --color-textmenuhighlight: #0a6dc2;
    --color-shadow: rgba(0, 0, 0, .6);
    --color-modalbackdrop: rgba(0, 0, 0, .5);
    --color-prototypeloadingbackdrop: rgba(0, 0, 0, .9);
    --color-textondarkcanvas: rgba(255, 255, 255, .9);
    --color-textondarkcanvassecondary: rgba(255, 255, 255, .7);
    --color-textonlightcanvas: rgba(0, 0, 0, .9);
    --color-textonlightcanvassecondary: rgba(0, 0, 0, .5);
    --color-loading: rgba(255, 255, 255, .1);
    --color-loadingsecondary: rgba(255, 255, 255, .05);
    --color-loadingmenu: rgba(255, 255, 255, .1);
    --color-loadingsecondarymenu: rgba(255, 255, 255, .05);
    --color-conditionalborder: #444444;
    --color-texthighlight: rgba(13, 153, 255, .4);
    --color-scrollbar: rgba(179, 179, 179, .5);
    --color-scrollbartrackhover: color( #383838 a(50%));
    --color-scrollbartrackdrag: color(#2c2c2c a(50%));
    --color-bgselectedarea: rgba(13, 153, 255, .2);
    --color-multiplayerblue: #0a6dc2;
    --color-multiplayerpurple: #8a38f5;
    --color-multiplayerpink: #f316b0;
    --color-multiplayerred: #e03e1a;
    --color-multiplayeryellow: #f3c11b;
    --color-multiplayergreen: #198f51;
    --color-multiplayergrey: #667799;
    --color-multiplayerbluehover: #105cad;
    --color-multiplayerpurplehover: #7a2ed6;
    --color-multiplayerpinkhover: #d01b9c;
    --color-multiplayerredhover: #c4381c;
    --color-multiplayeryellowhover: #f2b50d;
    --color-multiplayergreenhover: #078348;
    --color-multiplayergreyhover: #536383;
    --color-multiplayerbluesecondary: #184591;
    --color-multiplayerpurplesecondary: #50297a;
    --color-multiplayerpinksecondary: #68275e;
    --color-multiplayerredsecondary: #7c2622;
    --color-multiplayeryellowsecondary: #c58011;
    --color-multiplayergreensecondary: #0a4c2d;
    --color-multiplayergreysecondary: #394360;
    --color-textonmultiplayerblue: rgba(255, 255, 255, 1);
    --color-textonmultiplayerpurple: rgba(255, 255, 255, 1);
    --color-textonmultiplayerpink: rgba(255, 255, 255, 1);
    --color-textonmultiplayerred: rgba(255, 255, 255, 1);
    --color-textonmultiplayeryellow: rgba(0, 0, 0, .9);
    --color-textonmultiplayergreen: rgba(255, 255, 255, 1);
    --color-textonmultiplayergrey: rgba(255, 255, 255, 1);
    --color-iconpublishedfile: #757575;
    --color-iconpublishedfilesecondary: #b3b3b3;
    --color-iconprototypefile: #757575;
    --color-iconprototypefilesecondary: rgba(255, 255, 255, 1);
    --color-icondesignfilesecondary: #7cc4f8;
    --color-iconfigjamfilesecondary: #d1a8ff;
    --color-bghovertransparent: rgba(255, 255, 255, .05);
    --color-bgcomponent: #e6e6e6;
    --text-tracking-pos: 0;
    --text-tracking-neg: .005;
    --elevation-100-canvas: 0px 0px .5px rgba(0, 0, 0, .5), 0px 1px 3px rgba(0, 0, 0, .4), inset 0px .5px 0px rgba(255, 255, 255, .1), inset 0px 0px .5px rgba(255, 255, 255, .3);
    --elevation-100-canvas-drop-shadow: drop-shadow(0px 0px .5px rgba(0, 0, 0, .5)) drop-shadow(0px 1px 3px rgba(0, 0, 0, .4)) drop-shadow(inset 0px .5px 0px rgba(255, 255, 255, .1)) drop-shadow(inset 0px 0px .5px rgba(255, 255, 255, .3));
    --elevation-200-canvas: 0px 3px 8px rgba(0, 0, 0, .35), 0px 1px 3px rgba(0, 0, 0, .5), inset 0px .5px 0px rgba(255, 255, 255, .08), inset 0px 0px .5px rgba(255, 255, 255, .3);
    --elevation-200-canvas-drop-shadow: drop-shadow(0px 1px 3px rgba(0, 0, 0, .5)) drop-shadow(inset 0px 0px .5px rgba(255, 255, 255, .3)) drop-shadow(0px 3px 8px rgba(0, 0, 0, .35)) drop-shadow(inset 0px .5px 0px rgba(255, 255, 255, .08));
    --elevation-300-tooltip: 0px 5px 12px rgba(0, 0, 0, .35), 0px 1px 3px rgba(0, 0, 0, .5), inset 0px .5px 0px rgba(255, 255, 255, .08), inset 0px 0px .5px rgba(255, 255, 255, .3);
    --elevation-300-tooltip-drop-shadow: drop-shadow(0px 1px 3px rgba(0, 0, 0, .5)) drop-shadow(inset 0px 0px .5px rgba(255, 255, 255, .3)) drop-shadow(0px 5px 12px rgba(0, 0, 0, .35)) drop-shadow(inset 0px .5px 0px rgba(255, 255, 255, .08));
    --elevation-400-menu-panel: 0px 10px 16px rgba(0, 0, 0, .35), 0px 2px 5px rgba(0, 0, 0, .35), inset 0px .5px 0px rgba(255, 255, 255, .08), inset 0px 0px .5px rgba(255, 255, 255, .35);
    --elevation-500-modal-window: 0px 10px 24px rgba(0, 0, 0, .45), 0px 3px 5px rgba(0, 0, 0, .35), inset 0px .5px 0px rgba(255, 255, 255, .08), inset 0px 0px .5px rgba(255, 255, 255, .35);
    --color-loading-progress-logo: rgba(255, 255, 255, 1);
    --color-loading-progress-cover: #1e1e1e;
    --color-loading-progress-wrapper: #444444;
    --color-loading-progress-accent: rgba(0, 0, 0, .5);
    --color-loading-progress-bar: rgba(255, 255, 255, 1);
    --color-bginspectpadding: #0c8ce9;
    --color-bginspectpaddingtertiary: #394360;
    --color-borderinspectpadding: #0c8ce9;
    --color-textoninspectpadding: rgba(255, 255, 255, 1);
    --color-bginspectspacing: #f316b0;
    --color-borderinspectspacing: #f316b0;
    --color-textoninspectspacing: rgba(255, 255, 255, 1);
    --color-code: rgba(255, 255, 255, 1);
    --color-codecomment: rgba(255, 255, 255, .7);
    --color-codeproperty: rgba(255, 255, 255, 1);
    --color-codevalue: #fc9ce0;
    --color-codestring: #7cc4f8;
    --color-codetag: #d1a8ff;
    --color-codeattribute: rgba(255, 255, 255, 1);
    --color-codeclassname: #7cc4f8;
    --color-codestylename: #7cc4f8;
    --color-codevariable: #79d297;
    --color-codeaccent: #fcb34a;
    --color-border-code-well: rgba(255, 255, 255, .1);
    --color-bg-code: rgba(255, 255, 255, 1);
    --color-bg-connected-code-well: #33293d;
    --color-bg-manual-code-well: #252d41;
    --color-bg-error-code-well: #412621;
    --color-badge-connected-code-well: #671ab8;
    --color-badge-manual-code-well: #196ec5;
    --color-badge-error-code-well: #eb0a62;
    --color-instance-pill-code-well: #604d75;
    --color-instance-pill-code-well-hover: #6b5884;
    --color-error-pill-code-well: #864537;
    --color-content-diff-added: #79d297;
    --color-content-diff-removed: #fca397;
    --color-bg-code-diff-indicator-added: #078348;
    --color-bg-code-diff-indicator-removed: #c4381c;
    --color-bg-code-diff-line-added: #082618;
    --color-bg-code-diff-line-removed: #311817;
    --color-bgvoting: #f3c11b;
    --color-bgvotingsecondary: #fbe8ad;
    --color-bgvotingtertiary: #fdf7dd;
    --color-icononvoting: rgba(0, 0, 0, .9);
    --color-textonvoting: rgba(0, 0, 0, .9);
    --color-bgvotingwheelhover: #fbe8ad;
    --color-bgvotingwheeldial: #f7d15f;
    --dev-handoff-breadcrumbs-text-color: rgba(255, 255, 255, .4);
    --dev-handoff-breadcrumbs-selected-color: rgba(255, 255, 255, 1);
    --color-imageoverlay: rgba(255, 255, 255, .1);
    --color-imageoverlay-hover: rgba(255, 255, 255, .2)
}

[data-editor-theme=whiteboard] {
    --color-texthighlight: rgba(151, 71, 255, .4);
    --color-scrollbar: rgba(179, 179, 179, .5);
    --color-bgselectedarea: rgba(151, 71, 255, .2);
    --color-loading-progress-cover: rgba(255, 255, 255, 1)
}

@media screen and (max-resolution: 1.5dppx) {
    [data-preferred-theme=light]:not([data-editor-theme=whiteboard]) {
        --elevation-100-canvas: 0px 0px 1px rgba(0, 0, 0, .3), 0px 1px 3px rgba(0, 0, 0, .15);
        --elevation-100-canvas-drop-shadow: drop-shadow(0px 0px 1px rgba(0, 0, 0, .3)) drop-shadow(0px 1px 3px rgba(0, 0, 0, .15));
        --elevation-200-canvas: 0px 0px 1px rgba(0, 0, 0, .18), 0px 3px 8px rgba(0, 0, 0, .1), 0px 1px 3px rgba(0, 0, 0, .1);
        --elevation-200-canvas-drop-shadow: drop-shadow(0px 1px 3px rgba(0, 0, 0, .1)) drop-shadow(0px 3px 8px rgba(0, 0, 0, .1)) drop-shadow(0px 0px 1px rgba(0, 0, 0, .18));
        --elevation-300-tooltip: 0px 0px 1px rgba(0, 0, 0, .15), 0px 5px 12px rgba(0, 0, 0, .13), 0px 1px 3px rgba(0, 0, 0, .1);
        --elevation-300-tooltip-drop-shadow: drop-shadow(0px 1px 3px 0px rgba(0, 0, 0, .1)) drop-shadow(0px 5px 12px rgba(0, 0, 0, .13)) drop-shadow(0px 0px 1px rgba(0, 0, 0, .15));
        --elevation-400-menu-panel: 0px 0px 1px rgba(0, 0, 0, .12), 0px 10px 16px rgba(0, 0, 0, .12), 0px 2px 5px rgba(0, 0, 0, .15);
        --elevation-500-modal-window: 0px 0px 1px rgba(0, 0, 0, .08), 0px 10px 24px rgba(0, 0, 0, .18), 0px 2px 5px rgba(0, 0, 0, .15)
    }
    [data-preferred-theme=dark]:not([data-editor-theme=whiteboard]) {
        --elevation-100-canvas: 0px 0px .5px rgba(0, 0, 0, .5), 0px 1px 3px rgba(0, 0, 0, .4), inset 0px 1px 0px rgba(255, 255, 255, .1), inset 0px 0px 1px rgba(255, 255, 255, .3);
        --elevation-100-canvas-drop-shadow: drop-shadow(0px 0px .5px rgba(0, 0, 0, .5)) drop-shadow(0px 1px 3px rgba(0, 0, 0, .4)) drop-shadow(inset 0px 1px 0px rgba(255, 255, 255, .1)) drop-shadow(inset 0px 0px 1px rgba(255, 255, 255, .3));
        --elevation-200-canvas: 0px 3px 8px rgba(0, 0, 0, .35), 0px 1px 3px rgba(0, 0, 0, .5), inset 0px 1px 0px rgba(255, 255, 255, .08), inset 0px 0px 1px rgba(255, 255, 255, .3);
        --elevation-200-canvas-drop-shadow: drop-shadow(0px 1px 3px rgba(0, 0, 0, .5)) drop-shadow(inset 0px 0px .5px rgba(255, 255, 255, .3)) drop-shadow(0px 3px 8px rgba(0, 0, 0, .35)) drop-shadow(inset 0px 1px 0px rgba(255, 255, 255, .08));
        --elevation-300-tooltip: 0px 5px 12px rgba(0, 0, 0, .35), 0px 1px 3px rgba(0, 0, 0, .5), inset 0px 1px 0px rgba(255, 255, 255, .08), inset 0px 0px 1px rgba(255, 255, 255, .3);
        --elevation-300-tooltip-drop-shadow: drop-shadow(0px 1px 3px rgba(0, 0, 0, .5)) drop-shadow(inset 0px 0px .5px rgba(255, 255, 255, .3)) drop-shadow(0px 5px 12px rgba(0, 0, 0, .35)) drop-shadow(inset 0px 1px 0px rgba(255, 255, 255, .08));
        --elevation-400-menu-panel: 0px 10px 16px rgba(0, 0, 0, .35), 0px 2px 5px rgba(0, 0, 0, .35), inset 0px 1px 0px rgba(255, 255, 255, .08), inset 0px 0px 1px rgba(255, 255, 255, .35);
        --elevation-500-modal-window: 0px 10px 24px rgba(0, 0, 0, .45), 0px 3px 5px rgba(0, 0, 0, .35), inset 0px 1px 0px rgba(255, 255, 255, .08), inset 0px 0px 1px rgba(255, 255, 255, .35)
    }
}

[data-editor-theme=dev-handoff],
[data-preferred-theme=dark][data-editor-theme=dev-handoff] {
    --color-texthighlight: rgba(20, 174, 92, .4)
}

:root {
    --color-bg: var(--ramp-white-1000);
    --color-bg-assistive: var(--ramp-pink-500);
    --color-bg-assistive-hover: var(--ramp-pink-600);
    --color-bg-assistive-pressed: var(--ramp-pink-600);
    --color-bg-assistive-secondary: var(--ramp-pink-700);
    --color-bg-assistive-tertiary: var(--ramp-pink-200);
    --color-bg-brand: var(--ramp-blue-500);
    --color-bg-brand-hover: var(--ramp-blue-600);
    --color-bg-brand-pressed: var(--ramp-blue-600);
    --color-bg-brand-secondary: var(--ramp-blue-700);
    --color-bg-brand-tertiary: var(--ramp-blue-200);
    --color-bg-component: var(--ramp-purple-500);
    --color-bg-component-hover: var(--ramp-purple-600);
    --color-bg-component-pressed: var(--ramp-purple-600);
    --color-bg-component-secondary: var(--ramp-purple-700);
    --color-bg-component-tertiary: var(--ramp-purple-200);
    --color-bg-component-tertiary-hover: var(--ramp-purple-300);
    --color-bg-danger: var(--ramp-red-500);
    --color-bg-danger-hover: var(--ramp-red-600);
    --color-bg-danger-pressed: var(--ramp-red-600);
    --color-bg-danger-secondary: var(--ramp-red-700);
    --color-bg-danger-tertiary: var(--ramp-red-200);
    --color-bg-design: var(--ramp-blue-500);
    --color-bg-design-hover: var(--ramp-blue-600);
    --color-bg-design-pressed: var(--ramp-blue-600);
    --color-bg-design-secondary: var(--ramp-blue-700);
    --color-bg-design-tertiary: var(--ramp-blue-200);
    --color-bg-desktopBackgrounded: var(--ramp-grey-700);
    --color-bg-desktopBackgrounded-disabled: var(--ramp-grey-500);
    --color-bg-desktopBackgrounded-hover: var(--ramp-grey-600);
    --color-bg-desktopBackgrounded-pressed: var(--ramp-grey-800);
    --color-bg-desktopBackgrounded-secondary: var(--ramp-grey-700);
    --color-bg-desktopBackgrounded-tertiary: var(--ramp-grey-600);
    --color-bg-desktopForeground: var(--ramp-grey-900);
    --color-bg-desktopForeground-disabled: var(--ramp-grey-500);
    --color-bg-desktopForeground-hover: var(--ramp-grey-800);
    --color-bg-desktopForeground-pressed: var(--ramp-grey-800);
    --color-bg-desktopForeground-secondary: var(--ramp-grey-700);
    --color-bg-desktopForeground-tertiary: var(--ramp-grey-600);
    --color-bg-desktopFullscreen: var(--ramp-black-1000);
    --color-bg-desktopFullscreen-disabled: var(--ramp-grey-500);
    --color-bg-desktopFullscreen-hover: var(--ramp-grey-900);
    --color-bg-desktopFullscreen-pressed: var(--ramp-grey-900);
    --color-bg-desktopFullscreen-secondary: var(--ramp-grey-700);
    --color-bg-desktopFullscreen-tertiary: var(--ramp-grey-600);
    --color-bg-disabled: var(--ramp-grey-300);
    --color-bg-disabled-secondary: var(--ramp-grey-400);
    --color-bg-elevated: var(--ramp-white-1000);
    --color-bg-elevated-hover: var(--ramp-grey-100);
    --color-bg-figjam: var(--ramp-purple-500);
    --color-bg-figjam-hover: var(--ramp-purple-600);
    --color-bg-figjam-pressed: var(--ramp-purple-600);
    --color-bg-figjam-secondary: var(--ramp-purple-700);
    --color-bg-figjam-tertiary: var(--ramp-purple-200);
    --color-bg-fs: var(--color-bg);
    --color-bg-fs-assistive: var(--color-bg-assistive);
    --color-bg-fs-assistive-secondary: var(--color-bg-assistive-secondary);
    --color-bg-fs-assistive-tertiary: var(--color-bg-assistive-tertiary);
    --color-bg-fs-component: var(--color-bg-component);
    --color-bg-fs-component-secondary: var(--color-bg-component-secondary);
    --color-bg-fs-component-tertiary: var(--color-bg-component-tertiary);
    --color-bg-fs-design: var(--color-bg-design);
    --color-bg-fs-design-secondary: var(--color-bg-design-secondary);
    --color-bg-fs-design-tertiary: var(--color-bg-design-tertiary);
    --color-bg-fs-measure: var(--color-bg-measure);
    --color-bg-fs-measure-hover: var(--color-bg-measure-hover);
    --color-bg-fs-measure-secondary: var(--color-bg-measure-secondary);
    --color-bg-fs-measure-tertiary: var(--color-bg-measure-tertiary);
    --color-bg-fs-selected: var(--color-bg-selected);
    --color-bg-fs-selected-secondary: var(--color-bg-selected-secondary);
    --color-bg-fs-tertiary: var(--color-bg-tertiary);
    --color-bg-handoff: var(--ramp-green-500);
    --color-bg-handoff-hover: var(--ramp-green-600);
    --color-bg-handoff-pressed: var(--ramp-green-600);
    --color-bg-handoff-secondary: var(--ramp-green-700);
    --color-bg-handoff-tertiary: var(--ramp-pale-green-200);
    --color-bg-hover: var(--ramp-grey-100);
    --color-bg-info: var(--ramp-blue-200);
    --color-bg-inverse: var(--ramp-grey-800);
    --color-bg-measure: var(--ramp-red-500);
    --color-bg-measure-hover: var(--ramp-red-600);
    --color-bg-measure-pressed: var(--ramp-red-600);
    --color-bg-measure-secondary: var(--ramp-red-700);
    --color-bg-measure-tertiary: var(--ramp-red-200);
    --color-bg-menu: var(--ramp-grey-900);
    --color-bg-menu-disabled: var(--ramp-grey-500);
    --color-bg-menu-hover: var(--ramp-grey-800);
    --color-bg-menu-pressed: var(--ramp-grey-800);
    --color-bg-menu-secondary: var(--ramp-grey-700);
    --color-bg-menu-selected: var(--ramp-blue-500);
    --color-bg-menu-selected-hover: var(--ramp-blue-600);
    --color-bg-menu-selected-pressed: var(--ramp-blue-600);
    --color-bg-menu-selected-secondary: var(--ramp-pale-blue-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-blue-800);
    --color-bg-menu-tertiary: var(--ramp-grey-600);
    --color-bg-onselected: var(--ramp-blue-300);
    --color-bg-onselected-hover: var(--color-bg-onselected);
    --color-bg-onselected-pressed: var(--color-bg-onselected);
    --color-bg-pressed: var(--ramp-grey-100);
    --color-bg-secondary: var(--ramp-grey-100);
    --color-bg-secondary-hover: var(--ramp-grey-200);
    --color-bg-secondary-pressed: var(--ramp-grey-200);
    --color-bg-selected: var(--ramp-blue-200);
    --color-bg-selected-hover: var(--ramp-blue-300);
    --color-bg-selected-pressed: var(--ramp-blue-300);
    --color-bg-selected-secondary: var(--ramp-blue-100);
    --color-bg-selected-strong: var(--ramp-blue-500);
    --color-bg-selected-tertiary: var(--ramp-blue-100);
    --color-bg-strong-hover: var(--ramp-blue-600);
    --color-bg-strong-pressed: var(--ramp-blue-600);
    --color-bg-success: var(--ramp-green-500);
    --color-bg-success-hover: var(--ramp-green-600);
    --color-bg-success-pressed: var(--ramp-green-600);
    --color-bg-success-secondary: var(--ramp-green-700);
    --color-bg-success-tertiary: var(--ramp-green-200);
    --color-bg-tertiary: var(--ramp-grey-200);
    --color-bg-toolbar: var(--ramp-grey-800);
    --color-bg-toolbar-disabled: var(--ramp-grey-500);
    --color-bg-toolbar-hover: var(--ramp-grey-1000);
    --color-bg-toolbar-pressed: var(--ramp-grey-1000);
    --color-bg-toolbar-secondary: var(--ramp-grey-700);
    --color-bg-toolbar-selected: var(--ramp-blue-500);
    --color-bg-toolbar-selected-hover: var(--ramp-blue-600);
    --color-bg-toolbar-selected-pressed: var(--ramp-blue-600);
    --color-bg-toolbar-selected-secondary: var(--ramp-blue-700);
    --color-bg-toolbar-selected-tertiary: var(--color-bg-toolbar-selected);
    --color-bg-toolbar-tertiary: var(--ramp-grey-600);
    --color-bg-tooltip: var(--ramp-grey-900);
    --color-bg-tooltip-disabled: var(--ramp-grey-500);
    --color-bg-tooltip-hover: var(--ramp-grey-800);
    --color-bg-tooltip-pressed: var(--ramp-grey-800);
    --color-bg-tooltip-secondary: var(--ramp-grey-700);
    --color-bg-tooltip-selected: var(--ramp-blue-500);
    --color-bg-tooltip-selected-hover: var(--ramp-blue-600);
    --color-bg-tooltip-selected-pressed: var(--ramp-blue-600);
    --color-bg-tooltip-selected-secondary: var(--ramp-pale-blue-800);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-blue-800);
    --color-bg-tooltip-tertiary: var(--ramp-grey-600);
    --color-bg-transparent-hover: var(--ramp-black-100);
    --color-bg-transparent-pressed: var(--ramp-black-200);
    --color-bg-warning: var(--ramp-yellow-500);
    --color-bg-warning-hover: var(--ramp-yellow-600);
    --color-bg-warning-pressed: var(--ramp-yellow-600);
    --color-bg-warning-secondary: var(--ramp-yellow-700);
    --color-bg-warning-tertiary: var(--ramp-yellow-200);
    --color-bghoverondarkcanvas: var(--ramp-white-300);
    --color-bghoveronlightcanvas: var(--ramp-black-300);
    --color-bghovertransparent: var(--ramp-black-100);
    --color-bginspectpadding: var(--ramp-blue-500);
    --color-bginspectpaddingtertiary: var(--ramp-blue-200);
    --color-bginspectspacing: var(--ramp-pink-500);
    --color-bgsecondaryoncanvas: var(--ramp-grey-200);
    --color-bgselectedarea: #0d99ff33;
    --color-bgtransparent: #ffffff99;
    --color-bgtransparent-secondary-hover: var(--ramp-black-200);
    --color-bgtransparent-secondary-pressed: #00000026;
    --color-bgtransparentsecondary: #ffffff;
    --color-bgvoting: var(--ramp-yellow-500);
    --color-bgvotingsecondary: var(--ramp-yellow-200);
    --color-bgvotingtertiary: var(--ramp-yellow-100);
    --color-bgvotingwheeldial: var(--ramp-yellow-100);
    --color-bgvotingwheelhover: var(--ramp-yellow-200);
    --color-border: var(--ramp-grey-200);
    --color-border-assistive: var(--ramp-pink-300);
    --color-border-assistive-strong: var(--ramp-pink-600);
    --color-border-brand: var(--ramp-blue-300);
    --color-border-brand-strong: var(--ramp-blue-600);
    --color-border-component: var(--ramp-purple-300);
    --color-border-component-hover: var(--ramp-purple-500);
    --color-border-component-selected: var(--ramp-purple-600);
    --color-border-component-strong: var(--ramp-purple-600);
    --color-border-danger: var(--ramp-red-300);
    --color-border-danger-strong: var(--ramp-red-600);
    --color-border-design: var(--ramp-blue-300);
    --color-border-design-strong: var(--ramp-blue-600);
    --color-border-desktopBackgrounded: var(--ramp-grey-600);
    --color-border-desktopBackgrounded-disabled: var(--ramp-grey-700);
    --color-border-desktopBackgrounded-strong: var(--ramp-white-500);
    --color-border-desktopForeground: var(--ramp-grey-700);
    --color-border-desktopForeground-disabled: var(--ramp-grey-700);
    --color-border-desktopForeground-strong: var(--ramp-white-1000);
    --color-border-desktopFullscreen: var(--ramp-grey-900);
    --color-border-desktopFullscreen-disabled: var(--ramp-grey-900);
    --color-border-desktopFullscreen-strong: var(--ramp-white-1000);
    --color-border-disabled: var(--ramp-grey-200);
    --color-border-disabled-strong: var(--ramp-black-400);
    --color-border-figjam: var(--ramp-purple-300);
    --color-border-figjam-strong: var(--ramp-purple-600);
    --color-border-fs: var(--color-border);
    --color-border-fs-assistive: var(--color-border-assistive);
    --color-border-fs-assistive-strong: var(--ramp-pink-500);
    --color-border-fs-component: var(--ramp-purple-300);
    --color-border-fs-component-strong: var(--color-bg-fs-component);
    --color-border-fs-design: var(--ramp-blue-300);
    --color-border-fs-design-strong: var(--color-bg-fs-design);
    --color-border-fs-measure: var(--color-border-measure);
    --color-border-fs-measure-strong: var(--color-bg-fs-measure);
    --color-border-fs-onassistive: var(--color-border-onassistive);
    --color-border-fs-onassistive-strong: var(--color-border-onassistive-strong);
    --color-border-fs-oncomponent: var(--color-border-oncomponent);
    --color-border-fs-oncomponent-strong: var(--color-border-oncomponent-strong);
    --color-border-fs-ondesign: var(--color-border-ondesign);
    --color-border-fs-ondesign-strong: var(--color-border-ondesign-strong);
    --color-border-fs-onmeasure: var(--color-border-onmeasure);
    --color-border-fs-onmeasure-strong: var(--color-border-onmeasure-strong);
    --color-border-fs-onselected: var(--color-border-onselected);
    --color-border-fs-onselected-strong: var(--color-border-onselected-strong);
    --color-border-fs-selected: var(--color-border-selected);
    --color-border-fs-selected-strong: var(--color-border-selected-strong);
    --color-border-fs-strong: var(--color-border-strong);
    --color-border-handoff: var(--ramp-green-300);
    --color-border-handoff-strong: var(--ramp-green-600);
    --color-border-measure: var(--ramp-red-300);
    --color-border-measure-strong: var(--ramp-red-600);
    --color-border-menu: var(--ramp-grey-700);
    --color-border-menu-disabled: var(--ramp-grey-700);
    --color-border-menu-disabled-strong: var(--ramp-grey-700);
    --color-border-menu-onselected: var(--ramp-blue-400);
    --color-border-menu-onselected-strong: var(--ramp-white-1000);
    --color-border-menu-selected: var(--ramp-blue-500);
    --color-border-menu-selected-strong: var(--ramp-blue-400);
    --color-border-menu-strong: var(--ramp-white-1000);
    --color-border-onassistive: var(--ramp-pink-600);
    --color-border-onassistive-strong: var(--ramp-white-1000);
    --color-border-onbrand: var(--ramp-blue-600);
    --color-border-onbrand-strong: var(--ramp-white-1000);
    --color-border-oncomponent: var(--ramp-purple-600);
    --color-border-oncomponent-strong: var(--ramp-white-1000);
    --color-border-ondanger: var(--ramp-red-600);
    --color-border-ondanger-strong: var(--ramp-white-1000);
    --color-border-ondesign: var(--ramp-blue-600);
    --color-border-ondesign-strong: var(--ramp-white-1000);
    --color-border-onfigjam: var(--ramp-purple-600);
    --color-border-onfigjam-strong: var(--ramp-purple-600);
    --color-border-onmeasure: var(--ramp-red-600);
    --color-border-onmeasure-strong: var(--ramp-white-1000);
    --color-border-onselected: var(--ramp-blue-300);
    --color-border-onselected-strong: var(--ramp-black-800);
    --color-border-onsuccess: var(--ramp-green-600);
    --color-border-onsuccess-strong: var(--ramp-white-1000);
    --color-border-onwarning: var(--ramp-yellow-700);
    --color-border-onwarning-strong: var(--ramp-black-800);
    --color-border-selected: var(--ramp-blue-500);
    --color-border-selected-strong: var(--ramp-blue-600);
    --color-border-strong: var(--ramp-grey-800);
    --color-border-success: var(--ramp-pale-green-300);
    --color-border-success-strong: var(--ramp-green-600);
    --color-border-toolbar: var(--ramp-grey-600);
    --color-border-toolbar-disabled: var(--ramp-white-400);
    --color-border-toolbar-onselected: var(--ramp-white-1000);
    --color-border-toolbar-selected: var(--ramp-blue-500);
    --color-border-toolbar-selected-strong: var(--ramp-blue-400);
    --color-border-toolbar-strong: var(--ramp-white-1000);
    --color-border-tooltip: var(--ramp-grey-700);
    --color-border-tooltip-disabled: var(--ramp-grey-700);
    --color-border-tooltip-disabled-strong: var(--ramp-grey-700);
    --color-border-tooltip-onselected: var(--ramp-blue-600);
    --color-border-tooltip-onselected-strong: var(--ramp-white-1000);
    --color-border-tooltip-selected: var(--ramp-blue-500);
    --color-border-tooltip-selected-strong: var(--ramp-blue-400);
    --color-border-tooltip-strong: var(--ramp-white-1000);
    --color-border-warning: var(--ramp-pale-yellow-300);
    --color-border-warning-strong: var(--ramp-yellow-1000);
    --color-borderinspectpadding: var(--ramp-blue-500);
    --color-borderinspectspacing: var(--ramp-pink-500);
    --color-borderplacecrosshair: var(--ramp-white-200);
    --color-borderselectedec: #ffffff00;
    --color-bordertranslucent: var(--ramp-black-200);
    --color-bordertranslucentstrong: var(--ramp-black-300);
    --color-code: var(--ramp-black-800);
    --color-codeaccent: var(--ramp-orange-900);
    --color-codeattribute: var(--ramp-black-800);
    --color-codeclassname: var(--ramp-blue-600);
    --color-codecomment: var(--ramp-black-500);
    --color-codeproperty: var(--ramp-black-800);
    --color-codestring: var(--ramp-blue-600);
    --color-codestylename: var(--ramp-blue-600);
    --color-codetag: var(--ramp-purple-600);
    --color-codevalue: var(--ramp-pink-600);
    --color-codevariable: var(--ramp-green-600);
    --color-conditionalborder: #ffffff00;
    --color-fsAutoFillHighlight: #0d99ff33;
    --color-fsBorderDesignShadowStrong: var(--ramp-blue-600);
    --color-fsBorderPlaceholder: var(--ramp-grey-500);
    --color-fsBorderSelectedImmutableNode: var(--ramp-purple-500);
    --color-fsBorderSelectedImmutableNodeSecondary: var(--ramp-purple-500);
    --color-fsCanvasDefaultFill: var(--ramp-grey-100);
    --color-fsCodeNodeBorder: var(--ramp-green-500);
    --color-fsCodeNodeBorderSecondary: var(--color-fsCodeNodeBorder);
    --color-fsCodeNodeTextErrorOnDarkCanvas: var(--color-border-ondanger);
    --color-fsCodeNodeTextErrorOnLightCanvas: var(--color-border-ondanger);
    --color-fsCodeNodeTextOnDarkCanvas: var(--color-fsCodeNodeBorder);
    --color-fsCodeNodeTextOnLightCanvas: var(--color-fsCodeNodeBorder);
    --color-fsDevHandoffAutolayoutPadding: var(--ramp-blue-400);
    --color-fsDevHandoffAutolayoutSpacing: var(--ramp-pink-400);
    --color-fsFrameDefaultFill: var(--ramp-white-1000);
    --color-fsIconOnDarkCanvas: var(--color-iconondarkcanvas);
    --color-fsIconOnDarkCanvasSecondary: var(--ramp-white-400);
    --color-fsIconOnLightCanvas: var(--color-icononlightcanvas);
    --color-fsIconOnLightCanvasSecondary: var(--ramp-black-400);
    --color-fsNodeHandle: var(--ramp-blue-400);
    --color-fsNodeLabelNoBG: var(--ramp-black-400);
    --color-fsNodeSymbolSelectedSecondary: var(--ramp-purple-500);
    --color-fsShapeDefaultFill: var(--ramp-grey-300);
    --color-fsSitesResponsiveSetTextOnDarkCanvas: var(--ramp-white-500);
    --color-fsSitesResponsiveSetTextOnLightCanvas: var(--ramp-black-500);
    --color-fsSnappingOverlay: var(--ramp-red-500);
    --color-fsStickyAuthorTextOnDark: var(--ramp-white-600);
    --color-fsStickyAuthorTextOnLight: var(--ramp-black-500);
    --color-fsTextComponentOnDarkCanvas: var(--ramp-purple-400);
    --color-fsTextComponentOnLightCanvas: var(--ramp-purple-600);
    --color-fsTextOnDarkCanvas: var(--color-textondarkcanvas);
    --color-fsTextOnDarkCanvasSecondary: var(--color-textondarkcanvassecondary);
    --color-fsTextOnLightCanvas: var(--color-textonlightcanvas);
    --color-fsTextOnLightCanvasSecondary: var(--color-textonlightcanvassecondary);
    --color-fsTextSelectedOnDarkCanvas: var(--ramp-blue-400);
    --color-fsTextSelectedOnLightCanvas: var(--ramp-blue-600);
    --color-fsVectorInactive: var(--ramp-grey-400);
    --color-fsWidgetFrameTextOnDarkCanvas: var(--ramp-purple-400);
    --color-fsWidgetFrameTextOnLightCanvas: var(--ramp-purple-600);
    --color-fsWidgetFrameTextSelectedOnDarkCanvas: var(--ramp-purple-400);
    --color-fsWidgetFrameTextSelectedOnLightCanvas: var(--ramp-purple-600);
    --color-icon: var(--ramp-black-800);
    --color-icon-assistive: var(--ramp-pink-600);
    --color-icon-assistive-pressed: var(--ramp-pink-700);
    --color-icon-assistive-secondary: var(--color-icon-assistive);
    --color-icon-assistive-tertiary: var(--color-icon-assistive);
    --color-icon-brand: var(--ramp-blue-600);
    --color-icon-brand-pressed: var(--ramp-blue-700);
    --color-icon-brand-secondary: var(--ramp-blue-400);
    --color-icon-brand-tertiary: var(--ramp-blue-300);
    --color-icon-component: var(--ramp-purple-600);
    --color-icon-component-pressed: var(--ramp-purple-700);
    --color-icon-component-secondary: var(--ramp-pale-purple-400);
    --color-icon-component-tertiary: var(--ramp-pale-purple-400);
    --color-icon-danger: var(--ramp-red-600);
    --color-icon-danger-hover: var(--ramp-red-700);
    --color-icon-danger-pressed: var(--ramp-red-700);
    --color-icon-danger-secondary: var(--color-icon-danger);
    --color-icon-danger-secondary-hover: var(--color-icon-danger);
    --color-icon-danger-tertiary: var(--color-icon-danger);
    --color-icon-design: var(--ramp-blue-600);
    --color-icon-design-pressed: var(--ramp-blue-700);
    --color-icon-design-secondary: var(--color-icon-design);
    --color-icon-design-tertiary: var(--color-icon-design);
    --color-icon-desktopBackgrounded: var(--ramp-white-500);
    --color-icon-desktopBackgrounded-danger: var(--ramp-red-500);
    --color-icon-desktopBackgrounded-disabled: var(--ramp-white-400);
    --color-icon-desktopBackgrounded-hover: var(--ramp-white-500);
    --color-icon-desktopBackgrounded-ondisabled: var(--ramp-grey-700);
    --color-icon-desktopBackgrounded-secondary: var(--ramp-white-500);
    --color-icon-desktopBackgrounded-secondary-hover: var(--ramp-white-500);
    --color-icon-desktopBackgrounded-tertiary: var(--ramp-white-400);
    --color-icon-desktopBackgrounded-tertiary-hover: var(--ramp-white-400);
    --color-icon-desktopBackgrounded-warning: var(--ramp-yellow-500);
    --color-icon-desktopForeground: var(--ramp-white-1000);
    --color-icon-desktopForeground-danger: var(--ramp-red-500);
    --color-icon-desktopForeground-disabled: var(--ramp-white-400);
    --color-icon-desktopForeground-hover: var(--ramp-white-1000);
    --color-icon-desktopForeground-ondisabled: var(--ramp-grey-900);
    --color-icon-desktopForeground-secondary: var(--ramp-white-500);
    --color-icon-desktopForeground-secondary-hover: var(--ramp-white-1000);
    --color-icon-desktopForeground-tertiary: var(--ramp-white-400);
    --color-icon-desktopForeground-tertiary-hover: var(--ramp-white-1000);
    --color-icon-desktopForeground-warning: var(--ramp-yellow-500);
    --color-icon-desktopFullscreen: var(--ramp-white-1000);
    --color-icon-desktopFullscreen-danger: var(--ramp-red-500);
    --color-icon-desktopFullscreen-disabled: var(--ramp-white-400);
    --color-icon-desktopFullscreen-hover: var(--ramp-white-1000);
    --color-icon-desktopFullscreen-ondisabled: var(--ramp-black-1000);
    --color-icon-desktopFullscreen-secondary: var(--ramp-white-500);
    --color-icon-desktopFullscreen-secondary-hover: var(--ramp-white-1000);
    --color-icon-desktopFullscreen-tertiary: var(--ramp-white-400);
    --color-icon-desktopFullscreen-tertiary-hover: var(--ramp-white-1000);
    --color-icon-desktopFullscreen-warning: var(--ramp-yellow-500);
    --color-icon-disabled: var(--ramp-black-400);
    --color-icon-figjam: var(--ramp-purple-600);
    --color-icon-figjam-pressed: var(--ramp-purple-700);
    --color-icon-figjam-secondary: var(--ramp-pale-purple-400);
    --color-icon-figjam-tertiary: var(--ramp-pale-purple-400);
    --color-icon-fs: var(--color-icon);
    --color-icon-fs-assistive: var(--color-icon-assistive);
    --color-icon-fs-component: var(--color-icon-component);
    --color-icon-fs-design: var(--color-icon-design);
    --color-icon-fs-measure: var(--color-icon-measure);
    --color-icon-fs-onassistive: var(--color-icon-onassistive);
    --color-icon-fs-oncomponent: var(--color-icon-oncomponent);
    --color-icon-fs-ondesign: var(--color-icon-ondesign);
    --color-icon-fs-onmeasure: var(--color-icon-onmeasure);
    --color-icon-fs-onselected: var(--color-icon-onselected);
    --color-icon-fs-secondary: var(--color-icon-secondary);
    --color-icon-fs-selected: var(--color-icon-selected);
    --color-icon-fs-tertiary: var(--color-icon-tertiary);
    --color-icon-handoff: var(--ramp-green-600);
    --color-icon-handoff-pressed: var(--ramp-green-700);
    --color-icon-handoff-secondary: var(--color-icon-handoff);
    --color-icon-handoff-tertiary: var(--color-icon-handoff);
    --color-icon-hover: var(--ramp-black-800);
    --color-icon-measure: var(--ramp-red-500);
    --color-icon-measure-hover: var(--ramp-red-700);
    --color-icon-measure-pressed: var(--ramp-red-700);
    --color-icon-measure-secondary: var(--color-icon-measure);
    --color-icon-measure-secondary-hover: var(--color-icon-measure);
    --color-icon-measure-tertiary: var(--color-icon-measure);
    --color-icon-menu: var(--ramp-white-1000);
    --color-icon-menu-danger: var(--ramp-red-500);
    --color-icon-menu-disabled: var(--ramp-white-400);
    --color-icon-menu-hover: var(--ramp-white-1000);
    --color-icon-menu-ondisabled: var(--ramp-grey-900);
    --color-icon-menu-onselected: var(--ramp-white-1000);
    --color-icon-menu-pressed: var(--ramp-blue-500);
    --color-icon-menu-secondary: var(--ramp-white-500);
    --color-icon-menu-secondary-hover: var(--ramp-white-1000);
    --color-icon-menu-selected: var(--ramp-blue-400);
    --color-icon-menu-selected-secondary: var(--ramp-blue-400);
    --color-icon-menu-selected-tertiary: var(--ramp-blue-400);
    --color-icon-menu-tertiary: var(--ramp-white-400);
    --color-icon-menu-tertiary-hover: var(--ramp-white-1000);
    --color-icon-menu-warning: var(--ramp-yellow-500);
    --color-icon-onassistive: var(--ramp-white-1000);
    --color-icon-onassistive-secondary: var(--ramp-white-600);
    --color-icon-onassistive-tertiary: var(--ramp-white-400);
    --color-icon-onbrand: var(--ramp-white-1000);
    --color-icon-onbrand-secondary: var(--ramp-white-600);
    --color-icon-onbrand-tertiary: var(--ramp-white-400);
    --color-icon-oncomponent: var(--ramp-white-1000);
    --color-icon-oncomponent-secondary: var(--ramp-white-600);
    --color-icon-oncomponent-tertiary: var(--ramp-white-400);
    --color-icon-ondanger: var(--ramp-white-1000);
    --color-icon-ondanger-secondary: var(--ramp-white-600);
    --color-icon-ondanger-tertiary: var(--ramp-white-400);
    --color-icon-ondesign: var(--ramp-white-1000);
    --color-icon-ondesign-secondary: var(--ramp-white-600);
    --color-icon-ondesign-tertiary: var(--ramp-white-400);
    --color-icon-ondisabled: var(--ramp-white-1000);
    --color-icon-onfigjam: var(--ramp-white-1000);
    --color-icon-onfigjam-secondary: var(--ramp-white-600);
    --color-icon-onfigjam-tertiary: var(--ramp-white-400);
    --color-icon-oninverse: var(--ramp-white-800);
    --color-icon-onmeasure: var(--ramp-white-1000);
    --color-icon-onmeasure-secondary: var(--ramp-white-600);
    --color-icon-onmeasure-tertiary: var(--ramp-white-400);
    --color-icon-onselected: var(--ramp-black-800);
    --color-icon-onselected-secondary: var(--ramp-black-500);
    --color-icon-onselected-strong: var(--ramp-white-1000);
    --color-icon-onselected-tertiary: var(--ramp-black-400);
    --color-icon-onsuccess: var(--ramp-white-1000);
    --color-icon-onsuccess-secondary: var(--ramp-white-600);
    --color-icon-onsuccess-tertiary: var(--ramp-white-400);
    --color-icon-onwarning: var(--ramp-black-800);
    --color-icon-onwarning-secondary: var(--ramp-black-500);
    --color-icon-onwarning-tertiary: var(--ramp-black-400);
    --color-icon-pressed: var(--ramp-blue-600);
    --color-icon-secondary: var(--ramp-black-500);
    --color-icon-secondary-hover: var(--ramp-black-800);
    --color-icon-selected: var(--ramp-blue-600);
    --color-icon-selected-secondary: var(--color-icon-selected);
    --color-icon-selected-tertiary: var(--color-icon-selected);
    --color-icon-success: var(--ramp-green-600);
    --color-icon-success-pressed: var(--ramp-green-700);
    --color-icon-success-secondary: var(--color-icon-success);
    --color-icon-success-tertiary: var(--color-icon-success);
    --color-icon-tertiary: var(--ramp-black-400);
    --color-icon-tertiary-hover: var(--ramp-black-800);
    --color-icon-toolbar: var(--ramp-white-1000);
    --color-icon-toolbar-danger: var(--ramp-red-500);
    --color-icon-toolbar-disabled: var(--ramp-white-400);
    --color-icon-toolbar-hover: var(--ramp-white-1000);
    --color-icon-toolbar-ondisabled: var(--ramp-grey-800);
    --color-icon-toolbar-onselected: var(--ramp-white-1000);
    --color-icon-toolbar-pressed: var(--ramp-blue-500);
    --color-icon-toolbar-secondary: var(--ramp-white-500);
    --color-icon-toolbar-secondary-hover: var(--ramp-white-1000);
    --color-icon-toolbar-selected: var(--ramp-blue-400);
    --color-icon-toolbar-selected-secondary: var(--color-icon-toolbar-selected);
    --color-icon-toolbar-selected-tertiary: var(--color-icon-toolbar-selected);
    --color-icon-toolbar-tertiary: var(--ramp-white-400);
    --color-icon-toolbar-tertiary-hover: var(--ramp-white-1000);
    --color-icon-toolbar-warning: var(--ramp-yellow-500);
    --color-icon-tooltip: var(--ramp-white-1000);
    --color-icon-tooltip-danger: var(--ramp-red-500);
    --color-icon-tooltip-disabled: var(--ramp-white-400);
    --color-icon-tooltip-hover: var(--ramp-white-1000);
    --color-icon-tooltip-ondisabled: var(--ramp-grey-900);
    --color-icon-tooltip-onselected: var(--ramp-white-1000);
    --color-icon-tooltip-pressed: var(--ramp-blue-500);
    --color-icon-tooltip-secondary: var(--ramp-white-500);
    --color-icon-tooltip-secondary-hover: var(--ramp-white-1000);
    --color-icon-tooltip-selected: var(--ramp-blue-400);
    --color-icon-tooltip-selected-secondary: var(--color-icon-tooltip-selected);
    --color-icon-tooltip-selected-tertiary: var(--color-icon-tooltip-selected);
    --color-icon-tooltip-tertiary: var(--ramp-white-400);
    --color-icon-tooltip-tertiary-hover: var(--ramp-white-1000);
    --color-icon-tooltip-warning: var(--ramp-yellow-500);
    --color-icon-warning: var(--ramp-yellow-1000);
    --color-icon-warning-pressed: var(--ramp-yellow-1000);
    --color-icon-warning-secondary: var(--color-icon-warning);
    --color-icon-warning-tertiary: var(--color-icon-warning);
    --color-icondesignfilesecondary: var(--ramp-blue-400);
    --color-iconfavorite: var(--ramp-yellow-500);
    --color-iconfigjamfilesecondary: var(--ramp-purple-400);
    --color-iconondarkcanvas: var(--ramp-white-800);
    --color-icononlightcanvas: var(--ramp-black-800);
    --color-icononvoting: var(--ramp-black-800);
    --color-iconprototypefile: var(--ramp-grey-300);
    --color-iconprototypefilesecondary: var(--ramp-grey-800);
    --color-iconpublishedfile: var(--ramp-grey-800);
    --color-iconpublishedfilesecondary: var(--ramp-grey-500);
    --color-loading: var(--ramp-black-200);
    --color-loadingmenu: var(--ramp-white-200);
    --color-loadingsecondary: var(--ramp-black-100);
    --color-loadingsecondarymenu: var(--ramp-white-100);
    --color-modalbackdrop: var(--ramp-black-500);
    --color-multiplayerblue: var(--ramp-blue-600);
    --color-multiplayerbluehover: var(--ramp-blue-700);
    --color-multiplayerbluesecondary: var(--ramp-blue-800);
    --color-multiplayergreen: var(--ramp-green-500);
    --color-multiplayergreenhover: var(--ramp-green-600);
    --color-multiplayergreensecondary: var(--ramp-green-800);
    --color-multiplayergrey: var(--ramp-pale-blue-500);
    --color-multiplayergreyhover: var(--ramp-pale-blue-600);
    --color-multiplayergreysecondary: var(--ramp-pale-blue-800);
    --color-multiplayerpink: var(--ramp-pink-500);
    --color-multiplayerpinkhover: var(--ramp-pink-600);
    --color-multiplayerpinksecondary: var(--ramp-pink-800);
    --color-multiplayerpurple: var(--ramp-purple-500);
    --color-multiplayerpurplehover: var(--ramp-purple-600);
    --color-multiplayerpurplesecondary: var(--ramp-purple-800);
    --color-multiplayerred: var(--ramp-red-500);
    --color-multiplayerredhover: var(--ramp-red-600);
    --color-multiplayerredsecondary: var(--ramp-red-800);
    --color-multiplayeryellow: var(--ramp-yellow-500);
    --color-multiplayeryellowhover: var(--ramp-yellow-600);
    --color-multiplayeryellowsecondary: var(--ramp-yellow-800);
    --color-nodehandle: var(--ramp-blue-400);
    --color-prototypeloadingbackdrop: var(--ramp-black-800);
    --color-scrollbar: #b3b3b380;
    --color-shadow: #00000026;
    --color-tablenodehoveredprimary: var(--ramp-blue-500);
    --color-tablenodehoveredsecondary: var(--ramp-blue-300);
    --color-tablenodeselected: var(--color-tablenodehoveredprimary);
    --color-text: var(--ramp-black-800);
    --color-text-assistive: var(--ramp-pink-600);
    --color-text-assistive-pressed: var(--ramp-pink-700);
    --color-text-assistive-secondary: var(--color-text-assistive);
    --color-text-assistive-tertiary: var(--color-text-assistive);
    --color-text-brand: var(--ramp-blue-600);
    --color-text-brand-secondary: var(--color-text-brand);
    --color-text-brand-tertiary: var(--color-text-brand);
    --color-text-component: var(--ramp-purple-600);
    --color-text-component-pressed: var(--ramp-purple-700);
    --color-text-component-secondary: var(--ramp-pale-purple-400);
    --color-text-component-tertiary: var(--ramp-pale-purple-400);
    --color-text-danger: var(--ramp-red-600);
    --color-text-danger-secondary: var(--color-text-danger);
    --color-text-danger-tertiary: var(--color-text-danger);
    --color-text-design: var(--ramp-blue-600);
    --color-text-design-pressed: var(--ramp-blue-700);
    --color-text-design-secondary: var(--color-text-design);
    --color-text-design-tertiary: var(--color-text-design);
    --color-text-desktopBackgrounded: var(--ramp-white-500);
    --color-text-desktopBackgrounded-danger: var(--ramp-red-400);
    --color-text-desktopBackgrounded-disabled: var(--ramp-white-400);
    --color-text-desktopBackgrounded-hover: var(--ramp-white-500);
    --color-text-desktopBackgrounded-ondisabled: var(--ramp-grey-700);
    --color-text-desktopBackgrounded-secondary: var(--ramp-white-500);
    --color-text-desktopBackgrounded-secondary-hover: var(--ramp-white-500);
    --color-text-desktopBackgrounded-tertiary: var(--ramp-white-400);
    --color-text-desktopBackgrounded-tertiary-hover: var(--ramp-white-400);
    --color-text-desktopBackgrounded-warning: var(--ramp-yellow-400);
    --color-text-desktopForeground: var(--ramp-white-1000);
    --color-text-desktopForeground-danger: var(--ramp-red-400);
    --color-text-desktopForeground-disabled: var(--ramp-white-400);
    --color-text-desktopForeground-hover: var(--ramp-white-1000);
    --color-text-desktopForeground-ondisabled: var(--ramp-grey-900);
    --color-text-desktopForeground-secondary: var(--ramp-white-500);
    --color-text-desktopForeground-secondary-hover: var(--ramp-white-1000);
    --color-text-desktopForeground-tertiary: var(--ramp-white-400);
    --color-text-desktopForeground-tertiary-hover: var(--ramp-white-1000);
    --color-text-desktopForeground-warning: var(--ramp-yellow-400);
    --color-text-desktopFullscreen: var(--ramp-white-1000);
    --color-text-desktopFullscreen-danger: var(--ramp-red-400);
    --color-text-desktopFullscreen-disabled: var(--ramp-white-400);
    --color-text-desktopFullscreen-hover: var(--ramp-white-1000);
    --color-text-desktopFullscreen-ondisabled: var(--ramp-black-1000);
    --color-text-desktopFullscreen-secondary: var(--ramp-white-500);
    --color-text-desktopFullscreen-secondary-hover: var(--ramp-white-1000);
    --color-text-desktopFullscreen-tertiary: var(--ramp-white-400);
    --color-text-desktopFullscreen-tertiary-hover: var(--ramp-white-1000);
    --color-text-desktopFullscreen-warning: var(--ramp-yellow-400);
    --color-text-disabled: var(--ramp-black-400);
    --color-text-figjam: var(--ramp-purple-600);
    --color-text-figjam-pressed: var(--ramp-purple-700);
    --color-text-figjam-secondary: var(--ramp-pale-purple-400);
    --color-text-figjam-tertiary: var(--ramp-pale-purple-400);
    --color-text-fs: var(--color-text);
    --color-text-fs-assistive: var(--color-text-assistive);
    --color-text-fs-component: var(--color-text-component);
    --color-text-fs-design: var(--color-text-design);
    --color-text-fs-measure: var(--color-text-measure);
    --color-text-fs-onassistive: var(--color-text-onassistive);
    --color-text-fs-oncomponent: var(--color-text-oncomponent);
    --color-text-fs-ondesign: var(--color-text-ondesign);
    --color-text-fs-onmeasure: var(--color-text-onmeasure);
    --color-text-fs-onselected: var(--color-text-onselected);
    --color-text-fs-secondary: var(--color-text-secondary);
    --color-text-fs-selected: var(--color-text-selected);
    --color-text-fs-tertiary: var(--color-text-tertiary);
    --color-text-handoff: var(--ramp-green-600);
    --color-text-handoff-secondary: var(--color-text-handoff);
    --color-text-handoff-tertiary: var(--color-text-handoff);
    --color-text-hover: var(--ramp-black-800);
    --color-text-measure: var(--ramp-red-600);
    --color-text-measure-secondary: var(--color-text-measure);
    --color-text-measure-tertiary: var(--color-text-measure);
    --color-text-menu: var(--ramp-white-1000);
    --color-text-menu-danger: var(--ramp-red-500);
    --color-text-menu-disabled: var(--ramp-white-400);
    --color-text-menu-hover: var(--ramp-white-1000);
    --color-text-menu-ondisabled: var(--ramp-grey-900);
    --color-text-menu-onselected: var(--ramp-white-1000);
    --color-text-menu-secondary: var(--ramp-white-500);
    --color-text-menu-secondary-hover: var(--ramp-white-1000);
    --color-text-menu-selected: var(--ramp-blue-400);
    --color-text-menu-selected-secondary: var(--color-text-menu-selected);
    --color-text-menu-selected-tertiary: var(--color-text-menu-selected);
    --color-text-menu-tertiary: var(--ramp-white-400);
    --color-text-menu-tertiary-hover: var(--ramp-white-1000);
    --color-text-menu-warning: var(--ramp-yellow-400);
    --color-text-onassistive: var(--ramp-white-1000);
    --color-text-onassistive-secondary: var(--ramp-white-600);
    --color-text-onassistive-tertiary: var(--ramp-white-400);
    --color-text-onbrand: var(--ramp-white-1000);
    --color-text-onbrand-secondary: var(--ramp-white-600);
    --color-text-onbrand-tertiary: var(--ramp-white-400);
    --color-text-oncomponent: var(--ramp-white-1000);
    --color-text-oncomponent-secondary: var(--ramp-white-600);
    --color-text-oncomponent-tertiary: var(--ramp-white-400);
    --color-text-ondanger: var(--ramp-white-1000);
    --color-text-ondanger-secondary: var(--ramp-white-600);
    --color-text-ondanger-tertiary: var(--ramp-white-400);
    --color-text-ondesign: var(--ramp-white-1000);
    --color-text-ondesign-secondary: var(--ramp-white-600);
    --color-text-ondesign-tertiary: var(--ramp-white-400);
    --color-text-ondisabled: var(--ramp-white-1000);
    --color-text-onfigjam: var(--ramp-white-1000);
    --color-text-onfigjam-secondary: var(--ramp-white-600);
    --color-text-onfigjam-tertiary: var(--ramp-white-400);
    --color-text-oninverse: var(--ramp-white-800);
    --color-text-onmeasure: var(--ramp-white-1000);
    --color-text-onmeasure-secondary: var(--ramp-white-600);
    --color-text-onmeasure-tertiary: var(--ramp-white-400);
    --color-text-onselected: var(--ramp-black-800);
    --color-text-onselected-secondary: var(--ramp-black-500);
    --color-text-onselected-strong: var(--ramp-white-1000);
    --color-text-onselected-tertiary: var(--ramp-black-400);
    --color-text-onsuccess: var(--ramp-white-1000);
    --color-text-onsuccess-secondary: var(--ramp-white-600);
    --color-text-onsuccess-tertiary: var(--ramp-white-400);
    --color-text-onwarning: var(--ramp-black-800);
    --color-text-onwarning-secondary: var(--ramp-black-500);
    --color-text-onwarning-tertiary: var(--ramp-black-400);
    --color-text-secondary: var(--ramp-black-500);
    --color-text-secondary-hover: var(--ramp-black-800);
    --color-text-selected: var(--ramp-blue-600);
    --color-text-selected-secondary: var(--color-text-selected);
    --color-text-selected-tertiary: var(--color-text-selected);
    --color-text-success: var(--ramp-green-600);
    --color-text-success-secondary: var(--color-text-success);
    --color-text-success-tertiary: var(--color-text-success);
    --color-text-tertiary: var(--ramp-black-400);
    --color-text-tertiary-hover: var(--ramp-black-800);
    --color-text-toolbar: var(--ramp-white-1000);
    --color-text-toolbar-danger: var(--ramp-red-400);
    --color-text-toolbar-disabled: var(--ramp-white-400);
    --color-text-toolbar-hover: var(--ramp-white-1000);
    --color-text-toolbar-ondisabled: var(--ramp-grey-800);
    --color-text-toolbar-onselected: var(--ramp-white-1000);
    --color-text-toolbar-secondary: var(--ramp-white-500);
    --color-text-toolbar-secondary-hover: var(--ramp-white-1000);
    --color-text-toolbar-selected: var(--ramp-blue-400);
    --color-text-toolbar-selected-secondary: var(--color-text-toolbar-selected);
    --color-text-toolbar-selected-tertiary: var(--color-text-toolbar-selected);
    --color-text-toolbar-tertiary: var(--ramp-white-400);
    --color-text-toolbar-tertiary-hover: var(--ramp-white-1000);
    --color-text-toolbar-warning: var(--ramp-yellow-400);
    --color-text-tooltip: var(--ramp-white-1000);
    --color-text-tooltip-danger: var(--ramp-red-400);
    --color-text-tooltip-disabled: var(--ramp-white-400);
    --color-text-tooltip-hover: var(--ramp-white-1000);
    --color-text-tooltip-ondisabled: var(--ramp-grey-900);
    --color-text-tooltip-onselected: var(--ramp-white-1000);
    --color-text-tooltip-secondary: var(--ramp-white-500);
    --color-text-tooltip-secondary-hover: var(--ramp-white-1000);
    --color-text-tooltip-selected: var(--ramp-blue-400);
    --color-text-tooltip-selected-secondary: var(--color-text-tooltip-selected);
    --color-text-tooltip-selected-tertiary: var(--color-text-tooltip-selected);
    --color-text-tooltip-tertiary: var(--ramp-white-400);
    --color-text-tooltip-tertiary-hover: var(--ramp-white-1000);
    --color-text-tooltip-warning: var(--ramp-yellow-400);
    --color-text-warning: var(--ramp-yellow-1000);
    --color-text-warning-secondary: var(--color-text-warning);
    --color-text-warning-tertiary: var(--color-text-warning);
    --color-texthighlight: #0d99ff66;
    --color-textondarkcanvas: var(--ramp-white-800);
    --color-textondarkcanvassecondary: var(--ramp-white-500);
    --color-textoninspectpadding: var(--ramp-white-1000);
    --color-textoninspectspacing: var(--ramp-white-1000);
    --color-textonlightcanvas: var(--ramp-black-800);
    --color-textonlightcanvassecondary: var(--ramp-black-400);
    --color-textonmultiplayerblue: var(--ramp-white-1000);
    --color-textonmultiplayergreen: var(--ramp-white-1000);
    --color-textonmultiplayergrey: var(--ramp-white-1000);
    --color-textonmultiplayerpink: var(--ramp-white-1000);
    --color-textonmultiplayerpurple: var(--ramp-white-1000);
    --color-textonmultiplayerred: var(--ramp-white-1000);
    --color-textonmultiplayeryellow: var(--ramp-black-800);
    --color-textonvoting: var(--ramp-black-800);
    --duration-lg: .4s;
    --duration-md: .2s;
    --duration-none: 0ms;
    --duration-sm: .1s;
    --elevation-100: 0 1px 3px 0 #00000026, 0 0 .5px 0 #0000004d;
    --elevation-200: 0 1px 3px 0 #0000001a, 0 3px 8px 0 #0000001a, 0 0 .5px 0 #0000002e;
    --elevation-300: 0 1px 3px 0 #0000001a, 0 5px 12px 0 #00000021, 0 0 .5px 0 #00000026;
    --elevation-400: 0 2px 5px 0 #00000026, 0 10px 16px 0 #0000001f, 0 0 .5px 0 #0000001f;
    --elevation-500: 0 2px 5px 0 #00000026, 0 10px 24px 0 #0000002e, 0 0 .5px 0 #00000014;
    --font-family-default: "Inter", ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "SFProLocalRange";
    --font-family-display: "Whyte", ui-sans-serif, system-ui, -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif;
    --font-family-mono: "Roboto Mono", "Monaco", "Courier New", monospace;
    --font-weight-default: 450;
    --font-weight-strong: 550;
    --radius-full: initial;
    --radius-large: initial;
    --radius-medium: initial;
    --radius-none: initial;
    --radius-small: initial;
    --ramp-black-100: #0000000d;
    --ramp-black-200: #0000001a;
    --ramp-black-300: #00000033;
    --ramp-black-400: #0000004d;
    --ramp-black-500: #00000080;
    --ramp-black-600: #000000cc;
    --ramp-black-700: #000000d9;
    --ramp-black-800: #000000e5;
    --ramp-black-900: #000000f2;
    --ramp-black-1000: #000000;
    --ramp-blue-100: #f2f9ff;
    --ramp-blue-200: #e5f4ff;
    --ramp-blue-300: #bde3ff;
    --ramp-blue-400: #80caff;
    --ramp-blue-500: #0d99ff;
    --ramp-blue-600: #007be5;
    --ramp-blue-700: #0768cf;
    --ramp-blue-800: #034ac1;
    --ramp-blue-900: #093077;
    --ramp-blue-1000: #0d193f;
    --ramp-green-100: #edfcf0;
    --ramp-green-200: #d5f7da;
    --ramp-green-300: #aff4c6;
    --ramp-green-400: #85e0a3;
    --ramp-green-500: #14ae5c;
    --ramp-green-600: #009951;
    --ramp-green-700: #008043;
    --ramp-green-800: #036838;
    --ramp-green-900: #024626;
    --ramp-green-1000: #083a23;
    --ramp-grey-100: #f5f5f5;
    --ramp-grey-200: #e6e6e6;
    --ramp-grey-300: #d9d9d9;
    --ramp-grey-400: #b3b3b3;
    --ramp-grey-500: #757575;
    --ramp-grey-600: #444444;
    --ramp-grey-700: #383838;
    --ramp-grey-800: #2c2c2c;
    --ramp-grey-900: #1e1e1e;
    --ramp-grey-1000: #111111;
    --ramp-orange-100: #fff4e5;
    --ramp-orange-200: #ffe0c2;
    --ramp-orange-300: #fcd19c;
    --ramp-orange-400: #ffc470;
    --ramp-orange-500: #ffa629;
    --ramp-orange-600: #fc9e24;
    --ramp-orange-700: #f79722;
    --ramp-orange-800: #dd7c0e;
    --ramp-orange-900: #ce7012;
    --ramp-orange-1000: #8a480f;
    --ramp-pale-blue-100: #f1f5f8;
    --ramp-pale-blue-200: #e3ecf2;
    --ramp-pale-blue-300: #d2dae4;
    --ramp-pale-blue-400: #afbccf;
    --ramp-pale-blue-500: #667799;
    --ramp-pale-blue-600: #536383;
    --ramp-pale-blue-700: #4a5878;
    --ramp-pale-blue-800: #394360;
    --ramp-pale-blue-900: #252d41;
    --ramp-pale-blue-1000: #121721;
    --ramp-pale-green-100: #f1f8f2;
    --ramp-pale-green-200: #daecdf;
    --ramp-pale-green-300: #c3e0cc;
    --ramp-pale-green-400: #9fc1aa;
    --ramp-pale-green-500: #678e79;
    --ramp-pale-green-600: #5c806d;
    --ramp-pale-green-700: #517361;
    --ramp-pale-green-800: #476656;
    --ramp-pale-green-900: #2f483c;
    --ramp-pale-green-1000: #172b22;
    --ramp-pale-persimmon-100: #faefeb;
    --ramp-pale-persimmon-200: #f8e9e2;
    --ramp-pale-persimmon-300: #f3d6c9;
    --ramp-pale-persimmon-400: #ebb49d;
    --ramp-pale-persimmon-500: #d4693b;
    --ramp-pale-persimmon-600: #a55e40;
    --ramp-pale-persimmon-700: #864e37;
    --ramp-pale-persimmon-800: #603a2a;
    --ramp-pale-persimmon-900: #412b21;
    --ramp-pale-persimmon-1000: #1f1714;
    --ramp-pale-pink-100: #f6eef4;
    --ramp-pale-pink-200: #f2e3ee;
    --ramp-pale-pink-300: #e8cee1;
    --ramp-pale-pink-400: #daaace;
    --ramp-pale-pink-500: #ab5998;
    --ramp-pale-pink-600: #86507a;
    --ramp-pale-pink-700: #724667;
    --ramp-pale-pink-800: #51344a;
    --ramp-pale-pink-900: #33252f;
    --ramp-pale-pink-1000: #1b1318;
    --ramp-pale-purple-100: #f4f1f8;
    --ramp-pale-purple-200: #ede7f3;
    --ramp-pale-purple-300: #e0d4ed;
    --ramp-pale-purple-400: #c5b2dc;
    --ramp-pale-purple-500: #7f699b;
    --ramp-pale-purple-600: #6b5884;
    --ramp-pale-purple-700: #604d75;
    --ramp-pale-purple-800: #473956;
    --ramp-pale-purple-900: #33293d;
    --ramp-pale-purple-1000: #1a141f;
    --ramp-pale-red-100: #faedeb;
    --ramp-pale-red-200: #f8e5e2;
    --ramp-pale-red-300: #f3cfc9;
    --ramp-pale-red-400: #eba99d;
    --ramp-pale-red-500: #d4583b;
    --ramp-pale-red-600: #a55440;
    --ramp-pale-red-700: #864537;
    --ramp-pale-red-800: #60332a;
    --ramp-pale-red-900: #412621;
    --ramp-pale-red-1000: #1f1514;
    --ramp-pale-teal-100: #f1f6f8;
    --ramp-pale-teal-200: #e3eef2;
    --ramp-pale-teal-300: #cedee4;
    --ramp-pale-teal-400: #a3c2cc;
    --ramp-pale-teal-500: #518394;
    --ramp-pale-teal-600: #436c7a;
    --ramp-pale-teal-700: #3c606d;
    --ramp-pale-teal-800: #2f4c56;
    --ramp-pale-teal-900: #1f3238;
    --ramp-pale-teal-1000: #101a1e;
    --ramp-pale-violet-100: #f1f1f8;
    --ramp-pale-violet-200: #e7e7f3;
    --ramp-pale-violet-300: #d4d4ed;
    --ramp-pale-violet-400: #b3b2dc;
    --ramp-pale-violet-500: #6a699b;
    --ramp-pale-violet-600: #595884;
    --ramp-pale-violet-700: #4e4d75;
    --ramp-pale-violet-800: #393956;
    --ramp-pale-violet-900: #29293d;
    --ramp-pale-violet-1000: #14141f;
    --ramp-pale-yellow-100: #fff5eb;
    --ramp-pale-yellow-200: #fdeece;
    --ramp-pale-yellow-300: #f5dfa8;
    --ramp-pale-yellow-400: #e8cd7d;
    --ramp-pale-yellow-500: #ad7f00;
    --ramp-pale-yellow-600: #906800;
    --ramp-pale-yellow-700: #7a5800;
    --ramp-pale-yellow-800: #5c4100;
    --ramp-pale-yellow-900: #3a2a10;
    --ramp-pale-yellow-1000: #211a12;
    --ramp-persimmon-100: #fff2eb;
    --ramp-persimmon-200: #ffdfcc;
    --ramp-persimmon-300: #ffbb9e;
    --ramp-persimmon-400: #ffa27a;
    --ramp-persimmon-500: #ff5c16;
    --ramp-persimmon-600: #e24c0c;
    --ramp-persimmon-700: #c53e0d;
    --ramp-persimmon-800: #aa370d;
    --ramp-persimmon-900: #842d0b;
    --ramp-persimmon-1000: #611d0a;
    --ramp-pink-100: #fff0fe;
    --ramp-pink-200: #ffe0fc;
    --ramp-pink-300: #ffbdf2;
    --ramp-pink-400: #ff99e0;
    --ramp-pink-500: #ff24bd;
    --ramp-pink-600: #ea10ac;
    --ramp-pink-700: #cb0b96;
    --ramp-pink-800: #971172;
    --ramp-pink-900: #5f114c;
    --ramp-pink-1000: #451138;
    --ramp-purple-100: #f9f5ff;
    --ramp-purple-200: #f1e5ff;
    --ramp-purple-300: #e4ccff;
    --ramp-purple-400: #d9b8ff;
    --ramp-purple-500: #9747ff;
    --ramp-purple-600: #8638e5;
    --ramp-purple-700: #7c2bda;
    --ramp-purple-800: #681abb;
    --ramp-purple-900: #4b0d87;
    --ramp-purple-1000: #2d0f46;
    --ramp-red-100: #fff5f5;
    --ramp-red-200: #ffe2e0;
    --ramp-red-300: #ffc7c2;
    --ramp-red-400: #ffafa3;
    --ramp-red-500: #f24822;
    --ramp-red-600: #dc3412;
    --ramp-red-700: #bd2915;
    --ramp-red-800: #9f1f18;
    --ramp-red-900: #771208;
    --ramp-red-1000: #660e0b;
    --ramp-teal-100: #ebfbff;
    --ramp-teal-200: #cef0f8;
    --ramp-teal-300: #b6ecf7;
    --ramp-teal-400: #75d7f0;
    --ramp-teal-500: #00a2c2;
    --ramp-teal-600: #0087a8;
    --ramp-teal-700: #047195;
    --ramp-teal-800: #085a78;
    --ramp-teal-900: #093c53;
    --ramp-teal-1000: #0e2f43;
    --ramp-violet-100: #f5f5ff;
    --ramp-violet-200: #ebebff;
    --ramp-violet-300: #d3d1ff;
    --ramp-violet-400: #b4b2ff;
    --ramp-violet-500: #4d49fc;
    --ramp-violet-600: #443deb;
    --ramp-violet-700: #3d32e2;
    --ramp-violet-800: #3620df;
    --ramp-violet-900: #2f15ac;
    --ramp-violet-1000: #1d1254;
    --ramp-white-100: #ffffff0d;
    --ramp-white-200: #ffffff1a;
    --ramp-white-300: #ffffff33;
    --ramp-white-400: #ffffff66;
    --ramp-white-500: #ffffffb2;
    --ramp-white-600: #ffffffcc;
    --ramp-white-700: #ffffffd9;
    --ramp-white-800: #ffffffe5;
    --ramp-white-900: #fffffff2;
    --ramp-white-1000: #ffffff;
    --ramp-yellow-100: #fffbeb;
    --ramp-yellow-200: #fff1c2;
    --ramp-yellow-300: #ffe8a3;
    --ramp-yellow-400: #ffd966;
    --ramp-yellow-500: #ffcd29;
    --ramp-yellow-600: #ffc21a;
    --ramp-yellow-700: #fab815;
    --ramp-yellow-800: #eba611;
    --ramp-yellow-900: #dd940e;
    --ramp-yellow-1000: #b86200;
    --spacer-0: initial;
    --spacer-0px: var(--spacer-0);
    --spacer-1: initial;
    --spacer-2: initial;
    --spacer-2-5: initial;
    --spacer-3: initial;
    --spacer-4: initial;
    --spacer-4px: var(--spacer-1);
    --spacer-5: initial;
    --spacer-6: initial;
    --spacer-8px: var(--spacer-2);
    --spacer-16px: var(--spacer-3);
    --spacer-24px: var(--spacer-4);
    --spacer-32px: var(--spacer-5);
    --spacer-40px: var(--spacer-6);
    --text-body-large-font-family: var(--font-family-default);
    --text-body-large-font-size: .8125rem;
    --text-body-large-font-weight: var(--font-weight-default);
    --text-body-large-letter-spacing: -.002rem;
    --text-body-large-line-height: 1.375rem;
    --text-body-large-strong-font-family: var(--font-family-default);
    --text-body-large-strong-font-size: .8125rem;
    --text-body-large-strong-font-weight: var(--font-weight-strong);
    --text-body-large-strong-letter-spacing: -.002rem;
    --text-body-large-strong-line-height: 1.375rem;
    --text-body-medium-font-family: var(--font-family-default);
    --text-body-medium-font-size: .6875rem;
    --text-body-medium-font-weight: var(--font-weight-default);
    --text-body-medium-letter-spacing: .00344rem;
    --text-body-medium-line-height: 1rem;
    --text-body-medium-strong-font-family: var(--font-family-default);
    --text-body-medium-strong-font-size: .6875rem;
    --text-body-medium-strong-font-weight: var(--font-weight-strong);
    --text-body-medium-strong-letter-spacing: .00344rem;
    --text-body-medium-strong-line-height: 1rem;
    --text-body-small-font-family: var(--font-family-default);
    --text-body-small-font-size: .5625rem;
    --text-body-small-font-weight: var(--font-weight-default);
    --text-body-small-letter-spacing: .00281rem;
    --text-body-small-line-height: .875rem;
    --text-body-small-strong-font-family: var(--font-family-default);
    --text-body-small-strong-font-size: .5625rem;
    --text-body-small-strong-font-weight: 500;
    --text-body-small-strong-letter-spacing: .016875rem;
    --text-body-small-strong-line-height: .875rem;
    --text-display-font-family: var(--font-family-display);
    --text-display-font-size: 3rem;
    --text-display-font-weight: 400;
    --text-display-letter-spacing: -.09rem;
    --text-display-line-height: 3.5rem;
    --text-heading-large-font-family: var(--font-family-default);
    --text-heading-large-font-size: 1.5rem;
    --text-heading-large-font-weight: var(--font-weight-strong);
    --text-heading-large-letter-spacing: -.0255rem;
    --text-heading-large-line-height: 2rem;
    --text-heading-medium-font-family: var(--font-family-default);
    --text-heading-medium-font-size: .9375rem;
    --text-heading-medium-font-weight: var(--font-weight-strong);
    --text-heading-medium-letter-spacing: -.00469rem;
    --text-heading-medium-line-height: 1.5625rem;
    --text-heading-small-font-family: var(--font-family-default);
    --text-heading-small-font-size: .8125rem;
    --text-heading-small-font-weight: var(--font-weight-strong);
    --text-heading-small-letter-spacing: -.002rem;
    --text-heading-small-line-height: 1.375rem;
    --z-index-assistant: 11;
    --z-index-canvas-base: 0;
    --z-index-canvas-modifiers: 1;
    --z-index-canvas-pin: 2;
    --z-index-canvas-pin-active: 4;
    --z-index-context-editing: 9;
    --z-index-cursor-multiplayer: 3;
    --z-index-cursor-multiplayer-emote: 5;
    --z-index-cursor-user: 15;
    --z-index-cursor-user-emote: 14;
    --z-index-dropdown: 13;
    --z-index-modal: 12;
    --z-index-nav: 10;
    --z-index-sidebar: 6;
    --z-index-toolbar-widgets: 8;
    --z-index-tooltip: 13;
    --z-index-visual-bell: 11;
    --z-index-window: 7
}

body:not([data-fpl-version=ui3]) {
    --text-body-medium-font-family: var(--font-family-default);
    --text-body-medium-font-size: .6875rem;
    --text-body-medium-font-weight: 400;
    --text-body-medium-letter-spacing: .00344rem;
    --text-body-medium-line-height: 1rem;
    --text-body-medium-strong-font-family: var(--font-family-default);
    --text-body-medium-strong-font-size: .6875rem;
    --text-body-medium-strong-font-weight: 500;
    --text-body-medium-strong-letter-spacing: .00344rem;
    --text-body-medium-strong-line-height: 1rem
}

[data-fpl-version=ui3],
[data-fpl-ui3-override] {
    --radius-full: 9999px;
    --radius-large: .8125rem;
    --radius-medium: .3125rem;
    --radius-none: 0;
    --radius-small: .125rem;
    --spacer-0: 0;
    --spacer-0px: var(--spacer-0);
    --spacer-1: .25rem;
    --spacer-2: .5rem;
    --spacer-2-5: .75rem;
    --spacer-3: 1rem;
    --spacer-4: 1.5rem;
    --spacer-4px: var(--spacer-1);
    --spacer-5: 2rem;
    --spacer-6: 2.5rem;
    --spacer-8px: var(--spacer-2);
    --spacer-16px: var(--spacer-3);
    --spacer-24px: var(--spacer-4);
    --spacer-32px: var(--spacer-5);
    --spacer-40px: var(--spacer-6);
    --text-body-medium-font-family: var(--font-family-default);
    --text-body-medium-font-size: .6875rem;
    --text-body-medium-font-weight: var(--font-weight-default);
    --text-body-medium-letter-spacing: .00344rem;
    --text-body-medium-line-height: 1rem;
    --text-body-medium-strong-font-family: var(--font-family-default);
    --text-body-medium-strong-font-size: .6875rem;
    --text-body-medium-strong-font-weight: var(--font-weight-strong);
    --text-body-medium-strong-letter-spacing: .00344rem;
    --text-body-medium-strong-line-height: 1rem
}

[data-preferred-theme=dark],
[data-preferred-theme=dark][data-editor-theme=design],
:where([data-preferred-theme=dark] [data-editor-theme=design]) {
    --color-bg: var(--ramp-grey-800);
    --color-bg-assistive: var(--ramp-pink-500);
    --color-bg-assistive-hover: var(--ramp-pink-600);
    --color-bg-assistive-pressed: var(--ramp-pink-600);
    --color-bg-assistive-secondary: var(--ramp-pink-700);
    --color-bg-assistive-tertiary: var(--ramp-pink-800);
    --color-bg-brand: var(--ramp-blue-500);
    --color-bg-brand-hover: var(--ramp-blue-600);
    --color-bg-brand-pressed: var(--ramp-blue-600);
    --color-bg-brand-secondary: var(--ramp-blue-700);
    --color-bg-brand-tertiary: var(--ramp-pale-blue-800);
    --color-bg-component: var(--ramp-purple-500);
    --color-bg-component-hover: var(--ramp-purple-600);
    --color-bg-component-pressed: var(--ramp-purple-600);
    --color-bg-component-secondary: var(--ramp-purple-700);
    --color-bg-component-tertiary: var(--ramp-pale-purple-800);
    --color-bg-component-tertiary-hover: var(--ramp-purple-700);
    --color-bg-danger: var(--ramp-red-500);
    --color-bg-danger-hover: var(--ramp-red-600);
    --color-bg-danger-pressed: var(--ramp-red-600);
    --color-bg-danger-secondary: var(--ramp-red-700);
    --color-bg-danger-tertiary: var(--ramp-pale-red-800);
    --color-bg-design: var(--ramp-blue-500);
    --color-bg-design-hover: var(--ramp-blue-600);
    --color-bg-design-pressed: var(--ramp-blue-600);
    --color-bg-design-secondary: var(--ramp-blue-700);
    --color-bg-design-tertiary: var(--ramp-pale-blue-800);
    --color-bg-desktopBackgrounded: var(--ramp-grey-700);
    --color-bg-desktopBackgrounded-disabled: var(--ramp-grey-500);
    --color-bg-desktopBackgrounded-hover: var(--ramp-grey-600);
    --color-bg-desktopBackgrounded-pressed: var(--ramp-grey-800);
    --color-bg-desktopBackgrounded-secondary: var(--ramp-grey-700);
    --color-bg-desktopBackgrounded-tertiary: var(--ramp-grey-600);
    --color-bg-desktopForeground: var(--ramp-grey-900);
    --color-bg-desktopForeground-disabled: var(--ramp-grey-500);
    --color-bg-desktopForeground-hover: var(--ramp-grey-800);
    --color-bg-desktopForeground-pressed: var(--ramp-grey-800);
    --color-bg-desktopForeground-secondary: var(--ramp-grey-700);
    --color-bg-desktopForeground-tertiary: var(--ramp-grey-600);
    --color-bg-desktopFullscreen: var(--ramp-black-1000);
    --color-bg-desktopFullscreen-disabled: var(--ramp-grey-500);
    --color-bg-desktopFullscreen-hover: var(--ramp-grey-900);
    --color-bg-desktopFullscreen-pressed: var(--ramp-grey-900);
    --color-bg-desktopFullscreen-secondary: var(--ramp-grey-700);
    --color-bg-desktopFullscreen-tertiary: var(--ramp-grey-600);
    --color-bg-disabled: var(--ramp-grey-500);
    --color-bg-disabled-secondary: var(--ramp-grey-400);
    --color-bg-elevated: var(--ramp-grey-900);
    --color-bg-elevated-hover: var(--ramp-grey-800);
    --color-bg-figjam: var(--ramp-purple-500);
    --color-bg-figjam-hover: var(--ramp-purple-600);
    --color-bg-figjam-pressed: var(--ramp-purple-600);
    --color-bg-figjam-secondary: var(--ramp-purple-700);
    --color-bg-figjam-tertiary: var(--ramp-pale-purple-800);
    --color-bg-fs: var(--color-bg);
    --color-bg-fs-assistive: var(--color-bg-assistive);
    --color-bg-fs-assistive-secondary: var(--color-bg-assistive-secondary);
    --color-bg-fs-assistive-tertiary: var(--color-bg-assistive-tertiary);
    --color-bg-fs-component: var(--color-bg-component);
    --color-bg-fs-component-secondary: var(--color-bg-component-secondary);
    --color-bg-fs-component-tertiary: var(--color-bg-component-tertiary);
    --color-bg-fs-design: var(--color-bg-design);
    --color-bg-fs-design-secondary: var(--color-bg-design-secondary);
    --color-bg-fs-design-tertiary: var(--color-bg-design-tertiary);
    --color-bg-fs-measure: var(--color-bg-measure);
    --color-bg-fs-measure-hover: var(--color-bg-measure-hover);
    --color-bg-fs-measure-secondary: var(--color-bg-measure-secondary);
    --color-bg-fs-measure-tertiary: var(--color-bg-measure-tertiary);
    --color-bg-fs-selected: var(--color-bg-selected);
    --color-bg-fs-selected-secondary: var(--color-bg-selected-secondary);
    --color-bg-fs-tertiary: var(--color-bg-tertiary);
    --color-bg-handoff: var(--ramp-green-500);
    --color-bg-handoff-hover: var(--ramp-green-600);
    --color-bg-handoff-pressed: var(--ramp-green-600);
    --color-bg-handoff-secondary: var(--ramp-green-700);
    --color-bg-handoff-tertiary: var(--ramp-pale-green-800);
    --color-bg-hover: var(--ramp-grey-700);
    --color-bg-info: var(--ramp-pale-blue-800);
    --color-bg-inverse: var(--ramp-white-1000);
    --color-bg-measure: var(--ramp-red-500);
    --color-bg-measure-hover: var(--ramp-red-600);
    --color-bg-measure-pressed: var(--ramp-red-600);
    --color-bg-measure-secondary: var(--ramp-red-700);
    --color-bg-measure-tertiary: var(--ramp-pale-red-800);
    --color-bg-menu: var(--ramp-grey-900);
    --color-bg-menu-disabled: var(--ramp-grey-500);
    --color-bg-menu-hover: var(--ramp-grey-800);
    --color-bg-menu-pressed: var(--ramp-grey-800);
    --color-bg-menu-secondary: var(--ramp-grey-700);
    --color-bg-menu-selected: var(--ramp-blue-500);
    --color-bg-menu-selected-hover: var(--ramp-blue-600);
    --color-bg-menu-selected-pressed: var(--ramp-blue-600);
    --color-bg-menu-selected-secondary: var(--ramp-pale-blue-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-blue-800);
    --color-bg-menu-tertiary: var(--ramp-grey-600);
    --color-bg-onselected: var(--ramp-pale-blue-500);
    --color-bg-onselected-hover: var(--color-bg-onselected);
    --color-bg-onselected-pressed: var(--color-bg-onselected);
    --color-bg-pressed: var(--ramp-grey-700);
    --color-bg-secondary: var(--ramp-grey-700);
    --color-bg-secondary-hover: var(--ramp-grey-600);
    --color-bg-secondary-pressed: var(--ramp-grey-600);
    --color-bg-selected: var(--ramp-pale-blue-700);
    --color-bg-selected-hover: var(--ramp-pale-blue-600);
    --color-bg-selected-pressed: var(--ramp-pale-blue-600);
    --color-bg-selected-secondary: var(--ramp-pale-blue-800);
    --color-bg-selected-strong: var(--ramp-blue-500);
    --color-bg-selected-tertiary: var(--ramp-pale-blue-800);
    --color-bg-strong-hover: var(--ramp-blue-600);
    --color-bg-strong-pressed: var(--ramp-blue-600);
    --color-bg-success: var(--ramp-green-500);
    --color-bg-success-hover: var(--ramp-green-600);
    --color-bg-success-pressed: var(--ramp-green-600);
    --color-bg-success-secondary: var(--ramp-green-700);
    --color-bg-success-tertiary: var(--ramp-pale-green-900);
    --color-bg-tertiary: var(--ramp-grey-600);
    --color-bg-toolbar: var(--ramp-grey-800);
    --color-bg-toolbar-disabled: var(--ramp-grey-500);
    --color-bg-toolbar-hover: var(--ramp-grey-1000);
    --color-bg-toolbar-pressed: var(--ramp-grey-1000);
    --color-bg-toolbar-secondary: var(--ramp-grey-700);
    --color-bg-toolbar-selected: var(--ramp-blue-500);
    --color-bg-toolbar-selected-hover: var(--ramp-blue-600);
    --color-bg-toolbar-selected-pressed: var(--ramp-blue-600);
    --color-bg-toolbar-selected-secondary: var(--ramp-blue-700);
    --color-bg-toolbar-selected-tertiary: var(--color-bg-toolbar-selected);
    --color-bg-toolbar-tertiary: var(--ramp-grey-600);
    --color-bg-tooltip: var(--ramp-grey-900);
    --color-bg-tooltip-disabled: var(--ramp-grey-500);
    --color-bg-tooltip-hover: var(--ramp-grey-800);
    --color-bg-tooltip-pressed: var(--ramp-grey-800);
    --color-bg-tooltip-secondary: var(--ramp-grey-700);
    --color-bg-tooltip-selected: var(--ramp-blue-500);
    --color-bg-tooltip-selected-hover: var(--ramp-blue-600);
    --color-bg-tooltip-selected-pressed: var(--ramp-blue-600);
    --color-bg-tooltip-selected-secondary: var(--ramp-pale-blue-800);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-blue-800);
    --color-bg-tooltip-tertiary: var(--ramp-grey-600);
    --color-bg-transparent-hover: var(--ramp-white-100);
    --color-bg-transparent-pressed: var(--ramp-white-200);
    --color-bg-warning: var(--ramp-yellow-500);
    --color-bg-warning-hover: var(--ramp-yellow-600);
    --color-bg-warning-pressed: var(--ramp-yellow-600);
    --color-bg-warning-secondary: var(--ramp-yellow-700);
    --color-bg-warning-tertiary: var(--ramp-pale-yellow-800);
    --color-bghoverondarkcanvas: var(--ramp-white-300);
    --color-bghoveronlightcanvas: var(--ramp-black-300);
    --color-bghovertransparent: var(--ramp-white-100);
    --color-bginspectpadding: var(--ramp-blue-500);
    --color-bginspectpaddingtertiary: var(--ramp-pale-blue-800);
    --color-bginspectspacing: var(--ramp-pink-500);
    --color-bgsecondaryoncanvas: var(--ramp-grey-1000);
    --color-bgselectedarea: #0d99ff33;
    --color-bgtransparent: #00000099;
    --color-bgtransparent-secondary-hover: var(--ramp-white-200);
    --color-bgtransparent-secondary-pressed: #ffffff26;
    --color-bgtransparentsecondary: #ffffff26;
    --color-bgvoting: var(--ramp-yellow-500);
    --color-bgvotingsecondary: var(--ramp-yellow-200);
    --color-bgvotingtertiary: var(--ramp-yellow-100);
    --color-bgvotingwheeldial: var(--ramp-yellow-100);
    --color-bgvotingwheelhover: var(--ramp-yellow-200);
    --color-border: var(--ramp-grey-600);
    --color-border-assistive: var(--ramp-pink-700);
    --color-border-assistive-strong: var(--ramp-pink-400);
    --color-border-brand: var(--ramp-blue-700);
    --color-border-brand-strong: var(--ramp-blue-400);
    --color-border-component: var(--ramp-pale-purple-700);
    --color-border-component-hover: var(--ramp-purple-500);
    --color-border-component-selected: var(--ramp-purple-400);
    --color-border-component-strong: var(--ramp-purple-300);
    --color-border-danger: var(--ramp-pale-red-700);
    --color-border-danger-strong: var(--ramp-red-400);
    --color-border-design: var(--ramp-blue-700);
    --color-border-design-strong: var(--ramp-blue-400);
    --color-border-desktopBackgrounded: var(--ramp-grey-600);
    --color-border-desktopBackgrounded-disabled: var(--ramp-grey-700);
    --color-border-desktopBackgrounded-strong: var(--ramp-white-500);
    --color-border-desktopForeground: var(--ramp-grey-700);
    --color-border-desktopForeground-disabled: var(--ramp-grey-700);
    --color-border-desktopForeground-strong: var(--ramp-white-1000);
    --color-border-desktopFullscreen: var(--ramp-grey-900);
    --color-border-desktopFullscreen-disabled: var(--ramp-grey-900);
    --color-border-desktopFullscreen-strong: var(--ramp-white-1000);
    --color-border-disabled: var(--ramp-grey-600);
    --color-border-disabled-strong: var(--ramp-white-400);
    --color-border-figjam: var(--ramp-purple-700);
    --color-border-figjam-strong: var(--ramp-purple-400);
    --color-border-fs: var(--color-border);
    --color-border-fs-assistive: var(--color-border-assistive);
    --color-border-fs-assistive-strong: var(--ramp-pink-500);
    --color-border-fs-component: var(--ramp-purple-300);
    --color-border-fs-component-strong: var(--color-bg-fs-component);
    --color-border-fs-design: var(--ramp-blue-300);
    --color-border-fs-design-strong: var(--color-bg-fs-design);
    --color-border-fs-measure: var(--color-border-measure);
    --color-border-fs-measure-strong: var(--color-bg-fs-measure);
    --color-border-fs-onassistive: var(--color-border-onassistive);
    --color-border-fs-onassistive-strong: var(--color-border-onassistive-strong);
    --color-border-fs-oncomponent: var(--color-border-oncomponent);
    --color-border-fs-oncomponent-strong: var(--color-border-oncomponent-strong);
    --color-border-fs-ondesign: var(--color-border-ondesign);
    --color-border-fs-ondesign-strong: var(--color-border-ondesign-strong);
    --color-border-fs-onmeasure: var(--color-border-onmeasure);
    --color-border-fs-onmeasure-strong: var(--color-border-onmeasure-strong);
    --color-border-fs-onselected: var(--color-border-onselected);
    --color-border-fs-onselected-strong: var(--color-border-onselected-strong);
    --color-border-fs-selected: var(--color-border-selected);
    --color-border-fs-selected-strong: var(--color-border-selected-strong);
    --color-border-fs-strong: var(--color-border-strong);
    --color-border-handoff: var(--ramp-green-700);
    --color-border-handoff-strong: var(--ramp-green-400);
    --color-border-measure: var(--ramp-red-700);
    --color-border-measure-strong: var(--ramp-red-400);
    --color-border-menu: var(--ramp-grey-700);
    --color-border-menu-disabled: var(--ramp-grey-700);
    --color-border-menu-disabled-strong: var(--ramp-grey-700);
    --color-border-menu-onselected: var(--ramp-blue-400);
    --color-border-menu-onselected-strong: var(--ramp-white-1000);
    --color-border-menu-selected: var(--ramp-blue-500);
    --color-border-menu-selected-strong: var(--ramp-blue-400);
    --color-border-menu-strong: var(--ramp-white-1000);
    --color-border-onassistive: var(--ramp-pink-600);
    --color-border-onassistive-strong: var(--ramp-white-1000);
    --color-border-onbrand: var(--ramp-blue-600);
    --color-border-onbrand-strong: var(--ramp-white-1000);
    --color-border-oncomponent: var(--ramp-purple-600);
    --color-border-oncomponent-strong: var(--ramp-white-1000);
    --color-border-ondanger: var(--ramp-red-600);
    --color-border-ondanger-strong: var(--ramp-white-1000);
    --color-border-ondesign: var(--ramp-blue-600);
    --color-border-ondesign-strong: var(--ramp-white-1000);
    --color-border-onfigjam: var(--ramp-purple-600);
    --color-border-onfigjam-strong: var(--ramp-purple-600);
    --color-border-onmeasure: var(--ramp-red-600);
    --color-border-onmeasure-strong: var(--ramp-white-1000);
    --color-border-onselected: var(--ramp-pale-blue-500);
    --color-border-onselected-strong: var(--ramp-white-800);
    --color-border-onsuccess: var(--ramp-green-600);
    --color-border-onsuccess-strong: var(--ramp-white-1000);
    --color-border-onwarning: var(--ramp-yellow-700);
    --color-border-onwarning-strong: var(--ramp-black-800);
    --color-border-selected: var(--ramp-blue-500);
    --color-border-selected-strong: var(--ramp-blue-400);
    --color-border-strong: var(--ramp-white-800);
    --color-border-success: var(--ramp-pale-green-700);
    --color-border-success-strong: var(--ramp-green-400);
    --color-border-toolbar: var(--ramp-grey-600);
    --color-border-toolbar-disabled: var(--ramp-white-400);
    --color-border-toolbar-onselected: var(--ramp-white-1000);
    --color-border-toolbar-selected: var(--ramp-blue-500);
    --color-border-toolbar-selected-strong: var(--ramp-blue-400);
    --color-border-toolbar-strong: var(--ramp-white-1000);
    --color-border-tooltip: var(--ramp-grey-700);
    --color-border-tooltip-disabled: var(--ramp-grey-700);
    --color-border-tooltip-disabled-strong: var(--ramp-grey-700);
    --color-border-tooltip-onselected: var(--ramp-blue-600);
    --color-border-tooltip-onselected-strong: var(--ramp-white-1000);
    --color-border-tooltip-selected: var(--ramp-blue-500);
    --color-border-tooltip-selected-strong: var(--ramp-blue-400);
    --color-border-tooltip-strong: var(--ramp-white-1000);
    --color-border-warning: var(--ramp-pale-yellow-700);
    --color-border-warning-strong: var(--ramp-yellow-400);
    --color-borderinspectpadding: var(--ramp-blue-500);
    --color-borderinspectspacing: var(--ramp-pink-500);
    --color-borderplacecrosshair: var(--ramp-black-200);
    --color-borderselectedec: #ffffff00;
    --color-bordertranslucent: var(--ramp-white-200);
    --color-bordertranslucentstrong: var(--ramp-white-300);
    --color-code: var(--ramp-white-1000);
    --color-codeaccent: var(--ramp-orange-400);
    --color-codeattribute: var(--ramp-white-1000);
    --color-codeclassname: var(--ramp-blue-400);
    --color-codecomment: var(--ramp-white-500);
    --color-codeproperty: var(--ramp-white-1000);
    --color-codestring: var(--ramp-blue-400);
    --color-codestylename: var(--ramp-blue-400);
    --color-codetag: var(--ramp-purple-400);
    --color-codevalue: var(--ramp-pink-400);
    --color-codevariable: var(--ramp-green-400);
    --color-conditionalborder: var(--ramp-grey-600);
    --color-fsAutoFillHighlight: #0d99ff33;
    --color-fsBorderDesignShadowStrong: var(--ramp-blue-600);
    --color-fsBorderPlaceholder: var(--ramp-grey-500);
    --color-fsBorderSelectedImmutableNode: var(--ramp-purple-500);
    --color-fsBorderSelectedImmutableNodeSecondary: var(--ramp-purple-500);
    --color-fsCanvasDefaultFill: var(--ramp-grey-900);
    --color-fsCodeNodeBorder: var(--ramp-green-500);
    --color-fsCodeNodeBorderSecondary: var(--color-fsCodeNodeBorder);
    --color-fsCodeNodeTextErrorOnDarkCanvas: var(--color-border-ondanger);
    --color-fsCodeNodeTextErrorOnLightCanvas: var(--color-border-ondanger);
    --color-fsCodeNodeTextOnDarkCanvas: var(--color-fsCodeNodeBorder);
    --color-fsCodeNodeTextOnLightCanvas: var(--color-fsCodeNodeBorder);
    --color-fsDevHandoffAutolayoutPadding: var(--ramp-blue-400);
    --color-fsDevHandoffAutolayoutSpacing: var(--ramp-pink-400);
    --color-fsFrameDefaultFill: var(--ramp-white-1000);
    --color-fsIconOnDarkCanvas: var(--color-iconondarkcanvas);
    --color-fsIconOnDarkCanvasSecondary: var(--ramp-white-400);
    --color-fsIconOnLightCanvas: var(--color-icononlightcanvas);
    --color-fsIconOnLightCanvasSecondary: var(--ramp-black-400);
    --color-fsNodeHandle: var(--ramp-blue-600);
    --color-fsNodeLabelNoBG: var(--ramp-black-400);
    --color-fsNodeSymbolSelectedSecondary: var(--ramp-purple-500);
    --color-fsShapeDefaultFill: var(--ramp-grey-300);
    --color-fsSitesResponsiveSetTextOnDarkCanvas: var(--ramp-white-500);
    --color-fsSitesResponsiveSetTextOnLightCanvas: var(--ramp-black-500);
    --color-fsSnappingOverlay: var(--ramp-red-500);
    --color-fsStickyAuthorTextOnDark: var(--ramp-white-600);
    --color-fsStickyAuthorTextOnLight: var(--ramp-black-500);
    --color-fsTextComponentOnDarkCanvas: var(--ramp-purple-400);
    --color-fsTextComponentOnLightCanvas: var(--ramp-purple-600);
    --color-fsTextOnDarkCanvas: var(--color-textondarkcanvas);
    --color-fsTextOnDarkCanvasSecondary: var(--color-textondarkcanvassecondary);
    --color-fsTextOnLightCanvas: var(--color-textonlightcanvas);
    --color-fsTextOnLightCanvasSecondary: var(--color-textonlightcanvassecondary);
    --color-fsTextSelectedOnDarkCanvas: var(--ramp-blue-400);
    --color-fsTextSelectedOnLightCanvas: var(--ramp-blue-600);
    --color-fsVectorInactive: var(--ramp-grey-400);
    --color-fsWidgetFrameTextOnDarkCanvas: var(--ramp-purple-400);
    --color-fsWidgetFrameTextOnLightCanvas: var(--ramp-purple-600);
    --color-fsWidgetFrameTextSelectedOnDarkCanvas: var(--ramp-purple-400);
    --color-fsWidgetFrameTextSelectedOnLightCanvas: var(--ramp-purple-600);
    --color-icon: var(--ramp-white-1000);
    --color-icon-assistive: var(--ramp-pink-400);
    --color-icon-assistive-pressed: var(--ramp-pink-300);
    --color-icon-assistive-secondary: var(--color-icon-assistive);
    --color-icon-assistive-tertiary: var(--color-icon-assistive);
    --color-icon-brand: var(--ramp-blue-400);
    --color-icon-brand-pressed: var(--ramp-blue-500);
    --color-icon-brand-secondary: var(--ramp-blue-600);
    --color-icon-brand-tertiary: var(--ramp-pale-blue-800);
    --color-icon-component: var(--ramp-purple-400);
    --color-icon-component-pressed: var(--ramp-purple-300);
    --color-icon-component-secondary: var(--ramp-pale-purple-500);
    --color-icon-component-tertiary: var(--ramp-pale-purple-500);
    --color-icon-danger: var(--ramp-red-400);
    --color-icon-danger-hover: var(--ramp-red-300);
    --color-icon-danger-pressed: var(--ramp-red-300);
    --color-icon-danger-secondary: var(--color-icon-danger);
    --color-icon-danger-secondary-hover: var(--color-icon-danger);
    --color-icon-danger-tertiary: var(--color-icon-danger);
    --color-icon-design: var(--ramp-blue-400);
    --color-icon-design-pressed: var(--ramp-blue-300);
    --color-icon-design-secondary: var(--color-icon-design);
    --color-icon-design-tertiary: var(--color-icon-design);
    --color-icon-desktopBackgrounded: var(--ramp-white-500);
    --color-icon-desktopBackgrounded-danger: var(--ramp-red-500);
    --color-icon-desktopBackgrounded-disabled: var(--ramp-white-400);
    --color-icon-desktopBackgrounded-hover: var(--ramp-white-500);
    --color-icon-desktopBackgrounded-ondisabled: var(--ramp-grey-700);
    --color-icon-desktopBackgrounded-secondary: var(--ramp-white-500);
    --color-icon-desktopBackgrounded-secondary-hover: var(--ramp-white-500);
    --color-icon-desktopBackgrounded-tertiary: var(--ramp-white-400);
    --color-icon-desktopBackgrounded-tertiary-hover: var(--ramp-white-400);
    --color-icon-desktopBackgrounded-warning: var(--ramp-yellow-500);
    --color-icon-desktopForeground: var(--ramp-white-1000);
    --color-icon-desktopForeground-danger: var(--ramp-red-500);
    --color-icon-desktopForeground-disabled: var(--ramp-white-400);
    --color-icon-desktopForeground-hover: var(--ramp-white-1000);
    --color-icon-desktopForeground-ondisabled: var(--ramp-grey-900);
    --color-icon-desktopForeground-secondary: var(--ramp-white-500);
    --color-icon-desktopForeground-secondary-hover: var(--ramp-white-1000);
    --color-icon-desktopForeground-tertiary: var(--ramp-white-400);
    --color-icon-desktopForeground-tertiary-hover: var(--ramp-white-1000);
    --color-icon-desktopForeground-warning: var(--ramp-yellow-500);
    --color-icon-desktopFullscreen: var(--ramp-white-1000);
    --color-icon-desktopFullscreen-danger: var(--ramp-red-500);
    --color-icon-desktopFullscreen-disabled: var(--ramp-white-400);
    --color-icon-desktopFullscreen-hover: var(--ramp-white-1000);
    --color-icon-desktopFullscreen-ondisabled: var(--ramp-black-1000);
    --color-icon-desktopFullscreen-secondary: var(--ramp-white-500);
    --color-icon-desktopFullscreen-secondary-hover: var(--ramp-white-1000);
    --color-icon-desktopFullscreen-tertiary: var(--ramp-white-400);
    --color-icon-desktopFullscreen-tertiary-hover: var(--ramp-white-1000);
    --color-icon-desktopFullscreen-warning: var(--ramp-yellow-500);
    --color-icon-disabled: var(--ramp-white-400);
    --color-icon-figjam: var(--ramp-purple-400);
    --color-icon-figjam-pressed: var(--ramp-purple-300);
    --color-icon-figjam-secondary: var(--ramp-pale-purple-500);
    --color-icon-figjam-tertiary: var(--ramp-pale-purple-500);
    --color-icon-fs: var(--color-icon);
    --color-icon-fs-assistive: var(--color-icon-assistive);
    --color-icon-fs-component: var(--color-icon-component);
    --color-icon-fs-design: var(--color-icon-design);
    --color-icon-fs-measure: var(--color-icon-measure);
    --color-icon-fs-onassistive: var(--color-icon-onassistive);
    --color-icon-fs-oncomponent: var(--color-icon-oncomponent);
    --color-icon-fs-ondesign: var(--color-icon-ondesign);
    --color-icon-fs-onmeasure: var(--color-icon-onmeasure);
    --color-icon-fs-onselected: var(--color-icon-onselected);
    --color-icon-fs-secondary: var(--color-icon-secondary);
    --color-icon-fs-selected: var(--color-icon-selected);
    --color-icon-fs-tertiary: var(--color-icon-tertiary);
    --color-icon-handoff: var(--ramp-green-400);
    --color-icon-handoff-pressed: var(--ramp-green-300);
    --color-icon-handoff-secondary: var(--color-icon-handoff);
    --color-icon-handoff-tertiary: var(--color-icon-handoff);
    --color-icon-hover: var(--ramp-white-1000);
    --color-icon-measure: var(--ramp-red-500);
    --color-icon-measure-hover: var(--ramp-red-300);
    --color-icon-measure-pressed: var(--ramp-red-300);
    --color-icon-measure-secondary: var(--color-icon-measure);
    --color-icon-measure-secondary-hover: var(--color-icon-measure);
    --color-icon-measure-tertiary: var(--color-icon-measure);
    --color-icon-menu: var(--ramp-white-1000);
    --color-icon-menu-danger: var(--ramp-red-500);
    --color-icon-menu-disabled: var(--ramp-white-400);
    --color-icon-menu-hover: var(--ramp-white-1000);
    --color-icon-menu-ondisabled: var(--ramp-grey-900);
    --color-icon-menu-onselected: var(--ramp-white-1000);
    --color-icon-menu-pressed: var(--ramp-blue-500);
    --color-icon-menu-secondary: var(--ramp-white-500);
    --color-icon-menu-secondary-hover: var(--ramp-white-1000);
    --color-icon-menu-selected: var(--ramp-blue-400);
    --color-icon-menu-selected-secondary: var(--ramp-blue-400);
    --color-icon-menu-selected-tertiary: var(--ramp-blue-400);
    --color-icon-menu-tertiary: var(--ramp-white-400);
    --color-icon-menu-tertiary-hover: var(--ramp-white-1000);
    --color-icon-menu-warning: var(--ramp-yellow-500);
    --color-icon-onassistive: var(--ramp-white-1000);
    --color-icon-onassistive-secondary: var(--ramp-white-600);
    --color-icon-onassistive-tertiary: var(--ramp-white-400);
    --color-icon-onbrand: var(--ramp-white-1000);
    --color-icon-onbrand-secondary: var(--ramp-white-600);
    --color-icon-onbrand-tertiary: var(--ramp-white-400);
    --color-icon-oncomponent: var(--ramp-white-1000);
    --color-icon-oncomponent-secondary: var(--ramp-white-600);
    --color-icon-oncomponent-tertiary: var(--ramp-white-400);
    --color-icon-ondanger: var(--ramp-white-1000);
    --color-icon-ondanger-secondary: var(--ramp-white-600);
    --color-icon-ondanger-tertiary: var(--ramp-white-400);
    --color-icon-ondesign: var(--ramp-white-1000);
    --color-icon-ondesign-secondary: var(--ramp-white-600);
    --color-icon-ondesign-tertiary: var(--ramp-white-400);
    --color-icon-ondisabled: var(--ramp-grey-800);
    --color-icon-onfigjam: var(--ramp-white-1000);
    --color-icon-onfigjam-secondary: var(--ramp-white-600);
    --color-icon-onfigjam-tertiary: var(--ramp-white-400);
    --color-icon-oninverse: var(--ramp-black-800);
    --color-icon-onmeasure: var(--ramp-white-1000);
    --color-icon-onmeasure-secondary: var(--ramp-white-600);
    --color-icon-onmeasure-tertiary: var(--ramp-white-400);
    --color-icon-onselected: var(--ramp-white-1000);
    --color-icon-onselected-secondary: var(--ramp-white-500);
    --color-icon-onselected-strong: var(--ramp-white-1000);
    --color-icon-onselected-tertiary: var(--ramp-white-400);
    --color-icon-onsuccess: var(--ramp-white-1000);
    --color-icon-onsuccess-secondary: var(--ramp-white-600);
    --color-icon-onsuccess-tertiary: var(--ramp-white-400);
    --color-icon-onwarning: var(--ramp-black-800);
    --color-icon-onwarning-secondary: var(--ramp-black-500);
    --color-icon-onwarning-tertiary: var(--ramp-black-400);
    --color-icon-pressed: var(--ramp-blue-600);
    --color-icon-secondary: var(--ramp-white-500);
    --color-icon-secondary-hover: var(--ramp-white-1000);
    --color-icon-selected: var(--ramp-blue-400);
    --color-icon-selected-secondary: var(--color-icon-selected);
    --color-icon-selected-tertiary: var(--color-icon-selected);
    --color-icon-success: var(--ramp-green-400);
    --color-icon-success-pressed: var(--ramp-green-300);
    --color-icon-success-secondary: var(--color-icon-success);
    --color-icon-success-tertiary: var(--color-icon-success);
    --color-icon-tertiary: var(--ramp-white-400);
    --color-icon-tertiary-hover: var(--ramp-white-1000);
    --color-icon-toolbar: var(--ramp-white-1000);
    --color-icon-toolbar-danger: var(--ramp-red-500);
    --color-icon-toolbar-disabled: var(--ramp-white-400);
    --color-icon-toolbar-hover: var(--ramp-white-1000);
    --color-icon-toolbar-ondisabled: var(--ramp-grey-800);
    --color-icon-toolbar-onselected: var(--ramp-white-1000);
    --color-icon-toolbar-pressed: var(--ramp-blue-500);
    --color-icon-toolbar-secondary: var(--ramp-white-500);
    --color-icon-toolbar-secondary-hover: var(--ramp-white-1000);
    --color-icon-toolbar-selected: var(--ramp-blue-400);
    --color-icon-toolbar-selected-secondary: var(--color-icon-toolbar-selected);
    --color-icon-toolbar-selected-tertiary: var(--color-icon-toolbar-selected);
    --color-icon-toolbar-tertiary: var(--ramp-white-400);
    --color-icon-toolbar-tertiary-hover: var(--ramp-white-1000);
    --color-icon-toolbar-warning: var(--ramp-yellow-500);
    --color-icon-tooltip: var(--ramp-white-1000);
    --color-icon-tooltip-danger: var(--ramp-red-500);
    --color-icon-tooltip-disabled: var(--ramp-white-400);
    --color-icon-tooltip-hover: var(--ramp-white-1000);
    --color-icon-tooltip-ondisabled: var(--ramp-grey-900);
    --color-icon-tooltip-onselected: var(--ramp-white-1000);
    --color-icon-tooltip-pressed: var(--ramp-blue-500);
    --color-icon-tooltip-secondary: var(--ramp-white-500);
    --color-icon-tooltip-secondary-hover: var(--ramp-white-1000);
    --color-icon-tooltip-selected: var(--ramp-blue-400);
    --color-icon-tooltip-selected-secondary: var(--color-icon-tooltip-selected);
    --color-icon-tooltip-selected-tertiary: var(--color-icon-tooltip-selected);
    --color-icon-tooltip-tertiary: var(--ramp-white-400);
    --color-icon-tooltip-tertiary-hover: var(--ramp-white-1000);
    --color-icon-tooltip-warning: var(--ramp-yellow-500);
    --color-icon-warning: var(--ramp-yellow-400);
    --color-icon-warning-pressed: var(--ramp-yellow-400);
    --color-icon-warning-secondary: var(--color-icon-warning);
    --color-icon-warning-tertiary: var(--color-icon-warning);
    --color-icondesignfilesecondary: var(--ramp-blue-400);
    --color-iconfavorite: var(--ramp-yellow-500);
    --color-iconfigjamfilesecondary: var(--ramp-purple-400);
    --color-iconondarkcanvas: var(--ramp-white-800);
    --color-icononlightcanvas: var(--ramp-black-800);
    --color-icononvoting: var(--ramp-black-800);
    --color-iconprototypefile: var(--ramp-grey-500);
    --color-iconprototypefilesecondary: var(--ramp-white-1000);
    --color-iconpublishedfile: var(--ramp-grey-500);
    --color-iconpublishedfilesecondary: var(--ramp-grey-400);
    --color-loading: var(--ramp-white-200);
    --color-loadingmenu: var(--ramp-white-200);
    --color-loadingsecondary: var(--ramp-white-100);
    --color-loadingsecondarymenu: var(--ramp-white-100);
    --color-modalbackdrop: var(--ramp-black-500);
    --color-multiplayerblue: var(--ramp-blue-600);
    --color-multiplayerbluehover: var(--ramp-blue-700);
    --color-multiplayerbluesecondary: var(--ramp-blue-800);
    --color-multiplayergreen: var(--ramp-green-500);
    --color-multiplayergreenhover: var(--ramp-green-600);
    --color-multiplayergreensecondary: var(--ramp-green-800);
    --color-multiplayergrey: var(--ramp-pale-blue-500);
    --color-multiplayergreyhover: var(--ramp-pale-blue-600);
    --color-multiplayergreysecondary: var(--ramp-pale-blue-800);
    --color-multiplayerpink: var(--ramp-pink-500);
    --color-multiplayerpinkhover: var(--ramp-pink-600);
    --color-multiplayerpinksecondary: var(--ramp-pink-800);
    --color-multiplayerpurple: var(--ramp-purple-500);
    --color-multiplayerpurplehover: var(--ramp-purple-600);
    --color-multiplayerpurplesecondary: var(--ramp-purple-800);
    --color-multiplayerred: var(--ramp-red-500);
    --color-multiplayerredhover: var(--ramp-red-600);
    --color-multiplayerredsecondary: var(--ramp-red-800);
    --color-multiplayeryellow: var(--ramp-yellow-500);
    --color-multiplayeryellowhover: var(--ramp-yellow-600);
    --color-multiplayeryellowsecondary: var(--ramp-yellow-800);
    --color-nodehandle: var(--ramp-blue-400);
    --color-prototypeloadingbackdrop: var(--ramp-black-800);
    --color-scrollbar: #b3b3b380;
    --color-shadow: #00000099;
    --color-tablenodehoveredprimary: var(--ramp-blue-500);
    --color-tablenodehoveredsecondary: var(--ramp-blue-300);
    --color-tablenodeselected: var(--color-tablenodehoveredprimary);
    --color-text: var(--ramp-white-1000);
    --color-text-assistive: var(--ramp-pink-400);
    --color-text-assistive-pressed: var(--ramp-pink-300);
    --color-text-assistive-secondary: var(--color-text-assistive);
    --color-text-assistive-tertiary: var(--color-text-assistive);
    --color-text-brand: var(--ramp-blue-400);
    --color-text-brand-secondary: var(--color-text-brand);
    --color-text-brand-tertiary: var(--color-text-brand);
    --color-text-component: var(--ramp-purple-400);
    --color-text-component-pressed: var(--ramp-purple-300);
    --color-text-component-secondary: var(--ramp-pale-purple-500);
    --color-text-component-tertiary: var(--ramp-pale-purple-500);
    --color-text-danger: var(--ramp-red-400);
    --color-text-danger-secondary: var(--color-text-danger);
    --color-text-danger-tertiary: var(--color-text-danger);
    --color-text-design: var(--ramp-blue-400);
    --color-text-design-pressed: var(--ramp-blue-300);
    --color-text-design-secondary: var(--color-text-design);
    --color-text-design-tertiary: var(--color-text-design);
    --color-text-desktopBackgrounded: var(--ramp-white-500);
    --color-text-desktopBackgrounded-danger: var(--ramp-red-400);
    --color-text-desktopBackgrounded-disabled: var(--ramp-white-400);
    --color-text-desktopBackgrounded-hover: var(--ramp-white-500);
    --color-text-desktopBackgrounded-ondisabled: var(--ramp-grey-700);
    --color-text-desktopBackgrounded-secondary: var(--ramp-white-500);
    --color-text-desktopBackgrounded-secondary-hover: var(--ramp-white-500);
    --color-text-desktopBackgrounded-tertiary: var(--ramp-white-400);
    --color-text-desktopBackgrounded-tertiary-hover: var(--ramp-white-400);
    --color-text-desktopBackgrounded-warning: var(--ramp-yellow-400);
    --color-text-desktopForeground: var(--ramp-white-1000);
    --color-text-desktopForeground-danger: var(--ramp-red-400);
    --color-text-desktopForeground-disabled: var(--ramp-white-400);
    --color-text-desktopForeground-hover: var(--ramp-white-1000);
    --color-text-desktopForeground-ondisabled: var(--ramp-grey-900);
    --color-text-desktopForeground-secondary: var(--ramp-white-500);
    --color-text-desktopForeground-secondary-hover: var(--ramp-white-1000);
    --color-text-desktopForeground-tertiary: var(--ramp-white-400);
    --color-text-desktopForeground-tertiary-hover: var(--ramp-white-1000);
    --color-text-desktopForeground-warning: var(--ramp-yellow-400);
    --color-text-desktopFullscreen: var(--ramp-white-1000);
    --color-text-desktopFullscreen-danger: var(--ramp-red-400);
    --color-text-desktopFullscreen-disabled: var(--ramp-white-400);
    --color-text-desktopFullscreen-hover: var(--ramp-white-1000);
    --color-text-desktopFullscreen-ondisabled: var(--ramp-black-1000);
    --color-text-desktopFullscreen-secondary: var(--ramp-white-500);
    --color-text-desktopFullscreen-secondary-hover: var(--ramp-white-1000);
    --color-text-desktopFullscreen-tertiary: var(--ramp-white-400);
    --color-text-desktopFullscreen-tertiary-hover: var(--ramp-white-1000);
    --color-text-desktopFullscreen-warning: var(--ramp-yellow-400);
    --color-text-disabled: var(--ramp-white-400);
    --color-text-figjam: var(--ramp-pale-purple-400);
    --color-text-figjam-pressed: var(--ramp-purple-300);
    --color-text-figjam-secondary: var(--ramp-pale-purple-500);
    --color-text-figjam-tertiary: var(--ramp-pale-purple-500);
    --color-text-fs: var(--color-text);
    --color-text-fs-assistive: var(--color-text-assistive);
    --color-text-fs-component: var(--color-text-component);
    --color-text-fs-design: var(--color-text-design);
    --color-text-fs-measure: var(--color-text-measure);
    --color-text-fs-onassistive: var(--color-text-onassistive);
    --color-text-fs-oncomponent: var(--color-text-oncomponent);
    --color-text-fs-ondesign: var(--color-text-ondesign);
    --color-text-fs-onmeasure: var(--color-text-onmeasure);
    --color-text-fs-onselected: var(--color-text-onselected);
    --color-text-fs-secondary: var(--color-text-secondary);
    --color-text-fs-selected: var(--color-text-selected);
    --color-text-fs-tertiary: var(--color-text-tertiary);
    --color-text-handoff: var(--ramp-green-400);
    --color-text-handoff-secondary: var(--color-text-handoff);
    --color-text-handoff-tertiary: var(--color-text-handoff);
    --color-text-hover: var(--ramp-white-1000);
    --color-text-measure: var(--ramp-red-400);
    --color-text-measure-secondary: var(--color-text-measure);
    --color-text-measure-tertiary: var(--color-text-measure);
    --color-text-menu: var(--ramp-white-1000);
    --color-text-menu-danger: var(--ramp-red-400);
    --color-text-menu-disabled: var(--ramp-white-400);
    --color-text-menu-hover: var(--ramp-white-1000);
    --color-text-menu-ondisabled: var(--ramp-grey-900);
    --color-text-menu-onselected: var(--ramp-white-1000);
    --color-text-menu-secondary: var(--ramp-white-500);
    --color-text-menu-secondary-hover: var(--ramp-white-1000);
    --color-text-menu-selected: var(--ramp-blue-400);
    --color-text-menu-selected-secondary: var(--color-text-menu-selected);
    --color-text-menu-selected-tertiary: var(--color-text-menu-selected);
    --color-text-menu-tertiary: var(--ramp-white-400);
    --color-text-menu-tertiary-hover: var(--ramp-white-1000);
    --color-text-menu-warning: var(--ramp-yellow-400);
    --color-text-onassistive: var(--ramp-white-1000);
    --color-text-onassistive-secondary: var(--ramp-white-600);
    --color-text-onassistive-tertiary: var(--ramp-white-400);
    --color-text-onbrand: var(--ramp-white-1000);
    --color-text-onbrand-secondary: var(--ramp-white-600);
    --color-text-onbrand-tertiary: var(--ramp-white-400);
    --color-text-oncomponent: var(--ramp-white-1000);
    --color-text-oncomponent-secondary: var(--ramp-white-600);
    --color-text-oncomponent-tertiary: var(--ramp-white-400);
    --color-text-ondanger: var(--ramp-white-1000);
    --color-text-ondanger-secondary: var(--ramp-white-600);
    --color-text-ondanger-tertiary: var(--ramp-white-400);
    --color-text-ondesign: var(--ramp-white-1000);
    --color-text-ondesign-secondary: var(--ramp-white-600);
    --color-text-ondesign-tertiary: var(--ramp-white-400);
    --color-text-ondisabled: var(--ramp-grey-800);
    --color-text-onfigjam: var(--ramp-white-1000);
    --color-text-onfigjam-secondary: var(--ramp-white-600);
    --color-text-onfigjam-tertiary: var(--ramp-white-400);
    --color-text-oninverse: var(--ramp-black-800);
    --color-text-onmeasure: var(--ramp-white-1000);
    --color-text-onmeasure-secondary: var(--ramp-white-600);
    --color-text-onmeasure-tertiary: var(--ramp-white-400);
    --color-text-onselected: var(--ramp-white-800);
    --color-text-onselected-secondary: var(--ramp-white-500);
    --color-text-onselected-strong: var(--ramp-white-1000);
    --color-text-onselected-tertiary: var(--ramp-white-400);
    --color-text-onsuccess: var(--ramp-white-1000);
    --color-text-onsuccess-secondary: var(--ramp-white-600);
    --color-text-onsuccess-tertiary: var(--ramp-white-400);
    --color-text-onwarning: var(--ramp-black-800);
    --color-text-onwarning-secondary: var(--ramp-black-500);
    --color-text-onwarning-tertiary: var(--ramp-black-400);
    --color-text-secondary: var(--ramp-white-500);
    --color-text-secondary-hover: var(--ramp-white-1000);
    --color-text-selected: var(--ramp-blue-400);
    --color-text-selected-secondary: var(--color-text-selected);
    --color-text-selected-tertiary: var(--color-text-selected);
    --color-text-success: var(--ramp-green-400);
    --color-text-success-secondary: var(--color-text-success);
    --color-text-success-tertiary: var(--color-text-success);
    --color-text-tertiary: var(--ramp-white-400);
    --color-text-tertiary-hover: var(--ramp-white-1000);
    --color-text-toolbar: var(--ramp-white-1000);
    --color-text-toolbar-danger: var(--ramp-red-400);
    --color-text-toolbar-disabled: var(--ramp-white-400);
    --color-text-toolbar-hover: var(--ramp-white-1000);
    --color-text-toolbar-ondisabled: var(--ramp-grey-800);
    --color-text-toolbar-onselected: var(--ramp-white-1000);
    --color-text-toolbar-secondary: var(--ramp-white-500);
    --color-text-toolbar-secondary-hover: var(--ramp-white-1000);
    --color-text-toolbar-selected: var(--ramp-blue-400);
    --color-text-toolbar-selected-secondary: var(--color-text-toolbar-selected);
    --color-text-toolbar-selected-tertiary: var(--color-text-toolbar-selected);
    --color-text-toolbar-tertiary: var(--ramp-white-400);
    --color-text-toolbar-tertiary-hover: var(--ramp-white-1000);
    --color-text-toolbar-warning: var(--ramp-yellow-400);
    --color-text-tooltip: var(--ramp-white-1000);
    --color-text-tooltip-danger: var(--ramp-red-400);
    --color-text-tooltip-disabled: var(--ramp-white-400);
    --color-text-tooltip-hover: var(--ramp-white-1000);
    --color-text-tooltip-ondisabled: var(--ramp-grey-900);
    --color-text-tooltip-onselected: var(--ramp-white-1000);
    --color-text-tooltip-secondary: var(--ramp-white-500);
    --color-text-tooltip-secondary-hover: var(--ramp-white-1000);
    --color-text-tooltip-selected: var(--ramp-blue-400);
    --color-text-tooltip-selected-secondary: var(--color-text-tooltip-selected);
    --color-text-tooltip-selected-tertiary: var(--color-text-tooltip-selected);
    --color-text-tooltip-tertiary: var(--ramp-white-400);
    --color-text-tooltip-tertiary-hover: var(--ramp-white-1000);
    --color-text-tooltip-warning: var(--ramp-yellow-400);
    --color-text-warning: var(--ramp-yellow-400);
    --color-text-warning-secondary: var(--color-text-warning);
    --color-text-warning-tertiary: var(--color-text-warning);
    --color-texthighlight: #0d99ff66;
    --color-textondarkcanvas: var(--ramp-white-800);
    --color-textondarkcanvassecondary: var(--ramp-white-500);
    --color-textoninspectpadding: var(--ramp-white-1000);
    --color-textoninspectspacing: var(--ramp-white-1000);
    --color-textonlightcanvas: var(--ramp-black-800);
    --color-textonlightcanvassecondary: var(--ramp-black-400);
    --color-textonmultiplayerblue: var(--ramp-white-1000);
    --color-textonmultiplayergreen: var(--ramp-white-1000);
    --color-textonmultiplayergrey: var(--ramp-white-1000);
    --color-textonmultiplayerpink: var(--ramp-white-1000);
    --color-textonmultiplayerpurple: var(--ramp-white-1000);
    --color-textonmultiplayerred: var(--ramp-white-1000);
    --color-textonmultiplayeryellow: var(--ramp-black-800);
    --color-textonvoting: var(--ramp-black-800);
    --elevation-100: 0 1px 3px 0 #00000066, inset 0 0 .5px 0 #ffffff4d, inset 0 .5px 0 0 #ffffff1a, 0 0 .5px 0 #00000080;
    --elevation-200: 0 1px 3px 0 #00000080, inset 0 0 .5px 0 #ffffff4d, 0 3px 8px 0 #00000059, inset 0 .5px 0 0 #ffffff14;
    --elevation-300: 0 1px 3px 0 #00000080, inset 0 0 .5px 0 #ffffff4d, 0 5px 12px 0 #00000059, inset 0 .5px 0 0 #ffffff14;
    --elevation-400: 0 2px 5px 0 #00000059, inset 0 0 .5px 0 #ffffff59, 0 10px 16px 0 #00000059, inset 0 .5px 0 0 #ffffff14;
    --elevation-500: 0 3px 5px 0 #00000059, inset 0 0 .5px 0 #ffffff59, 0 10px 24px 0 #00000073, inset 0 .5px 0 0 #ffffff14;
    --ramp-black-100: #0000000d;
    --ramp-black-200: #0000001a;
    --ramp-black-300: #00000033;
    --ramp-black-400: #0000004d;
    --ramp-black-500: #00000080;
    --ramp-black-600: #000000cc;
    --ramp-black-700: #000000d9;
    --ramp-black-800: #000000e5;
    --ramp-black-900: #000000f2;
    --ramp-black-1000: #000000;
    --ramp-blue-100: #e2f1fd;
    --ramp-blue-200: #cfe9fc;
    --ramp-blue-300: #a8d7fa;
    --ramp-blue-400: #7cc4f8;
    --ramp-blue-500: #0c8ce9;
    --ramp-blue-600: #0a6dc2;
    --ramp-blue-700: #105cad;
    --ramp-blue-800: #184591;
    --ramp-blue-900: #1b335f;
    --ramp-blue-1000: #161e36;
    --ramp-green-100: #ddfde2;
    --ramp-green-200: #beefc2;
    --ramp-green-300: #a1e8b9;
    --ramp-green-400: #79d297;
    --ramp-green-500: #198f51;
    --ramp-green-600: #078348;
    --ramp-green-700: #0a5c35;
    --ramp-green-800: #0a4c2d;
    --ramp-green-900: #082618;
    --ramp-green-1000: #0b1e15;
    --ramp-grey-100: #f5f5f5;
    --ramp-grey-200: #e6e6e6;
    --ramp-grey-300: #d9d9d9;
    --ramp-grey-400: #b3b3b3;
    --ramp-grey-500: #757575;
    --ramp-grey-600: #444444;
    --ramp-grey-700: #383838;
    --ramp-grey-800: #2c2c2c;
    --ramp-grey-900: #1e1e1e;
    --ramp-grey-1000: #111111;
    --ramp-orange-100: #ffedd7;
    --ramp-orange-200: #fdd9b4;
    --ramp-orange-300: #fcc67f;
    --ramp-orange-400: #fcb34a;
    --ramp-orange-500: #de7d02;
    --ramp-orange-600: #c86f04;
    --ramp-orange-700: #ad5f05;
    --ramp-orange-800: #985306;
    --ramp-orange-900: #673806;
    --ramp-orange-1000: #371d06;
    --ramp-pale-blue-100: #f1f5f8;
    --ramp-pale-blue-200: #e3ecf2;
    --ramp-pale-blue-300: #d2dae4;
    --ramp-pale-blue-400: #afbccf;
    --ramp-pale-blue-500: #667799;
    --ramp-pale-blue-600: #536383;
    --ramp-pale-blue-700: #4a5878;
    --ramp-pale-blue-800: #394360;
    --ramp-pale-blue-900: #252d41;
    --ramp-pale-blue-1000: #121721;
    --ramp-pale-green-100: #f1f8f2;
    --ramp-pale-green-200: #daecdf;
    --ramp-pale-green-300: #c3e0cc;
    --ramp-pale-green-400: #9fc1aa;
    --ramp-pale-green-500: #678e79;
    --ramp-pale-green-600: #5c806d;
    --ramp-pale-green-700: #517361;
    --ramp-pale-green-800: #476656;
    --ramp-pale-green-900: #2f483c;
    --ramp-pale-green-1000: #172b22;
    --ramp-pale-persimmon-100: #faefeb;
    --ramp-pale-persimmon-200: #f8e9e2;
    --ramp-pale-persimmon-300: #f3d6c9;
    --ramp-pale-persimmon-400: #ebb49d;
    --ramp-pale-persimmon-500: #d4693b;
    --ramp-pale-persimmon-600: #a55e40;
    --ramp-pale-persimmon-700: #864e37;
    --ramp-pale-persimmon-800: #603a2a;
    --ramp-pale-persimmon-900: #412b21;
    --ramp-pale-persimmon-1000: #1f1714;
    --ramp-pale-pink-100: #f6eef4;
    --ramp-pale-pink-200: #f2e3ee;
    --ramp-pale-pink-300: #e8cee1;
    --ramp-pale-pink-400: #daaace;
    --ramp-pale-pink-500: #ab5998;
    --ramp-pale-pink-600: #86507a;
    --ramp-pale-pink-700: #724667;
    --ramp-pale-pink-800: #51344a;
    --ramp-pale-pink-900: #33252f;
    --ramp-pale-pink-1000: #1b1318;
    --ramp-pale-purple-100: #f4f1f8;
    --ramp-pale-purple-200: #ede7f3;
    --ramp-pale-purple-300: #e0d4ed;
    --ramp-pale-purple-400: #c5b2dc;
    --ramp-pale-purple-500: #7f699b;
    --ramp-pale-purple-600: #6b5884;
    --ramp-pale-purple-700: #604d75;
    --ramp-pale-purple-800: #473956;
    --ramp-pale-purple-900: #33293d;
    --ramp-pale-purple-1000: #1a141f;
    --ramp-pale-red-100: #faedeb;
    --ramp-pale-red-200: #f8e5e2;
    --ramp-pale-red-300: #f3cfc9;
    --ramp-pale-red-400: #eba99d;
    --ramp-pale-red-500: #d4583b;
    --ramp-pale-red-600: #a55440;
    --ramp-pale-red-700: #864537;
    --ramp-pale-red-800: #60332a;
    --ramp-pale-red-900: #412621;
    --ramp-pale-red-1000: #1f1514;
    --ramp-pale-teal-100: #f1f6f8;
    --ramp-pale-teal-200: #e3eef2;
    --ramp-pale-teal-300: #cedee4;
    --ramp-pale-teal-400: #a3c2cc;
    --ramp-pale-teal-500: #518394;
    --ramp-pale-teal-600: #436c7a;
    --ramp-pale-teal-700: #3c606d;
    --ramp-pale-teal-800: #2f4c56;
    --ramp-pale-teal-900: #1f3238;
    --ramp-pale-teal-1000: #101a1e;
    --ramp-pale-violet-100: #f1f1f8;
    --ramp-pale-violet-200: #e7e7f3;
    --ramp-pale-violet-300: #d4d4ed;
    --ramp-pale-violet-400: #b3b2dc;
    --ramp-pale-violet-500: #6a699b;
    --ramp-pale-violet-600: #595884;
    --ramp-pale-violet-700: #4e4d75;
    --ramp-pale-violet-800: #393956;
    --ramp-pale-violet-900: #29293d;
    --ramp-pale-violet-1000: #14141f;
    --ramp-pale-yellow-100: #fff5eb;
    --ramp-pale-yellow-200: #fdeece;
    --ramp-pale-yellow-300: #f5dfa8;
    --ramp-pale-yellow-400: #e8cd7d;
    --ramp-pale-yellow-500: #ad7f00;
    --ramp-pale-yellow-600: #906800;
    --ramp-pale-yellow-700: #7a5800;
    --ramp-pale-yellow-800: #5c4100;
    --ramp-pale-yellow-900: #3a2a10;
    --ramp-pale-yellow-1000: #211a12;
    --ramp-persimmon-100: #ffe8db;
    --ramp-persimmon-200: #fed2b8;
    --ramp-persimmon-300: #ffb494;
    --ramp-persimmon-400: #ffa27a;
    --ramp-persimmon-500: #f65009;
    --ramp-persimmon-600: #db4606;
    --ramp-persimmon-700: #b93f13;
    --ramp-persimmon-800: #8e3210;
    --ramp-persimmon-900: #59220d;
    --ramp-persimmon-1000: #43160a;
    --ramp-pink-100: #fde2fb;
    --ramp-pink-200: #fccaf8;
    --ramp-pink-300: #fbb1ed;
    --ramp-pink-400: #fc9ce0;
    --ramp-pink-500: #f316b0;
    --ramp-pink-600: #d01b9c;
    --ramp-pink-700: #96207a;
    --ramp-pink-800: #68275e;
    --ramp-pink-900: #46253e;
    --ramp-pink-1000: #231a21;
    --ramp-purple-100: #f1e7fe;
    --ramp-purple-200: #e3cffc;
    --ramp-purple-300: #d6b6fb;
    --ramp-purple-400: #d1a8ff;
    --ramp-purple-500: #8a38f5;
    --ramp-purple-600: #7a2ed6;
    --ramp-purple-700: #652ca8;
    --ramp-purple-800: #50297a;
    --ramp-purple-900: #3e2654;
    --ramp-purple-1000: #1f1924;
    --ramp-red-100: #fee7e7;
    --ramp-red-200: #fccdca;
    --ramp-red-300: #fbbcb6;
    --ramp-red-400: #fca397;
    --ramp-red-500: #e03e1a;
    --ramp-red-600: #c4381c;
    --ramp-red-700: #963323;
    --ramp-red-800: #7c2622;
    --ramp-red-900: #54211c;
    --ramp-red-1000: #311817;
    --ramp-teal-100: #ddf7fd;
    --ramp-teal-200: #bce6f1;
    --ramp-teal-300: #a4e2ef;
    --ramp-teal-400: #67cbe4;
    --ramp-teal-500: #0887a0;
    --ramp-teal-600: #087691;
    --ramp-teal-700: #0a5b76;
    --ramp-teal-800: #0c455a;
    --ramp-teal-900: #0c2937;
    --ramp-teal-1000: #0e1f2a;
    --ramp-violet-100: #f5f5ff;
    --ramp-violet-200: #e6e5ff;
    --ramp-violet-300: #ceccff;
    --ramp-violet-400: #b9b8ff;
    --ramp-violet-500: #3d38f5;
    --ramp-violet-600: #3b34d5;
    --ramp-violet-700: #372cc9;
    --ramp-violet-800: #3927be;
    --ramp-violet-900: #302579;
    --ramp-violet-1000: #1d1835;
    --ramp-white-100: #ffffff0d;
    --ramp-white-200: #ffffff1a;
    --ramp-white-300: #ffffff33;
    --ramp-white-400: #ffffff66;
    --ramp-white-500: #ffffffb2;
    --ramp-white-600: #ffffffcc;
    --ramp-white-700: #ffffffd9;
    --ramp-white-800: #ffffffe5;
    --ramp-white-900: #fffffff2;
    --ramp-white-1000: #ffffff;
    --ramp-yellow-100: #fdf7dd;
    --ramp-yellow-200: #fbe8ad;
    --ramp-yellow-300: #f9df90;
    --ramp-yellow-400: #f7d15f;
    --ramp-yellow-500: #f3c11b;
    --ramp-yellow-600: #f2b50d;
    --ramp-yellow-700: #e4a711;
    --ramp-yellow-800: #c58011;
    --ramp-yellow-900: #925711;
    --ramp-yellow-1000: #71440f
}

[data-preferred-theme=light],
[data-preferred-theme=light][data-editor-theme=design],
:where([data-preferred-theme=light] [data-editor-theme=design]) {
    --color-bg: var(--ramp-white-1000);
    --color-bg-assistive: var(--ramp-pink-500);
    --color-bg-assistive-hover: var(--ramp-pink-600);
    --color-bg-assistive-pressed: var(--ramp-pink-600);
    --color-bg-assistive-secondary: var(--ramp-pink-700);
    --color-bg-assistive-tertiary: var(--ramp-pink-200);
    --color-bg-brand: var(--ramp-blue-500);
    --color-bg-brand-hover: var(--ramp-blue-600);
    --color-bg-brand-pressed: var(--ramp-blue-600);
    --color-bg-brand-secondary: var(--ramp-blue-700);
    --color-bg-brand-tertiary: var(--ramp-blue-200);
    --color-bg-component: var(--ramp-purple-500);
    --color-bg-component-hover: var(--ramp-purple-600);
    --color-bg-component-pressed: var(--ramp-purple-600);
    --color-bg-component-secondary: var(--ramp-purple-700);
    --color-bg-component-tertiary: var(--ramp-purple-200);
    --color-bg-component-tertiary-hover: var(--ramp-purple-300);
    --color-bg-danger: var(--ramp-red-500);
    --color-bg-danger-hover: var(--ramp-red-600);
    --color-bg-danger-pressed: var(--ramp-red-600);
    --color-bg-danger-secondary: var(--ramp-red-700);
    --color-bg-danger-tertiary: var(--ramp-red-200);
    --color-bg-design: var(--ramp-blue-500);
    --color-bg-design-hover: var(--ramp-blue-600);
    --color-bg-design-pressed: var(--ramp-blue-600);
    --color-bg-design-secondary: var(--ramp-blue-700);
    --color-bg-design-tertiary: var(--ramp-blue-200);
    --color-bg-desktopBackgrounded: var(--ramp-grey-700);
    --color-bg-desktopBackgrounded-disabled: var(--ramp-grey-500);
    --color-bg-desktopBackgrounded-hover: var(--ramp-grey-600);
    --color-bg-desktopBackgrounded-pressed: var(--ramp-grey-800);
    --color-bg-desktopBackgrounded-secondary: var(--ramp-grey-700);
    --color-bg-desktopBackgrounded-tertiary: var(--ramp-grey-600);
    --color-bg-desktopForeground: var(--ramp-grey-900);
    --color-bg-desktopForeground-disabled: var(--ramp-grey-500);
    --color-bg-desktopForeground-hover: var(--ramp-grey-800);
    --color-bg-desktopForeground-pressed: var(--ramp-grey-800);
    --color-bg-desktopForeground-secondary: var(--ramp-grey-700);
    --color-bg-desktopForeground-tertiary: var(--ramp-grey-600);
    --color-bg-desktopFullscreen: var(--ramp-black-1000);
    --color-bg-desktopFullscreen-disabled: var(--ramp-grey-500);
    --color-bg-desktopFullscreen-hover: var(--ramp-grey-900);
    --color-bg-desktopFullscreen-pressed: var(--ramp-grey-900);
    --color-bg-desktopFullscreen-secondary: var(--ramp-grey-700);
    --color-bg-desktopFullscreen-tertiary: var(--ramp-grey-600);
    --color-bg-disabled: var(--ramp-grey-300);
    --color-bg-disabled-secondary: var(--ramp-grey-400);
    --color-bg-elevated: var(--ramp-white-1000);
    --color-bg-elevated-hover: var(--ramp-grey-100);
    --color-bg-figjam: var(--ramp-purple-500);
    --color-bg-figjam-hover: var(--ramp-purple-600);
    --color-bg-figjam-pressed: var(--ramp-purple-600);
    --color-bg-figjam-secondary: var(--ramp-purple-700);
    --color-bg-figjam-tertiary: var(--ramp-purple-200);
    --color-bg-fs: var(--color-bg);
    --color-bg-fs-assistive: var(--color-bg-assistive);
    --color-bg-fs-assistive-secondary: var(--color-bg-assistive-secondary);
    --color-bg-fs-assistive-tertiary: var(--color-bg-assistive-tertiary);
    --color-bg-fs-component: var(--color-bg-component);
    --color-bg-fs-component-secondary: var(--color-bg-component-secondary);
    --color-bg-fs-component-tertiary: var(--color-bg-component-tertiary);
    --color-bg-fs-design: var(--color-bg-design);
    --color-bg-fs-design-secondary: var(--color-bg-design-secondary);
    --color-bg-fs-design-tertiary: var(--color-bg-design-tertiary);
    --color-bg-fs-measure: var(--color-bg-measure);
    --color-bg-fs-measure-hover: var(--color-bg-measure-hover);
    --color-bg-fs-measure-secondary: var(--color-bg-measure-secondary);
    --color-bg-fs-measure-tertiary: var(--color-bg-measure-tertiary);
    --color-bg-fs-selected: var(--color-bg-selected);
    --color-bg-fs-selected-secondary: var(--color-bg-selected-secondary);
    --color-bg-fs-tertiary: var(--color-bg-tertiary);
    --color-bg-handoff: var(--ramp-green-500);
    --color-bg-handoff-hover: var(--ramp-green-600);
    --color-bg-handoff-pressed: var(--ramp-green-600);
    --color-bg-handoff-secondary: var(--ramp-green-700);
    --color-bg-handoff-tertiary: var(--ramp-pale-green-200);
    --color-bg-hover: var(--ramp-grey-100);
    --color-bg-info: var(--ramp-blue-200);
    --color-bg-inverse: var(--ramp-grey-800);
    --color-bg-measure: var(--ramp-red-500);
    --color-bg-measure-hover: var(--ramp-red-600);
    --color-bg-measure-pressed: var(--ramp-red-600);
    --color-bg-measure-secondary: var(--ramp-red-700);
    --color-bg-measure-tertiary: var(--ramp-red-200);
    --color-bg-menu: var(--ramp-grey-900);
    --color-bg-menu-disabled: var(--ramp-grey-500);
    --color-bg-menu-hover: var(--ramp-grey-800);
    --color-bg-menu-pressed: var(--ramp-grey-800);
    --color-bg-menu-secondary: var(--ramp-grey-700);
    --color-bg-menu-selected: var(--ramp-blue-500);
    --color-bg-menu-selected-hover: var(--ramp-blue-600);
    --color-bg-menu-selected-pressed: var(--ramp-blue-600);
    --color-bg-menu-selected-secondary: var(--ramp-pale-blue-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-blue-800);
    --color-bg-menu-tertiary: var(--ramp-grey-600);
    --color-bg-onselected: var(--ramp-blue-300);
    --color-bg-onselected-hover: var(--color-bg-onselected);
    --color-bg-onselected-pressed: var(--color-bg-onselected);
    --color-bg-pressed: var(--ramp-grey-100);
    --color-bg-secondary: var(--ramp-grey-100);
    --color-bg-secondary-hover: var(--ramp-grey-200);
    --color-bg-secondary-pressed: var(--ramp-grey-200);
    --color-bg-selected: var(--ramp-blue-200);
    --color-bg-selected-hover: var(--ramp-blue-300);
    --color-bg-selected-pressed: var(--ramp-blue-300);
    --color-bg-selected-secondary: var(--ramp-blue-100);
    --color-bg-selected-strong: var(--ramp-blue-500);
    --color-bg-selected-tertiary: var(--ramp-blue-100);
    --color-bg-strong-hover: var(--ramp-blue-600);
    --color-bg-strong-pressed: var(--ramp-blue-600);
    --color-bg-success: var(--ramp-green-500);
    --color-bg-success-hover: var(--ramp-green-600);
    --color-bg-success-pressed: var(--ramp-green-600);
    --color-bg-success-secondary: var(--ramp-green-700);
    --color-bg-success-tertiary: var(--ramp-green-200);
    --color-bg-tertiary: var(--ramp-grey-200);
    --color-bg-toolbar: var(--ramp-grey-800);
    --color-bg-toolbar-disabled: var(--ramp-grey-500);
    --color-bg-toolbar-hover: var(--ramp-grey-1000);
    --color-bg-toolbar-pressed: var(--ramp-grey-1000);
    --color-bg-toolbar-secondary: var(--ramp-grey-700);
    --color-bg-toolbar-selected: var(--ramp-blue-500);
    --color-bg-toolbar-selected-hover: var(--ramp-blue-600);
    --color-bg-toolbar-selected-pressed: var(--ramp-blue-600);
    --color-bg-toolbar-selected-secondary: var(--ramp-blue-700);
    --color-bg-toolbar-selected-tertiary: var(--color-bg-toolbar-selected);
    --color-bg-toolbar-tertiary: var(--ramp-grey-600);
    --color-bg-tooltip: var(--ramp-grey-900);
    --color-bg-tooltip-disabled: var(--ramp-grey-500);
    --color-bg-tooltip-hover: var(--ramp-grey-800);
    --color-bg-tooltip-pressed: var(--ramp-grey-800);
    --color-bg-tooltip-secondary: var(--ramp-grey-700);
    --color-bg-tooltip-selected: var(--ramp-blue-500);
    --color-bg-tooltip-selected-hover: var(--ramp-blue-600);
    --color-bg-tooltip-selected-pressed: var(--ramp-blue-600);
    --color-bg-tooltip-selected-secondary: var(--ramp-pale-blue-800);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-blue-800);
    --color-bg-tooltip-tertiary: var(--ramp-grey-600);
    --color-bg-transparent-hover: var(--ramp-black-100);
    --color-bg-transparent-pressed: var(--ramp-black-200);
    --color-bg-warning: var(--ramp-yellow-500);
    --color-bg-warning-hover: var(--ramp-yellow-600);
    --color-bg-warning-pressed: var(--ramp-yellow-600);
    --color-bg-warning-secondary: var(--ramp-yellow-700);
    --color-bg-warning-tertiary: var(--ramp-yellow-200);
    --color-bghoverondarkcanvas: var(--ramp-white-300);
    --color-bghoveronlightcanvas: var(--ramp-black-300);
    --color-bghovertransparent: var(--ramp-black-100);
    --color-bginspectpadding: var(--ramp-blue-500);
    --color-bginspectpaddingtertiary: var(--ramp-blue-200);
    --color-bginspectspacing: var(--ramp-pink-500);
    --color-bgsecondaryoncanvas: var(--ramp-grey-200);
    --color-bgselectedarea: #0d99ff33;
    --color-bgtransparent: #ffffff99;
    --color-bgtransparent-secondary-hover: var(--ramp-black-200);
    --color-bgtransparent-secondary-pressed: #00000026;
    --color-bgtransparentsecondary: #ffffff;
    --color-bgvoting: var(--ramp-yellow-500);
    --color-bgvotingsecondary: var(--ramp-yellow-200);
    --color-bgvotingtertiary: var(--ramp-yellow-100);
    --color-bgvotingwheeldial: var(--ramp-yellow-100);
    --color-bgvotingwheelhover: var(--ramp-yellow-200);
    --color-border: var(--ramp-grey-200);
    --color-border-assistive: var(--ramp-pink-300);
    --color-border-assistive-strong: var(--ramp-pink-600);
    --color-border-brand: var(--ramp-blue-300);
    --color-border-brand-strong: var(--ramp-blue-600);
    --color-border-component: var(--ramp-purple-300);
    --color-border-component-hover: var(--ramp-purple-500);
    --color-border-component-selected: var(--ramp-purple-600);
    --color-border-component-strong: var(--ramp-purple-600);
    --color-border-danger: var(--ramp-red-300);
    --color-border-danger-strong: var(--ramp-red-600);
    --color-border-design: var(--ramp-blue-300);
    --color-border-design-strong: var(--ramp-blue-600);
    --color-border-desktopBackgrounded: var(--ramp-grey-600);
    --color-border-desktopBackgrounded-disabled: var(--ramp-grey-700);
    --color-border-desktopBackgrounded-strong: var(--ramp-white-500);
    --color-border-desktopForeground: var(--ramp-grey-700);
    --color-border-desktopForeground-disabled: var(--ramp-grey-700);
    --color-border-desktopForeground-strong: var(--ramp-white-1000);
    --color-border-desktopFullscreen: var(--ramp-grey-900);
    --color-border-desktopFullscreen-disabled: var(--ramp-grey-900);
    --color-border-desktopFullscreen-strong: var(--ramp-white-1000);
    --color-border-disabled: var(--ramp-grey-200);
    --color-border-disabled-strong: var(--ramp-black-400);
    --color-border-figjam: var(--ramp-purple-300);
    --color-border-figjam-strong: var(--ramp-purple-600);
    --color-border-fs: var(--color-border);
    --color-border-fs-assistive: var(--color-border-assistive);
    --color-border-fs-assistive-strong: var(--ramp-pink-500);
    --color-border-fs-component: var(--ramp-purple-300);
    --color-border-fs-component-strong: var(--color-bg-fs-component);
    --color-border-fs-design: var(--ramp-blue-300);
    --color-border-fs-design-strong: var(--color-bg-fs-design);
    --color-border-fs-measure: var(--color-border-measure);
    --color-border-fs-measure-strong: var(--color-bg-fs-measure);
    --color-border-fs-onassistive: var(--color-border-onassistive);
    --color-border-fs-onassistive-strong: var(--color-border-onassistive-strong);
    --color-border-fs-oncomponent: var(--color-border-oncomponent);
    --color-border-fs-oncomponent-strong: var(--color-border-oncomponent-strong);
    --color-border-fs-ondesign: var(--color-border-ondesign);
    --color-border-fs-ondesign-strong: var(--color-border-ondesign-strong);
    --color-border-fs-onmeasure: var(--color-border-onmeasure);
    --color-border-fs-onmeasure-strong: var(--color-border-onmeasure-strong);
    --color-border-fs-onselected: var(--color-border-onselected);
    --color-border-fs-onselected-strong: var(--color-border-onselected-strong);
    --color-border-fs-selected: var(--color-border-selected);
    --color-border-fs-selected-strong: var(--color-border-selected-strong);
    --color-border-fs-strong: var(--color-border-strong);
    --color-border-handoff: var(--ramp-green-300);
    --color-border-handoff-strong: var(--ramp-green-600);
    --color-border-measure: var(--ramp-red-300);
    --color-border-measure-strong: var(--ramp-red-600);
    --color-border-menu: var(--ramp-grey-700);
    --color-border-menu-disabled: var(--ramp-grey-700);
    --color-border-menu-disabled-strong: var(--ramp-grey-700);
    --color-border-menu-onselected: var(--ramp-blue-400);
    --color-border-menu-onselected-strong: var(--ramp-white-1000);
    --color-border-menu-selected: var(--ramp-blue-500);
    --color-border-menu-selected-strong: var(--ramp-blue-400);
    --color-border-menu-strong: var(--ramp-white-1000);
    --color-border-onassistive: var(--ramp-pink-600);
    --color-border-onassistive-strong: var(--ramp-white-1000);
    --color-border-onbrand: var(--ramp-blue-600);
    --color-border-onbrand-strong: var(--ramp-white-1000);
    --color-border-oncomponent: var(--ramp-purple-600);
    --color-border-oncomponent-strong: var(--ramp-white-1000);
    --color-border-ondanger: var(--ramp-red-600);
    --color-border-ondanger-strong: var(--ramp-white-1000);
    --color-border-ondesign: var(--ramp-blue-600);
    --color-border-ondesign-strong: var(--ramp-white-1000);
    --color-border-onfigjam: var(--ramp-purple-600);
    --color-border-onfigjam-strong: var(--ramp-purple-600);
    --color-border-onmeasure: var(--ramp-red-600);
    --color-border-onmeasure-strong: var(--ramp-white-1000);
    --color-border-onselected: var(--ramp-blue-300);
    --color-border-onselected-strong: var(--ramp-black-800);
    --color-border-onsuccess: var(--ramp-green-600);
    --color-border-onsuccess-strong: var(--ramp-white-1000);
    --color-border-onwarning: var(--ramp-yellow-700);
    --color-border-onwarning-strong: var(--ramp-black-800);
    --color-border-selected: var(--ramp-blue-500);
    --color-border-selected-strong: var(--ramp-blue-600);
    --color-border-strong: var(--ramp-grey-800);
    --color-border-success: var(--ramp-pale-green-300);
    --color-border-success-strong: var(--ramp-green-600);
    --color-border-toolbar: var(--ramp-grey-600);
    --color-border-toolbar-disabled: var(--ramp-white-400);
    --color-border-toolbar-onselected: var(--ramp-white-1000);
    --color-border-toolbar-selected: var(--ramp-blue-500);
    --color-border-toolbar-selected-strong: var(--ramp-blue-400);
    --color-border-toolbar-strong: var(--ramp-white-1000);
    --color-border-tooltip: var(--ramp-grey-700);
    --color-border-tooltip-disabled: var(--ramp-grey-700);
    --color-border-tooltip-disabled-strong: var(--ramp-grey-700);
    --color-border-tooltip-onselected: var(--ramp-blue-600);
    --color-border-tooltip-onselected-strong: var(--ramp-white-1000);
    --color-border-tooltip-selected: var(--ramp-blue-500);
    --color-border-tooltip-selected-strong: var(--ramp-blue-400);
    --color-border-tooltip-strong: var(--ramp-white-1000);
    --color-border-warning: var(--ramp-pale-yellow-300);
    --color-border-warning-strong: var(--ramp-yellow-1000);
    --color-borderinspectpadding: var(--ramp-blue-500);
    --color-borderinspectspacing: var(--ramp-pink-500);
    --color-borderplacecrosshair: var(--ramp-white-200);
    --color-borderselectedec: #ffffff00;
    --color-bordertranslucent: var(--ramp-black-200);
    --color-bordertranslucentstrong: var(--ramp-black-300);
    --color-code: var(--ramp-black-800);
    --color-codeaccent: var(--ramp-orange-900);
    --color-codeattribute: var(--ramp-black-800);
    --color-codeclassname: var(--ramp-blue-600);
    --color-codecomment: var(--ramp-black-500);
    --color-codeproperty: var(--ramp-black-800);
    --color-codestring: var(--ramp-blue-600);
    --color-codestylename: var(--ramp-blue-600);
    --color-codetag: var(--ramp-purple-600);
    --color-codevalue: var(--ramp-pink-600);
    --color-codevariable: var(--ramp-green-600);
    --color-conditionalborder: #ffffff00;
    --color-fsAutoFillHighlight: #0d99ff33;
    --color-fsBorderDesignShadowStrong: var(--ramp-blue-600);
    --color-fsBorderPlaceholder: var(--ramp-grey-500);
    --color-fsBorderSelectedImmutableNode: var(--ramp-purple-500);
    --color-fsBorderSelectedImmutableNodeSecondary: var(--ramp-purple-500);
    --color-fsCanvasDefaultFill: var(--ramp-grey-100);
    --color-fsCodeNodeBorder: var(--ramp-green-500);
    --color-fsCodeNodeBorderSecondary: var(--color-fsCodeNodeBorder);
    --color-fsCodeNodeTextErrorOnDarkCanvas: var(--color-border-ondanger);
    --color-fsCodeNodeTextErrorOnLightCanvas: var(--color-border-ondanger);
    --color-fsCodeNodeTextOnDarkCanvas: var(--color-fsCodeNodeBorder);
    --color-fsCodeNodeTextOnLightCanvas: var(--color-fsCodeNodeBorder);
    --color-fsDevHandoffAutolayoutPadding: var(--ramp-blue-400);
    --color-fsDevHandoffAutolayoutSpacing: var(--ramp-pink-400);
    --color-fsFrameDefaultFill: var(--ramp-white-1000);
    --color-fsIconOnDarkCanvas: var(--color-iconondarkcanvas);
    --color-fsIconOnDarkCanvasSecondary: var(--ramp-white-400);
    --color-fsIconOnLightCanvas: var(--color-icononlightcanvas);
    --color-fsIconOnLightCanvasSecondary: var(--ramp-black-400);
    --color-fsNodeHandle: var(--ramp-blue-400);
    --color-fsNodeLabelNoBG: var(--ramp-black-400);
    --color-fsNodeSymbolSelectedSecondary: var(--ramp-purple-500);
    --color-fsShapeDefaultFill: var(--ramp-grey-300);
    --color-fsSitesResponsiveSetTextOnDarkCanvas: var(--ramp-white-500);
    --color-fsSitesResponsiveSetTextOnLightCanvas: var(--ramp-black-500);
    --color-fsSnappingOverlay: var(--ramp-red-500);
    --color-fsStickyAuthorTextOnDark: var(--ramp-white-600);
    --color-fsStickyAuthorTextOnLight: var(--ramp-black-500);
    --color-fsTextComponentOnDarkCanvas: var(--ramp-purple-400);
    --color-fsTextComponentOnLightCanvas: var(--ramp-purple-600);
    --color-fsTextOnDarkCanvas: var(--color-textondarkcanvas);
    --color-fsTextOnDarkCanvasSecondary: var(--color-textondarkcanvassecondary);
    --color-fsTextOnLightCanvas: var(--color-textonlightcanvas);
    --color-fsTextOnLightCanvasSecondary: var(--color-textonlightcanvassecondary);
    --color-fsTextSelectedOnDarkCanvas: var(--ramp-blue-400);
    --color-fsTextSelectedOnLightCanvas: var(--ramp-blue-600);
    --color-fsVectorInactive: var(--ramp-grey-400);
    --color-fsWidgetFrameTextOnDarkCanvas: var(--ramp-purple-400);
    --color-fsWidgetFrameTextOnLightCanvas: var(--ramp-purple-600);
    --color-fsWidgetFrameTextSelectedOnDarkCanvas: var(--ramp-purple-400);
    --color-fsWidgetFrameTextSelectedOnLightCanvas: var(--ramp-purple-600);
    --color-icon: var(--ramp-black-800);
    --color-icon-assistive: var(--ramp-pink-600);
    --color-icon-assistive-pressed: var(--ramp-pink-700);
    --color-icon-assistive-secondary: var(--color-icon-assistive);
    --color-icon-assistive-tertiary: var(--color-icon-assistive);
    --color-icon-brand: var(--ramp-blue-600);
    --color-icon-brand-pressed: var(--ramp-blue-700);
    --color-icon-brand-secondary: var(--ramp-blue-400);
    --color-icon-brand-tertiary: var(--ramp-blue-300);
    --color-icon-component: var(--ramp-purple-600);
    --color-icon-component-pressed: var(--ramp-purple-700);
    --color-icon-component-secondary: var(--ramp-pale-purple-400);
    --color-icon-component-tertiary: var(--ramp-pale-purple-400);
    --color-icon-danger: var(--ramp-red-600);
    --color-icon-danger-hover: var(--ramp-red-700);
    --color-icon-danger-pressed: var(--ramp-red-700);
    --color-icon-danger-secondary: var(--color-icon-danger);
    --color-icon-danger-secondary-hover: var(--color-icon-danger);
    --color-icon-danger-tertiary: var(--color-icon-danger);
    --color-icon-design: var(--ramp-blue-600);
    --color-icon-design-pressed: var(--ramp-blue-700);
    --color-icon-design-secondary: var(--color-icon-design);
    --color-icon-design-tertiary: var(--color-icon-design);
    --color-icon-desktopBackgrounded: var(--ramp-white-500);
    --color-icon-desktopBackgrounded-danger: var(--ramp-red-500);
    --color-icon-desktopBackgrounded-disabled: var(--ramp-white-400);
    --color-icon-desktopBackgrounded-hover: var(--ramp-white-500);
    --color-icon-desktopBackgrounded-ondisabled: var(--ramp-grey-700);
    --color-icon-desktopBackgrounded-secondary: var(--ramp-white-500);
    --color-icon-desktopBackgrounded-secondary-hover: var(--ramp-white-500);
    --color-icon-desktopBackgrounded-tertiary: var(--ramp-white-400);
    --color-icon-desktopBackgrounded-tertiary-hover: var(--ramp-white-400);
    --color-icon-desktopBackgrounded-warning: var(--ramp-yellow-500);
    --color-icon-desktopForeground: var(--ramp-white-1000);
    --color-icon-desktopForeground-danger: var(--ramp-red-500);
    --color-icon-desktopForeground-disabled: var(--ramp-white-400);
    --color-icon-desktopForeground-hover: var(--ramp-white-1000);
    --color-icon-desktopForeground-ondisabled: var(--ramp-grey-900);
    --color-icon-desktopForeground-secondary: var(--ramp-white-500);
    --color-icon-desktopForeground-secondary-hover: var(--ramp-white-1000);
    --color-icon-desktopForeground-tertiary: var(--ramp-white-400);
    --color-icon-desktopForeground-tertiary-hover: var(--ramp-white-1000);
    --color-icon-desktopForeground-warning: var(--ramp-yellow-500);
    --color-icon-desktopFullscreen: var(--ramp-white-1000);
    --color-icon-desktopFullscreen-danger: var(--ramp-red-500);
    --color-icon-desktopFullscreen-disabled: var(--ramp-white-400);
    --color-icon-desktopFullscreen-hover: var(--ramp-white-1000);
    --color-icon-desktopFullscreen-ondisabled: var(--ramp-black-1000);
    --color-icon-desktopFullscreen-secondary: var(--ramp-white-500);
    --color-icon-desktopFullscreen-secondary-hover: var(--ramp-white-1000);
    --color-icon-desktopFullscreen-tertiary: var(--ramp-white-400);
    --color-icon-desktopFullscreen-tertiary-hover: var(--ramp-white-1000);
    --color-icon-desktopFullscreen-warning: var(--ramp-yellow-500);
    --color-icon-disabled: var(--ramp-black-400);
    --color-icon-figjam: var(--ramp-purple-600);
    --color-icon-figjam-pressed: var(--ramp-purple-700);
    --color-icon-figjam-secondary: var(--ramp-pale-purple-400);
    --color-icon-figjam-tertiary: var(--ramp-pale-purple-400);
    --color-icon-fs: var(--color-icon);
    --color-icon-fs-assistive: var(--color-icon-assistive);
    --color-icon-fs-component: var(--color-icon-component);
    --color-icon-fs-design: var(--color-icon-design);
    --color-icon-fs-measure: var(--color-icon-measure);
    --color-icon-fs-onassistive: var(--color-icon-onassistive);
    --color-icon-fs-oncomponent: var(--color-icon-oncomponent);
    --color-icon-fs-ondesign: var(--color-icon-ondesign);
    --color-icon-fs-onmeasure: var(--color-icon-onmeasure);
    --color-icon-fs-onselected: var(--color-icon-onselected);
    --color-icon-fs-secondary: var(--color-icon-secondary);
    --color-icon-fs-selected: var(--color-icon-selected);
    --color-icon-fs-tertiary: var(--color-icon-tertiary);
    --color-icon-handoff: var(--ramp-green-600);
    --color-icon-handoff-pressed: var(--ramp-green-700);
    --color-icon-handoff-secondary: var(--color-icon-handoff);
    --color-icon-handoff-tertiary: var(--color-icon-handoff);
    --color-icon-hover: var(--ramp-black-800);
    --color-icon-measure: var(--ramp-red-500);
    --color-icon-measure-hover: var(--ramp-red-700);
    --color-icon-measure-pressed: var(--ramp-red-700);
    --color-icon-measure-secondary: var(--color-icon-measure);
    --color-icon-measure-secondary-hover: var(--color-icon-measure);
    --color-icon-measure-tertiary: var(--color-icon-measure);
    --color-icon-menu: var(--ramp-white-1000);
    --color-icon-menu-danger: var(--ramp-red-500);
    --color-icon-menu-disabled: var(--ramp-white-400);
    --color-icon-menu-hover: var(--ramp-white-1000);
    --color-icon-menu-ondisabled: var(--ramp-grey-900);
    --color-icon-menu-onselected: var(--ramp-white-1000);
    --color-icon-menu-pressed: var(--ramp-blue-500);
    --color-icon-menu-secondary: var(--ramp-white-500);
    --color-icon-menu-secondary-hover: var(--ramp-white-1000);
    --color-icon-menu-selected: var(--ramp-blue-400);
    --color-icon-menu-selected-secondary: var(--ramp-blue-400);
    --color-icon-menu-selected-tertiary: var(--ramp-blue-400);
    --color-icon-menu-tertiary: var(--ramp-white-400);
    --color-icon-menu-tertiary-hover: var(--ramp-white-1000);
    --color-icon-menu-warning: var(--ramp-yellow-500);
    --color-icon-onassistive: var(--ramp-white-1000);
    --color-icon-onassistive-secondary: var(--ramp-white-600);
    --color-icon-onassistive-tertiary: var(--ramp-white-400);
    --color-icon-onbrand: var(--ramp-white-1000);
    --color-icon-onbrand-secondary: var(--ramp-white-600);
    --color-icon-onbrand-tertiary: var(--ramp-white-400);
    --color-icon-oncomponent: var(--ramp-white-1000);
    --color-icon-oncomponent-secondary: var(--ramp-white-600);
    --color-icon-oncomponent-tertiary: var(--ramp-white-400);
    --color-icon-ondanger: var(--ramp-white-1000);
    --color-icon-ondanger-secondary: var(--ramp-white-600);
    --color-icon-ondanger-tertiary: var(--ramp-white-400);
    --color-icon-ondesign: var(--ramp-white-1000);
    --color-icon-ondesign-secondary: var(--ramp-white-600);
    --color-icon-ondesign-tertiary: var(--ramp-white-400);
    --color-icon-ondisabled: var(--ramp-white-1000);
    --color-icon-onfigjam: var(--ramp-white-1000);
    --color-icon-onfigjam-secondary: var(--ramp-white-600);
    --color-icon-onfigjam-tertiary: var(--ramp-white-400);
    --color-icon-oninverse: var(--ramp-white-800);
    --color-icon-onmeasure: var(--ramp-white-1000);
    --color-icon-onmeasure-secondary: var(--ramp-white-600);
    --color-icon-onmeasure-tertiary: var(--ramp-white-400);
    --color-icon-onselected: var(--ramp-black-800);
    --color-icon-onselected-secondary: var(--ramp-black-500);
    --color-icon-onselected-strong: var(--ramp-white-1000);
    --color-icon-onselected-tertiary: var(--ramp-black-400);
    --color-icon-onsuccess: var(--ramp-white-1000);
    --color-icon-onsuccess-secondary: var(--ramp-white-600);
    --color-icon-onsuccess-tertiary: var(--ramp-white-400);
    --color-icon-onwarning: var(--ramp-black-800);
    --color-icon-onwarning-secondary: var(--ramp-black-500);
    --color-icon-onwarning-tertiary: var(--ramp-black-400);
    --color-icon-pressed: var(--ramp-blue-600);
    --color-icon-secondary: var(--ramp-black-500);
    --color-icon-secondary-hover: var(--ramp-black-800);
    --color-icon-selected: var(--ramp-blue-600);
    --color-icon-selected-secondary: var(--color-icon-selected);
    --color-icon-selected-tertiary: var(--color-icon-selected);
    --color-icon-success: var(--ramp-green-600);
    --color-icon-success-pressed: var(--ramp-green-700);
    --color-icon-success-secondary: var(--color-icon-success);
    --color-icon-success-tertiary: var(--color-icon-success);
    --color-icon-tertiary: var(--ramp-black-400);
    --color-icon-tertiary-hover: var(--ramp-black-800);
    --color-icon-toolbar: var(--ramp-white-1000);
    --color-icon-toolbar-danger: var(--ramp-red-500);
    --color-icon-toolbar-disabled: var(--ramp-white-400);
    --color-icon-toolbar-hover: var(--ramp-white-1000);
    --color-icon-toolbar-ondisabled: var(--ramp-grey-800);
    --color-icon-toolbar-onselected: var(--ramp-white-1000);
    --color-icon-toolbar-pressed: var(--ramp-blue-500);
    --color-icon-toolbar-secondary: var(--ramp-white-500);
    --color-icon-toolbar-secondary-hover: var(--ramp-white-1000);
    --color-icon-toolbar-selected: var(--ramp-blue-400);
    --color-icon-toolbar-selected-secondary: var(--color-icon-toolbar-selected);
    --color-icon-toolbar-selected-tertiary: var(--color-icon-toolbar-selected);
    --color-icon-toolbar-tertiary: var(--ramp-white-400);
    --color-icon-toolbar-tertiary-hover: var(--ramp-white-1000);
    --color-icon-toolbar-warning: var(--ramp-yellow-500);
    --color-icon-tooltip: var(--ramp-white-1000);
    --color-icon-tooltip-danger: var(--ramp-red-500);
    --color-icon-tooltip-disabled: var(--ramp-white-400);
    --color-icon-tooltip-hover: var(--ramp-white-1000);
    --color-icon-tooltip-ondisabled: var(--ramp-grey-900);
    --color-icon-tooltip-onselected: var(--ramp-white-1000);
    --color-icon-tooltip-pressed: var(--ramp-blue-500);
    --color-icon-tooltip-secondary: var(--ramp-white-500);
    --color-icon-tooltip-secondary-hover: var(--ramp-white-1000);
    --color-icon-tooltip-selected: var(--ramp-blue-400);
    --color-icon-tooltip-selected-secondary: var(--color-icon-tooltip-selected);
    --color-icon-tooltip-selected-tertiary: var(--color-icon-tooltip-selected);
    --color-icon-tooltip-tertiary: var(--ramp-white-400);
    --color-icon-tooltip-tertiary-hover: var(--ramp-white-1000);
    --color-icon-tooltip-warning: var(--ramp-yellow-500);
    --color-icon-warning: var(--ramp-yellow-1000);
    --color-icon-warning-pressed: var(--ramp-yellow-1000);
    --color-icon-warning-secondary: var(--color-icon-warning);
    --color-icon-warning-tertiary: var(--color-icon-warning);
    --color-icondesignfilesecondary: var(--ramp-blue-400);
    --color-iconfavorite: var(--ramp-yellow-500);
    --color-iconfigjamfilesecondary: var(--ramp-purple-400);
    --color-iconondarkcanvas: var(--ramp-white-800);
    --color-icononlightcanvas: var(--ramp-black-800);
    --color-icononvoting: var(--ramp-black-800);
    --color-iconprototypefile: var(--ramp-grey-300);
    --color-iconprototypefilesecondary: var(--ramp-grey-800);
    --color-iconpublishedfile: var(--ramp-grey-800);
    --color-iconpublishedfilesecondary: var(--ramp-grey-500);
    --color-loading: var(--ramp-black-200);
    --color-loadingmenu: var(--ramp-white-200);
    --color-loadingsecondary: var(--ramp-black-100);
    --color-loadingsecondarymenu: var(--ramp-white-100);
    --color-modalbackdrop: var(--ramp-black-500);
    --color-multiplayerblue: var(--ramp-blue-600);
    --color-multiplayerbluehover: var(--ramp-blue-700);
    --color-multiplayerbluesecondary: var(--ramp-blue-800);
    --color-multiplayergreen: var(--ramp-green-500);
    --color-multiplayergreenhover: var(--ramp-green-600);
    --color-multiplayergreensecondary: var(--ramp-green-800);
    --color-multiplayergrey: var(--ramp-pale-blue-500);
    --color-multiplayergreyhover: var(--ramp-pale-blue-600);
    --color-multiplayergreysecondary: var(--ramp-pale-blue-800);
    --color-multiplayerpink: var(--ramp-pink-500);
    --color-multiplayerpinkhover: var(--ramp-pink-600);
    --color-multiplayerpinksecondary: var(--ramp-pink-800);
    --color-multiplayerpurple: var(--ramp-purple-500);
    --color-multiplayerpurplehover: var(--ramp-purple-600);
    --color-multiplayerpurplesecondary: var(--ramp-purple-800);
    --color-multiplayerred: var(--ramp-red-500);
    --color-multiplayerredhover: var(--ramp-red-600);
    --color-multiplayerredsecondary: var(--ramp-red-800);
    --color-multiplayeryellow: var(--ramp-yellow-500);
    --color-multiplayeryellowhover: var(--ramp-yellow-600);
    --color-multiplayeryellowsecondary: var(--ramp-yellow-800);
    --color-nodehandle: var(--ramp-blue-400);
    --color-prototypeloadingbackdrop: var(--ramp-black-800);
    --color-scrollbar: #b3b3b380;
    --color-shadow: #00000026;
    --color-tablenodehoveredprimary: var(--ramp-blue-500);
    --color-tablenodehoveredsecondary: var(--ramp-blue-300);
    --color-tablenodeselected: var(--color-tablenodehoveredprimary);
    --color-text: var(--ramp-black-800);
    --color-text-assistive: var(--ramp-pink-600);
    --color-text-assistive-pressed: var(--ramp-pink-700);
    --color-text-assistive-secondary: var(--color-text-assistive);
    --color-text-assistive-tertiary: var(--color-text-assistive);
    --color-text-brand: var(--ramp-blue-600);
    --color-text-brand-secondary: var(--color-text-brand);
    --color-text-brand-tertiary: var(--color-text-brand);
    --color-text-component: var(--ramp-purple-600);
    --color-text-component-pressed: var(--ramp-purple-700);
    --color-text-component-secondary: var(--ramp-pale-purple-400);
    --color-text-component-tertiary: var(--ramp-pale-purple-400);
    --color-text-danger: var(--ramp-red-600);
    --color-text-danger-secondary: var(--color-text-danger);
    --color-text-danger-tertiary: var(--color-text-danger);
    --color-text-design: var(--ramp-blue-600);
    --color-text-design-pressed: var(--ramp-blue-700);
    --color-text-design-secondary: var(--color-text-design);
    --color-text-design-tertiary: var(--color-text-design);
    --color-text-desktopBackgrounded: var(--ramp-white-500);
    --color-text-desktopBackgrounded-danger: var(--ramp-red-400);
    --color-text-desktopBackgrounded-disabled: var(--ramp-white-400);
    --color-text-desktopBackgrounded-hover: var(--ramp-white-500);
    --color-text-desktopBackgrounded-ondisabled: var(--ramp-grey-700);
    --color-text-desktopBackgrounded-secondary: var(--ramp-white-500);
    --color-text-desktopBackgrounded-secondary-hover: var(--ramp-white-500);
    --color-text-desktopBackgrounded-tertiary: var(--ramp-white-400);
    --color-text-desktopBackgrounded-tertiary-hover: var(--ramp-white-400);
    --color-text-desktopBackgrounded-warning: var(--ramp-yellow-400);
    --color-text-desktopForeground: var(--ramp-white-1000);
    --color-text-desktopForeground-danger: var(--ramp-red-400);
    --color-text-desktopForeground-disabled: var(--ramp-white-400);
    --color-text-desktopForeground-hover: var(--ramp-white-1000);
    --color-text-desktopForeground-ondisabled: var(--ramp-grey-900);
    --color-text-desktopForeground-secondary: var(--ramp-white-500);
    --color-text-desktopForeground-secondary-hover: var(--ramp-white-1000);
    --color-text-desktopForeground-tertiary: var(--ramp-white-400);
    --color-text-desktopForeground-tertiary-hover: var(--ramp-white-1000);
    --color-text-desktopForeground-warning: var(--ramp-yellow-400);
    --color-text-desktopFullscreen: var(--ramp-white-1000);
    --color-text-desktopFullscreen-danger: var(--ramp-red-400);
    --color-text-desktopFullscreen-disabled: var(--ramp-white-400);
    --color-text-desktopFullscreen-hover: var(--ramp-white-1000);
    --color-text-desktopFullscreen-ondisabled: var(--ramp-black-1000);
    --color-text-desktopFullscreen-secondary: var(--ramp-white-500);
    --color-text-desktopFullscreen-secondary-hover: var(--ramp-white-1000);
    --color-text-desktopFullscreen-tertiary: var(--ramp-white-400);
    --color-text-desktopFullscreen-tertiary-hover: var(--ramp-white-1000);
    --color-text-desktopFullscreen-warning: var(--ramp-yellow-400);
    --color-text-disabled: var(--ramp-black-400);
    --color-text-figjam: var(--ramp-purple-600);
    --color-text-figjam-pressed: var(--ramp-purple-700);
    --color-text-figjam-secondary: var(--ramp-pale-purple-400);
    --color-text-figjam-tertiary: var(--ramp-pale-purple-400);
    --color-text-fs: var(--color-text);
    --color-text-fs-assistive: var(--color-text-assistive);
    --color-text-fs-component: var(--color-text-component);
    --color-text-fs-design: var(--color-text-design);
    --color-text-fs-measure: var(--color-text-measure);
    --color-text-fs-onassistive: var(--color-text-onassistive);
    --color-text-fs-oncomponent: var(--color-text-oncomponent);
    --color-text-fs-ondesign: var(--color-text-ondesign);
    --color-text-fs-onmeasure: var(--color-text-onmeasure);
    --color-text-fs-onselected: var(--color-text-onselected);
    --color-text-fs-secondary: var(--color-text-secondary);
    --color-text-fs-selected: var(--color-text-selected);
    --color-text-fs-tertiary: var(--color-text-tertiary);
    --color-text-handoff: var(--ramp-green-600);
    --color-text-handoff-secondary: var(--color-text-handoff);
    --color-text-handoff-tertiary: var(--color-text-handoff);
    --color-text-hover: var(--ramp-black-800);
    --color-text-measure: var(--ramp-red-600);
    --color-text-measure-secondary: var(--color-text-measure);
    --color-text-measure-tertiary: var(--color-text-measure);
    --color-text-menu: var(--ramp-white-1000);
    --color-text-menu-danger: var(--ramp-red-500);
    --color-text-menu-disabled: var(--ramp-white-400);
    --color-text-menu-hover: var(--ramp-white-1000);
    --color-text-menu-ondisabled: var(--ramp-grey-900);
    --color-text-menu-onselected: var(--ramp-white-1000);
    --color-text-menu-secondary: var(--ramp-white-500);
    --color-text-menu-secondary-hover: var(--ramp-white-1000);
    --color-text-menu-selected: var(--ramp-blue-400);
    --color-text-menu-selected-secondary: var(--color-text-menu-selected);
    --color-text-menu-selected-tertiary: var(--color-text-menu-selected);
    --color-text-menu-tertiary: var(--ramp-white-400);
    --color-text-menu-tertiary-hover: var(--ramp-white-1000);
    --color-text-menu-warning: var(--ramp-yellow-400);
    --color-text-onassistive: var(--ramp-white-1000);
    --color-text-onassistive-secondary: var(--ramp-white-600);
    --color-text-onassistive-tertiary: var(--ramp-white-400);
    --color-text-onbrand: var(--ramp-white-1000);
    --color-text-onbrand-secondary: var(--ramp-white-600);
    --color-text-onbrand-tertiary: var(--ramp-white-400);
    --color-text-oncomponent: var(--ramp-white-1000);
    --color-text-oncomponent-secondary: var(--ramp-white-600);
    --color-text-oncomponent-tertiary: var(--ramp-white-400);
    --color-text-ondanger: var(--ramp-white-1000);
    --color-text-ondanger-secondary: var(--ramp-white-600);
    --color-text-ondanger-tertiary: var(--ramp-white-400);
    --color-text-ondesign: var(--ramp-white-1000);
    --color-text-ondesign-secondary: var(--ramp-white-600);
    --color-text-ondesign-tertiary: var(--ramp-white-400);
    --color-text-ondisabled: var(--ramp-white-1000);
    --color-text-onfigjam: var(--ramp-white-1000);
    --color-text-onfigjam-secondary: var(--ramp-white-600);
    --color-text-onfigjam-tertiary: var(--ramp-white-400);
    --color-text-oninverse: var(--ramp-white-800);
    --color-text-onmeasure: var(--ramp-white-1000);
    --color-text-onmeasure-secondary: var(--ramp-white-600);
    --color-text-onmeasure-tertiary: var(--ramp-white-400);
    --color-text-onselected: var(--ramp-black-800);
    --color-text-onselected-secondary: var(--ramp-black-500);
    --color-text-onselected-strong: var(--ramp-white-1000);
    --color-text-onselected-tertiary: var(--ramp-black-400);
    --color-text-onsuccess: var(--ramp-white-1000);
    --color-text-onsuccess-secondary: var(--ramp-white-600);
    --color-text-onsuccess-tertiary: var(--ramp-white-400);
    --color-text-onwarning: var(--ramp-black-800);
    --color-text-onwarning-secondary: var(--ramp-black-500);
    --color-text-onwarning-tertiary: var(--ramp-black-400);
    --color-text-secondary: var(--ramp-black-500);
    --color-text-secondary-hover: var(--ramp-black-800);
    --color-text-selected: var(--ramp-blue-600);
    --color-text-selected-secondary: var(--color-text-selected);
    --color-text-selected-tertiary: var(--color-text-selected);
    --color-text-success: var(--ramp-green-600);
    --color-text-success-secondary: var(--color-text-success);
    --color-text-success-tertiary: var(--color-text-success);
    --color-text-tertiary: var(--ramp-black-400);
    --color-text-tertiary-hover: var(--ramp-black-800);
    --color-text-toolbar: var(--ramp-white-1000);
    --color-text-toolbar-danger: var(--ramp-red-400);
    --color-text-toolbar-disabled: var(--ramp-white-400);
    --color-text-toolbar-hover: var(--ramp-white-1000);
    --color-text-toolbar-ondisabled: var(--ramp-grey-800);
    --color-text-toolbar-onselected: var(--ramp-white-1000);
    --color-text-toolbar-secondary: var(--ramp-white-500);
    --color-text-toolbar-secondary-hover: var(--ramp-white-1000);
    --color-text-toolbar-selected: var(--ramp-blue-400);
    --color-text-toolbar-selected-secondary: var(--color-text-toolbar-selected);
    --color-text-toolbar-selected-tertiary: var(--color-text-toolbar-selected);
    --color-text-toolbar-tertiary: var(--ramp-white-400);
    --color-text-toolbar-tertiary-hover: var(--ramp-white-1000);
    --color-text-toolbar-warning: var(--ramp-yellow-400);
    --color-text-tooltip: var(--ramp-white-1000);
    --color-text-tooltip-danger: var(--ramp-red-400);
    --color-text-tooltip-disabled: var(--ramp-white-400);
    --color-text-tooltip-hover: var(--ramp-white-1000);
    --color-text-tooltip-ondisabled: var(--ramp-grey-900);
    --color-text-tooltip-onselected: var(--ramp-white-1000);
    --color-text-tooltip-secondary: var(--ramp-white-500);
    --color-text-tooltip-secondary-hover: var(--ramp-white-1000);
    --color-text-tooltip-selected: var(--ramp-blue-400);
    --color-text-tooltip-selected-secondary: var(--color-text-tooltip-selected);
    --color-text-tooltip-selected-tertiary: var(--color-text-tooltip-selected);
    --color-text-tooltip-tertiary: var(--ramp-white-400);
    --color-text-tooltip-tertiary-hover: var(--ramp-white-1000);
    --color-text-tooltip-warning: var(--ramp-yellow-400);
    --color-text-warning: var(--ramp-yellow-1000);
    --color-text-warning-secondary: var(--color-text-warning);
    --color-text-warning-tertiary: var(--color-text-warning);
    --color-texthighlight: #0d99ff66;
    --color-textondarkcanvas: var(--ramp-white-800);
    --color-textondarkcanvassecondary: var(--ramp-white-500);
    --color-textoninspectpadding: var(--ramp-white-1000);
    --color-textoninspectspacing: var(--ramp-white-1000);
    --color-textonlightcanvas: var(--ramp-black-800);
    --color-textonlightcanvassecondary: var(--ramp-black-400);
    --color-textonmultiplayerblue: var(--ramp-white-1000);
    --color-textonmultiplayergreen: var(--ramp-white-1000);
    --color-textonmultiplayergrey: var(--ramp-white-1000);
    --color-textonmultiplayerpink: var(--ramp-white-1000);
    --color-textonmultiplayerpurple: var(--ramp-white-1000);
    --color-textonmultiplayerred: var(--ramp-white-1000);
    --color-textonmultiplayeryellow: var(--ramp-black-800);
    --color-textonvoting: var(--ramp-black-800);
    --elevation-100: 0 1px 3px 0 #00000026, 0 0 .5px 0 #0000004d;
    --elevation-200: 0 1px 3px 0 #0000001a, 0 3px 8px 0 #0000001a, 0 0 .5px 0 #0000002e;
    --elevation-300: 0 1px 3px 0 #0000001a, 0 5px 12px 0 #00000021, 0 0 .5px 0 #00000026;
    --elevation-400: 0 2px 5px 0 #00000026, 0 10px 16px 0 #0000001f, 0 0 .5px 0 #0000001f;
    --elevation-500: 0 2px 5px 0 #00000026, 0 10px 24px 0 #0000002e, 0 0 .5px 0 #00000014;
    --ramp-black-100: #0000000d;
    --ramp-black-200: #0000001a;
    --ramp-black-300: #00000033;
    --ramp-black-400: #0000004d;
    --ramp-black-500: #00000080;
    --ramp-black-600: #000000cc;
    --ramp-black-700: #000000d9;
    --ramp-black-800: #000000e5;
    --ramp-black-900: #000000f2;
    --ramp-black-1000: #000000;
    --ramp-blue-100: #f2f9ff;
    --ramp-blue-200: #e5f4ff;
    --ramp-blue-300: #bde3ff;
    --ramp-blue-400: #80caff;
    --ramp-blue-500: #0d99ff;
    --ramp-blue-600: #007be5;
    --ramp-blue-700: #0768cf;
    --ramp-blue-800: #034ac1;
    --ramp-blue-900: #093077;
    --ramp-blue-1000: #0d193f;
    --ramp-green-100: #edfcf0;
    --ramp-green-200: #d5f7da;
    --ramp-green-300: #aff4c6;
    --ramp-green-400: #85e0a3;
    --ramp-green-500: #14ae5c;
    --ramp-green-600: #009951;
    --ramp-green-700: #008043;
    --ramp-green-800: #036838;
    --ramp-green-900: #024626;
    --ramp-green-1000: #083a23;
    --ramp-grey-100: #f5f5f5;
    --ramp-grey-200: #e6e6e6;
    --ramp-grey-300: #d9d9d9;
    --ramp-grey-400: #b3b3b3;
    --ramp-grey-500: #757575;
    --ramp-grey-600: #444444;
    --ramp-grey-700: #383838;
    --ramp-grey-800: #2c2c2c;
    --ramp-grey-900: #1e1e1e;
    --ramp-grey-1000: #111111;
    --ramp-orange-100: #fff4e5;
    --ramp-orange-200: #ffe0c2;
    --ramp-orange-300: #fcd19c;
    --ramp-orange-400: #ffc470;
    --ramp-orange-500: #ffa629;
    --ramp-orange-600: #fc9e24;
    --ramp-orange-700: #f79722;
    --ramp-orange-800: #dd7c0e;
    --ramp-orange-900: #ce7012;
    --ramp-orange-1000: #8a480f;
    --ramp-pale-blue-100: #f1f5f8;
    --ramp-pale-blue-200: #e3ecf2;
    --ramp-pale-blue-300: #d2dae4;
    --ramp-pale-blue-400: #afbccf;
    --ramp-pale-blue-500: #667799;
    --ramp-pale-blue-600: #536383;
    --ramp-pale-blue-700: #4a5878;
    --ramp-pale-blue-800: #394360;
    --ramp-pale-blue-900: #252d41;
    --ramp-pale-blue-1000: #121721;
    --ramp-pale-green-100: #f1f8f2;
    --ramp-pale-green-200: #daecdf;
    --ramp-pale-green-300: #c3e0cc;
    --ramp-pale-green-400: #9fc1aa;
    --ramp-pale-green-500: #678e79;
    --ramp-pale-green-600: #5c806d;
    --ramp-pale-green-700: #517361;
    --ramp-pale-green-800: #476656;
    --ramp-pale-green-900: #2f483c;
    --ramp-pale-green-1000: #172b22;
    --ramp-pale-persimmon-100: #faefeb;
    --ramp-pale-persimmon-200: #f8e9e2;
    --ramp-pale-persimmon-300: #f3d6c9;
    --ramp-pale-persimmon-400: #ebb49d;
    --ramp-pale-persimmon-500: #d4693b;
    --ramp-pale-persimmon-600: #a55e40;
    --ramp-pale-persimmon-700: #864e37;
    --ramp-pale-persimmon-800: #603a2a;
    --ramp-pale-persimmon-900: #412b21;
    --ramp-pale-persimmon-1000: #1f1714;
    --ramp-pale-pink-100: #f6eef4;
    --ramp-pale-pink-200: #f2e3ee;
    --ramp-pale-pink-300: #e8cee1;
    --ramp-pale-pink-400: #daaace;
    --ramp-pale-pink-500: #ab5998;
    --ramp-pale-pink-600: #86507a;
    --ramp-pale-pink-700: #724667;
    --ramp-pale-pink-800: #51344a;
    --ramp-pale-pink-900: #33252f;
    --ramp-pale-pink-1000: #1b1318;
    --ramp-pale-purple-100: #f4f1f8;
    --ramp-pale-purple-200: #ede7f3;
    --ramp-pale-purple-300: #e0d4ed;
    --ramp-pale-purple-400: #c5b2dc;
    --ramp-pale-purple-500: #7f699b;
    --ramp-pale-purple-600: #6b5884;
    --ramp-pale-purple-700: #604d75;
    --ramp-pale-purple-800: #473956;
    --ramp-pale-purple-900: #33293d;
    --ramp-pale-purple-1000: #1a141f;
    --ramp-pale-red-100: #faedeb;
    --ramp-pale-red-200: #f8e5e2;
    --ramp-pale-red-300: #f3cfc9;
    --ramp-pale-red-400: #eba99d;
    --ramp-pale-red-500: #d4583b;
    --ramp-pale-red-600: #a55440;
    --ramp-pale-red-700: #864537;
    --ramp-pale-red-800: #60332a;
    --ramp-pale-red-900: #412621;
    --ramp-pale-red-1000: #1f1514;
    --ramp-pale-teal-100: #f1f6f8;
    --ramp-pale-teal-200: #e3eef2;
    --ramp-pale-teal-300: #cedee4;
    --ramp-pale-teal-400: #a3c2cc;
    --ramp-pale-teal-500: #518394;
    --ramp-pale-teal-600: #436c7a;
    --ramp-pale-teal-700: #3c606d;
    --ramp-pale-teal-800: #2f4c56;
    --ramp-pale-teal-900: #1f3238;
    --ramp-pale-teal-1000: #101a1e;
    --ramp-pale-violet-100: #f1f1f8;
    --ramp-pale-violet-200: #e7e7f3;
    --ramp-pale-violet-300: #d4d4ed;
    --ramp-pale-violet-400: #b3b2dc;
    --ramp-pale-violet-500: #6a699b;
    --ramp-pale-violet-600: #595884;
    --ramp-pale-violet-700: #4e4d75;
    --ramp-pale-violet-800: #393956;
    --ramp-pale-violet-900: #29293d;
    --ramp-pale-violet-1000: #14141f;
    --ramp-pale-yellow-100: #fff5eb;
    --ramp-pale-yellow-200: #fdeece;
    --ramp-pale-yellow-300: #f5dfa8;
    --ramp-pale-yellow-400: #e8cd7d;
    --ramp-pale-yellow-500: #ad7f00;
    --ramp-pale-yellow-600: #906800;
    --ramp-pale-yellow-700: #7a5800;
    --ramp-pale-yellow-800: #5c4100;
    --ramp-pale-yellow-900: #3a2a10;
    --ramp-pale-yellow-1000: #211a12;
    --ramp-persimmon-100: #fff2eb;
    --ramp-persimmon-200: #ffdfcc;
    --ramp-persimmon-300: #ffbb9e;
    --ramp-persimmon-400: #ffa27a;
    --ramp-persimmon-500: #ff5c16;
    --ramp-persimmon-600: #e24c0c;
    --ramp-persimmon-700: #c53e0d;
    --ramp-persimmon-800: #aa370d;
    --ramp-persimmon-900: #842d0b;
    --ramp-persimmon-1000: #611d0a;
    --ramp-pink-100: #fff0fe;
    --ramp-pink-200: #ffe0fc;
    --ramp-pink-300: #ffbdf2;
    --ramp-pink-400: #ff99e0;
    --ramp-pink-500: #ff24bd;
    --ramp-pink-600: #ea10ac;
    --ramp-pink-700: #cb0b96;
    --ramp-pink-800: #971172;
    --ramp-pink-900: #5f114c;
    --ramp-pink-1000: #451138;
    --ramp-purple-100: #f9f5ff;
    --ramp-purple-200: #f1e5ff;
    --ramp-purple-300: #e4ccff;
    --ramp-purple-400: #d9b8ff;
    --ramp-purple-500: #9747ff;
    --ramp-purple-600: #8638e5;
    --ramp-purple-700: #7c2bda;
    --ramp-purple-800: #681abb;
    --ramp-purple-900: #4b0d87;
    --ramp-purple-1000: #2d0f46;
    --ramp-red-100: #fff5f5;
    --ramp-red-200: #ffe2e0;
    --ramp-red-300: #ffc7c2;
    --ramp-red-400: #ffafa3;
    --ramp-red-500: #f24822;
    --ramp-red-600: #dc3412;
    --ramp-red-700: #bd2915;
    --ramp-red-800: #9f1f18;
    --ramp-red-900: #771208;
    --ramp-red-1000: #660e0b;
    --ramp-teal-100: #ebfbff;
    --ramp-teal-200: #cef0f8;
    --ramp-teal-300: #b6ecf7;
    --ramp-teal-400: #75d7f0;
    --ramp-teal-500: #00a2c2;
    --ramp-teal-600: #0087a8;
    --ramp-teal-700: #047195;
    --ramp-teal-800: #085a78;
    --ramp-teal-900: #093c53;
    --ramp-teal-1000: #0e2f43;
    --ramp-violet-100: #f5f5ff;
    --ramp-violet-200: #ebebff;
    --ramp-violet-300: #d3d1ff;
    --ramp-violet-400: #b4b2ff;
    --ramp-violet-500: #4d49fc;
    --ramp-violet-600: #443deb;
    --ramp-violet-700: #3d32e2;
    --ramp-violet-800: #3620df;
    --ramp-violet-900: #2f15ac;
    --ramp-violet-1000: #1d1254;
    --ramp-white-100: #ffffff0d;
    --ramp-white-200: #ffffff1a;
    --ramp-white-300: #ffffff33;
    --ramp-white-400: #ffffff66;
    --ramp-white-500: #ffffffb2;
    --ramp-white-600: #ffffffcc;
    --ramp-white-700: #ffffffd9;
    --ramp-white-800: #ffffffe5;
    --ramp-white-900: #fffffff2;
    --ramp-white-1000: #ffffff;
    --ramp-yellow-100: #fffbeb;
    --ramp-yellow-200: #fff1c2;
    --ramp-yellow-300: #ffe8a3;
    --ramp-yellow-400: #ffd966;
    --ramp-yellow-500: #ffcd29;
    --ramp-yellow-600: #ffc21a;
    --ramp-yellow-700: #fab815;
    --ramp-yellow-800: #eba611;
    --ramp-yellow-900: #dd940e;
    --ramp-yellow-1000: #b86200
}

[data-fpl-selected=true],
[data-fpl-selected=false]:hover,
[data-fpl-selected=focus]:focus-within {
    --color-bg: var(--color-bg-onselected);
    --color-bg-hover: var(--color-bg-selected-hover);
    --color-bg-pressed: var(--color-bg-onselected-pressed);
    --color-bg-secondary: var(--color-bg-selected-secondary);
    --color-bg-tertiary: var(--color-bg-selected-tertiary);
    --color-bghovertransparent: var(--color-bg-selected-hover);
    --color-border: var(--color-border-onselected);
    --color-border-component: var(--color-border-component-selected);
    --color-border-menu-strong: var(--color-border-menu-onselected-strong);
    --color-icon: var(--color-icon-onselected);
    --color-icon-secondary: var(--color-icon-onselected-secondary);
    --color-icon-tertiary: var(--color-icon-onselected-tertiary);
    --color-text: var(--color-text-onselected);
    --color-text-menu: var(--color-text-menu-onselected);
    --color-text-secondary: var(--color-text-onselected-secondary);
    --color-text-tertiary: var(--color-text-onselected-tertiary)
}

[data-preferred-theme=light][data-editor-theme=whiteboard],
:where([data-preferred-theme=light] [data-editor-theme=whiteboard]) {
    --color-bg: var(--ramp-white-1000);
    --color-bg-assistive: var(--ramp-pink-500);
    --color-bg-assistive-hover: var(--ramp-pink-600);
    --color-bg-assistive-pressed: var(--ramp-pink-600);
    --color-bg-assistive-secondary: var(--ramp-pink-700);
    --color-bg-assistive-tertiary: var(--ramp-pink-200);
    --color-bg-brand: var(--ramp-purple-500);
    --color-bg-brand-hover: var(--ramp-purple-600);
    --color-bg-brand-pressed: var(--ramp-purple-600);
    --color-bg-brand-secondary: var(--ramp-purple-700);
    --color-bg-brand-tertiary: var(--ramp-purple-200);
    --color-bg-component: var(--ramp-purple-500);
    --color-bg-component-hover: var(--ramp-purple-600);
    --color-bg-component-pressed: var(--ramp-purple-600);
    --color-bg-component-secondary: var(--ramp-purple-700);
    --color-bg-component-tertiary: var(--ramp-purple-200);
    --color-bg-component-tertiary-hover: var(--ramp-purple-300);
    --color-bg-danger: var(--ramp-red-500);
    --color-bg-danger-hover: var(--ramp-red-600);
    --color-bg-danger-pressed: var(--ramp-red-600);
    --color-bg-danger-secondary: var(--ramp-red-700);
    --color-bg-danger-tertiary: var(--ramp-red-200);
    --color-bg-design: var(--ramp-blue-500);
    --color-bg-design-hover: var(--ramp-blue-600);
    --color-bg-design-pressed: var(--ramp-blue-600);
    --color-bg-design-secondary: var(--ramp-blue-700);
    --color-bg-design-tertiary: var(--ramp-blue-200);
    --color-bg-desktopBackgrounded: var(--ramp-grey-700);
    --color-bg-desktopBackgrounded-disabled: var(--ramp-grey-500);
    --color-bg-desktopBackgrounded-hover: var(--ramp-grey-600);
    --color-bg-desktopBackgrounded-pressed: var(--ramp-grey-800);
    --color-bg-desktopBackgrounded-secondary: var(--ramp-grey-700);
    --color-bg-desktopBackgrounded-tertiary: var(--ramp-grey-600);
    --color-bg-desktopForeground: var(--ramp-grey-900);
    --color-bg-desktopForeground-disabled: var(--ramp-grey-500);
    --color-bg-desktopForeground-hover: var(--ramp-grey-800);
    --color-bg-desktopForeground-pressed: var(--ramp-grey-800);
    --color-bg-desktopForeground-secondary: var(--ramp-grey-700);
    --color-bg-desktopForeground-tertiary: var(--ramp-grey-600);
    --color-bg-desktopFullscreen: var(--ramp-black-1000);
    --color-bg-desktopFullscreen-disabled: var(--ramp-grey-500);
    --color-bg-desktopFullscreen-hover: var(--ramp-grey-900);
    --color-bg-desktopFullscreen-pressed: var(--ramp-grey-900);
    --color-bg-desktopFullscreen-secondary: var(--ramp-grey-700);
    --color-bg-desktopFullscreen-tertiary: var(--ramp-grey-600);
    --color-bg-disabled: var(--ramp-grey-300);
    --color-bg-disabled-secondary: var(--ramp-grey-400);
    --color-bg-elevated: var(--ramp-white-1000);
    --color-bg-elevated-hover: var(--ramp-grey-100);
    --color-bg-figjam: var(--ramp-purple-500);
    --color-bg-figjam-hover: var(--ramp-purple-600);
    --color-bg-figjam-pressed: var(--ramp-purple-600);
    --color-bg-figjam-secondary: var(--ramp-purple-700);
    --color-bg-figjam-tertiary: var(--ramp-purple-200);
    --color-bg-fs: var(--color-bg);
    --color-bg-fs-assistive: var(--color-bg-assistive);
    --color-bg-fs-assistive-secondary: var(--color-bg-assistive-secondary);
    --color-bg-fs-assistive-tertiary: var(--color-bg-assistive-tertiary);
    --color-bg-fs-component: var(--color-bg-component);
    --color-bg-fs-component-secondary: var(--color-bg-component-secondary);
    --color-bg-fs-component-tertiary: var(--color-bg-component-tertiary);
    --color-bg-fs-design: var(--color-bg-design);
    --color-bg-fs-design-secondary: var(--color-bg-design-secondary);
    --color-bg-fs-design-tertiary: var(--color-bg-design-tertiary);
    --color-bg-fs-measure: var(--color-bg-figjam);
    --color-bg-fs-measure-hover: var(--color-bg-measure-hover);
    --color-bg-fs-measure-secondary: var(--color-bg-measure-secondary);
    --color-bg-fs-measure-tertiary: var(--color-bg-measure-tertiary);
    --color-bg-fs-selected: var(--color-bg-selected);
    --color-bg-fs-selected-secondary: var(--color-bg-selected-secondary);
    --color-bg-fs-tertiary: var(--color-bg-tertiary);
    --color-bg-handoff: var(--ramp-green-500);
    --color-bg-handoff-hover: var(--ramp-green-600);
    --color-bg-handoff-pressed: var(--ramp-green-600);
    --color-bg-handoff-secondary: var(--ramp-green-700);
    --color-bg-handoff-tertiary: var(--ramp-pale-green-200);
    --color-bg-hover: var(--ramp-grey-100);
    --color-bg-info: var(--ramp-purple-200);
    --color-bg-inverse: var(--ramp-grey-800);
    --color-bg-measure: var(--ramp-red-500);
    --color-bg-measure-hover: var(--ramp-red-600);
    --color-bg-measure-pressed: var(--ramp-red-600);
    --color-bg-measure-secondary: var(--ramp-red-700);
    --color-bg-measure-tertiary: var(--ramp-red-200);
    --color-bg-menu: var(--ramp-grey-900);
    --color-bg-menu-disabled: var(--ramp-grey-500);
    --color-bg-menu-hover: var(--ramp-grey-800);
    --color-bg-menu-pressed: var(--ramp-grey-800);
    --color-bg-menu-secondary: var(--ramp-grey-700);
    --color-bg-menu-selected: var(--ramp-purple-500);
    --color-bg-menu-selected-hover: var(--ramp-purple-600);
    --color-bg-menu-selected-pressed: var(--ramp-purple-600);
    --color-bg-menu-selected-secondary: var(--ramp-pale-purple-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-purple-800);
    --color-bg-menu-tertiary: var(--ramp-grey-600);
    --color-bg-onselected: var(--ramp-purple-300);
    --color-bg-onselected-hover: var(--color-bg-onselected);
    --color-bg-onselected-pressed: var(--color-bg-onselected);
    --color-bg-pressed: var(--ramp-grey-100);
    --color-bg-secondary: var(--ramp-grey-100);
    --color-bg-secondary-hover: var(--ramp-grey-200);
    --color-bg-secondary-pressed: var(--ramp-grey-200);
    --color-bg-selected: var(--ramp-purple-200);
    --color-bg-selected-hover: var(--ramp-purple-300);
    --color-bg-selected-pressed: var(--ramp-purple-300);
    --color-bg-selected-secondary: var(--ramp-purple-100);
    --color-bg-selected-strong: var(--ramp-purple-500);
    --color-bg-selected-tertiary: var(--ramp-purple-100);
    --color-bg-strong-hover: var(--ramp-purple-600);
    --color-bg-strong-pressed: var(--ramp-purple-600);
    --color-bg-success: var(--ramp-green-500);
    --color-bg-success-hover: var(--ramp-green-600);
    --color-bg-success-pressed: var(--ramp-green-600);
    --color-bg-success-secondary: var(--ramp-green-700);
    --color-bg-success-tertiary: var(--ramp-green-200);
    --color-bg-tertiary: var(--ramp-grey-200);
    --color-bg-toolbar: var(--ramp-white-1000);
    --color-bg-toolbar-disabled: var(--ramp-grey-300);
    --color-bg-toolbar-hover: var(--ramp-grey-100);
    --color-bg-toolbar-pressed: var(--ramp-grey-100);
    --color-bg-toolbar-secondary: var(--ramp-grey-100);
    --color-bg-toolbar-selected: var(--ramp-purple-500);
    --color-bg-toolbar-selected-hover: var(--ramp-purple-600);
    --color-bg-toolbar-selected-pressed: var(--ramp-purple-600);
    --color-bg-toolbar-selected-secondary: var(--ramp-purple-700);
    --color-bg-toolbar-selected-tertiary: var(--color-bg-toolbar-selected);
    --color-bg-toolbar-tertiary: var(--ramp-grey-200);
    --color-bg-tooltip: var(--ramp-grey-900);
    --color-bg-tooltip-disabled: var(--ramp-grey-500);
    --color-bg-tooltip-hover: var(--ramp-grey-800);
    --color-bg-tooltip-pressed: var(--ramp-grey-800);
    --color-bg-tooltip-secondary: var(--ramp-grey-700);
    --color-bg-tooltip-selected: var(--ramp-purple-500);
    --color-bg-tooltip-selected-hover: var(--ramp-purple-600);
    --color-bg-tooltip-selected-pressed: var(--ramp-purple-600);
    --color-bg-tooltip-selected-secondary: var(--ramp-pale-purple-800);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-purple-800);
    --color-bg-tooltip-tertiary: var(--ramp-grey-600);
    --color-bg-transparent-hover: var(--ramp-black-100);
    --color-bg-transparent-pressed: var(--ramp-black-200);
    --color-bg-warning: var(--ramp-yellow-500);
    --color-bg-warning-hover: var(--ramp-yellow-600);
    --color-bg-warning-pressed: var(--ramp-yellow-600);
    --color-bg-warning-secondary: var(--ramp-yellow-700);
    --color-bg-warning-tertiary: var(--ramp-yellow-200);
    --color-bghoverondarkcanvas: var(--ramp-white-300);
    --color-bghoveronlightcanvas: var(--ramp-black-300);
    --color-bghovertransparent: var(--ramp-black-100);
    --color-bginspectpadding: var(--ramp-blue-500);
    --color-bginspectpaddingtertiary: var(--ramp-blue-200);
    --color-bginspectspacing: var(--ramp-pink-500);
    --color-bgsecondaryoncanvas: var(--ramp-grey-200);
    --color-bgselectedarea: #974aff33;
    --color-bgtransparent: #ffffff99;
    --color-bgtransparent-secondary-hover: var(--ramp-black-200);
    --color-bgtransparent-secondary-pressed: #00000026;
    --color-bgtransparentsecondary: #ffffff;
    --color-bgvoting: var(--ramp-yellow-500);
    --color-bgvotingsecondary: var(--ramp-yellow-200);
    --color-bgvotingtertiary: var(--ramp-yellow-100);
    --color-bgvotingwheeldial: var(--ramp-yellow-100);
    --color-bgvotingwheelhover: var(--ramp-yellow-200);
    --color-border: var(--ramp-grey-200);
    --color-border-assistive: var(--ramp-pink-300);
    --color-border-assistive-strong: var(--ramp-pink-600);
    --color-border-brand: var(--ramp-purple-300);
    --color-border-brand-strong: var(--ramp-purple-600);
    --color-border-component: var(--ramp-purple-300);
    --color-border-component-hover: var(--ramp-purple-500);
    --color-border-component-selected: var(--ramp-purple-600);
    --color-border-component-strong: var(--ramp-purple-600);
    --color-border-danger: var(--ramp-red-300);
    --color-border-danger-strong: var(--ramp-red-600);
    --color-border-design: var(--ramp-blue-300);
    --color-border-design-strong: var(--ramp-blue-600);
    --color-border-desktopBackgrounded: var(--ramp-grey-600);
    --color-border-desktopBackgrounded-disabled: var(--ramp-grey-700);
    --color-border-desktopBackgrounded-strong: var(--ramp-white-500);
    --color-border-desktopForeground: var(--ramp-grey-700);
    --color-border-desktopForeground-disabled: var(--ramp-grey-700);
    --color-border-desktopForeground-strong: var(--ramp-white-1000);
    --color-border-desktopFullscreen: var(--ramp-grey-900);
    --color-border-desktopFullscreen-disabled: var(--ramp-grey-900);
    --color-border-desktopFullscreen-strong: var(--ramp-white-1000);
    --color-border-disabled: var(--ramp-grey-200);
    --color-border-disabled-strong: var(--ramp-black-400);
    --color-border-figjam: var(--ramp-purple-300);
    --color-border-figjam-strong: var(--ramp-purple-600);
    --color-border-fs: var(--color-border);
    --color-border-fs-assistive: var(--color-border-assistive);
    --color-border-fs-assistive-strong: var(--ramp-pink-500);
    --color-border-fs-component: var(--ramp-purple-300);
    --color-border-fs-component-strong: var(--color-bg-fs-component);
    --color-border-fs-design: var(--ramp-blue-300);
    --color-border-fs-design-strong: var(--color-bg-fs-design);
    --color-border-fs-measure: var(--color-border-measure);
    --color-border-fs-measure-strong: var(--ramp-red-500);
    --color-border-fs-onassistive: var(--color-border-onassistive);
    --color-border-fs-onassistive-strong: var(--color-border-onassistive-strong);
    --color-border-fs-oncomponent: var(--color-border-oncomponent);
    --color-border-fs-oncomponent-strong: var(--color-border-oncomponent-strong);
    --color-border-fs-ondesign: var(--color-border-ondesign);
    --color-border-fs-ondesign-strong: var(--color-border-ondesign-strong);
    --color-border-fs-onmeasure: var(--color-border-onmeasure);
    --color-border-fs-onmeasure-strong: var(--color-border-onmeasure-strong);
    --color-border-fs-onselected: var(--color-border-onselected);
    --color-border-fs-onselected-strong: var(--color-border-onselected-strong);
    --color-border-fs-selected: var(--color-border-selected);
    --color-border-fs-selected-strong: var(--color-border-selected-strong);
    --color-border-fs-strong: var(--color-border-strong);
    --color-border-handoff: var(--ramp-green-300);
    --color-border-handoff-strong: var(--ramp-green-600);
    --color-border-measure: var(--ramp-red-300);
    --color-border-measure-strong: var(--ramp-red-600);
    --color-border-menu: var(--ramp-grey-700);
    --color-border-menu-disabled: var(--ramp-grey-700);
    --color-border-menu-disabled-strong: var(--ramp-grey-700);
    --color-border-menu-onselected: var(--ramp-purple-400);
    --color-border-menu-onselected-strong: var(--ramp-white-1000);
    --color-border-menu-selected: var(--ramp-purple-500);
    --color-border-menu-selected-strong: var(--ramp-purple-400);
    --color-border-menu-strong: var(--ramp-white-1000);
    --color-border-onassistive: var(--ramp-pink-600);
    --color-border-onassistive-strong: var(--ramp-white-1000);
    --color-border-onbrand: var(--ramp-purple-600);
    --color-border-onbrand-strong: var(--ramp-white-1000);
    --color-border-oncomponent: var(--ramp-purple-600);
    --color-border-oncomponent-strong: var(--ramp-white-1000);
    --color-border-ondanger: var(--ramp-red-600);
    --color-border-ondanger-strong: var(--ramp-white-1000);
    --color-border-ondesign: var(--ramp-blue-600);
    --color-border-ondesign-strong: var(--ramp-white-1000);
    --color-border-onfigjam: var(--ramp-purple-600);
    --color-border-onfigjam-strong: var(--ramp-purple-600);
    --color-border-onmeasure: var(--ramp-red-600);
    --color-border-onmeasure-strong: var(--ramp-white-1000);
    --color-border-onselected: var(--ramp-purple-300);
    --color-border-onselected-strong: var(--ramp-black-800);
    --color-border-onsuccess: var(--ramp-green-600);
    --color-border-onsuccess-strong: var(--ramp-white-1000);
    --color-border-onwarning: var(--ramp-yellow-700);
    --color-border-onwarning-strong: var(--ramp-black-800);
    --color-border-selected: var(--ramp-purple-500);
    --color-border-selected-strong: var(--ramp-purple-600);
    --color-border-strong: var(--ramp-grey-800);
    --color-border-success: var(--ramp-pale-green-300);
    --color-border-success-strong: var(--ramp-green-600);
    --color-border-toolbar: var(--ramp-grey-200);
    --color-border-toolbar-disabled: var(--ramp-grey-200);
    --color-border-toolbar-onselected: var(--ramp-white-1000);
    --color-border-toolbar-selected: var(--ramp-purple-500);
    --color-border-toolbar-selected-strong: var(--ramp-purple-400);
    --color-border-toolbar-strong: var(--ramp-grey-800);
    --color-border-tooltip: var(--ramp-grey-700);
    --color-border-tooltip-disabled: var(--ramp-grey-700);
    --color-border-tooltip-disabled-strong: var(--ramp-grey-700);
    --color-border-tooltip-onselected: var(--ramp-purple-600);
    --color-border-tooltip-onselected-strong: var(--ramp-white-1000);
    --color-border-tooltip-selected: var(--ramp-purple-500);
    --color-border-tooltip-selected-strong: var(--ramp-purple-400);
    --color-border-tooltip-strong: var(--ramp-white-1000);
    --color-border-warning: var(--ramp-pale-yellow-300);
    --color-border-warning-strong: var(--ramp-yellow-1000);
    --color-borderinspectpadding: var(--ramp-blue-500);
    --color-borderinspectspacing: var(--ramp-pink-500);
    --color-borderplacecrosshair: var(--ramp-white-200);
    --color-borderselectedec: #ffffff00;
    --color-bordertranslucent: var(--ramp-black-200);
    --color-bordertranslucentstrong: var(--ramp-black-300);
    --color-code: var(--ramp-black-800);
    --color-codeaccent: var(--ramp-orange-900);
    --color-codeattribute: var(--ramp-black-800);
    --color-codeclassname: var(--ramp-blue-600);
    --color-codecomment: var(--ramp-black-500);
    --color-codeproperty: var(--ramp-black-800);
    --color-codestring: var(--ramp-blue-600);
    --color-codestylename: var(--ramp-blue-600);
    --color-codetag: var(--ramp-purple-600);
    --color-codevalue: var(--ramp-pink-600);
    --color-codevariable: var(--ramp-green-600);
    --color-conditionalborder: #ffffff00;
    --color-fsAutoFillHighlight: #0d99ff33;
    --color-fsBorderDesignShadowStrong: var(--ramp-blue-600);
    --color-fsBorderPlaceholder: var(--ramp-grey-500);
    --color-fsBorderSelectedImmutableNode: var(--ramp-blue-500);
    --color-fsBorderSelectedImmutableNodeSecondary: var(--ramp-blue-300);
    --color-fsCanvasDefaultFill: var(--ramp-grey-100);
    --color-fsCodeNodeBorder: var(--ramp-green-500);
    --color-fsCodeNodeBorderSecondary: var(--color-fsCodeNodeBorder);
    --color-fsCodeNodeTextErrorOnDarkCanvas: var(--color-border-ondanger);
    --color-fsCodeNodeTextErrorOnLightCanvas: var(--color-border-ondanger);
    --color-fsCodeNodeTextOnDarkCanvas: var(--color-fsCodeNodeBorder);
    --color-fsCodeNodeTextOnLightCanvas: var(--color-fsCodeNodeBorder);
    --color-fsDevHandoffAutolayoutPadding: var(--ramp-blue-400);
    --color-fsDevHandoffAutolayoutSpacing: var(--ramp-pink-400);
    --color-fsFrameDefaultFill: var(--ramp-white-1000);
    --color-fsIconOnDarkCanvas: var(--color-iconondarkcanvas);
    --color-fsIconOnDarkCanvasSecondary: var(--ramp-white-400);
    --color-fsIconOnLightCanvas: var(--color-icononlightcanvas);
    --color-fsIconOnLightCanvasSecondary: var(--ramp-black-400);
    --color-fsNodeHandle: var(--ramp-blue-400);
    --color-fsNodeLabelNoBG: var(--ramp-black-400);
    --color-fsNodeSymbolSelectedSecondary: var(--ramp-pale-purple-400);
    --color-fsShapeDefaultFill: var(--ramp-grey-300);
    --color-fsSitesResponsiveSetTextOnDarkCanvas: var(--ramp-white-500);
    --color-fsSitesResponsiveSetTextOnLightCanvas: var(--ramp-black-500);
    --color-fsSnappingOverlay: var(--ramp-blue-600);
    --color-fsStickyAuthorTextOnDark: var(--ramp-white-600);
    --color-fsStickyAuthorTextOnLight: var(--ramp-black-500);
    --color-fsTextComponentOnDarkCanvas: var(--ramp-purple-400);
    --color-fsTextComponentOnLightCanvas: var(--ramp-purple-600);
    --color-fsTextOnDarkCanvas: var(--color-textondarkcanvas);
    --color-fsTextOnDarkCanvasSecondary: var(--color-textondarkcanvassecondary);
    --color-fsTextOnLightCanvas: var(--color-textonlightcanvas);
    --color-fsTextOnLightCanvasSecondary: var(--color-textonlightcanvassecondary);
    --color-fsTextSelectedOnDarkCanvas: var(--ramp-blue-500);
    --color-fsTextSelectedOnLightCanvas: var(--ramp-blue-500);
    --color-fsVectorInactive: var(--ramp-grey-400);
    --color-fsWidgetFrameTextOnDarkCanvas: var(--ramp-black-500);
    --color-fsWidgetFrameTextOnLightCanvas: var(--ramp-black-500);
    --color-fsWidgetFrameTextSelectedOnDarkCanvas: var(--ramp-blue-500);
    --color-fsWidgetFrameTextSelectedOnLightCanvas: var(--ramp-blue-500);
    --color-icon: var(--ramp-black-800);
    --color-icon-assistive: var(--ramp-pink-600);
    --color-icon-assistive-pressed: var(--ramp-pink-700);
    --color-icon-assistive-secondary: var(--color-icon-assistive);
    --color-icon-assistive-tertiary: var(--color-icon-assistive);
    --color-icon-brand: var(--ramp-purple-600);
    --color-icon-brand-pressed: var(--ramp-purple-700);
    --color-icon-brand-secondary: var(--ramp-purple-400);
    --color-icon-brand-tertiary: var(--ramp-purple-300);
    --color-icon-component: var(--ramp-purple-600);
    --color-icon-component-pressed: var(--ramp-purple-700);
    --color-icon-component-secondary: var(--ramp-pale-purple-400);
    --color-icon-component-tertiary: var(--ramp-pale-purple-400);
    --color-icon-danger: var(--ramp-red-600);
    --color-icon-danger-hover: var(--ramp-red-700);
    --color-icon-danger-pressed: var(--ramp-red-700);
    --color-icon-danger-secondary: var(--color-icon-danger);
    --color-icon-danger-secondary-hover: var(--color-icon-danger);
    --color-icon-danger-tertiary: var(--color-icon-danger);
    --color-icon-design: var(--ramp-blue-600);
    --color-icon-design-pressed: var(--ramp-blue-700);
    --color-icon-design-secondary: var(--color-icon-design);
    --color-icon-design-tertiary: var(--color-icon-design);
    --color-icon-desktopBackgrounded: var(--ramp-white-500);
    --color-icon-desktopBackgrounded-danger: var(--ramp-red-500);
    --color-icon-desktopBackgrounded-disabled: var(--ramp-white-400);
    --color-icon-desktopBackgrounded-hover: var(--ramp-white-500);
    --color-icon-desktopBackgrounded-ondisabled: var(--ramp-grey-700);
    --color-icon-desktopBackgrounded-secondary: var(--ramp-white-500);
    --color-icon-desktopBackgrounded-secondary-hover: var(--ramp-white-500);
    --color-icon-desktopBackgrounded-tertiary: var(--ramp-white-400);
    --color-icon-desktopBackgrounded-tertiary-hover: var(--ramp-white-400);
    --color-icon-desktopBackgrounded-warning: var(--ramp-yellow-500);
    --color-icon-desktopForeground: var(--ramp-white-1000);
    --color-icon-desktopForeground-danger: var(--ramp-red-500);
    --color-icon-desktopForeground-disabled: var(--ramp-white-400);
    --color-icon-desktopForeground-hover: var(--ramp-white-1000);
    --color-icon-desktopForeground-ondisabled: var(--ramp-grey-900);
    --color-icon-desktopForeground-secondary: var(--ramp-white-500);
    --color-icon-desktopForeground-secondary-hover: var(--ramp-white-1000);
    --color-icon-desktopForeground-tertiary: var(--ramp-white-400);
    --color-icon-desktopForeground-tertiary-hover: var(--ramp-white-1000);
    --color-icon-desktopForeground-warning: var(--ramp-yellow-500);
    --color-icon-desktopFullscreen: var(--ramp-white-1000);
    --color-icon-desktopFullscreen-danger: var(--ramp-red-500);
    --color-icon-desktopFullscreen-disabled: var(--ramp-white-400);
    --color-icon-desktopFullscreen-hover: var(--ramp-white-1000);
    --color-icon-desktopFullscreen-ondisabled: var(--ramp-black-1000);
    --color-icon-desktopFullscreen-secondary: var(--ramp-white-500);
    --color-icon-desktopFullscreen-secondary-hover: var(--ramp-white-1000);
    --color-icon-desktopFullscreen-tertiary: var(--ramp-white-400);
    --color-icon-desktopFullscreen-tertiary-hover: var(--ramp-white-1000);
    --color-icon-desktopFullscreen-warning: var(--ramp-yellow-500);
    --color-icon-disabled: var(--ramp-black-400);
    --color-icon-figjam: var(--ramp-purple-600);
    --color-icon-figjam-pressed: var(--ramp-purple-700);
    --color-icon-figjam-secondary: var(--ramp-pale-purple-400);
    --color-icon-figjam-tertiary: var(--ramp-pale-purple-400);
    --color-icon-fs: var(--color-icon);
    --color-icon-fs-assistive: var(--color-icon-assistive);
    --color-icon-fs-component: var(--color-icon-component);
    --color-icon-fs-design: var(--color-icon-design);
    --color-icon-fs-measure: var(--color-icon-measure);
    --color-icon-fs-onassistive: var(--color-icon-onassistive);
    --color-icon-fs-oncomponent: var(--color-icon-oncomponent);
    --color-icon-fs-ondesign: var(--color-icon-ondesign);
    --color-icon-fs-onmeasure: var(--color-icon-onmeasure);
    --color-icon-fs-onselected: var(--color-icon-onselected);
    --color-icon-fs-secondary: var(--color-icon-secondary);
    --color-icon-fs-selected: var(--color-icon-selected);
    --color-icon-fs-tertiary: var(--color-icon-tertiary);
    --color-icon-handoff: var(--ramp-green-600);
    --color-icon-handoff-pressed: var(--ramp-green-700);
    --color-icon-handoff-secondary: var(--color-icon-handoff);
    --color-icon-handoff-tertiary: var(--color-icon-handoff);
    --color-icon-hover: var(--ramp-black-800);
    --color-icon-measure: var(--ramp-red-500);
    --color-icon-measure-hover: var(--ramp-red-700);
    --color-icon-measure-pressed: var(--ramp-red-700);
    --color-icon-measure-secondary: var(--color-icon-measure);
    --color-icon-measure-secondary-hover: var(--color-icon-measure);
    --color-icon-measure-tertiary: var(--color-icon-measure);
    --color-icon-menu: var(--ramp-white-1000);
    --color-icon-menu-danger: var(--ramp-red-500);
    --color-icon-menu-disabled: var(--ramp-white-400);
    --color-icon-menu-hover: var(--ramp-white-1000);
    --color-icon-menu-ondisabled: var(--ramp-grey-900);
    --color-icon-menu-onselected: var(--ramp-white-1000);
    --color-icon-menu-pressed: var(--ramp-purple-500);
    --color-icon-menu-secondary: var(--ramp-white-500);
    --color-icon-menu-secondary-hover: var(--ramp-white-1000);
    --color-icon-menu-selected: var(--ramp-purple-400);
    --color-icon-menu-selected-secondary: var(--ramp-purple-400);
    --color-icon-menu-selected-tertiary: var(--ramp-purple-400);
    --color-icon-menu-tertiary: var(--ramp-white-400);
    --color-icon-menu-tertiary-hover: var(--ramp-white-1000);
    --color-icon-menu-warning: var(--ramp-yellow-500);
    --color-icon-onassistive: var(--ramp-white-1000);
    --color-icon-onassistive-secondary: var(--ramp-white-600);
    --color-icon-onassistive-tertiary: var(--ramp-white-400);
    --color-icon-onbrand: var(--ramp-white-1000);
    --color-icon-onbrand-secondary: var(--ramp-white-600);
    --color-icon-onbrand-tertiary: var(--ramp-white-400);
    --color-icon-oncomponent: var(--ramp-white-1000);
    --color-icon-oncomponent-secondary: var(--ramp-white-600);
    --color-icon-oncomponent-tertiary: var(--ramp-white-400);
    --color-icon-ondanger: var(--ramp-white-1000);
    --color-icon-ondanger-secondary: var(--ramp-white-600);
    --color-icon-ondanger-tertiary: var(--ramp-white-400);
    --color-icon-ondesign: var(--ramp-white-1000);
    --color-icon-ondesign-secondary: var(--ramp-white-600);
    --color-icon-ondesign-tertiary: var(--ramp-white-400);
    --color-icon-ondisabled: var(--ramp-white-1000);
    --color-icon-onfigjam: var(--ramp-white-1000);
    --color-icon-onfigjam-secondary: var(--ramp-white-600);
    --color-icon-onfigjam-tertiary: var(--ramp-white-400);
    --color-icon-oninverse: var(--ramp-white-800);
    --color-icon-onmeasure: var(--ramp-white-1000);
    --color-icon-onmeasure-secondary: var(--ramp-white-600);
    --color-icon-onmeasure-tertiary: var(--ramp-white-400);
    --color-icon-onselected: var(--ramp-black-800);
    --color-icon-onselected-secondary: var(--ramp-black-500);
    --color-icon-onselected-strong: var(--ramp-white-1000);
    --color-icon-onselected-tertiary: var(--ramp-black-400);
    --color-icon-onsuccess: var(--ramp-white-1000);
    --color-icon-onsuccess-secondary: var(--ramp-white-600);
    --color-icon-onsuccess-tertiary: var(--ramp-white-400);
    --color-icon-onwarning: var(--ramp-black-800);
    --color-icon-onwarning-secondary: var(--ramp-black-500);
    --color-icon-onwarning-tertiary: var(--ramp-black-400);
    --color-icon-pressed: var(--ramp-purple-600);
    --color-icon-secondary: var(--ramp-black-500);
    --color-icon-secondary-hover: var(--ramp-black-800);
    --color-icon-selected: var(--ramp-purple-600);
    --color-icon-selected-secondary: var(--color-icon-selected);
    --color-icon-selected-tertiary: var(--color-icon-selected);
    --color-icon-success: var(--ramp-green-600);
    --color-icon-success-pressed: var(--ramp-green-700);
    --color-icon-success-secondary: var(--color-icon-success);
    --color-icon-success-tertiary: var(--color-icon-success);
    --color-icon-tertiary: var(--ramp-black-400);
    --color-icon-tertiary-hover: var(--ramp-black-800);
    --color-icon-toolbar: var(--ramp-black-800);
    --color-icon-toolbar-danger: var(--ramp-red-500);
    --color-icon-toolbar-disabled: var(--ramp-black-400);
    --color-icon-toolbar-hover: var(--ramp-black-800);
    --color-icon-toolbar-ondisabled: var(--ramp-black-400);
    --color-icon-toolbar-onselected: var(--ramp-white-1000);
    --color-icon-toolbar-pressed: var(--ramp-purple-500);
    --color-icon-toolbar-secondary: var(--ramp-black-500);
    --color-icon-toolbar-secondary-hover: var(--ramp-black-800);
    --color-icon-toolbar-selected: var(--ramp-purple-600);
    --color-icon-toolbar-selected-secondary: var(--color-icon-toolbar-selected);
    --color-icon-toolbar-selected-tertiary: var(--color-icon-toolbar-selected);
    --color-icon-toolbar-tertiary: var(--ramp-black-400);
    --color-icon-toolbar-tertiary-hover: var(--ramp-black-800);
    --color-icon-toolbar-warning: var(--ramp-yellow-500);
    --color-icon-tooltip: var(--ramp-white-1000);
    --color-icon-tooltip-danger: var(--ramp-red-500);
    --color-icon-tooltip-disabled: var(--ramp-white-400);
    --color-icon-tooltip-hover: var(--ramp-white-1000);
    --color-icon-tooltip-ondisabled: var(--ramp-grey-900);
    --color-icon-tooltip-onselected: var(--ramp-white-1000);
    --color-icon-tooltip-pressed: var(--ramp-purple-500);
    --color-icon-tooltip-secondary: var(--ramp-white-500);
    --color-icon-tooltip-secondary-hover: var(--ramp-white-1000);
    --color-icon-tooltip-selected: var(--ramp-purple-400);
    --color-icon-tooltip-selected-secondary: var(--color-icon-tooltip-selected);
    --color-icon-tooltip-selected-tertiary: var(--color-icon-tooltip-selected);
    --color-icon-tooltip-tertiary: var(--ramp-white-400);
    --color-icon-tooltip-tertiary-hover: var(--ramp-white-1000);
    --color-icon-tooltip-warning: var(--ramp-yellow-500);
    --color-icon-warning: var(--ramp-yellow-1000);
    --color-icon-warning-pressed: var(--ramp-yellow-1000);
    --color-icon-warning-secondary: var(--color-icon-warning);
    --color-icon-warning-tertiary: var(--color-icon-warning);
    --color-icondesignfilesecondary: var(--ramp-blue-400);
    --color-iconfavorite: var(--ramp-yellow-500);
    --color-iconfigjamfilesecondary: var(--ramp-purple-400);
    --color-iconondarkcanvas: var(--ramp-white-800);
    --color-icononlightcanvas: var(--ramp-black-800);
    --color-icononvoting: var(--ramp-black-800);
    --color-iconprototypefile: var(--ramp-grey-300);
    --color-iconprototypefilesecondary: var(--ramp-grey-800);
    --color-iconpublishedfile: var(--ramp-grey-800);
    --color-iconpublishedfilesecondary: var(--ramp-grey-500);
    --color-loading: var(--ramp-black-200);
    --color-loadingmenu: var(--ramp-white-200);
    --color-loadingsecondary: var(--ramp-black-100);
    --color-loadingsecondarymenu: var(--ramp-white-100);
    --color-modalbackdrop: var(--ramp-black-500);
    --color-multiplayerblue: var(--ramp-blue-600);
    --color-multiplayerbluehover: var(--ramp-blue-700);
    --color-multiplayerbluesecondary: var(--ramp-blue-800);
    --color-multiplayergreen: var(--ramp-green-500);
    --color-multiplayergreenhover: var(--ramp-green-600);
    --color-multiplayergreensecondary: var(--ramp-green-800);
    --color-multiplayergrey: var(--ramp-pale-blue-500);
    --color-multiplayergreyhover: var(--ramp-pale-blue-600);
    --color-multiplayergreysecondary: var(--ramp-pale-blue-800);
    --color-multiplayerpink: var(--ramp-pink-500);
    --color-multiplayerpinkhover: var(--ramp-pink-600);
    --color-multiplayerpinksecondary: var(--ramp-pink-800);
    --color-multiplayerpurple: var(--ramp-purple-500);
    --color-multiplayerpurplehover: var(--ramp-purple-600);
    --color-multiplayerpurplesecondary: var(--ramp-purple-800);
    --color-multiplayerred: var(--ramp-red-500);
    --color-multiplayerredhover: var(--ramp-red-600);
    --color-multiplayerredsecondary: var(--ramp-red-800);
    --color-multiplayeryellow: var(--ramp-yellow-500);
    --color-multiplayeryellowhover: var(--ramp-yellow-600);
    --color-multiplayeryellowsecondary: var(--ramp-yellow-800);
    --color-nodehandle: var(--ramp-blue-400);
    --color-prototypeloadingbackdrop: var(--ramp-black-800);
    --color-scrollbar: #b3b3b380;
    --color-shadow: #00000026;
    --color-tablenodehoveredprimary: var(--ramp-blue-500);
    --color-tablenodehoveredsecondary: var(--ramp-blue-300);
    --color-tablenodeselected: var(--color-tablenodehoveredprimary);
    --color-text: var(--ramp-black-800);
    --color-text-assistive: var(--ramp-pink-600);
    --color-text-assistive-pressed: var(--ramp-pink-700);
    --color-text-assistive-secondary: var(--color-text-assistive);
    --color-text-assistive-tertiary: var(--color-text-assistive);
    --color-text-brand: var(--ramp-purple-600);
    --color-text-brand-secondary: var(--color-text-brand);
    --color-text-brand-tertiary: var(--color-text-brand);
    --color-text-component: var(--ramp-purple-600);
    --color-text-component-pressed: var(--ramp-purple-700);
    --color-text-component-secondary: var(--ramp-pale-purple-400);
    --color-text-component-tertiary: var(--ramp-pale-purple-400);
    --color-text-danger: var(--ramp-red-600);
    --color-text-danger-secondary: var(--color-text-danger);
    --color-text-danger-tertiary: var(--color-text-danger);
    --color-text-design: var(--ramp-blue-600);
    --color-text-design-pressed: var(--ramp-blue-700);
    --color-text-design-secondary: var(--color-text-design);
    --color-text-design-tertiary: var(--color-text-design);
    --color-text-desktopBackgrounded: var(--ramp-white-500);
    --color-text-desktopBackgrounded-danger: var(--ramp-red-400);
    --color-text-desktopBackgrounded-disabled: var(--ramp-white-400);
    --color-text-desktopBackgrounded-hover: var(--ramp-white-500);
    --color-text-desktopBackgrounded-ondisabled: var(--ramp-grey-700);
    --color-text-desktopBackgrounded-secondary: var(--ramp-white-500);
    --color-text-desktopBackgrounded-secondary-hover: var(--ramp-white-500);
    --color-text-desktopBackgrounded-tertiary: var(--ramp-white-400);
    --color-text-desktopBackgrounded-tertiary-hover: var(--ramp-white-400);
    --color-text-desktopBackgrounded-warning: var(--ramp-yellow-400);
    --color-text-desktopForeground: var(--ramp-white-1000);
    --color-text-desktopForeground-danger: var(--ramp-red-400);
    --color-text-desktopForeground-disabled: var(--ramp-white-400);
    --color-text-desktopForeground-hover: var(--ramp-white-1000);
    --color-text-desktopForeground-ondisabled: var(--ramp-grey-900);
    --color-text-desktopForeground-secondary: var(--ramp-white-500);
    --color-text-desktopForeground-secondary-hover: var(--ramp-white-1000);
    --color-text-desktopForeground-tertiary: var(--ramp-white-400);
    --color-text-desktopForeground-tertiary-hover: var(--ramp-white-1000);
    --color-text-desktopForeground-warning: var(--ramp-yellow-400);
    --color-text-desktopFullscreen: var(--ramp-white-1000);
    --color-text-desktopFullscreen-danger: var(--ramp-red-400);
    --color-text-desktopFullscreen-disabled: var(--ramp-white-400);
    --color-text-desktopFullscreen-hover: var(--ramp-white-1000);
    --color-text-desktopFullscreen-ondisabled: var(--ramp-black-1000);
    --color-text-desktopFullscreen-secondary: var(--ramp-white-500);
    --color-text-desktopFullscreen-secondary-hover: var(--ramp-white-1000);
    --color-text-desktopFullscreen-tertiary: var(--ramp-white-400);
    --color-text-desktopFullscreen-tertiary-hover: var(--ramp-white-1000);
    --color-text-desktopFullscreen-warning: var(--ramp-yellow-400);
    --color-text-disabled: var(--ramp-black-400);
    --color-text-figjam: var(--ramp-purple-600);
    --color-text-figjam-pressed: var(--ramp-purple-700);
    --color-text-figjam-secondary: var(--ramp-pale-purple-400);
    --color-text-figjam-tertiary: var(--ramp-pale-purple-400);
    --color-text-fs: var(--color-text);
    --color-text-fs-assistive: var(--color-text-assistive);
    --color-text-fs-component: var(--color-text-component);
    --color-text-fs-design: var(--color-text-design);
    --color-text-fs-measure: var(--color-text-measure);
    --color-text-fs-onassistive: var(--color-text-onassistive);
    --color-text-fs-oncomponent: var(--color-text-oncomponent);
    --color-text-fs-ondesign: var(--color-text-ondesign);
    --color-text-fs-onmeasure: var(--color-text-onmeasure);
    --color-text-fs-onselected: var(--color-text-onselected);
    --color-text-fs-secondary: var(--color-text-secondary);
    --color-text-fs-selected: var(--color-text-selected);
    --color-text-fs-tertiary: var(--color-text-tertiary);
    --color-text-handoff: var(--ramp-green-600);
    --color-text-handoff-secondary: var(--color-text-handoff);
    --color-text-handoff-tertiary: var(--color-text-handoff);
    --color-text-hover: var(--ramp-black-800);
    --color-text-measure: var(--ramp-red-600);
    --color-text-measure-secondary: var(--color-text-measure);
    --color-text-measure-tertiary: var(--color-text-measure);
    --color-text-menu: var(--ramp-white-1000);
    --color-text-menu-danger: var(--ramp-red-500);
    --color-text-menu-disabled: var(--ramp-white-400);
    --color-text-menu-hover: var(--ramp-white-1000);
    --color-text-menu-ondisabled: var(--ramp-grey-900);
    --color-text-menu-onselected: var(--ramp-white-1000);
    --color-text-menu-secondary: var(--ramp-white-500);
    --color-text-menu-secondary-hover: var(--ramp-white-1000);
    --color-text-menu-selected: var(--ramp-purple-400);
    --color-text-menu-selected-secondary: var(--color-text-menu-selected);
    --color-text-menu-selected-tertiary: var(--color-text-menu-selected);
    --color-text-menu-tertiary: var(--ramp-white-400);
    --color-text-menu-tertiary-hover: var(--ramp-white-1000);
    --color-text-menu-warning: var(--ramp-yellow-400);
    --color-text-onassistive: var(--ramp-white-1000);
    --color-text-onassistive-secondary: var(--ramp-white-600);
    --color-text-onassistive-tertiary: var(--ramp-white-400);
    --color-text-onbrand: var(--ramp-white-1000);
    --color-text-onbrand-secondary: var(--ramp-white-600);
    --color-text-onbrand-tertiary: var(--ramp-white-400);
    --color-text-oncomponent: var(--ramp-white-1000);
    --color-text-oncomponent-secondary: var(--ramp-white-600);
    --color-text-oncomponent-tertiary: var(--ramp-white-400);
    --color-text-ondanger: var(--ramp-white-1000);
    --color-text-ondanger-secondary: var(--ramp-white-600);
    --color-text-ondanger-tertiary: var(--ramp-white-400);
    --color-text-ondesign: var(--ramp-white-1000);
    --color-text-ondesign-secondary: var(--ramp-white-600);
    --color-text-ondesign-tertiary: var(--ramp-white-400);
    --color-text-ondisabled: var(--ramp-white-1000);
    --color-text-onfigjam: var(--ramp-white-1000);
    --color-text-onfigjam-secondary: var(--ramp-white-600);
    --color-text-onfigjam-tertiary: var(--ramp-white-400);
    --color-text-oninverse: var(--ramp-white-800);
    --color-text-onmeasure: var(--ramp-white-1000);
    --color-text-onmeasure-secondary: var(--ramp-white-600);
    --color-text-onmeasure-tertiary: var(--ramp-white-400);
    --color-text-onselected: var(--ramp-black-800);
    --color-text-onselected-secondary: var(--ramp-black-500);
    --color-text-onselected-strong: var(--ramp-white-1000);
    --color-text-onselected-tertiary: var(--ramp-black-400);
    --color-text-onsuccess: var(--ramp-white-1000);
    --color-text-onsuccess-secondary: var(--ramp-white-600);
    --color-text-onsuccess-tertiary: var(--ramp-white-400);
    --color-text-onwarning: var(--ramp-black-800);
    --color-text-onwarning-secondary: var(--ramp-black-500);
    --color-text-onwarning-tertiary: var(--ramp-black-400);
    --color-text-secondary: var(--ramp-black-500);
    --color-text-secondary-hover: var(--ramp-black-800);
    --color-text-selected: var(--ramp-purple-600);
    --color-text-selected-secondary: var(--color-text-selected);
    --color-text-selected-tertiary: var(--color-text-selected);
    --color-text-success: var(--ramp-green-600);
    --color-text-success-secondary: var(--color-text-success);
    --color-text-success-tertiary: var(--color-text-success);
    --color-text-tertiary: var(--ramp-black-400);
    --color-text-tertiary-hover: var(--ramp-black-800);
    --color-text-toolbar: var(--ramp-black-800);
    --color-text-toolbar-danger: var(--ramp-red-400);
    --color-text-toolbar-disabled: var(--ramp-black-400);
    --color-text-toolbar-hover: var(--ramp-black-800);
    --color-text-toolbar-ondisabled: var(--ramp-grey-800);
    --color-text-toolbar-onselected: var(--ramp-white-1000);
    --color-text-toolbar-secondary: var(--ramp-black-500);
    --color-text-toolbar-secondary-hover: var(--ramp-black-800);
    --color-text-toolbar-selected: var(--ramp-purple-400);
    --color-text-toolbar-selected-secondary: var(--color-text-toolbar-selected);
    --color-text-toolbar-selected-tertiary: var(--color-text-toolbar-selected);
    --color-text-toolbar-tertiary: var(--ramp-black-400);
    --color-text-toolbar-tertiary-hover: var(--ramp-black-800);
    --color-text-toolbar-warning: var(--ramp-yellow-1000);
    --color-text-tooltip: var(--ramp-white-1000);
    --color-text-tooltip-danger: var(--ramp-red-400);
    --color-text-tooltip-disabled: var(--ramp-white-400);
    --color-text-tooltip-hover: var(--ramp-white-1000);
    --color-text-tooltip-ondisabled: var(--ramp-grey-900);
    --color-text-tooltip-onselected: var(--ramp-white-1000);
    --color-text-tooltip-secondary: var(--ramp-white-500);
    --color-text-tooltip-secondary-hover: var(--ramp-white-1000);
    --color-text-tooltip-selected: var(--ramp-purple-400);
    --color-text-tooltip-selected-secondary: var(--color-text-tooltip-selected);
    --color-text-tooltip-selected-tertiary: var(--color-text-tooltip-selected);
    --color-text-tooltip-tertiary: var(--ramp-white-400);
    --color-text-tooltip-tertiary-hover: var(--ramp-white-1000);
    --color-text-tooltip-warning: var(--ramp-yellow-400);
    --color-text-warning: var(--ramp-yellow-1000);
    --color-text-warning-secondary: var(--color-text-warning);
    --color-text-warning-tertiary: var(--color-text-warning);
    --color-texthighlight: #974aff66;
    --color-textondarkcanvas: var(--ramp-white-800);
    --color-textondarkcanvassecondary: var(--ramp-white-500);
    --color-textoninspectpadding: var(--ramp-white-1000);
    --color-textoninspectspacing: var(--ramp-white-1000);
    --color-textonlightcanvas: var(--ramp-black-800);
    --color-textonlightcanvassecondary: var(--ramp-black-400);
    --color-textonmultiplayerblue: var(--ramp-white-1000);
    --color-textonmultiplayergreen: var(--ramp-white-1000);
    --color-textonmultiplayergrey: var(--ramp-white-1000);
    --color-textonmultiplayerpink: var(--ramp-white-1000);
    --color-textonmultiplayerpurple: var(--ramp-white-1000);
    --color-textonmultiplayerred: var(--ramp-white-1000);
    --color-textonmultiplayeryellow: var(--ramp-black-800);
    --color-textonvoting: var(--ramp-black-800);
    --ramp-black-100: #0000000d;
    --ramp-black-200: #0000001a;
    --ramp-black-300: #00000033;
    --ramp-black-400: #0000004d;
    --ramp-black-500: #00000080;
    --ramp-black-600: #000000cc;
    --ramp-black-700: #000000d9;
    --ramp-black-800: #000000e5;
    --ramp-black-900: #000000f2;
    --ramp-black-1000: #000000;
    --ramp-blue-100: #f2f9ff;
    --ramp-blue-200: #e5f4ff;
    --ramp-blue-300: #bde3ff;
    --ramp-blue-400: #80caff;
    --ramp-blue-500: #0d99ff;
    --ramp-blue-600: #007be5;
    --ramp-blue-700: #0768cf;
    --ramp-blue-800: #034ac1;
    --ramp-blue-900: #093077;
    --ramp-blue-1000: #0d193f;
    --ramp-green-100: #edfcf0;
    --ramp-green-200: #d5f7da;
    --ramp-green-300: #aff4c6;
    --ramp-green-400: #85e0a3;
    --ramp-green-500: #14ae5c;
    --ramp-green-600: #009951;
    --ramp-green-700: #008043;
    --ramp-green-800: #036838;
    --ramp-green-900: #024626;
    --ramp-green-1000: #083a23;
    --ramp-grey-100: #f5f5f5;
    --ramp-grey-200: #e6e6e6;
    --ramp-grey-300: #d9d9d9;
    --ramp-grey-400: #b3b3b3;
    --ramp-grey-500: #757575;
    --ramp-grey-600: #444444;
    --ramp-grey-700: #383838;
    --ramp-grey-800: #2c2c2c;
    --ramp-grey-900: #1e1e1e;
    --ramp-grey-1000: #111111;
    --ramp-orange-100: #fff4e5;
    --ramp-orange-200: #ffe0c2;
    --ramp-orange-300: #fcd19c;
    --ramp-orange-400: #ffc470;
    --ramp-orange-500: #ffa629;
    --ramp-orange-600: #fc9e24;
    --ramp-orange-700: #f79722;
    --ramp-orange-800: #dd7c0e;
    --ramp-orange-900: #ce7012;
    --ramp-orange-1000: #8a480f;
    --ramp-pale-blue-100: #f1f5f8;
    --ramp-pale-blue-200: #e3ecf2;
    --ramp-pale-blue-300: #d2dae4;
    --ramp-pale-blue-400: #afbccf;
    --ramp-pale-blue-500: #667799;
    --ramp-pale-blue-600: #536383;
    --ramp-pale-blue-700: #4a5878;
    --ramp-pale-blue-800: #394360;
    --ramp-pale-blue-900: #252d41;
    --ramp-pale-blue-1000: #121721;
    --ramp-pale-green-100: #f1f8f2;
    --ramp-pale-green-200: #daecdf;
    --ramp-pale-green-300: #c3e0cc;
    --ramp-pale-green-400: #9fc1aa;
    --ramp-pale-green-500: #678e79;
    --ramp-pale-green-600: #5c806d;
    --ramp-pale-green-700: #517361;
    --ramp-pale-green-800: #476656;
    --ramp-pale-green-900: #2f483c;
    --ramp-pale-green-1000: #172b22;
    --ramp-pale-persimmon-100: #faefeb;
    --ramp-pale-persimmon-200: #f8e9e2;
    --ramp-pale-persimmon-300: #f3d6c9;
    --ramp-pale-persimmon-400: #ebb49d;
    --ramp-pale-persimmon-500: #d4693b;
    --ramp-pale-persimmon-600: #a55e40;
    --ramp-pale-persimmon-700: #864e37;
    --ramp-pale-persimmon-800: #603a2a;
    --ramp-pale-persimmon-900: #412b21;
    --ramp-pale-persimmon-1000: #1f1714;
    --ramp-pale-pink-100: #f6eef4;
    --ramp-pale-pink-200: #f2e3ee;
    --ramp-pale-pink-300: #e8cee1;
    --ramp-pale-pink-400: #daaace;
    --ramp-pale-pink-500: #ab5998;
    --ramp-pale-pink-600: #86507a;
    --ramp-pale-pink-700: #724667;
    --ramp-pale-pink-800: #51344a;
    --ramp-pale-pink-900: #33252f;
    --ramp-pale-pink-1000: #1b1318;
    --ramp-pale-purple-100: #f4f1f8;
    --ramp-pale-purple-200: #ede7f3;
    --ramp-pale-purple-300: #e0d4ed;
    --ramp-pale-purple-400: #c5b2dc;
    --ramp-pale-purple-500: #7f699b;
    --ramp-pale-purple-600: #6b5884;
    --ramp-pale-purple-700: #604d75;
    --ramp-pale-purple-800: #473956;
    --ramp-pale-purple-900: #33293d;
    --ramp-pale-purple-1000: #1a141f;
    --ramp-pale-red-100: #faedeb;
    --ramp-pale-red-200: #f8e5e2;
    --ramp-pale-red-300: #f3cfc9;
    --ramp-pale-red-400: #eba99d;
    --ramp-pale-red-500: #d4583b;
    --ramp-pale-red-600: #a55440;
    --ramp-pale-red-700: #864537;
    --ramp-pale-red-800: #60332a;
    --ramp-pale-red-900: #412621;
    --ramp-pale-red-1000: #1f1514;
    --ramp-pale-teal-100: #f1f6f8;
    --ramp-pale-teal-200: #e3eef2;
    --ramp-pale-teal-300: #cedee4;
    --ramp-pale-teal-400: #a3c2cc;
    --ramp-pale-teal-500: #518394;
    --ramp-pale-teal-600: #436c7a;
    --ramp-pale-teal-700: #3c606d;
    --ramp-pale-teal-800: #2f4c56;
    --ramp-pale-teal-900: #1f3238;
    --ramp-pale-teal-1000: #101a1e;
    --ramp-pale-violet-100: #f1f1f8;
    --ramp-pale-violet-200: #e7e7f3;
    --ramp-pale-violet-300: #d4d4ed;
    --ramp-pale-violet-400: #b3b2dc;
    --ramp-pale-violet-500: #6a699b;
    --ramp-pale-violet-600: #595884;
    --ramp-pale-violet-700: #4e4d75;
    --ramp-pale-violet-800: #393956;
    --ramp-pale-violet-900: #29293d;
    --ramp-pale-violet-1000: #14141f;
    --ramp-pale-yellow-100: #fff5eb;
    --ramp-pale-yellow-200: #fdeece;
    --ramp-pale-yellow-300: #f5dfa8;
    --ramp-pale-yellow-400: #e8cd7d;
    --ramp-pale-yellow-500: #ad7f00;
    --ramp-pale-yellow-600: #906800;
    --ramp-pale-yellow-700: #7a5800;
    --ramp-pale-yellow-800: #5c4100;
    --ramp-pale-yellow-900: #3a2a10;
    --ramp-pale-yellow-1000: #211a12;
    --ramp-persimmon-100: #fff2eb;
    --ramp-persimmon-200: #ffdfcc;
    --ramp-persimmon-300: #ffbb9e;
    --ramp-persimmon-400: #ffa27a;
    --ramp-persimmon-500: #ff5c16;
    --ramp-persimmon-600: #e24c0c;
    --ramp-persimmon-700: #c53e0d;
    --ramp-persimmon-800: #aa370d;
    --ramp-persimmon-900: #842d0b;
    --ramp-persimmon-1000: #611d0a;
    --ramp-pink-100: #fff0fe;
    --ramp-pink-200: #ffe0fc;
    --ramp-pink-300: #ffbdf2;
    --ramp-pink-400: #ff99e0;
    --ramp-pink-500: #ff24bd;
    --ramp-pink-600: #ea10ac;
    --ramp-pink-700: #cb0b96;
    --ramp-pink-800: #971172;
    --ramp-pink-900: #5f114c;
    --ramp-pink-1000: #451138;
    --ramp-purple-100: #f9f5ff;
    --ramp-purple-200: #f1e5ff;
    --ramp-purple-300: #e4ccff;
    --ramp-purple-400: #d9b8ff;
    --ramp-purple-500: #9747ff;
    --ramp-purple-600: #8638e5;
    --ramp-purple-700: #7c2bda;
    --ramp-purple-800: #681abb;
    --ramp-purple-900: #4b0d87;
    --ramp-purple-1000: #2d0f46;
    --ramp-red-100: #fff5f5;
    --ramp-red-200: #ffe2e0;
    --ramp-red-300: #ffc7c2;
    --ramp-red-400: #ffafa3;
    --ramp-red-500: #f24822;
    --ramp-red-600: #dc3412;
    --ramp-red-700: #bd2915;
    --ramp-red-800: #9f1f18;
    --ramp-red-900: #771208;
    --ramp-red-1000: #660e0b;
    --ramp-teal-100: #ebfbff;
    --ramp-teal-200: #cef0f8;
    --ramp-teal-300: #b6ecf7;
    --ramp-teal-400: #75d7f0;
    --ramp-teal-500: #00a2c2;
    --ramp-teal-600: #0087a8;
    --ramp-teal-700: #047195;
    --ramp-teal-800: #085a78;
    --ramp-teal-900: #093c53;
    --ramp-teal-1000: #0e2f43;
    --ramp-violet-100: #f5f5ff;
    --ramp-violet-200: #ebebff;
    --ramp-violet-300: #d3d1ff;
    --ramp-violet-400: #b4b2ff;
    --ramp-violet-500: #4d49fc;
    --ramp-violet-600: #443deb;
    --ramp-violet-700: #3d32e2;
    --ramp-violet-800: #3620df;
    --ramp-violet-900: #2f15ac;
    --ramp-violet-1000: #1d1254;
    --ramp-white-100: #ffffff0d;
    --ramp-white-200: #ffffff1a;
    --ramp-white-300: #ffffff33;
    --ramp-white-400: #ffffff66;
    --ramp-white-500: #ffffffb2;
    --ramp-white-600: #ffffffcc;
    --ramp-white-700: #ffffffd9;
    --ramp-white-800: #ffffffe5;
    --ramp-white-900: #fffffff2;
    --ramp-white-1000: #ffffff;
    --ramp-yellow-100: #fffbeb;
    --ramp-yellow-200: #fff1c2;
    --ramp-yellow-300: #ffe8a3;
    --ramp-yellow-400: #ffd966;
    --ramp-yellow-500: #ffcd29;
    --ramp-yellow-600: #ffc21a;
    --ramp-yellow-700: #fab815;
    --ramp-yellow-800: #eba611;
    --ramp-yellow-900: #dd940e;
    --ramp-yellow-1000: #b86200
}

[data-preferred-theme=dark][data-editor-theme=whiteboard],
:where([data-preferred-theme=dark] [data-editor-theme=whiteboard]) {
    --color-bg-brand: var(--ramp-purple-500);
    --color-bg-brand-hover: var(--ramp-purple-600);
    --color-bg-brand-pressed: var(--ramp-purple-600);
    --color-bg-brand-secondary: var(--ramp-purple-700);
    --color-bg-brand-tertiary: var(--ramp-pale-purple-800);
    --color-bg-fs-measure: var(--color-bg-figjam);
    --color-bg-info: var(--ramp-pale-purple-800);
    --color-bg-menu-selected: var(--ramp-purple-500);
    --color-bg-menu-selected-hover: var(--ramp-purple-600);
    --color-bg-menu-selected-pressed: var(--ramp-purple-600);
    --color-bg-menu-selected-secondary: var(--ramp-pale-purple-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-purple-800);
    --color-bg-onselected: var(--ramp-pale-purple-500);
    --color-bg-selected: var(--ramp-pale-purple-700);
    --color-bg-selected-hover: var(--ramp-pale-purple-600);
    --color-bg-selected-pressed: var(--ramp-pale-purple-600);
    --color-bg-selected-secondary: var(--ramp-pale-purple-800);
    --color-bg-selected-strong: var(--ramp-purple-800);
    --color-bg-selected-tertiary: var(--ramp-pale-purple-800);
    --color-bg-strong-hover: var(--ramp-purple-600);
    --color-bg-strong-pressed: var(--ramp-purple-600);
    --color-bg-toolbar-selected: var(--ramp-purple-500);
    --color-bg-toolbar-selected-hover: var(--ramp-purple-600);
    --color-bg-toolbar-selected-pressed: var(--ramp-purple-600);
    --color-bg-toolbar-selected-secondary: var(--ramp-purple-700);
    --color-bg-tooltip-selected: var(--ramp-purple-500);
    --color-bg-tooltip-selected-hover: var(--ramp-purple-600);
    --color-bg-tooltip-selected-pressed: var(--ramp-purple-600);
    --color-bg-tooltip-selected-secondary: var(--ramp-pale-purple-800);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-purple-800);
    --color-bgselectedarea: #974aff33;
    --color-border-brand: var(--ramp-purple-700);
    --color-border-brand-strong: var(--ramp-purple-400);
    --color-border-fs-measure-strong: var(--ramp-red-500);
    --color-border-menu-onselected: var(--ramp-purple-400);
    --color-border-menu-selected: var(--ramp-purple-500);
    --color-border-menu-selected-strong: var(--ramp-purple-400);
    --color-border-onbrand: var(--ramp-purple-600);
    --color-border-onselected: var(--ramp-pale-purple-500);
    --color-border-selected: var(--ramp-purple-500);
    --color-border-selected-strong: var(--ramp-purple-400);
    --color-border-toolbar-selected: var(--ramp-purple-500);
    --color-border-toolbar-selected-strong: var(--ramp-purple-400);
    --color-border-tooltip-onselected: var(--ramp-purple-600);
    --color-border-tooltip-selected: var(--ramp-purple-500);
    --color-border-tooltip-selected-strong: var(--ramp-purple-400);
    --color-fsBorderSelectedImmutableNode: var(--ramp-blue-500);
    --color-fsBorderSelectedImmutableNodeSecondary: var(--ramp-blue-300);
    --color-fsNodeSymbolSelectedSecondary: var(--ramp-pale-purple-400);
    --color-fsSnappingOverlay: var(--ramp-blue-600);
    --color-fsTextSelectedOnDarkCanvas: var(--ramp-blue-500);
    --color-fsTextSelectedOnLightCanvas: var(--ramp-blue-500);
    --color-fsWidgetFrameTextOnDarkCanvas: var(--ramp-black-500);
    --color-fsWidgetFrameTextOnLightCanvas: var(--ramp-black-500);
    --color-fsWidgetFrameTextSelectedOnDarkCanvas: var(--ramp-blue-500);
    --color-fsWidgetFrameTextSelectedOnLightCanvas: var(--ramp-blue-500);
    --color-icon-brand: var(--ramp-purple-400);
    --color-icon-brand-pressed: var(--ramp-purple-500);
    --color-icon-brand-secondary: var(--ramp-purple-600);
    --color-icon-brand-tertiary: var(--ramp-pale-purple-800);
    --color-icon-menu-pressed: var(--ramp-purple-500);
    --color-icon-menu-selected: var(--ramp-purple-400);
    --color-icon-menu-selected-secondary: var(--ramp-purple-400);
    --color-icon-menu-selected-tertiary: var(--ramp-purple-400);
    --color-icon-pressed: var(--ramp-purple-600);
    --color-icon-selected: var(--ramp-purple-400);
    --color-icon-toolbar-pressed: var(--ramp-purple-500);
    --color-icon-toolbar-selected: var(--ramp-purple-400);
    --color-icon-tooltip-pressed: var(--ramp-purple-500);
    --color-icon-tooltip-selected: var(--ramp-purple-400);
    --color-text-brand: var(--ramp-purple-400);
    --color-text-menu-selected: var(--ramp-purple-400);
    --color-text-selected: var(--ramp-purple-400);
    --color-text-toolbar-selected: var(--ramp-purple-400);
    --color-text-tooltip-selected: var(--ramp-purple-400);
    --color-texthighlight: #974aff66
}

[data-preferred-theme=dark][data-editor-theme=dev-handoff],
:where([data-preferred-theme=dark] [data-editor-theme=dev-handoff]) {
    --color-bg-brand: var(--ramp-green-500);
    --color-bg-brand-hover: var(--ramp-green-600);
    --color-bg-brand-pressed: var(--ramp-green-600);
    --color-bg-brand-secondary: var(--ramp-green-700);
    --color-bg-brand-tertiary: var(--ramp-pale-green-800);
    --color-bg-info: var(--ramp-pale-green-800);
    --color-bg-menu-selected: var(--ramp-green-500);
    --color-bg-menu-selected-hover: var(--ramp-green-600);
    --color-bg-menu-selected-pressed: var(--ramp-green-600);
    --color-bg-menu-selected-secondary: var(--ramp-pale-green-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-green-800);
    --color-bg-onselected: var(--ramp-pale-green-500);
    --color-bg-selected: var(--ramp-pale-green-700);
    --color-bg-selected-hover: var(--ramp-pale-green-600);
    --color-bg-selected-pressed: var(--ramp-pale-green-600);
    --color-bg-selected-secondary: var(--ramp-pale-green-800);
    --color-bg-selected-strong: var(--ramp-green-500);
    --color-bg-selected-tertiary: var(--ramp-pale-green-800);
    --color-bg-strong-hover: var(--ramp-green-600);
    --color-bg-strong-pressed: var(--ramp-green-600);
    --color-bg-toolbar-selected: var(--ramp-green-500);
    --color-bg-toolbar-selected-hover: var(--ramp-green-600);
    --color-bg-toolbar-selected-pressed: var(--ramp-green-600);
    --color-bg-toolbar-selected-secondary: var(--ramp-green-700);
    --color-bg-tooltip-selected: var(--ramp-green-500);
    --color-bg-tooltip-selected-hover: var(--ramp-green-600);
    --color-bg-tooltip-selected-pressed: var(--ramp-green-600);
    --color-bg-tooltip-selected-secondary: var(--ramp-pale-green-800);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-green-800);
    --color-bgselectedarea: #14ae5c33;
    --color-border-brand: var(--ramp-green-700);
    --color-border-brand-strong: var(--ramp-green-400);
    --color-border-menu-onselected: var(--ramp-green-400);
    --color-border-menu-selected: var(--ramp-green-500);
    --color-border-menu-selected-strong: var(--ramp-green-400);
    --color-border-onbrand: var(--ramp-green-600);
    --color-border-onselected: var(--ramp-pale-green-500);
    --color-border-selected: var(--ramp-green-500);
    --color-border-selected-strong: var(--ramp-green-400);
    --color-border-toolbar-selected: var(--ramp-green-500);
    --color-border-toolbar-selected-strong: var(--ramp-green-400);
    --color-border-tooltip-onselected: var(--ramp-green-600);
    --color-border-tooltip-selected: var(--ramp-green-500);
    --color-border-tooltip-selected-strong: var(--ramp-green-400);
    --color-fsAutoFillHighlight: #0da8ff33;
    --color-icon-brand: var(--ramp-green-400);
    --color-icon-brand-pressed: var(--ramp-green-500);
    --color-icon-brand-secondary: var(--ramp-green-600);
    --color-icon-brand-tertiary: var(--ramp-pale-green-800);
    --color-icon-menu-pressed: var(--ramp-green-500);
    --color-icon-menu-selected: var(--ramp-green-400);
    --color-icon-menu-selected-secondary: var(--ramp-green-400);
    --color-icon-menu-selected-tertiary: var(--ramp-green-400);
    --color-icon-pressed: var(--ramp-green-600);
    --color-icon-selected: var(--ramp-green-400);
    --color-icon-toolbar-pressed: var(--ramp-green-500);
    --color-icon-toolbar-selected: var(--ramp-green-400);
    --color-icon-tooltip-pressed: var(--ramp-green-500);
    --color-icon-tooltip-selected: var(--ramp-green-400);
    --color-text-brand: var(--ramp-green-400);
    --color-text-menu-selected: var(--ramp-green-400);
    --color-text-selected: var(--ramp-green-400);
    --color-text-toolbar-selected: var(--ramp-green-400);
    --color-text-tooltip-selected: var(--ramp-green-400);
    --color-texthighlight: #14ae5c66
}

[data-preferred-theme=light][data-editor-theme=dev-handoff],
:where([data-preferred-theme=light] [data-editor-theme=dev-handoff]) {
    --color-bg-brand: var(--ramp-green-500);
    --color-bg-brand-hover: var(--ramp-green-600);
    --color-bg-brand-pressed: var(--ramp-green-600);
    --color-bg-brand-secondary: var(--ramp-green-700);
    --color-bg-brand-tertiary: var(--ramp-green-200);
    --color-bg-info: var(--ramp-pale-green-200);
    --color-bg-menu-selected: var(--ramp-green-500);
    --color-bg-menu-selected-hover: var(--ramp-green-600);
    --color-bg-menu-selected-pressed: var(--ramp-green-600);
    --color-bg-menu-selected-secondary: var(--ramp-pale-green-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-green-800);
    --color-bg-onselected: var(--ramp-green-300);
    --color-bg-selected: var(--ramp-pale-green-200);
    --color-bg-selected-hover: var(--ramp-pale-green-300);
    --color-bg-selected-pressed: var(--ramp-pale-green-300);
    --color-bg-selected-secondary: var(--ramp-pale-green-100);
    --color-bg-selected-strong: var(--ramp-green-500);
    --color-bg-selected-tertiary: var(--ramp-pale-green-100);
    --color-bg-strong-hover: var(--ramp-green-600);
    --color-bg-strong-pressed: var(--ramp-green-600);
    --color-bg-toolbar-selected: var(--ramp-green-500);
    --color-bg-toolbar-selected-hover: var(--ramp-green-600);
    --color-bg-toolbar-selected-pressed: var(--ramp-green-600);
    --color-bg-toolbar-selected-secondary: var(--ramp-green-700);
    --color-bg-tooltip-selected: var(--ramp-green-500);
    --color-bg-tooltip-selected-hover: var(--ramp-green-600);
    --color-bg-tooltip-selected-pressed: var(--ramp-green-600);
    --color-bg-tooltip-selected-secondary: var(--ramp-pale-green-800);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-green-800);
    --color-bgselectedarea: #14ae5c33;
    --color-border-brand: var(--ramp-green-300);
    --color-border-brand-strong: var(--ramp-green-600);
    --color-border-menu-onselected: var(--ramp-green-400);
    --color-border-menu-selected: var(--ramp-green-500);
    --color-border-menu-selected-strong: var(--ramp-green-400);
    --color-border-onbrand: var(--ramp-green-600);
    --color-border-onselected: var(--ramp-green-300);
    --color-border-selected: var(--ramp-green-500);
    --color-border-selected-strong: var(--ramp-green-600);
    --color-border-toolbar-selected: var(--ramp-green-500);
    --color-border-toolbar-selected-strong: var(--ramp-green-400);
    --color-border-tooltip-onselected: var(--ramp-green-600);
    --color-border-tooltip-selected: var(--ramp-green-500);
    --color-border-tooltip-selected-strong: var(--ramp-green-400);
    --color-icon-brand: var(--ramp-green-600);
    --color-icon-brand-pressed: var(--ramp-green-700);
    --color-icon-brand-secondary: var(--ramp-green-400);
    --color-icon-brand-tertiary: var(--ramp-green-300);
    --color-icon-menu-pressed: var(--ramp-green-500);
    --color-icon-menu-selected: var(--ramp-green-400);
    --color-icon-menu-selected-secondary: var(--ramp-green-400);
    --color-icon-menu-selected-tertiary: var(--ramp-green-400);
    --color-icon-pressed: var(--ramp-green-600);
    --color-icon-selected: var(--ramp-green-600);
    --color-icon-toolbar-pressed: var(--ramp-green-500);
    --color-icon-toolbar-selected: var(--ramp-green-400);
    --color-icon-tooltip-pressed: var(--ramp-green-500);
    --color-icon-tooltip-selected: var(--ramp-green-400);
    --color-text-brand: var(--ramp-green-600);
    --color-text-menu-selected: var(--ramp-green-400);
    --color-text-selected: var(--ramp-green-600);
    --color-text-toolbar-selected: var(--ramp-green-400);
    --color-text-tooltip-selected: var(--ramp-green-400);
    --color-texthighlight: #14ae5c66
}

[data-preferred-theme=dark][data-editor-theme=piper],
:where([data-preferred-theme=dark] [data-editor-theme=piper]) {
    --color-bg-brand: var(--ramp-persimmon-500);
    --color-bg-brand-hover: var(--ramp-persimmon-600);
    --color-bg-brand-pressed: var(--ramp-persimmon-600);
    --color-bg-brand-secondary: var(--ramp-persimmon-700);
    --color-bg-brand-tertiary: var(--ramp-pale-persimmon-800);
    --color-bg-info: var(--ramp-pale-persimmon-800);
    --color-bg-menu-selected: var(--ramp-persimmon-500);
    --color-bg-menu-selected-hover: var(--ramp-persimmon-600);
    --color-bg-menu-selected-pressed: var(--ramp-persimmon-600);
    --color-bg-menu-selected-secondary: var(--ramp-pale-persimmon-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-persimmon-800);
    --color-bg-onselected: var(--ramp-pale-persimmon-500);
    --color-bg-selected: var(--ramp-pale-persimmon-700);
    --color-bg-selected-hover: var(--ramp-pale-persimmon-600);
    --color-bg-selected-pressed: var(--ramp-pale-persimmon-600);
    --color-bg-selected-secondary: var(--ramp-pale-persimmon-800);
    --color-bg-selected-strong: var(--ramp-persimmon-500);
    --color-bg-selected-tertiary: var(--ramp-pale-persimmon-800);
    --color-bg-strong-hover: var(--ramp-persimmon-600);
    --color-bg-strong-pressed: var(--ramp-persimmon-600);
    --color-bg-toolbar-selected: var(--ramp-persimmon-500);
    --color-bg-toolbar-selected-hover: var(--ramp-persimmon-600);
    --color-bg-toolbar-selected-pressed: var(--ramp-persimmon-600);
    --color-bg-toolbar-selected-secondary: var(--ramp-persimmon-700);
    --color-bg-tooltip-selected: var(--ramp-persimmon-500);
    --color-bg-tooltip-selected-hover: var(--ramp-persimmon-600);
    --color-bg-tooltip-selected-pressed: var(--ramp-persimmon-600);
    --color-bg-tooltip-selected-secondary: var(--ramp-pale-persimmon-800);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-persimmon-800);
    --color-bgselectedarea: #ff5c1633;
    --color-border-brand: var(--ramp-persimmon-700);
    --color-border-brand-strong: var(--ramp-persimmon-400);
    --color-border-menu-onselected: var(--ramp-persimmon-400);
    --color-border-menu-selected: var(--ramp-persimmon-500);
    --color-border-menu-selected-strong: var(--ramp-persimmon-400);
    --color-border-onbrand: var(--ramp-persimmon-600);
    --color-border-onselected: var(--ramp-pale-persimmon-500);
    --color-border-selected: var(--ramp-persimmon-500);
    --color-border-selected-strong: var(--ramp-persimmon-400);
    --color-border-toolbar-selected: var(--ramp-persimmon-500);
    --color-border-toolbar-selected-strong: var(--ramp-persimmon-400);
    --color-border-tooltip-onselected: var(--ramp-persimmon-600);
    --color-border-tooltip-selected: var(--ramp-persimmon-500);
    --color-border-tooltip-selected-strong: var(--ramp-persimmon-400);
    --color-fsBorderSelectedImmutableNode: var(--ramp-blue-500);
    --color-fsBorderSelectedImmutableNodeSecondary: var(--ramp-blue-300);
    --color-icon-brand: var(--ramp-persimmon-400);
    --color-icon-brand-pressed: var(--ramp-persimmon-500);
    --color-icon-brand-secondary: var(--ramp-persimmon-600);
    --color-icon-brand-tertiary: var(--ramp-pale-persimmon-800);
    --color-icon-menu-pressed: var(--ramp-persimmon-500);
    --color-icon-menu-selected: var(--ramp-persimmon-400);
    --color-icon-menu-selected-secondary: var(--ramp-persimmon-400);
    --color-icon-menu-selected-tertiary: var(--ramp-persimmon-400);
    --color-icon-pressed: var(--ramp-persimmon-600);
    --color-icon-selected: var(--ramp-persimmon-400);
    --color-icon-toolbar-pressed: var(--ramp-persimmon-500);
    --color-icon-toolbar-selected: var(--ramp-persimmon-400);
    --color-icon-tooltip-pressed: var(--ramp-persimmon-500);
    --color-icon-tooltip-selected: var(--ramp-persimmon-400);
    --color-text-brand: var(--ramp-persimmon-400);
    --color-text-menu-selected: var(--ramp-persimmon-400);
    --color-text-selected: var(--ramp-persimmon-400);
    --color-text-toolbar-selected: var(--ramp-persimmon-400);
    --color-text-tooltip-selected: var(--ramp-persimmon-400);
    --color-texthighlight: #ff5c1666
}

[data-preferred-theme=light][data-editor-theme=piper],
:where([data-preferred-theme=light] [data-editor-theme=piper]) {
    --color-bg-brand: var(--ramp-persimmon-500);
    --color-bg-brand-hover: var(--ramp-persimmon-600);
    --color-bg-brand-pressed: var(--ramp-persimmon-600);
    --color-bg-brand-secondary: var(--ramp-persimmon-700);
    --color-bg-brand-tertiary: var(--ramp-persimmon-200);
    --color-bg-info: var(--ramp-persimmon-200);
    --color-bg-menu-selected: var(--ramp-persimmon-500);
    --color-bg-menu-selected-hover: var(--ramp-persimmon-600);
    --color-bg-menu-selected-pressed: var(--ramp-persimmon-600);
    --color-bg-menu-selected-secondary: var(--ramp-pale-persimmon-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-persimmon-800);
    --color-bg-onselected: var(--ramp-persimmon-300);
    --color-bg-selected: var(--ramp-persimmon-200);
    --color-bg-selected-hover: var(--ramp-persimmon-300);
    --color-bg-selected-pressed: var(--ramp-persimmon-300);
    --color-bg-selected-secondary: var(--ramp-persimmon-100);
    --color-bg-selected-strong: var(--ramp-persimmon-500);
    --color-bg-selected-tertiary: var(--ramp-persimmon-100);
    --color-bg-strong-hover: var(--ramp-persimmon-600);
    --color-bg-strong-pressed: var(--ramp-persimmon-600);
    --color-bg-toolbar-hover: var(--ramp-grey-100);
    --color-bg-toolbar-selected: var(--ramp-persimmon-500);
    --color-bg-toolbar-selected-hover: var(--ramp-persimmon-600);
    --color-bg-toolbar-selected-pressed: var(--ramp-persimmon-600);
    --color-bg-toolbar-selected-secondary: var(--ramp-persimmon-700);
    --color-bg-tooltip-selected: var(--ramp-persimmon-500);
    --color-bg-tooltip-selected-hover: var(--ramp-persimmon-600);
    --color-bg-tooltip-selected-pressed: var(--ramp-persimmon-600);
    --color-bg-tooltip-selected-secondary: var(--ramp-pale-persimmon-800);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-persimmon-800);
    --color-bgselectedarea: #ff5c1633;
    --color-border-brand: var(--ramp-persimmon-300);
    --color-border-brand-strong: var(--ramp-persimmon-600);
    --color-border-menu-onselected: var(--ramp-persimmon-400);
    --color-border-menu-selected: var(--ramp-persimmon-500);
    --color-border-menu-selected-strong: var(--ramp-persimmon-400);
    --color-border-onbrand: var(--ramp-persimmon-600);
    --color-border-onselected: var(--ramp-persimmon-300);
    --color-border-selected: var(--ramp-persimmon-500);
    --color-border-selected-strong: var(--ramp-persimmon-600);
    --color-border-toolbar-selected: var(--ramp-persimmon-500);
    --color-border-toolbar-selected-strong: var(--ramp-persimmon-400);
    --color-border-tooltip-onselected: var(--ramp-persimmon-600);
    --color-border-tooltip-selected: var(--ramp-persimmon-500);
    --color-border-tooltip-selected-strong: var(--ramp-persimmon-400);
    --color-fsBorderSelectedImmutableNode: var(--ramp-blue-500);
    --color-fsBorderSelectedImmutableNodeSecondary: var(--ramp-blue-300);
    --color-icon-brand: var(--ramp-persimmon-600);
    --color-icon-brand-pressed: var(--ramp-persimmon-700);
    --color-icon-brand-secondary: var(--ramp-persimmon-400);
    --color-icon-brand-tertiary: var(--ramp-persimmon-300);
    --color-icon-menu-pressed: var(--ramp-persimmon-500);
    --color-icon-menu-selected: var(--ramp-persimmon-400);
    --color-icon-menu-selected-secondary: var(--ramp-persimmon-400);
    --color-icon-menu-selected-tertiary: var(--ramp-persimmon-400);
    --color-icon-pressed: var(--ramp-persimmon-600);
    --color-icon-selected: var(--ramp-persimmon-600);
    --color-icon-toolbar-hover: var(--ramp-black-800);
    --color-icon-toolbar-pressed: var(--ramp-persimmon-500);
    --color-icon-toolbar-selected: var(--ramp-persimmon-400);
    --color-icon-tooltip-pressed: var(--ramp-persimmon-500);
    --color-icon-tooltip-selected: var(--ramp-persimmon-400);
    --color-text-brand: var(--ramp-persimmon-600);
    --color-text-menu-selected: var(--ramp-persimmon-400);
    --color-text-selected: var(--ramp-persimmon-600);
    --color-text-toolbar-selected: var(--ramp-persimmon-400);
    --color-text-tooltip-selected: var(--ramp-persimmon-400);
    --color-texthighlight: #ff5c1666
}

[data-preferred-theme=light][data-editor-theme=seascape],
:where([data-preferred-theme=light] [data-editor-theme=seascape]) {
    --color-bg-brand: var(--ramp-violet-500);
    --color-bg-brand-hover: var(--ramp-violet-600);
    --color-bg-brand-pressed: var(--ramp-violet-600);
    --color-bg-brand-secondary: var(--ramp-violet-700);
    --color-bg-brand-tertiary: var(--ramp-violet-200);
    --color-bg-info: var(--ramp-violet-200);
    --color-bg-menu-selected: var(--ramp-violet-500);
    --color-bg-menu-selected-hover: var(--ramp-violet-600);
    --color-bg-menu-selected-pressed: var(--ramp-violet-600);
    --color-bg-menu-selected-secondary: var(--ramp-pale-violet-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-violet-800);
    --color-bg-onselected: var(--ramp-violet-300);
    --color-bg-selected: var(--ramp-violet-200);
    --color-bg-selected-hover: var(--ramp-violet-300);
    --color-bg-selected-pressed: var(--ramp-violet-300);
    --color-bg-selected-secondary: var(--ramp-violet-100);
    --color-bg-selected-strong: var(--ramp-violet-500);
    --color-bg-selected-tertiary: var(--ramp-violet-100);
    --color-bg-strong-hover: var(--ramp-violet-600);
    --color-bg-strong-pressed: var(--ramp-violet-600);
    --color-bg-toolbar-selected: var(--ramp-violet-500);
    --color-bg-toolbar-selected-hover: var(--ramp-violet-600);
    --color-bg-toolbar-selected-pressed: var(--ramp-violet-600);
    --color-bg-toolbar-selected-secondary: var(--ramp-violet-700);
    --color-bg-tooltip-selected: var(--ramp-violet-500);
    --color-bg-tooltip-selected-hover: var(--ramp-violet-600);
    --color-bg-tooltip-selected-pressed: var(--ramp-violet-600);
    --color-bg-tooltip-selected-secondary: var(--ramp-pale-violet-800);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-violet-800);
    --color-bgselectedarea: #4d49fc33;
    --color-border-brand: var(--ramp-violet-300);
    --color-border-brand-strong: var(--ramp-violet-600);
    --color-border-menu-onselected: var(--ramp-violet-400);
    --color-border-menu-selected: var(--ramp-violet-500);
    --color-border-menu-selected-strong: var(--ramp-violet-400);
    --color-border-onbrand: var(--ramp-violet-600);
    --color-border-onselected: var(--ramp-violet-300);
    --color-border-selected: var(--ramp-violet-500);
    --color-border-selected-strong: var(--ramp-violet-500);
    --color-border-strong: var(--ramp-grey-400);
    --color-border-toolbar-selected: var(--ramp-violet-500);
    --color-border-toolbar-selected-strong: var(--ramp-violet-400);
    --color-border-tooltip-onselected: var(--ramp-violet-600);
    --color-border-tooltip-selected: var(--ramp-violet-500);
    --color-border-tooltip-selected-strong: var(--ramp-violet-400);
    --color-icon-brand: var(--ramp-violet-600);
    --color-icon-brand-pressed: var(--ramp-violet-700);
    --color-icon-brand-secondary: var(--ramp-violet-400);
    --color-icon-brand-tertiary: var(--ramp-violet-300);
    --color-icon-menu-pressed: var(--ramp-violet-500);
    --color-icon-menu-selected: var(--ramp-violet-400);
    --color-icon-menu-selected-secondary: var(--ramp-violet-400);
    --color-icon-menu-selected-tertiary: var(--ramp-violet-400);
    --color-icon-pressed: var(--ramp-violet-600);
    --color-icon-selected: var(--ramp-violet-600);
    --color-icon-toolbar-pressed: var(--ramp-violet-500);
    --color-icon-toolbar-selected: var(--ramp-violet-400);
    --color-icon-tooltip-pressed: var(--ramp-violet-500);
    --color-icon-tooltip-selected: var(--ramp-violet-400);
    --color-text-brand: var(--ramp-violet-600);
    --color-text-menu-selected: var(--ramp-violet-400);
    --color-text-selected: var(--ramp-violet-600);
    --color-text-toolbar-selected: var(--ramp-violet-400);
    --color-text-tooltip-selected: var(--ramp-violet-400);
    --color-texthighlight: #4d49fc66
}

[data-preferred-theme=dark][data-editor-theme=seascape],
:where([data-preferred-theme=dark] [data-editor-theme=seascape]) {
    --color-bg-brand: var(--ramp-violet-500);
    --color-bg-brand-hover: var(--ramp-violet-600);
    --color-bg-brand-pressed: var(--ramp-violet-600);
    --color-bg-brand-secondary: var(--ramp-violet-700);
    --color-bg-brand-tertiary: var(--ramp-pale-violet-800);
    --color-bg-info: var(--ramp-pale-violet-800);
    --color-bg-menu-selected: var(--ramp-violet-500);
    --color-bg-menu-selected-hover: var(--ramp-violet-600);
    --color-bg-menu-selected-pressed: var(--ramp-violet-600);
    --color-bg-menu-selected-secondary: var(--ramp-pale-violet-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-violet-800);
    --color-bg-onselected: var(--ramp-pale-violet-500);
    --color-bg-selected: var(--ramp-pale-violet-700);
    --color-bg-selected-hover: var(--ramp-pale-violet-600);
    --color-bg-selected-pressed: var(--ramp-pale-violet-600);
    --color-bg-selected-secondary: var(--ramp-pale-violet-800);
    --color-bg-selected-strong: var(--ramp-violet-500);
    --color-bg-selected-tertiary: var(--ramp-pale-violet-800);
    --color-bg-strong-hover: var(--ramp-violet-600);
    --color-bg-strong-pressed: var(--ramp-violet-600);
    --color-bg-toolbar-selected: var(--ramp-violet-500);
    --color-bg-toolbar-selected-hover: var(--ramp-violet-600);
    --color-bg-toolbar-selected-pressed: var(--ramp-violet-600);
    --color-bg-toolbar-selected-secondary: var(--ramp-violet-700);
    --color-bg-tooltip-selected: var(--ramp-violet-500);
    --color-bg-tooltip-selected-hover: var(--ramp-violet-600);
    --color-bg-tooltip-selected-pressed: var(--ramp-violet-600);
    --color-bg-tooltip-selected-secondary: var(--ramp-pale-violet-800);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-violet-800);
    --color-bgselectedarea: #4d49fc33;
    --color-border-brand: var(--ramp-violet-700);
    --color-border-brand-strong: var(--ramp-violet-400);
    --color-border-menu-onselected: var(--ramp-violet-400);
    --color-border-menu-selected: var(--ramp-violet-500);
    --color-border-menu-selected-strong: var(--ramp-violet-400);
    --color-border-onbrand: var(--ramp-violet-600);
    --color-border-onselected: var(--ramp-pale-violet-500);
    --color-border-selected: var(--ramp-violet-500);
    --color-border-selected-strong: var(--ramp-violet-400);
    --color-border-toolbar-selected: var(--ramp-violet-500);
    --color-border-toolbar-selected-strong: var(--ramp-violet-400);
    --color-border-tooltip-onselected: var(--ramp-violet-600);
    --color-border-tooltip-selected: var(--ramp-violet-500);
    --color-border-tooltip-selected-strong: var(--ramp-violet-400);
    --color-icon-brand: var(--ramp-violet-400);
    --color-icon-brand-pressed: var(--ramp-violet-500);
    --color-icon-brand-secondary: var(--ramp-violet-600);
    --color-icon-brand-tertiary: var(--ramp-pale-violet-800);
    --color-icon-menu-pressed: var(--ramp-violet-500);
    --color-icon-menu-selected: var(--ramp-violet-400);
    --color-icon-menu-selected-secondary: var(--ramp-violet-400);
    --color-icon-menu-selected-tertiary: var(--ramp-violet-400);
    --color-icon-pressed: var(--ramp-violet-600);
    --color-icon-selected: var(--ramp-violet-400);
    --color-icon-toolbar-pressed: var(--ramp-violet-500);
    --color-icon-toolbar-selected: var(--ramp-violet-400);
    --color-icon-tooltip-pressed: var(--ramp-violet-500);
    --color-icon-tooltip-selected: var(--ramp-violet-400);
    --color-text-brand: var(--ramp-violet-400);
    --color-text-menu-selected: var(--ramp-violet-400);
    --color-text-selected: var(--ramp-violet-400);
    --color-text-toolbar-selected: var(--ramp-violet-400);
    --color-text-tooltip-selected: var(--ramp-violet-400);
    --color-texthighlight: #4d49fc66
}

[data-preferred-theme=light][data-editor-theme=cooper],
:where([data-preferred-theme=light] [data-editor-theme=cooper]) {
    --color-bg-brand: var(--ramp-pink-500);
    --color-bg-brand-hover: var(--ramp-pink-600);
    --color-bg-brand-pressed: var(--ramp-pink-600);
    --color-bg-brand-secondary: var(--ramp-pink-700);
    --color-bg-brand-tertiary: var(--ramp-pink-200);
    --color-bg-info: var(--ramp-pink-200);
    --color-bg-menu-selected: var(--ramp-pink-500);
    --color-bg-menu-selected-hover: var(--ramp-pink-600);
    --color-bg-menu-selected-pressed: var(--ramp-pink-600);
    --color-bg-menu-selected-secondary: var(--ramp-pale-pink-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-pink-800);
    --color-bg-onselected: var(--ramp-pink-300);
    --color-bg-selected: var(--ramp-pink-200);
    --color-bg-selected-hover: var(--ramp-pink-300);
    --color-bg-selected-pressed: var(--ramp-pink-300);
    --color-bg-selected-secondary: var(--ramp-pink-100);
    --color-bg-selected-strong: var(--ramp-pink-500);
    --color-bg-selected-tertiary: var(--ramp-pink-100);
    --color-bg-strong-hover: var(--ramp-pink-600);
    --color-bg-strong-pressed: var(--ramp-pink-600);
    --color-bg-toolbar: var(--ramp-white-1000);
    --color-bg-toolbar-disabled: var(--ramp-grey-300);
    --color-bg-toolbar-hover: var(--ramp-grey-100);
    --color-bg-toolbar-pressed: var(--ramp-grey-100);
    --color-bg-toolbar-secondary: var(--ramp-grey-100);
    --color-bg-toolbar-selected: var(--ramp-pink-500);
    --color-bg-toolbar-selected-hover: var(--ramp-pink-600);
    --color-bg-toolbar-selected-pressed: var(--ramp-pink-600);
    --color-bg-toolbar-selected-secondary: var(--ramp-pink-700);
    --color-bg-toolbar-tertiary: var(--ramp-grey-200);
    --color-bg-tooltip-selected: var(--ramp-pink-500);
    --color-bg-tooltip-selected-hover: var(--ramp-pink-600);
    --color-bg-tooltip-selected-pressed: var(--ramp-pink-600);
    --color-bg-tooltip-selected-secondary: var(--ramp-pale-pink-800);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-pink-800);
    --color-bgselectedarea: #974aff33;
    --color-border-brand: var(--ramp-pink-300);
    --color-border-brand-strong: var(--ramp-pink-600);
    --color-border-menu-onselected: var(--ramp-pink-400);
    --color-border-menu-selected: var(--ramp-pink-500);
    --color-border-menu-selected-strong: var(--ramp-pink-400);
    --color-border-onbrand: var(--ramp-pink-600);
    --color-border-onselected: var(--ramp-pink-300);
    --color-border-selected: var(--ramp-pink-500);
    --color-border-selected-strong: var(--ramp-pink-600);
    --color-border-toolbar: var(--ramp-grey-200);
    --color-border-toolbar-disabled: var(--ramp-grey-200);
    --color-border-toolbar-selected: var(--ramp-pink-500);
    --color-border-toolbar-selected-strong: var(--ramp-pink-400);
    --color-border-toolbar-strong: var(--ramp-grey-800);
    --color-border-tooltip-onselected: var(--ramp-pink-600);
    --color-border-tooltip-selected: var(--ramp-pink-500);
    --color-border-tooltip-selected-strong: var(--ramp-pink-400);
    --color-fsTextComponentOnDarkCanvas: var(--ramp-pink-400);
    --color-fsTextComponentOnLightCanvas: var(--ramp-pink-600);
    --color-icon-brand: var(--ramp-pink-600);
    --color-icon-brand-pressed: var(--ramp-pink-700);
    --color-icon-brand-secondary: var(--ramp-pink-400);
    --color-icon-brand-tertiary: var(--ramp-pink-300);
    --color-icon-menu-pressed: var(--ramp-pink-500);
    --color-icon-menu-selected: var(--ramp-pink-400);
    --color-icon-menu-selected-secondary: var(--ramp-pink-400);
    --color-icon-menu-selected-tertiary: var(--ramp-pink-400);
    --color-icon-pressed: var(--ramp-pink-600);
    --color-icon-selected: var(--ramp-pink-600);
    --color-icon-toolbar: var(--ramp-black-800);
    --color-icon-toolbar-disabled: var(--ramp-black-400);
    --color-icon-toolbar-hover: var(--ramp-black-800);
    --color-icon-toolbar-ondisabled: var(--ramp-black-400);
    --color-icon-toolbar-pressed: var(--ramp-pink-500);
    --color-icon-toolbar-secondary: var(--ramp-black-500);
    --color-icon-toolbar-secondary-hover: var(--ramp-black-800);
    --color-icon-toolbar-selected: var(--ramp-pink-600);
    --color-icon-toolbar-tertiary: var(--ramp-black-400);
    --color-icon-toolbar-tertiary-hover: var(--ramp-black-800);
    --color-icon-tooltip-pressed: var(--ramp-pink-500);
    --color-icon-tooltip-selected: var(--ramp-pink-400);
    --color-text-brand: var(--ramp-pink-600);
    --color-text-menu-selected: var(--ramp-pink-400);
    --color-text-selected: var(--ramp-pink-600);
    --color-text-toolbar: var(--ramp-black-800);
    --color-text-toolbar-disabled: var(--ramp-black-400);
    --color-text-toolbar-hover: var(--ramp-black-800);
    --color-text-toolbar-secondary: var(--ramp-black-500);
    --color-text-toolbar-secondary-hover: var(--ramp-black-800);
    --color-text-toolbar-selected: var(--ramp-pink-400);
    --color-text-toolbar-tertiary: var(--ramp-black-400);
    --color-text-toolbar-tertiary-hover: var(--ramp-black-800);
    --color-text-toolbar-warning: var(--ramp-yellow-1000);
    --color-text-tooltip-selected: var(--ramp-pink-400);
    --color-texthighlight: #ff24bd66
}

[data-preferred-theme=dark][data-editor-theme=cooper],
:where([data-preferred-theme=dark] [data-editor-theme=cooper]) {
    --color-bg-brand: var(--ramp-pink-500);
    --color-bg-brand-hover: var(--ramp-pink-600);
    --color-bg-brand-pressed: var(--ramp-pink-600);
    --color-bg-brand-secondary: var(--ramp-pink-700);
    --color-bg-brand-tertiary: var(--ramp-pale-pink-800);
    --color-bg-info: var(--ramp-pale-pink-800);
    --color-bg-menu-selected: var(--ramp-pink-500);
    --color-bg-menu-selected-hover: var(--ramp-pink-600);
    --color-bg-menu-selected-pressed: var(--ramp-pink-600);
    --color-bg-menu-selected-secondary: var(--ramp-pale-pink-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-pink-800);
    --color-bg-onselected: var(--ramp-pale-pink-500);
    --color-bg-selected: var(--ramp-pale-pink-700);
    --color-bg-selected-hover: var(--ramp-pale-pink-600);
    --color-bg-selected-pressed: var(--ramp-pale-pink-600);
    --color-bg-selected-secondary: var(--ramp-pale-pink-800);
    --color-bg-selected-strong: var(--ramp-pink-800);
    --color-bg-selected-tertiary: var(--ramp-pale-pink-800);
    --color-bg-strong-hover: var(--ramp-pink-600);
    --color-bg-strong-pressed: var(--ramp-pink-600);
    --color-bg-toolbar-selected: var(--ramp-pink-500);
    --color-bg-toolbar-selected-hover: var(--ramp-pink-600);
    --color-bg-toolbar-selected-pressed: var(--ramp-pink-600);
    --color-bg-toolbar-selected-secondary: var(--ramp-pink-700);
    --color-bg-tooltip-selected: var(--ramp-pink-500);
    --color-bg-tooltip-selected-hover: var(--ramp-pink-600);
    --color-bg-tooltip-selected-pressed: var(--ramp-pink-600);
    --color-bg-tooltip-selected-secondary: var(--ramp-pale-pink-800);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-pink-800);
    --color-bgselectedarea: #974aff33;
    --color-border-brand: var(--ramp-pink-700);
    --color-border-brand-strong: var(--ramp-pink-400);
    --color-border-menu-onselected: var(--ramp-pink-400);
    --color-border-menu-selected: var(--ramp-pink-500);
    --color-border-menu-selected-strong: var(--ramp-pink-400);
    --color-border-onbrand: var(--ramp-pink-600);
    --color-border-onselected: var(--ramp-pale-pink-500);
    --color-border-selected: var(--ramp-pink-500);
    --color-border-selected-strong: var(--ramp-pink-400);
    --color-border-toolbar-selected: var(--ramp-pink-500);
    --color-border-toolbar-selected-strong: var(--ramp-pink-400);
    --color-border-tooltip-onselected: var(--ramp-pink-600);
    --color-border-tooltip-selected: var(--ramp-pink-500);
    --color-border-tooltip-selected-strong: var(--ramp-pink-400);
    --color-fsTextComponentOnDarkCanvas: var(--ramp-pink-400);
    --color-fsTextComponentOnLightCanvas: var(--ramp-pink-600);
    --color-icon-brand: var(--ramp-pink-400);
    --color-icon-brand-pressed: var(--ramp-pink-500);
    --color-icon-brand-secondary: var(--ramp-pink-600);
    --color-icon-brand-tertiary: var(--ramp-pale-pink-800);
    --color-icon-menu-pressed: var(--ramp-pink-500);
    --color-icon-menu-selected: var(--ramp-pink-400);
    --color-icon-menu-selected-secondary: var(--ramp-pink-400);
    --color-icon-menu-selected-tertiary: var(--ramp-pink-400);
    --color-icon-pressed: var(--ramp-pink-600);
    --color-icon-selected: var(--ramp-pink-400);
    --color-icon-toolbar-pressed: var(--ramp-pink-500);
    --color-icon-toolbar-selected: var(--ramp-pink-400);
    --color-icon-tooltip-pressed: var(--ramp-pink-500);
    --color-icon-tooltip-selected: var(--ramp-pink-400);
    --color-text-brand: var(--ramp-pink-400);
    --color-text-menu-selected: var(--ramp-pink-400);
    --color-text-selected: var(--ramp-pink-400);
    --color-text-toolbar-selected: var(--ramp-pink-400);
    --color-text-tooltip-selected: var(--ramp-pink-400);
    --color-texthighlight: #ff24bd66
}

[data-preferred-theme=light][data-editor-theme=sulli],
:where([data-preferred-theme=light] [data-editor-theme=sulli]) {
    --color-bg-brand: var(--ramp-teal-500);
    --color-bg-brand-hover: var(--ramp-teal-600);
    --color-bg-brand-pressed: var(--ramp-teal-600);
    --color-bg-brand-secondary: var(--ramp-teal-700);
    --color-bg-brand-tertiary: var(--ramp-teal-200);
    --color-bg-info: var(--ramp-teal-200);
    --color-bg-menu-selected: var(--ramp-teal-500);
    --color-bg-menu-selected-hover: var(--ramp-teal-600);
    --color-bg-menu-selected-pressed: var(--ramp-teal-600);
    --color-bg-menu-selected-secondary: var(--ramp-pale-teal-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-teal-800);
    --color-bg-onselected: var(--ramp-teal-300);
    --color-bg-selected: var(--ramp-teal-200);
    --color-bg-selected-hover: var(--ramp-teal-300);
    --color-bg-selected-pressed: var(--ramp-teal-300);
    --color-bg-selected-secondary: var(--ramp-teal-100);
    --color-bg-selected-strong: var(--ramp-teal-500);
    --color-bg-selected-tertiary: var(--ramp-teal-100);
    --color-bg-strong-hover: var(--ramp-teal-600);
    --color-bg-strong-pressed: var(--ramp-teal-600);
    --color-bg-toolbar: var(--ramp-white-1000);
    --color-bg-toolbar-disabled: var(--ramp-grey-300);
    --color-bg-toolbar-hover: var(--ramp-grey-100);
    --color-bg-toolbar-pressed: var(--ramp-grey-100);
    --color-bg-toolbar-secondary: var(--ramp-grey-100);
    --color-bg-toolbar-selected: var(--ramp-teal-500);
    --color-bg-toolbar-selected-hover: var(--ramp-teal-600);
    --color-bg-toolbar-selected-pressed: var(--ramp-teal-600);
    --color-bg-toolbar-selected-secondary: var(--ramp-teal-700);
    --color-bg-toolbar-tertiary: var(--ramp-grey-200);
    --color-bg-tooltip-selected: var(--ramp-teal-500);
    --color-bg-tooltip-selected-hover: var(--ramp-teal-600);
    --color-bg-tooltip-selected-pressed: var(--ramp-teal-600);
    --color-bg-tooltip-selected-secondary: var(--ramp-pale-teal-800);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-teal-800);
    --color-bgselectedarea: #00a2c233;
    --color-border-brand: var(--ramp-teal-300);
    --color-border-brand-strong: var(--ramp-teal-600);
    --color-border-fs-measure-strong: var(--color-border-measure-strong);
    --color-border-menu-onselected: var(--ramp-teal-400);
    --color-border-menu-selected: var(--ramp-teal-500);
    --color-border-menu-selected-strong: var(--ramp-teal-400);
    --color-border-onbrand: var(--ramp-teal-600);
    --color-border-onselected: var(--ramp-teal-300);
    --color-border-selected: var(--ramp-teal-500);
    --color-border-selected-strong: var(--ramp-teal-600);
    --color-border-toolbar: var(--ramp-grey-200);
    --color-border-toolbar-disabled: var(--ramp-grey-200);
    --color-border-toolbar-selected: var(--ramp-teal-500);
    --color-border-toolbar-selected-strong: var(--ramp-teal-400);
    --color-border-toolbar-strong: var(--ramp-grey-800);
    --color-border-tooltip-onselected: var(--ramp-teal-600);
    --color-border-tooltip-selected: var(--ramp-teal-500);
    --color-border-tooltip-selected-strong: var(--ramp-teal-400);
    --color-icon-brand: var(--ramp-teal-600);
    --color-icon-brand-pressed: var(--ramp-teal-700);
    --color-icon-brand-secondary: var(--ramp-teal-400);
    --color-icon-brand-tertiary: var(--ramp-teal-300);
    --color-icon-menu-pressed: var(--ramp-teal-500);
    --color-icon-menu-selected: var(--ramp-teal-400);
    --color-icon-menu-selected-secondary: var(--ramp-teal-400);
    --color-icon-menu-selected-tertiary: var(--ramp-teal-400);
    --color-icon-pressed: var(--ramp-teal-600);
    --color-icon-selected: var(--ramp-teal-600);
    --color-icon-toolbar: var(--ramp-black-800);
    --color-icon-toolbar-disabled: var(--ramp-black-400);
    --color-icon-toolbar-hover: var(--ramp-black-800);
    --color-icon-toolbar-ondisabled: var(--ramp-black-400);
    --color-icon-toolbar-pressed: var(--ramp-teal-500);
    --color-icon-toolbar-secondary: var(--ramp-black-500);
    --color-icon-toolbar-secondary-hover: var(--ramp-black-800);
    --color-icon-toolbar-selected: var(--ramp-teal-600);
    --color-icon-toolbar-tertiary: var(--ramp-black-400);
    --color-icon-toolbar-tertiary-hover: var(--ramp-black-800);
    --color-icon-tooltip-pressed: var(--ramp-teal-500);
    --color-icon-tooltip-selected: var(--ramp-teal-400);
    --color-text-brand: var(--ramp-teal-600);
    --color-text-menu-selected: var(--ramp-teal-400);
    --color-text-selected: var(--ramp-teal-600);
    --color-text-toolbar: var(--ramp-black-800);
    --color-text-toolbar-disabled: var(--ramp-black-400);
    --color-text-toolbar-hover: var(--ramp-black-800);
    --color-text-toolbar-secondary: var(--ramp-black-500);
    --color-text-toolbar-secondary-hover: var(--ramp-black-800);
    --color-text-toolbar-selected: var(--ramp-teal-400);
    --color-text-toolbar-tertiary: var(--ramp-black-400);
    --color-text-toolbar-tertiary-hover: var(--ramp-black-800);
    --color-text-toolbar-warning: var(--ramp-yellow-1000);
    --color-text-tooltip-selected: var(--ramp-teal-400);
    --color-texthighlight: #00a2c266
}

[data-preferred-theme=dark][data-editor-theme=sulli],
:where([data-preferred-theme=dark] [data-editor-theme=sulli]) {
    --color-bg-brand: var(--ramp-teal-500);
    --color-bg-brand-hover: var(--ramp-teal-600);
    --color-bg-brand-pressed: var(--ramp-teal-600);
    --color-bg-brand-secondary: var(--ramp-teal-700);
    --color-bg-brand-tertiary: var(--ramp-pale-teal-800);
    --color-bg-info: var(--ramp-pale-teal-800);
    --color-bg-menu-selected: var(--ramp-teal-500);
    --color-bg-menu-selected-hover: var(--ramp-teal-600);
    --color-bg-menu-selected-pressed: var(--ramp-teal-600);
    --color-bg-menu-selected-secondary: var(--ramp-pale-teal-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-teal-800);
    --color-bg-onselected: var(--ramp-pale-teal-500);
    --color-bg-selected: var(--ramp-pale-teal-700);
    --color-bg-selected-hover: var(--ramp-pale-teal-600);
    --color-bg-selected-pressed: var(--ramp-pale-teal-600);
    --color-bg-selected-secondary: var(--ramp-pale-teal-800);
    --color-bg-selected-strong: var(--ramp-teal-800);
    --color-bg-selected-tertiary: var(--ramp-pale-teal-800);
    --color-bg-strong-hover: var(--ramp-teal-600);
    --color-bg-strong-pressed: var(--ramp-teal-600);
    --color-bg-toolbar-selected: var(--ramp-teal-500);
    --color-bg-toolbar-selected-hover: var(--ramp-teal-600);
    --color-bg-toolbar-selected-pressed: var(--ramp-teal-600);
    --color-bg-toolbar-selected-secondary: var(--ramp-teal-700);
    --color-bg-tooltip-selected: var(--ramp-teal-500);
    --color-bg-tooltip-selected-hover: var(--ramp-teal-600);
    --color-bg-tooltip-selected-pressed: var(--ramp-teal-600);
    --color-bg-tooltip-selected-secondary: var(--ramp-pale-teal-800);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-teal-800);
    --color-bgselectedarea: #00a2c233;
    --color-border-brand: var(--ramp-teal-700);
    --color-border-brand-strong: var(--ramp-teal-400);
    --color-border-fs-measure-strong: var(--color-border-measure-strong);
    --color-border-menu-onselected: var(--ramp-teal-400);
    --color-border-menu-selected: var(--ramp-teal-500);
    --color-border-menu-selected-strong: var(--ramp-teal-400);
    --color-border-onbrand: var(--ramp-teal-600);
    --color-border-onselected: var(--ramp-pale-teal-500);
    --color-border-selected: var(--ramp-teal-500);
    --color-border-selected-strong: var(--ramp-teal-400);
    --color-border-toolbar-selected: var(--ramp-teal-500);
    --color-border-toolbar-selected-strong: var(--ramp-teal-400);
    --color-border-tooltip-onselected: var(--ramp-teal-600);
    --color-border-tooltip-selected: var(--ramp-teal-500);
    --color-border-tooltip-selected-strong: var(--ramp-teal-400);
    --color-icon-brand: var(--ramp-teal-400);
    --color-icon-brand-pressed: var(--ramp-teal-500);
    --color-icon-brand-secondary: var(--ramp-teal-600);
    --color-icon-brand-tertiary: var(--ramp-pale-teal-800);
    --color-icon-menu-pressed: var(--ramp-teal-500);
    --color-icon-menu-selected: var(--ramp-teal-400);
    --color-icon-menu-selected-secondary: var(--ramp-teal-400);
    --color-icon-menu-selected-tertiary: var(--ramp-teal-400);
    --color-icon-pressed: var(--ramp-teal-600);
    --color-icon-selected: var(--ramp-teal-400);
    --color-icon-toolbar-pressed: var(--ramp-teal-500);
    --color-icon-toolbar-selected: var(--ramp-teal-400);
    --color-icon-tooltip-pressed: var(--ramp-teal-500);
    --color-icon-tooltip-selected: var(--ramp-teal-400);
    --color-text-brand: var(--ramp-teal-400);
    --color-text-menu-selected: var(--ramp-teal-400);
    --color-text-selected: var(--ramp-teal-400);
    --color-text-toolbar-selected: var(--ramp-teal-400);
    --color-text-tooltip-selected: var(--ramp-teal-400);
    --color-texthighlight: #00a2c266
}

[data-preferred-theme=light][data-editor-theme=bake-filebrowser],
:where([data-preferred-theme=light] [data-editor-theme=bake-filebrowser]) {
    --color-bg-brand: var(--ramp-grey-800);
    --color-bg-brand-hover: var(--ramp-grey-900);
    --color-bg-brand-pressed: var(--ramp-grey-900);
    --color-bg-brand-secondary: var(--ramp-grey-700);
    --color-bg-brand-tertiary: var(--ramp-grey-200);
    --color-bg-info: var(--ramp-violet-200);
    --color-bg-menu-selected: var(--ramp-violet-500);
    --color-bg-menu-selected-hover: var(--ramp-violet-600);
    --color-bg-menu-selected-pressed: var(--ramp-violet-600);
    --color-bg-menu-selected-secondary: var(--ramp-pale-violet-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-violet-800);
    --color-bg-onselected: var(--ramp-grey-300);
    --color-bg-selected: var(--ramp-grey-200);
    --color-bg-selected-hover: var(--ramp-grey-300);
    --color-bg-selected-pressed: var(--ramp-grey-300);
    --color-bg-selected-secondary: var(--ramp-grey-100);
    --color-bg-selected-strong: var(--ramp-grey-500);
    --color-bg-selected-tertiary: var(--ramp-grey-100);
    --color-bg-toolbar-selected: var(--ramp-violet-500);
    --color-bg-toolbar-selected-hover: var(--ramp-violet-600);
    --color-bg-toolbar-selected-pressed: var(--ramp-violet-600);
    --color-bg-toolbar-selected-secondary: var(--ramp-violet-700);
    --color-bg-tooltip-selected: var(--ramp-violet-500);
    --color-bg-tooltip-selected-hover: var(--ramp-violet-600);
    --color-bg-tooltip-selected-pressed: var(--ramp-violet-600);
    --color-bg-tooltip-selected-secondary: var(--ramp-pale-violet-800);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-violet-800);
    --color-bgselectedarea: #4d49fc33;
    --color-border-brand: var(--ramp-black-300);
    --color-border-brand-strong: var(--ramp-black-600);
    --color-border-menu-onselected: var(--ramp-violet-400);
    --color-border-menu-selected: var(--ramp-violet-500);
    --color-border-menu-selected-strong: var(--ramp-violet-400);
    --color-border-onbrand: var(--ramp-black-600);
    --color-border-onselected: var(--ramp-violet-300);
    --color-border-selected: var(--ramp-grey-800);
    --color-border-selected-strong: var(--ramp-grey-1000);
    --color-border-toolbar-selected: var(--ramp-violet-500);
    --color-border-toolbar-selected-strong: var(--ramp-violet-400);
    --color-border-tooltip-onselected: var(--ramp-violet-600);
    --color-border-tooltip-selected: var(--ramp-violet-500);
    --color-border-tooltip-selected-strong: var(--ramp-violet-400);
    --color-icon-brand: var(--ramp-black-600);
    --color-icon-brand-pressed: var(--ramp-black-700);
    --color-icon-brand-secondary: var(--ramp-black-400);
    --color-icon-brand-tertiary: var(--ramp-black-300);
    --color-icon-menu-pressed: var(--ramp-violet-500);
    --color-icon-menu-selected: var(--ramp-violet-400);
    --color-icon-menu-selected-secondary: var(--ramp-violet-400);
    --color-icon-menu-selected-tertiary: var(--ramp-violet-400);
    --color-icon-pressed: var(--ramp-violet-600);
    --color-icon-selected: var(--ramp-violet-600);
    --color-icon-toolbar-pressed: var(--ramp-violet-500);
    --color-icon-toolbar-selected: var(--ramp-violet-400);
    --color-icon-tooltip-pressed: var(--ramp-violet-500);
    --color-icon-tooltip-selected: var(--ramp-violet-400);
    --color-text-brand: var(--ramp-violet-600);
    --color-text-menu-selected: var(--ramp-violet-400);
    --color-text-selected: var(--ramp-violet-600);
    --color-text-toolbar-selected: var(--ramp-violet-400);
    --color-text-tooltip-selected: var(--ramp-violet-400);
    --color-texthighlight: #4d49fc66
}

[data-preferred-theme=dark][data-editor-theme=bake-filebrowser],
:where([data-preferred-theme=dark] [data-editor-theme=bake-filebrowser]) {
    --color-bg-brand: var(--ramp-white-1000);
    --color-bg-brand-hover: var(--ramp-white-1000);
    --color-bg-brand-pressed: var(--ramp-white-1000);
    --color-bg-brand-secondary: var(--ramp-white-700);
    --color-bg-brand-tertiary: var(--ramp-white-300);
    --color-bg-elevated: var(--ramp-white-1000);
    --color-bg-elevated-hover: var(--ramp-grey-100);
    --color-bg-info: var(--ramp-pale-violet-800);
    --color-bg-menu-selected: var(--ramp-violet-500);
    --color-bg-menu-selected-hover: var(--ramp-violet-600);
    --color-bg-menu-selected-pressed: var(--ramp-violet-600);
    --color-bg-menu-selected-secondary: var(--ramp-pale-violet-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-violet-800);
    --color-bg-onselected: var(--ramp-white-500);
    --color-bg-selected: var(--ramp-white-700);
    --color-bg-selected-hover: var(--ramp-white-600);
    --color-bg-selected-pressed: var(--ramp-white-600);
    --color-bg-selected-secondary: var(--ramp-white-800);
    --color-bg-selected-strong: var(--ramp-white-500);
    --color-bg-selected-tertiary: var(--ramp-white-800);
    --color-bg-toolbar-selected: var(--ramp-violet-500);
    --color-bg-toolbar-selected-hover: var(--ramp-violet-600);
    --color-bg-toolbar-selected-pressed: var(--ramp-violet-600);
    --color-bg-toolbar-selected-secondary: var(--ramp-violet-700);
    --color-bg-tooltip-selected: var(--ramp-violet-500);
    --color-bg-tooltip-selected-hover: var(--ramp-violet-600);
    --color-bg-tooltip-selected-pressed: var(--ramp-violet-600);
    --color-bg-tooltip-selected-secondary: var(--ramp-pale-violet-800);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-violet-800);
    --color-bgselectedarea: #4d49fc33;
    --color-border-brand: var(--ramp-white-400);
    --color-border-brand-strong: var(--ramp-white-700);
    --color-border-menu-onselected: var(--ramp-violet-400);
    --color-border-menu-selected: var(--ramp-violet-500);
    --color-border-menu-selected-strong: var(--ramp-violet-400);
    --color-border-onbrand: var(--ramp-white-600);
    --color-border-onselected: var(--ramp-pale-violet-500);
    --color-border-selected: var(--ramp-white-1000);
    --color-border-selected-strong: var(--ramp-white-1000);
    --color-border-toolbar-selected: var(--ramp-violet-500);
    --color-border-toolbar-selected-strong: var(--ramp-violet-400);
    --color-border-tooltip-onselected: var(--ramp-violet-600);
    --color-border-tooltip-selected: var(--ramp-violet-500);
    --color-border-tooltip-selected-strong: var(--ramp-violet-400);
    --color-icon-brand: var(--ramp-white-500);
    --color-icon-brand-pressed: var(--ramp-white-400);
    --color-icon-brand-secondary: var(--ramp-white-300);
    --color-icon-brand-tertiary: var(--ramp-white-100);
    --color-icon-menu-pressed: var(--ramp-violet-500);
    --color-icon-menu-selected: var(--ramp-violet-400);
    --color-icon-menu-selected-secondary: var(--ramp-violet-400);
    --color-icon-menu-selected-tertiary: var(--ramp-violet-400);
    --color-icon-onbrand: var(--ramp-grey-1000);
    --color-icon-onbrand-secondary: var(--ramp-grey-600);
    --color-icon-onbrand-tertiary: var(--ramp-grey-400);
    --color-icon-pressed: var(--ramp-violet-600);
    --color-icon-selected: var(--ramp-violet-400);
    --color-icon-toolbar-pressed: var(--ramp-violet-500);
    --color-icon-toolbar-selected: var(--ramp-violet-400);
    --color-icon-tooltip-pressed: var(--ramp-violet-500);
    --color-icon-tooltip-selected: var(--ramp-violet-400);
    --color-text-brand: var(--ramp-violet-400);
    --color-text-menu-selected: var(--ramp-violet-400);
    --color-text-onbrand: var(--ramp-grey-1000);
    --color-text-onbrand-secondary: var(--ramp-grey-600);
    --color-text-onbrand-tertiary: var(--ramp-grey-400);
    --color-text-selected: var(--ramp-violet-400);
    --color-text-toolbar-selected: var(--ramp-violet-400);
    --color-text-tooltip-selected: var(--ramp-violet-400);
    --color-texthighlight: #4d49fc66
}

[data-preferred-theme=dark][data-enhanced-contrast],
[data-preferred-theme=dark][data-editor-theme=design][data-enhanced-contrast],
:where([data-preferred-theme=dark] [data-editor-theme=design][data-enhanced-contrast]) {
    --color-bg-assistive: var(--ramp-pink-400);
    --color-bg-assistive-hover: var(--ramp-pink-300);
    --color-bg-assistive-pressed: var(--ramp-pink-300);
    --color-bg-assistive-secondary: var(--ramp-pink-300);
    --color-bg-brand: var(--ramp-blue-400);
    --color-bg-brand-hover: var(--ramp-blue-300);
    --color-bg-brand-pressed: var(--ramp-blue-300);
    --color-bg-brand-secondary: var(--ramp-blue-400);
    --color-bg-brand-tertiary: var(--ramp-pale-blue-700);
    --color-bg-component: var(--ramp-purple-200);
    --color-bg-component-hover: var(--ramp-purple-300);
    --color-bg-component-pressed: var(--ramp-purple-300);
    --color-bg-component-secondary: var(--ramp-pale-purple-400);
    --color-bg-danger: var(--ramp-red-200);
    --color-bg-danger-hover: var(--ramp-red-300);
    --color-bg-danger-pressed: var(--ramp-red-300);
    --color-bg-danger-secondary: var(--ramp-pale-red-400);
    --color-bg-design: var(--ramp-blue-400);
    --color-bg-design-hover: var(--ramp-blue-300);
    --color-bg-design-pressed: var(--ramp-blue-300);
    --color-bg-design-secondary: var(--ramp-blue-400);
    --color-bg-design-tertiary: var(--ramp-pale-blue-700);
    --color-bg-figjam: var(--ramp-purple-400);
    --color-bg-figjam-hover: var(--ramp-purple-300);
    --color-bg-figjam-pressed: var(--ramp-purple-300);
    --color-bg-figjam-secondary: var(--ramp-purple-300);
    --color-bg-figjam-tertiary: var(--ramp-purple-800);
    --color-bg-handoff: var(--ramp-green-400);
    --color-bg-handoff-hover: var(--ramp-green-300);
    --color-bg-handoff-pressed: var(--ramp-green-300);
    --color-bg-handoff-secondary: var(--ramp-pale-green-400);
    --color-bg-handoff-tertiary: var(--ramp-green-800);
    --color-bg-measure: var(--ramp-red-200);
    --color-bg-measure-hover: var(--ramp-red-300);
    --color-bg-measure-pressed: var(--ramp-red-300);
    --color-bg-measure-secondary: var(--ramp-pale-red-400);
    --color-bg-menu-selected: var(--ramp-blue-400);
    --color-bg-menu-selected-hover: var(--ramp-blue-300);
    --color-bg-menu-selected-pressed: var(--ramp-blue-300);
    --color-bg-selected: var(--ramp-pale-blue-800);
    --color-bg-selected-secondary: var(--ramp-pale-blue-900);
    --color-bg-selected-strong: var(--ramp-blue-400);
    --color-bg-success: var(--ramp-green-400);
    --color-bg-success-hover: var(--ramp-green-300);
    --color-bg-success-pressed: var(--ramp-green-300);
    --color-bg-success-secondary: var(--ramp-pale-green-400);
    --color-bg-success-tertiary: var(--ramp-green-800);
    --color-bg-tertiary: var(--ramp-grey-500);
    --color-bg-toolbar-selected: var(--ramp-blue-400);
    --color-bg-toolbar-selected-hover: var(--ramp-blue-300);
    --color-bg-toolbar-selected-pressed: var(--ramp-blue-300);
    --color-bg-toolbar-selected-secondary: var(--ramp-blue-400);
    --color-bg-tooltip-selected: var(--ramp-blue-400);
    --color-bg-tooltip-selected-hover: var(--ramp-blue-300);
    --color-bg-tooltip-selected-pressed: var(--ramp-blue-300);
    --color-bg-tooltip-selected-secondary: var(--ramp-blue-400);
    --color-border: var(--ramp-grey-500);
    --color-border-assistive: var(--ramp-pink-400);
    --color-border-assistive-strong: var(--ramp-pink-300);
    --color-border-brand: var(--ramp-blue-400);
    --color-border-brand-strong: var(--ramp-blue-300);
    --color-border-component: var(--ramp-purple-300);
    --color-border-component-hover: var(--ramp-purple-100);
    --color-border-component-selected: var(--ramp-purple-200);
    --color-border-component-strong: var(--ramp-purple-100);
    --color-border-danger: var(--ramp-red-200);
    --color-border-danger-strong: var(--ramp-red-100);
    --color-border-design: var(--ramp-blue-400);
    --color-border-design-strong: var(--ramp-blue-300);
    --color-border-figjam: var(--ramp-purple-300);
    --color-border-figjam-strong: var(--ramp-purple-200);
    --color-border-fs-assistive-strong: var(--color-border-assistive-strong);
    --color-border-fs-measure-strong: var(--color-border-measure-strong);
    --color-border-handoff: var(--ramp-green-400);
    --color-border-handoff-strong: var(--ramp-green-300);
    --color-border-measure: var(--ramp-red-200);
    --color-border-measure-strong: var(--ramp-red-100);
    --color-border-onassistive: var(--ramp-pink-800);
    --color-border-onassistive-strong: var(--ramp-pink-1000);
    --color-border-onbrand: var(--ramp-blue-800);
    --color-border-onbrand-strong: var(--ramp-blue-1000);
    --color-border-oncomponent: var(--ramp-purple-800);
    --color-border-oncomponent-strong: var(--ramp-purple-1000);
    --color-border-ondanger: var(--ramp-red-800);
    --color-border-ondanger-strong: var(--ramp-red-1000);
    --color-border-ondesign: var(--ramp-blue-800);
    --color-border-ondesign-strong: var(--ramp-blue-1000);
    --color-border-onfigjam: var(--ramp-purple-800);
    --color-border-onfigjam-strong: var(--ramp-purple-1000);
    --color-border-onmeasure: var(--ramp-red-800);
    --color-border-onmeasure-strong: var(--ramp-red-1000);
    --color-border-onsuccess: var(--ramp-green-900);
    --color-border-onsuccess-strong: var(--ramp-green-1000);
    --color-border-onwarning: var(--ramp-pale-yellow-800);
    --color-border-onwarning-strong: var(--ramp-yellow-1000);
    --color-border-selected: var(--ramp-blue-400);
    --color-border-selected-strong: var(--ramp-blue-300);
    --color-border-success: var(--ramp-green-400);
    --color-border-success-strong: var(--ramp-green-300);
    --color-border-warning: var(--ramp-yellow-400);
    --color-border-warning-strong: var(--ramp-yellow-300);
    --color-borderselectedec: var(--ramp-white-500);
    --color-bordertranslucent: var(--ramp-white-400);
    --color-conditionalborder: var(--ramp-grey-500);
    --color-fsBorderSelectedImmutableNode: var(--color-bg-fs-component);
    --color-fsBorderSelectedImmutableNodeSecondary: var(--color-bg-fs-component);
    --color-fsTextComponentOnDarkCanvas: var(--ramp-purple-300);
    --color-fsTextComponentOnLightCanvas: var(--ramp-purple-800);
    --color-fsTextSelectedOnLightCanvas: var(--ramp-blue-800);
    --color-icon-brand-pressed: var(--ramp-blue-400);
    --color-icon-brand-secondary: var(--ramp-blue-400);
    --color-icon-component: var(--ramp-purple-300);
    --color-icon-component-pressed: var(--ramp-purple-200);
    --color-icon-component-secondary: var(--ramp-purple-300);
    --color-icon-component-tertiary: var(--ramp-purple-300);
    --color-icon-danger: var(--ramp-red-200);
    --color-icon-figjam: var(--ramp-purple-300);
    --color-icon-figjam-pressed: var(--ramp-purple-200);
    --color-icon-figjam-secondary: var(--ramp-purple-300);
    --color-icon-figjam-tertiary: var(--ramp-purple-300);
    --color-icon-measure: var(--ramp-red-400);
    --color-icon-menu-onselected: var(--ramp-grey-800);
    --color-icon-onassistive-secondary: var(--ramp-white-1000);
    --color-icon-onassistive-tertiary: var(--ramp-white-1000);
    --color-icon-onbrand: var(--ramp-grey-800);
    --color-icon-onbrand-secondary: var(--ramp-grey-800);
    --color-icon-onbrand-tertiary: var(--ramp-grey-800);
    --color-icon-oncomponent: var(--ramp-grey-800);
    --color-icon-oncomponent-secondary: var(--ramp-grey-800);
    --color-icon-oncomponent-tertiary: var(--ramp-grey-800);
    --color-icon-ondanger: var(--ramp-grey-800);
    --color-icon-ondanger-secondary: var(--ramp-grey-800);
    --color-icon-ondanger-tertiary: var(--ramp-grey-800);
    --color-icon-ondesign: var(--ramp-grey-800);
    --color-icon-ondesign-secondary: var(--ramp-grey-800);
    --color-icon-ondesign-tertiary: var(--ramp-grey-800);
    --color-icon-onfigjam: var(--ramp-grey-800);
    --color-icon-onfigjam-secondary: var(--ramp-grey-800);
    --color-icon-onfigjam-tertiary: var(--ramp-grey-800);
    --color-icon-onmeasure: var(--ramp-grey-800);
    --color-icon-onmeasure-secondary: var(--ramp-grey-800);
    --color-icon-onmeasure-tertiary: var(--ramp-grey-800);
    --color-icon-onselected-secondary: var(--ramp-white-1000);
    --color-icon-onselected-tertiary: var(--ramp-white-1000);
    --color-icon-onsuccess: var(--ramp-grey-800);
    --color-icon-onsuccess-secondary: var(--ramp-grey-800);
    --color-icon-onsuccess-tertiary: var(--ramp-grey-800);
    --color-icon-onwarning-secondary: var(--ramp-black-800);
    --color-icon-onwarning-tertiary: var(--ramp-black-800);
    --color-icon-pressed: var(--ramp-blue-400);
    --color-icon-tertiary: var(--ramp-white-500);
    --color-icon-warning-pressed: var(--ramp-yellow-300);
    --color-iconfavorite: var(--ramp-pale-yellow-500);
    --color-multiplayergreen: var(--ramp-green-600);
    --color-multiplayergreenhover: var(--ramp-green-700);
    --color-multiplayeryellow: var(--ramp-pale-yellow-500);
    --color-multiplayeryellowhover: var(--ramp-pale-yellow-600);
    --color-multiplayeryellowsecondary: var(--ramp-pale-yellow-800);
    --color-text-component: var(--ramp-purple-300);
    --color-text-component-pressed: var(--ramp-purple-200);
    --color-text-component-secondary: var(--ramp-purple-300);
    --color-text-component-tertiary: var(--ramp-purple-300);
    --color-text-danger: var(--ramp-red-200);
    --color-text-figjam: var(--ramp-purple-300);
    --color-text-figjam-pressed: var(--ramp-purple-200);
    --color-text-figjam-secondary: var(--ramp-purple-300);
    --color-text-figjam-tertiary: var(--ramp-purple-300);
    --color-text-menu-onselected: var(--ramp-grey-800);
    --color-text-onassistive: var(--ramp-grey-800);
    --color-text-onassistive-secondary: var(--ramp-grey-800);
    --color-text-onassistive-tertiary: var(--ramp-grey-800);
    --color-text-onbrand: var(--ramp-grey-800);
    --color-text-onbrand-secondary: var(--ramp-grey-800);
    --color-text-onbrand-tertiary: var(--ramp-grey-800);
    --color-text-oncomponent: var(--ramp-grey-800);
    --color-text-oncomponent-secondary: var(--ramp-grey-800);
    --color-text-oncomponent-tertiary: var(--ramp-grey-800);
    --color-text-ondanger: var(--ramp-grey-800);
    --color-text-ondanger-secondary: var(--ramp-grey-800);
    --color-text-ondanger-tertiary: var(--ramp-grey-800);
    --color-text-ondesign: var(--ramp-grey-800);
    --color-text-ondesign-secondary: var(--ramp-grey-800);
    --color-text-ondesign-tertiary: var(--ramp-grey-800);
    --color-text-onfigjam: var(--ramp-grey-800);
    --color-text-onfigjam-secondary: var(--ramp-grey-800);
    --color-text-onfigjam-tertiary: var(--ramp-grey-800);
    --color-text-onmeasure: var(--ramp-grey-800);
    --color-text-onmeasure-secondary: var(--ramp-grey-800);
    --color-text-onmeasure-tertiary: var(--ramp-grey-800);
    --color-text-onselected: var(--ramp-white-1000);
    --color-text-onselected-secondary: var(--ramp-white-1000);
    --color-text-onselected-tertiary: var(--ramp-white-1000);
    --color-text-onsuccess: var(--ramp-grey-800);
    --color-text-onsuccess-secondary: var(--ramp-grey-800);
    --color-text-onsuccess-tertiary: var(--ramp-grey-800);
    --color-text-onwarning-secondary: var(--ramp-black-800);
    --color-text-onwarning-tertiary: var(--ramp-black-800);
    --color-text-secondary: var(--ramp-white-1000);
    --color-text-tertiary: var(--ramp-white-600);
    --color-text-tooltip-disabled: var(--ramp-grey-400)
}

[data-preferred-theme=light][data-enhanced-contrast],
[data-preferred-theme=light][data-editor-theme=design][data-enhanced-contrast],
:where([data-preferred-theme=light] [data-editor-theme=design][data-enhanced-contrast]) {
    --color-bg-assistive: var(--ramp-pink-800);
    --color-bg-assistive-hover: var(--ramp-pink-900);
    --color-bg-assistive-pressed: var(--ramp-pink-900);
    --color-bg-assistive-secondary: var(--ramp-pink-1000);
    --color-bg-brand: var(--ramp-blue-800);
    --color-bg-brand-hover: var(--ramp-blue-900);
    --color-bg-brand-pressed: var(--ramp-blue-900);
    --color-bg-brand-secondary: var(--ramp-blue-1000);
    --color-bg-component: var(--ramp-purple-800);
    --color-bg-component-hover: var(--ramp-purple-1000);
    --color-bg-component-pressed: var(--ramp-purple-1000);
    --color-bg-component-secondary: var(--ramp-purple-900);
    --color-bg-danger: var(--ramp-red-800);
    --color-bg-danger-hover: var(--ramp-red-900);
    --color-bg-danger-pressed: var(--ramp-red-900);
    --color-bg-danger-secondary: var(--ramp-red-1000);
    --color-bg-design: var(--ramp-blue-800);
    --color-bg-design-hover: var(--ramp-blue-900);
    --color-bg-design-pressed: var(--ramp-blue-900);
    --color-bg-design-secondary: var(--ramp-blue-1000);
    --color-bg-figjam: var(--ramp-purple-800);
    --color-bg-figjam-hover: var(--ramp-purple-900);
    --color-bg-figjam-pressed: var(--ramp-purple-900);
    --color-bg-figjam-secondary: var(--ramp-purple-1000);
    --color-bg-handoff: var(--ramp-green-900);
    --color-bg-handoff-hover: var(--ramp-green-1000);
    --color-bg-handoff-pressed: var(--ramp-green-1000);
    --color-bg-handoff-secondary: var(--ramp-pale-green-1000);
    --color-bg-measure: var(--ramp-red-800);
    --color-bg-measure-hover: var(--ramp-red-900);
    --color-bg-measure-pressed: var(--ramp-red-900);
    --color-bg-measure-secondary: var(--ramp-red-1000);
    --color-bg-menu-selected: var(--ramp-blue-400);
    --color-bg-menu-selected-hover: var(--ramp-blue-300);
    --color-bg-menu-selected-pressed: var(--ramp-blue-300);
    --color-bg-selected-strong: var(--ramp-blue-400);
    --color-bg-success: var(--ramp-green-900);
    --color-bg-success-hover: var(--ramp-green-1000);
    --color-bg-success-pressed: var(--ramp-green-1000);
    --color-bg-success-secondary: var(--ramp-pale-green-1000);
    --color-bg-tertiary: var(--ramp-grey-500);
    --color-bg-toolbar-selected: var(--ramp-blue-800);
    --color-bg-toolbar-selected-hover: var(--ramp-blue-900);
    --color-bg-toolbar-selected-pressed: var(--ramp-blue-900);
    --color-bg-toolbar-selected-secondary: var(--ramp-blue-1000);
    --color-bg-tooltip-selected: var(--ramp-blue-800);
    --color-bg-tooltip-selected-hover: var(--ramp-blue-900);
    --color-bg-tooltip-selected-pressed: var(--ramp-blue-900);
    --color-bg-tooltip-selected-secondary: var(--ramp-blue-1000);
    --color-bg-tooltip-selected-tertiary: var(--ramp-blue-200);
    --color-bg-warning: var(--ramp-pale-yellow-800);
    --color-bg-warning-hover: var(--ramp-pale-yellow-1000);
    --color-bg-warning-pressed: var(--ramp-pale-yellow-1000);
    --color-bg-warning-secondary: var(--ramp-pale-yellow-900);
    --color-border: var(--ramp-grey-500);
    --color-border-assistive: var(--ramp-pink-800);
    --color-border-assistive-strong: var(--ramp-pink-900);
    --color-border-brand: var(--ramp-blue-800);
    --color-border-brand-strong: var(--ramp-blue-900);
    --color-border-component: var(--ramp-purple-800);
    --color-border-component-hover: var(--ramp-purple-1000);
    --color-border-component-selected: var(--ramp-purple-900);
    --color-border-component-strong: var(--ramp-purple-1000);
    --color-border-danger: var(--ramp-red-800);
    --color-border-danger-strong: var(--ramp-red-900);
    --color-border-design: var(--ramp-blue-800);
    --color-border-design-strong: var(--ramp-blue-900);
    --color-border-figjam: var(--ramp-purple-800);
    --color-border-figjam-strong: var(--ramp-purple-900);
    --color-border-fs-assistive-strong: var(--color-border-assistive-strong);
    --color-border-fs-measure-strong: var(--color-border-measure-strong);
    --color-border-handoff: var(--ramp-green-900);
    --color-border-handoff-strong: var(--ramp-green-1000);
    --color-border-measure: var(--ramp-red-800);
    --color-border-measure-strong: var(--ramp-red-900);
    --color-border-onassistive: var(--ramp-pink-400);
    --color-border-onbrand: var(--ramp-blue-400);
    --color-border-oncomponent: var(--ramp-purple-300);
    --color-border-ondanger: var(--ramp-red-200);
    --color-border-ondesign: var(--ramp-blue-400);
    --color-border-onfigjam: var(--ramp-purple-400);
    --color-border-onfigjam-strong: var(--ramp-white-1000);
    --color-border-onmeasure: var(--ramp-red-200);
    --color-border-onsuccess: var(--ramp-green-500);
    --color-border-onwarning: var(--ramp-yellow-400);
    --color-border-onwarning-strong: var(--ramp-white-1000);
    --color-border-selected: var(--ramp-blue-800);
    --color-border-selected-strong: var(--ramp-blue-900);
    --color-border-success: var(--ramp-green-900);
    --color-border-success-strong: var(--ramp-green-1000);
    --color-border-warning: var(--ramp-pale-yellow-800);
    --color-border-warning-strong: var(--ramp-pale-yellow-900);
    --color-borderselectedec: var(--ramp-black-600);
    --color-bordertranslucent: var(--ramp-black-500);
    --color-codeaccent: var(--ramp-orange-1000);
    --color-codeattribute: var(--ramp-black-1000);
    --color-codeclassname: var(--ramp-blue-700);
    --color-codecomment: var(--ramp-black-600);
    --color-codeproperty: var(--ramp-black-1000);
    --color-codestring: var(--ramp-blue-700);
    --color-codestylename: var(--ramp-blue-700);
    --color-codevalue: var(--ramp-pink-700);
    --color-codevariable: var(--ramp-green-700);
    --color-fsBorderSelectedImmutableNode: var(--color-bg-fs-component);
    --color-fsBorderSelectedImmutableNodeSecondary: var(--color-bg-fs-component);
    --color-fsTextComponentOnDarkCanvas: var(--ramp-purple-300);
    --color-fsTextComponentOnLightCanvas: var(--ramp-purple-800);
    --color-fsTextSelectedOnLightCanvas: var(--ramp-blue-800);
    --color-icon-assistive: var(--ramp-pink-800);
    --color-icon-assistive-pressed: var(--ramp-pink-900);
    --color-icon-brand: var(--ramp-blue-800);
    --color-icon-brand-pressed: var(--ramp-blue-800);
    --color-icon-brand-secondary: var(--ramp-blue-800);
    --color-icon-brand-tertiary: var(--ramp-blue-800);
    --color-icon-component: var(--ramp-purple-800);
    --color-icon-component-pressed: var(--ramp-purple-900);
    --color-icon-component-secondary: var(--ramp-purple-800);
    --color-icon-component-tertiary: var(--ramp-purple-800);
    --color-icon-danger: var(--ramp-red-800);
    --color-icon-danger-hover: var(--ramp-red-900);
    --color-icon-danger-pressed: var(--ramp-red-900);
    --color-icon-design: var(--ramp-blue-800);
    --color-icon-design-pressed: var(--ramp-blue-900);
    --color-icon-figjam: var(--ramp-purple-800);
    --color-icon-figjam-pressed: var(--ramp-purple-900);
    --color-icon-figjam-secondary: var(--ramp-purple-800);
    --color-icon-figjam-tertiary: var(--ramp-purple-800);
    --color-icon-handoff: var(--ramp-green-900);
    --color-icon-handoff-pressed: var(--ramp-green-1000);
    --color-icon-measure: var(--ramp-red-800);
    --color-icon-measure-hover: var(--ramp-red-900);
    --color-icon-measure-pressed: var(--ramp-red-900);
    --color-icon-menu-onselected: var(--ramp-grey-800);
    --color-icon-onassistive-secondary: var(--ramp-white-1000);
    --color-icon-onassistive-tertiary: var(--ramp-white-1000);
    --color-icon-onbrand-secondary: var(--ramp-white-1000);
    --color-icon-onbrand-tertiary: var(--ramp-white-1000);
    --color-icon-oncomponent-secondary: var(--ramp-white-1000);
    --color-icon-oncomponent-tertiary: var(--ramp-white-1000);
    --color-icon-ondanger-secondary: var(--ramp-white-1000);
    --color-icon-ondanger-tertiary: var(--ramp-white-1000);
    --color-icon-ondesign-secondary: var(--ramp-white-1000);
    --color-icon-ondesign-tertiary: var(--ramp-white-1000);
    --color-icon-onfigjam-secondary: var(--ramp-white-1000);
    --color-icon-onfigjam-tertiary: var(--ramp-white-1000);
    --color-icon-onmeasure-secondary: var(--ramp-white-1000);
    --color-icon-onmeasure-tertiary: var(--ramp-white-1000);
    --color-icon-onselected: var(--ramp-black-1000);
    --color-icon-onselected-secondary: var(--ramp-black-1000);
    --color-icon-onselected-tertiary: var(--ramp-black-1000);
    --color-icon-onsuccess-secondary: var(--ramp-white-1000);
    --color-icon-onsuccess-tertiary: var(--ramp-white-1000);
    --color-icon-onwarning: var(--ramp-white-1000);
    --color-icon-onwarning-secondary: var(--ramp-white-1000);
    --color-icon-onwarning-tertiary: var(--ramp-white-1000);
    --color-icon-pressed: var(--ramp-blue-800);
    --color-icon-secondary: var(--ramp-black-600);
    --color-icon-selected: var(--ramp-blue-800);
    --color-icon-success: var(--ramp-green-900);
    --color-icon-success-pressed: var(--ramp-green-1000);
    --color-icon-tertiary: var(--ramp-black-600);
    --color-icon-warning: var(--ramp-pale-yellow-800);
    --color-icon-warning-pressed: var(--ramp-pale-yellow-900);
    --color-iconfavorite: var(--ramp-pale-yellow-500);
    --color-multiplayergreen: var(--ramp-green-600);
    --color-multiplayergreenhover: var(--ramp-green-700);
    --color-multiplayeryellow: var(--ramp-pale-yellow-500);
    --color-multiplayeryellowhover: var(--ramp-pale-yellow-600);
    --color-multiplayeryellowsecondary: var(--ramp-pale-yellow-800);
    --color-text-assistive: var(--ramp-pink-800);
    --color-text-assistive-pressed: var(--ramp-pink-900);
    --color-text-brand: var(--ramp-blue-800);
    --color-text-component: var(--ramp-purple-800);
    --color-text-component-pressed: var(--ramp-purple-900);
    --color-text-component-secondary: var(--ramp-purple-800);
    --color-text-component-tertiary: var(--ramp-purple-800);
    --color-text-danger: var(--ramp-red-800);
    --color-text-design: var(--ramp-blue-800);
    --color-text-design-pressed: var(--ramp-blue-900);
    --color-text-figjam: var(--ramp-purple-800);
    --color-text-figjam-pressed: var(--ramp-purple-900);
    --color-text-figjam-secondary: var(--ramp-purple-800);
    --color-text-figjam-tertiary: var(--ramp-purple-800);
    --color-text-handoff: var(--ramp-green-900);
    --color-text-measure: var(--ramp-red-800);
    --color-text-menu-onselected: var(--ramp-grey-800);
    --color-text-onassistive-secondary: var(--ramp-white-1000);
    --color-text-onassistive-tertiary: var(--ramp-white-1000);
    --color-text-onbrand-secondary: var(--ramp-white-1000);
    --color-text-onbrand-tertiary: var(--ramp-white-1000);
    --color-text-oncomponent-secondary: var(--ramp-white-1000);
    --color-text-oncomponent-tertiary: var(--ramp-white-1000);
    --color-text-ondanger-secondary: var(--ramp-white-1000);
    --color-text-ondanger-tertiary: var(--ramp-white-1000);
    --color-text-ondesign-secondary: var(--ramp-white-1000);
    --color-text-ondesign-tertiary: var(--ramp-white-1000);
    --color-text-onfigjam-secondary: var(--ramp-white-1000);
    --color-text-onfigjam-tertiary: var(--ramp-white-1000);
    --color-text-onmeasure-secondary: var(--ramp-white-1000);
    --color-text-onmeasure-tertiary: var(--ramp-white-1000);
    --color-text-onselected: var(--ramp-black-1000);
    --color-text-onselected-secondary: var(--ramp-black-1000);
    --color-text-onselected-tertiary: var(--ramp-black-1000);
    --color-text-onwarning: var(--ramp-white-1000);
    --color-text-onwarning-secondary: var(--ramp-white-1000);
    --color-text-onwarning-tertiary: var(--ramp-white-1000);
    --color-text-secondary: var(--ramp-black-600);
    --color-text-selected: var(--ramp-blue-800);
    --color-text-success: var(--ramp-green-900);
    --color-text-tertiary: var(--ramp-grey-600);
    --color-text-warning: var(--ramp-pale-yellow-800)
}

[data-preferred-theme=light][data-editor-theme=whiteboard][data-enhanced-contrast],
:where([data-preferred-theme=light] [data-editor-theme=whiteboard][data-enhanced-contrast]) {
    --color-bg-assistive: var(--ramp-pink-800);
    --color-bg-assistive-hover: var(--ramp-pink-900);
    --color-bg-assistive-pressed: var(--ramp-pink-900);
    --color-bg-assistive-secondary: var(--ramp-pink-1000);
    --color-bg-brand: var(--ramp-purple-800);
    --color-bg-brand-hover: var(--ramp-purple-900);
    --color-bg-brand-pressed: var(--ramp-purple-900);
    --color-bg-brand-secondary: var(--ramp-purple-1000);
    --color-bg-brand-tertiary: var(--ramp-purple-200);
    --color-bg-component: var(--ramp-purple-800);
    --color-bg-component-hover: var(--ramp-purple-1000);
    --color-bg-component-pressed: var(--ramp-purple-1000);
    --color-bg-component-secondary: var(--ramp-purple-900);
    --color-bg-danger: var(--ramp-red-800);
    --color-bg-danger-hover: var(--ramp-red-900);
    --color-bg-danger-pressed: var(--ramp-red-900);
    --color-bg-danger-secondary: var(--ramp-red-1000);
    --color-bg-design: var(--ramp-blue-800);
    --color-bg-design-hover: var(--ramp-blue-900);
    --color-bg-design-pressed: var(--ramp-blue-900);
    --color-bg-design-secondary: var(--ramp-blue-1000);
    --color-bg-figjam: var(--ramp-purple-800);
    --color-bg-figjam-hover: var(--ramp-purple-900);
    --color-bg-figjam-pressed: var(--ramp-purple-900);
    --color-bg-figjam-secondary: var(--ramp-purple-1000);
    --color-bg-handoff: var(--ramp-green-900);
    --color-bg-handoff-hover: var(--ramp-green-1000);
    --color-bg-handoff-pressed: var(--ramp-green-1000);
    --color-bg-handoff-secondary: var(--ramp-pale-green-1000);
    --color-bg-info: var(--ramp-purple-200);
    --color-bg-measure: var(--ramp-red-800);
    --color-bg-measure-hover: var(--ramp-red-900);
    --color-bg-measure-pressed: var(--ramp-red-900);
    --color-bg-measure-secondary: var(--ramp-red-1000);
    --color-bg-menu-selected: var(--ramp-purple-400);
    --color-bg-menu-selected-hover: var(--ramp-purple-300);
    --color-bg-menu-selected-pressed: var(--ramp-purple-300);
    --color-bg-menu-selected-secondary: var(--ramp-pale-purple-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-purple-800);
    --color-bg-onselected: var(--ramp-purple-300);
    --color-bg-selected: var(--ramp-purple-200);
    --color-bg-selected-hover: var(--ramp-purple-300);
    --color-bg-selected-pressed: var(--ramp-purple-300);
    --color-bg-selected-secondary: var(--ramp-purple-100);
    --color-bg-selected-strong: var(--ramp-purple-400);
    --color-bg-selected-tertiary: var(--ramp-purple-100);
    --color-bg-success: var(--ramp-green-900);
    --color-bg-success-hover: var(--ramp-green-1000);
    --color-bg-success-pressed: var(--ramp-green-1000);
    --color-bg-success-secondary: var(--ramp-pale-green-1000);
    --color-bg-tertiary: var(--ramp-grey-500);
    --color-bg-toolbar: var(--ramp-white-1000);
    --color-bg-toolbar-disabled: var(--ramp-grey-300);
    --color-bg-toolbar-hover: var(--ramp-grey-100);
    --color-bg-toolbar-pressed: var(--ramp-grey-100);
    --color-bg-toolbar-secondary: var(--ramp-grey-100);
    --color-bg-toolbar-selected: var(--ramp-purple-800);
    --color-bg-toolbar-selected-hover: var(--ramp-purple-900);
    --color-bg-toolbar-selected-pressed: var(--ramp-purple-900);
    --color-bg-toolbar-selected-secondary: var(--ramp-purple-1000);
    --color-bg-toolbar-tertiary: var(--ramp-grey-200);
    --color-bg-tooltip-selected: var(--ramp-purple-800);
    --color-bg-tooltip-selected-hover: var(--ramp-purple-900);
    --color-bg-tooltip-selected-pressed: var(--ramp-purple-900);
    --color-bg-tooltip-selected-secondary: var(--ramp-purple-1000);
    --color-bg-tooltip-selected-tertiary: var(--ramp-purple-200);
    --color-bg-warning: var(--ramp-pale-yellow-800);
    --color-bg-warning-hover: var(--ramp-pale-yellow-1000);
    --color-bg-warning-pressed: var(--ramp-pale-yellow-1000);
    --color-bg-warning-secondary: var(--ramp-pale-yellow-900);
    --color-bgselectedarea: #974aff33;
    --color-border: var(--ramp-grey-500);
    --color-border-assistive: var(--ramp-pink-800);
    --color-border-assistive-strong: var(--ramp-pink-900);
    --color-border-brand: var(--ramp-purple-800);
    --color-border-brand-strong: var(--ramp-purple-900);
    --color-border-component: var(--ramp-purple-800);
    --color-border-component-hover: var(--ramp-purple-1000);
    --color-border-component-selected: var(--ramp-purple-900);
    --color-border-component-strong: var(--ramp-purple-1000);
    --color-border-danger: var(--ramp-red-800);
    --color-border-danger-strong: var(--ramp-red-900);
    --color-border-design: var(--ramp-blue-800);
    --color-border-design-strong: var(--ramp-blue-900);
    --color-border-figjam: var(--ramp-purple-800);
    --color-border-figjam-strong: var(--ramp-purple-900);
    --color-border-fs-assistive-strong: var(--color-border-assistive-strong);
    --color-border-fs-measure-strong: var(--color-border-measure-strong);
    --color-border-handoff: var(--ramp-green-900);
    --color-border-handoff-strong: var(--ramp-green-1000);
    --color-border-measure: var(--ramp-red-800);
    --color-border-measure-strong: var(--ramp-red-900);
    --color-border-menu-onselected: var(--ramp-purple-400);
    --color-border-menu-selected: var(--ramp-purple-500);
    --color-border-menu-selected-strong: var(--ramp-purple-400);
    --color-border-onassistive: var(--ramp-pink-400);
    --color-border-onbrand: var(--ramp-purple-400);
    --color-border-oncomponent: var(--ramp-purple-300);
    --color-border-ondanger: var(--ramp-red-200);
    --color-border-ondesign: var(--ramp-blue-400);
    --color-border-onfigjam: var(--ramp-purple-400);
    --color-border-onfigjam-strong: var(--ramp-white-1000);
    --color-border-onmeasure: var(--ramp-red-200);
    --color-border-onselected: var(--ramp-purple-300);
    --color-border-onsuccess: var(--ramp-green-500);
    --color-border-onwarning: var(--ramp-yellow-400);
    --color-border-onwarning-strong: var(--ramp-white-1000);
    --color-border-selected: var(--ramp-purple-800);
    --color-border-selected-strong: var(--ramp-purple-900);
    --color-border-success: var(--ramp-green-900);
    --color-border-success-strong: var(--ramp-green-1000);
    --color-border-toolbar: var(--ramp-grey-200);
    --color-border-toolbar-disabled: var(--ramp-grey-200);
    --color-border-toolbar-selected: var(--ramp-purple-500);
    --color-border-toolbar-selected-strong: var(--ramp-purple-400);
    --color-border-toolbar-strong: var(--ramp-grey-800);
    --color-border-tooltip-onselected: var(--ramp-purple-600);
    --color-border-tooltip-selected: var(--ramp-purple-500);
    --color-border-tooltip-selected-strong: var(--ramp-purple-400);
    --color-border-warning: var(--ramp-pale-yellow-800);
    --color-border-warning-strong: var(--ramp-pale-yellow-900);
    --color-borderselectedec: var(--ramp-black-600);
    --color-bordertranslucent: var(--ramp-black-500);
    --color-codeaccent: var(--ramp-orange-1000);
    --color-codeattribute: var(--ramp-black-1000);
    --color-codeclassname: var(--ramp-blue-700);
    --color-codecomment: var(--ramp-black-600);
    --color-codeproperty: var(--ramp-black-1000);
    --color-codestring: var(--ramp-blue-700);
    --color-codestylename: var(--ramp-blue-700);
    --color-codevalue: var(--ramp-pink-700);
    --color-codevariable: var(--ramp-green-700);
    --color-fsBorderSelectedImmutableNode: var(--ramp-blue-800);
    --color-fsBorderSelectedImmutableNodeSecondary: var(--ramp-blue-600);
    --color-fsNodeSymbolSelectedSecondary: var(--ramp-pale-purple-400);
    --color-fsSnappingOverlay: var(--ramp-blue-600);
    --color-fsTextComponentOnDarkCanvas: var(--ramp-purple-300);
    --color-fsTextComponentOnLightCanvas: var(--ramp-purple-800);
    --color-fsTextSelectedOnDarkCanvas: var(--ramp-blue-500);
    --color-fsTextSelectedOnLightCanvas: var(--ramp-blue-800);
    --color-fsWidgetFrameTextOnDarkCanvas: var(--ramp-black-500);
    --color-fsWidgetFrameTextOnLightCanvas: var(--ramp-black-500);
    --color-fsWidgetFrameTextSelectedOnDarkCanvas: var(--ramp-blue-500);
    --color-fsWidgetFrameTextSelectedOnLightCanvas: var(--ramp-blue-500);
    --color-icon-assistive: var(--ramp-pink-800);
    --color-icon-assistive-pressed: var(--ramp-pink-900);
    --color-icon-brand: var(--ramp-purple-800);
    --color-icon-brand-pressed: var(--ramp-purple-800);
    --color-icon-brand-secondary: var(--ramp-purple-800);
    --color-icon-brand-tertiary: var(--ramp-purple-300);
    --color-icon-component: var(--ramp-purple-800);
    --color-icon-component-pressed: var(--ramp-purple-900);
    --color-icon-component-secondary: var(--ramp-purple-800);
    --color-icon-component-tertiary: var(--ramp-purple-800);
    --color-icon-danger: var(--ramp-red-800);
    --color-icon-danger-hover: var(--ramp-red-900);
    --color-icon-danger-pressed: var(--ramp-red-900);
    --color-icon-design: var(--ramp-blue-800);
    --color-icon-design-pressed: var(--ramp-blue-900);
    --color-icon-figjam: var(--ramp-purple-800);
    --color-icon-figjam-pressed: var(--ramp-purple-900);
    --color-icon-figjam-secondary: var(--ramp-purple-800);
    --color-icon-figjam-tertiary: var(--ramp-purple-800);
    --color-icon-handoff: var(--ramp-green-900);
    --color-icon-handoff-pressed: var(--ramp-green-1000);
    --color-icon-measure: var(--ramp-red-800);
    --color-icon-measure-hover: var(--ramp-red-900);
    --color-icon-measure-pressed: var(--ramp-red-900);
    --color-icon-menu-onselected: var(--ramp-grey-800);
    --color-icon-menu-pressed: var(--ramp-purple-500);
    --color-icon-menu-selected: var(--ramp-purple-400);
    --color-icon-menu-selected-secondary: var(--ramp-purple-400);
    --color-icon-menu-selected-tertiary: var(--ramp-purple-400);
    --color-icon-onassistive-secondary: var(--ramp-white-1000);
    --color-icon-onassistive-tertiary: var(--ramp-white-1000);
    --color-icon-onbrand-secondary: var(--ramp-white-1000);
    --color-icon-onbrand-tertiary: var(--ramp-white-1000);
    --color-icon-oncomponent-secondary: var(--ramp-white-1000);
    --color-icon-oncomponent-tertiary: var(--ramp-white-1000);
    --color-icon-ondanger-secondary: var(--ramp-white-1000);
    --color-icon-ondanger-tertiary: var(--ramp-white-1000);
    --color-icon-ondesign-secondary: var(--ramp-white-1000);
    --color-icon-ondesign-tertiary: var(--ramp-white-1000);
    --color-icon-onfigjam-secondary: var(--ramp-white-1000);
    --color-icon-onfigjam-tertiary: var(--ramp-white-1000);
    --color-icon-onmeasure-secondary: var(--ramp-white-1000);
    --color-icon-onmeasure-tertiary: var(--ramp-white-1000);
    --color-icon-onselected: var(--ramp-black-1000);
    --color-icon-onselected-secondary: var(--ramp-black-1000);
    --color-icon-onselected-tertiary: var(--ramp-black-1000);
    --color-icon-onsuccess-secondary: var(--ramp-white-1000);
    --color-icon-onsuccess-tertiary: var(--ramp-white-1000);
    --color-icon-onwarning: var(--ramp-white-1000);
    --color-icon-onwarning-secondary: var(--ramp-white-1000);
    --color-icon-onwarning-tertiary: var(--ramp-white-1000);
    --color-icon-pressed: var(--ramp-purple-800);
    --color-icon-secondary: var(--ramp-black-600);
    --color-icon-selected: var(--ramp-purple-800);
    --color-icon-success: var(--ramp-green-900);
    --color-icon-success-pressed: var(--ramp-green-1000);
    --color-icon-tertiary: var(--ramp-black-600);
    --color-icon-toolbar: var(--ramp-black-800);
    --color-icon-toolbar-disabled: var(--ramp-black-400);
    --color-icon-toolbar-hover: var(--ramp-black-800);
    --color-icon-toolbar-ondisabled: var(--ramp-black-400);
    --color-icon-toolbar-pressed: var(--ramp-purple-500);
    --color-icon-toolbar-secondary: var(--ramp-black-500);
    --color-icon-toolbar-secondary-hover: var(--ramp-black-800);
    --color-icon-toolbar-selected: var(--ramp-purple-600);
    --color-icon-toolbar-tertiary: var(--ramp-black-400);
    --color-icon-toolbar-tertiary-hover: var(--ramp-black-800);
    --color-icon-tooltip-pressed: var(--ramp-purple-500);
    --color-icon-tooltip-selected: var(--ramp-purple-400);
    --color-icon-warning: var(--ramp-pale-yellow-800);
    --color-icon-warning-pressed: var(--ramp-pale-yellow-900);
    --color-iconfavorite: var(--ramp-pale-yellow-500);
    --color-multiplayergreen: var(--ramp-green-600);
    --color-multiplayergreenhover: var(--ramp-green-700);
    --color-multiplayeryellow: var(--ramp-pale-yellow-500);
    --color-multiplayeryellowhover: var(--ramp-pale-yellow-600);
    --color-multiplayeryellowsecondary: var(--ramp-pale-yellow-800);
    --color-text-assistive: var(--ramp-pink-800);
    --color-text-assistive-pressed: var(--ramp-pink-900);
    --color-text-brand: var(--ramp-purple-800);
    --color-text-component: var(--ramp-purple-800);
    --color-text-component-pressed: var(--ramp-purple-900);
    --color-text-component-secondary: var(--ramp-purple-800);
    --color-text-component-tertiary: var(--ramp-purple-800);
    --color-text-danger: var(--ramp-red-800);
    --color-text-design: var(--ramp-blue-800);
    --color-text-design-pressed: var(--ramp-blue-900);
    --color-text-figjam: var(--ramp-purple-800);
    --color-text-figjam-pressed: var(--ramp-purple-900);
    --color-text-figjam-secondary: var(--ramp-purple-800);
    --color-text-figjam-tertiary: var(--ramp-purple-800);
    --color-text-handoff: var(--ramp-green-900);
    --color-text-measure: var(--ramp-red-800);
    --color-text-menu-onselected: var(--ramp-grey-800);
    --color-text-menu-selected: var(--ramp-purple-400);
    --color-text-onassistive-secondary: var(--ramp-white-1000);
    --color-text-onassistive-tertiary: var(--ramp-white-1000);
    --color-text-onbrand-secondary: var(--ramp-white-1000);
    --color-text-onbrand-tertiary: var(--ramp-white-1000);
    --color-text-oncomponent-secondary: var(--ramp-white-1000);
    --color-text-oncomponent-tertiary: var(--ramp-white-1000);
    --color-text-ondanger-secondary: var(--ramp-white-1000);
    --color-text-ondanger-tertiary: var(--ramp-white-1000);
    --color-text-ondesign-secondary: var(--ramp-white-1000);
    --color-text-ondesign-tertiary: var(--ramp-white-1000);
    --color-text-onfigjam-secondary: var(--ramp-white-1000);
    --color-text-onfigjam-tertiary: var(--ramp-white-1000);
    --color-text-onmeasure-secondary: var(--ramp-white-1000);
    --color-text-onmeasure-tertiary: var(--ramp-white-1000);
    --color-text-onselected: var(--ramp-black-1000);
    --color-text-onselected-secondary: var(--ramp-black-1000);
    --color-text-onselected-tertiary: var(--ramp-black-1000);
    --color-text-onwarning: var(--ramp-white-1000);
    --color-text-onwarning-secondary: var(--ramp-white-1000);
    --color-text-onwarning-tertiary: var(--ramp-white-1000);
    --color-text-secondary: var(--ramp-black-600);
    --color-text-selected: var(--ramp-purple-800);
    --color-text-success: var(--ramp-green-900);
    --color-text-tertiary: var(--ramp-grey-600);
    --color-text-toolbar: var(--ramp-black-800);
    --color-text-toolbar-disabled: var(--ramp-black-400);
    --color-text-toolbar-hover: var(--ramp-black-800);
    --color-text-toolbar-secondary: var(--ramp-black-500);
    --color-text-toolbar-secondary-hover: var(--ramp-black-800);
    --color-text-toolbar-selected: var(--ramp-purple-400);
    --color-text-toolbar-tertiary: var(--ramp-black-400);
    --color-text-toolbar-tertiary-hover: var(--ramp-black-800);
    --color-text-toolbar-warning: var(--ramp-yellow-1000);
    --color-text-tooltip-selected: var(--ramp-purple-400);
    --color-text-warning: var(--ramp-pale-yellow-800);
    --color-texthighlight: #974aff66
}

[data-preferred-theme=dark][data-editor-theme=whiteboard][data-enhanced-contrast],
:where([data-preferred-theme=dark] [data-editor-theme=whiteboard][data-enhanced-contrast]) {
    --color-bg-brand: var(--ramp-purple-400);
    --color-bg-brand-hover: var(--ramp-purple-300);
    --color-bg-brand-pressed: var(--ramp-purple-300);
    --color-bg-brand-secondary: var(--ramp-purple-300);
    --color-bg-brand-tertiary: var(--ramp-purple-800);
    --color-bg-info: var(--ramp-pale-purple-800);
    --color-bg-menu-selected: var(--ramp-purple-400);
    --color-bg-menu-selected-hover: var(--ramp-purple-300);
    --color-bg-menu-selected-pressed: var(--ramp-purple-300);
    --color-bg-menu-selected-secondary: var(--ramp-pale-purple-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-purple-800);
    --color-bg-onselected: var(--ramp-pale-purple-500);
    --color-bg-selected: var(--ramp-purple-800);
    --color-bg-selected-hover: var(--ramp-purple-700);
    --color-bg-selected-pressed: var(--ramp-purple-700);
    --color-bg-selected-secondary: var(--ramp-purple-900);
    --color-bg-selected-strong: var(--ramp-purple-700);
    --color-bg-selected-tertiary: var(--ramp-purple-900);
    --color-bg-toolbar-selected: var(--ramp-purple-400);
    --color-bg-toolbar-selected-hover: var(--ramp-purple-300);
    --color-bg-toolbar-selected-pressed: var(--ramp-purple-300);
    --color-bg-toolbar-selected-secondary: var(--ramp-purple-300);
    --color-bg-tooltip-selected: var(--ramp-purple-400);
    --color-bg-tooltip-selected-hover: var(--ramp-purple-300);
    --color-bg-tooltip-selected-pressed: var(--ramp-purple-300);
    --color-bg-tooltip-selected-secondary: var(--ramp-purple-300);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-purple-800);
    --color-bgselectedarea: #974aff33;
    --color-border-brand: var(--ramp-purple-300);
    --color-border-brand-strong: var(--ramp-purple-200);
    --color-border-menu-onselected: var(--ramp-purple-400);
    --color-border-menu-selected: var(--ramp-purple-500);
    --color-border-menu-selected-strong: var(--ramp-purple-400);
    --color-border-onbrand: var(--ramp-purple-800);
    --color-border-onbrand-strong: var(--ramp-purple-1000);
    --color-border-onselected: var(--ramp-pale-purple-500);
    --color-border-selected: var(--ramp-purple-400);
    --color-border-selected-strong: var(--ramp-purple-300);
    --color-border-toolbar-selected: var(--ramp-purple-500);
    --color-border-toolbar-selected-strong: var(--ramp-purple-400);
    --color-border-tooltip-onselected: var(--ramp-purple-600);
    --color-border-tooltip-selected: var(--ramp-purple-500);
    --color-border-tooltip-selected-strong: var(--ramp-purple-400);
    --color-fsBorderSelectedImmutableNode: var(--ramp-blue-800);
    --color-fsBorderSelectedImmutableNodeSecondary: var(--ramp-blue-600);
    --color-fsNodeSymbolSelectedSecondary: var(--ramp-pale-purple-400);
    --color-fsSnappingOverlay: var(--ramp-blue-600);
    --color-fsTextSelectedOnDarkCanvas: var(--ramp-blue-500);
    --color-fsWidgetFrameTextOnDarkCanvas: var(--ramp-black-500);
    --color-fsWidgetFrameTextOnLightCanvas: var(--ramp-black-500);
    --color-fsWidgetFrameTextSelectedOnDarkCanvas: var(--ramp-blue-500);
    --color-fsWidgetFrameTextSelectedOnLightCanvas: var(--ramp-blue-500);
    --color-icon-brand: var(--ramp-purple-300);
    --color-icon-brand-pressed: var(--ramp-purple-300);
    --color-icon-brand-secondary: var(--ramp-purple-300);
    --color-icon-brand-tertiary: var(--ramp-pale-purple-800);
    --color-icon-menu-pressed: var(--ramp-purple-500);
    --color-icon-menu-selected: var(--ramp-purple-400);
    --color-icon-menu-selected-secondary: var(--ramp-purple-400);
    --color-icon-menu-selected-tertiary: var(--ramp-purple-400);
    --color-icon-pressed: var(--ramp-purple-300);
    --color-icon-selected: var(--ramp-purple-300);
    --color-icon-toolbar-pressed: var(--ramp-purple-500);
    --color-icon-toolbar-selected: var(--ramp-purple-400);
    --color-icon-tooltip-pressed: var(--ramp-purple-500);
    --color-icon-tooltip-selected: var(--ramp-purple-400);
    --color-text-brand: var(--ramp-purple-300);
    --color-text-menu-selected: var(--ramp-purple-400);
    --color-text-selected: var(--ramp-purple-300);
    --color-text-toolbar-selected: var(--ramp-purple-400);
    --color-text-tooltip-selected: var(--ramp-purple-400);
    --color-texthighlight: #974aff66
}

[data-preferred-theme=dark][data-editor-theme=dev-handoff][data-enhanced-contrast],
:where([data-preferred-theme=dark] [data-editor-theme=dev-handoff][data-enhanced-contrast]) {
    --color-bg-brand: var(--ramp-green-400);
    --color-bg-brand-hover: var(--ramp-green-300);
    --color-bg-brand-pressed: var(--ramp-green-300);
    --color-bg-brand-secondary: var(--ramp-green-300);
    --color-bg-brand-tertiary: var(--ramp-green-800);
    --color-bg-info: var(--ramp-pale-green-800);
    --color-bg-menu-selected: var(--ramp-green-400);
    --color-bg-menu-selected-hover: var(--ramp-green-300);
    --color-bg-menu-selected-pressed: var(--ramp-green-300);
    --color-bg-menu-selected-secondary: var(--ramp-pale-green-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-green-800);
    --color-bg-onselected: var(--ramp-pale-green-500);
    --color-bg-selected: var(--ramp-green-800);
    --color-bg-selected-hover: var(--ramp-green-700);
    --color-bg-selected-pressed: var(--ramp-green-700);
    --color-bg-selected-secondary: var(--ramp-green-900);
    --color-bg-selected-strong: var(--ramp-green-400);
    --color-bg-selected-tertiary: var(--ramp-green-900);
    --color-bg-toolbar-selected: var(--ramp-green-400);
    --color-bg-toolbar-selected-hover: var(--ramp-green-300);
    --color-bg-toolbar-selected-pressed: var(--ramp-green-300);
    --color-bg-toolbar-selected-secondary: var(--ramp-green-300);
    --color-bg-tooltip-selected: var(--ramp-green-400);
    --color-bg-tooltip-selected-hover: var(--ramp-green-300);
    --color-bg-tooltip-selected-pressed: var(--ramp-green-300);
    --color-bg-tooltip-selected-secondary: var(--ramp-green-300);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-green-800);
    --color-bgselectedarea: #14ae5c33;
    --color-border-brand: var(--ramp-green-400);
    --color-border-brand-strong: var(--ramp-green-300);
    --color-border-menu-onselected: var(--ramp-green-400);
    --color-border-menu-selected: var(--ramp-green-500);
    --color-border-menu-selected-strong: var(--ramp-green-400);
    --color-border-onbrand: var(--ramp-green-900);
    --color-border-onbrand-strong: var(--ramp-green-1000);
    --color-border-onselected: var(--ramp-pale-green-500);
    --color-border-selected: var(--ramp-green-400);
    --color-border-selected-strong: var(--ramp-green-300);
    --color-border-toolbar-selected: var(--ramp-green-500);
    --color-border-toolbar-selected-strong: var(--ramp-green-400);
    --color-border-tooltip-onselected: var(--ramp-green-600);
    --color-border-tooltip-selected: var(--ramp-green-500);
    --color-border-tooltip-selected-strong: var(--ramp-green-400);
    --color-fsAutoFillHighlight: #0da8ff33;
    --color-icon-brand: var(--ramp-green-400);
    --color-icon-brand-pressed: var(--ramp-green-400);
    --color-icon-brand-secondary: var(--ramp-green-400);
    --color-icon-brand-tertiary: var(--ramp-pale-green-800);
    --color-icon-menu-pressed: var(--ramp-green-500);
    --color-icon-menu-selected: var(--ramp-green-400);
    --color-icon-menu-selected-secondary: var(--ramp-green-400);
    --color-icon-menu-selected-tertiary: var(--ramp-green-400);
    --color-icon-pressed: var(--ramp-green-400);
    --color-icon-selected: var(--ramp-green-400);
    --color-icon-toolbar-pressed: var(--ramp-green-500);
    --color-icon-toolbar-selected: var(--ramp-green-400);
    --color-icon-tooltip-pressed: var(--ramp-green-500);
    --color-icon-tooltip-selected: var(--ramp-green-400);
    --color-text-brand: var(--ramp-green-400);
    --color-text-menu-selected: var(--ramp-green-400);
    --color-text-selected: var(--ramp-green-400);
    --color-text-toolbar-selected: var(--ramp-green-400);
    --color-text-tooltip-selected: var(--ramp-green-400);
    --color-texthighlight: #14ae5c66
}

[data-preferred-theme=light][data-editor-theme=dev-handoff][data-enhanced-contrast],
:where([data-preferred-theme=light] [data-editor-theme=dev-handoff][data-enhanced-contrast]) {
    --color-bg-brand: var(--ramp-green-900);
    --color-bg-brand-hover: var(--ramp-green-1000);
    --color-bg-brand-pressed: var(--ramp-green-1000);
    --color-bg-brand-secondary: var(--ramp-green-1000);
    --color-bg-brand-tertiary: var(--ramp-pale-green-200);
    --color-bg-info: var(--ramp-pale-green-200);
    --color-bg-menu-selected: var(--ramp-green-400);
    --color-bg-menu-selected-hover: var(--ramp-green-300);
    --color-bg-menu-selected-pressed: var(--ramp-green-300);
    --color-bg-menu-selected-secondary: var(--ramp-pale-green-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-green-800);
    --color-bg-onselected: var(--ramp-green-300);
    --color-bg-selected: var(--ramp-pale-green-200);
    --color-bg-selected-hover: var(--ramp-pale-green-300);
    --color-bg-selected-pressed: var(--ramp-pale-green-300);
    --color-bg-selected-secondary: var(--ramp-pale-green-100);
    --color-bg-selected-strong: var(--ramp-green-400);
    --color-bg-selected-tertiary: var(--ramp-pale-green-100);
    --color-bg-toolbar-selected: var(--ramp-green-900);
    --color-bg-toolbar-selected-hover: var(--ramp-green-1000);
    --color-bg-toolbar-selected-pressed: var(--ramp-green-1000);
    --color-bg-toolbar-selected-secondary: var(--ramp-green-1000);
    --color-bg-tooltip-selected: var(--ramp-green-900);
    --color-bg-tooltip-selected-hover: var(--ramp-green-1000);
    --color-bg-tooltip-selected-pressed: var(--ramp-green-1000);
    --color-bg-tooltip-selected-secondary: var(--ramp-green-1000);
    --color-bg-tooltip-selected-tertiary: var(--ramp-green-200);
    --color-bgselectedarea: #14ae5c33;
    --color-border-brand: var(--ramp-green-900);
    --color-border-brand-strong: var(--ramp-green-1000);
    --color-border-menu-onselected: var(--ramp-green-400);
    --color-border-menu-selected: var(--ramp-green-500);
    --color-border-menu-selected-strong: var(--ramp-green-400);
    --color-border-onbrand: var(--ramp-green-500);
    --color-border-onselected: var(--ramp-green-300);
    --color-border-selected: var(--ramp-green-900);
    --color-border-selected-strong: var(--ramp-green-1000);
    --color-border-toolbar-selected: var(--ramp-green-500);
    --color-border-toolbar-selected-strong: var(--ramp-green-400);
    --color-border-tooltip-onselected: var(--ramp-green-600);
    --color-border-tooltip-selected: var(--ramp-green-500);
    --color-border-tooltip-selected-strong: var(--ramp-green-400);
    --color-icon-brand: var(--ramp-green-900);
    --color-icon-brand-pressed: var(--ramp-green-900);
    --color-icon-brand-secondary: var(--ramp-green-900);
    --color-icon-brand-tertiary: var(--ramp-green-900);
    --color-icon-menu-pressed: var(--ramp-green-500);
    --color-icon-menu-selected: var(--ramp-green-400);
    --color-icon-menu-selected-secondary: var(--ramp-green-400);
    --color-icon-menu-selected-tertiary: var(--ramp-green-400);
    --color-icon-pressed: var(--ramp-green-900);
    --color-icon-selected: var(--ramp-green-900);
    --color-icon-toolbar-pressed: var(--ramp-green-500);
    --color-icon-toolbar-selected: var(--ramp-green-400);
    --color-icon-tooltip-pressed: var(--ramp-green-500);
    --color-icon-tooltip-selected: var(--ramp-green-400);
    --color-text-brand: var(--ramp-green-900);
    --color-text-menu-selected: var(--ramp-green-400);
    --color-text-selected: var(--ramp-green-900);
    --color-text-toolbar-selected: var(--ramp-green-400);
    --color-text-tooltip-selected: var(--ramp-green-400);
    --color-texthighlight: #14ae5c66
}

[data-preferred-theme=dark][data-editor-theme=piper][data-enhanced-contrast],
:where([data-preferred-theme=dark] [data-editor-theme=piper][data-enhanced-contrast]) {
    --color-bg-brand: var(--ramp-persimmon-400);
    --color-bg-brand-hover: var(--ramp-persimmon-300);
    --color-bg-brand-pressed: var(--ramp-persimmon-300);
    --color-bg-brand-secondary: var(--ramp-persimmon-300);
    --color-bg-brand-tertiary: var(--ramp-pale-persimmon-800);
    --color-bg-info: var(--ramp-pale-persimmon-800);
    --color-bg-menu-selected: var(--ramp-persimmon-400);
    --color-bg-menu-selected-hover: var(--ramp-persimmon-300);
    --color-bg-menu-selected-pressed: var(--ramp-persimmon-300);
    --color-bg-menu-selected-secondary: var(--ramp-pale-persimmon-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-persimmon-800);
    --color-bg-onselected: var(--ramp-pale-persimmon-500);
    --color-bg-selected: var(--ramp-pale-persimmon-800);
    --color-bg-selected-hover: var(--ramp-pale-persimmon-700);
    --color-bg-selected-pressed: var(--ramp-pale-persimmon-700);
    --color-bg-selected-secondary: var(--ramp-pale-persimmon-900);
    --color-bg-selected-strong: var(--ramp-persimmon-400);
    --color-bg-selected-tertiary: var(--ramp-pale-persimmon-900);
    --color-bg-toolbar-selected: var(--ramp-persimmon-400);
    --color-bg-toolbar-selected-hover: var(--ramp-persimmon-300);
    --color-bg-toolbar-selected-pressed: var(--ramp-persimmon-300);
    --color-bg-toolbar-selected-secondary: var(--ramp-persimmon-300);
    --color-bg-tooltip-selected: var(--ramp-persimmon-400);
    --color-bg-tooltip-selected-hover: var(--ramp-persimmon-300);
    --color-bg-tooltip-selected-pressed: var(--ramp-persimmon-300);
    --color-bg-tooltip-selected-secondary: var(--ramp-persimmon-300);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-persimmon-800);
    --color-bgselectedarea: #ff5c1633;
    --color-border-brand: var(--ramp-persimmon-400);
    --color-border-brand-strong: var(--ramp-persimmon-200);
    --color-border-menu-onselected: var(--ramp-persimmon-400);
    --color-border-menu-selected: var(--ramp-persimmon-500);
    --color-border-menu-selected-strong: var(--ramp-persimmon-400);
    --color-border-onbrand: var(--ramp-persimmon-900);
    --color-border-onbrand-strong: var(--ramp-persimmon-1000);
    --color-border-onselected: var(--ramp-pale-persimmon-500);
    --color-border-selected: var(--ramp-persimmon-400);
    --color-border-selected-strong: var(--ramp-persimmon-300);
    --color-border-toolbar-selected: var(--ramp-persimmon-500);
    --color-border-toolbar-selected-strong: var(--ramp-persimmon-400);
    --color-border-tooltip-onselected: var(--ramp-persimmon-600);
    --color-border-tooltip-selected: var(--ramp-persimmon-500);
    --color-border-tooltip-selected-strong: var(--ramp-persimmon-400);
    --color-fsBorderSelectedImmutableNode: var(--ramp-blue-300);
    --color-fsBorderSelectedImmutableNodeSecondary: var(--ramp-blue-600);
    --color-icon-brand: var(--ramp-persimmon-400);
    --color-icon-brand-pressed: var(--ramp-persimmon-400);
    --color-icon-brand-secondary: var(--ramp-persimmon-400);
    --color-icon-brand-tertiary: var(--ramp-pale-persimmon-800);
    --color-icon-menu-pressed: var(--ramp-persimmon-500);
    --color-icon-menu-selected: var(--ramp-persimmon-400);
    --color-icon-menu-selected-secondary: var(--ramp-persimmon-400);
    --color-icon-menu-selected-tertiary: var(--ramp-persimmon-400);
    --color-icon-pressed: var(--ramp-persimmon-400);
    --color-icon-selected: var(--ramp-persimmon-400);
    --color-icon-toolbar-pressed: var(--ramp-persimmon-500);
    --color-icon-toolbar-selected: var(--ramp-persimmon-400);
    --color-icon-tooltip-pressed: var(--ramp-persimmon-500);
    --color-icon-tooltip-selected: var(--ramp-persimmon-400);
    --color-text-brand: var(--ramp-persimmon-400);
    --color-text-menu-selected: var(--ramp-persimmon-400);
    --color-text-selected: var(--ramp-persimmon-400);
    --color-text-toolbar-selected: var(--ramp-persimmon-400);
    --color-text-tooltip-selected: var(--ramp-persimmon-400)
}

[data-preferred-theme=light][data-editor-theme=piper][data-enhanced-contrast],
:where([data-preferred-theme=light] [data-editor-theme=piper][data-enhanced-contrast]) {
    --color-bg-brand: var(--ramp-persimmon-900);
    --color-bg-brand-hover: var(--ramp-persimmon-1000);
    --color-bg-brand-pressed: var(--ramp-persimmon-1000);
    --color-bg-brand-secondary: var(--ramp-persimmon-1000);
    --color-bg-brand-tertiary: var(--ramp-persimmon-200);
    --color-bg-info: var(--ramp-persimmon-200);
    --color-bg-menu-selected: var(--ramp-persimmon-400);
    --color-bg-menu-selected-hover: var(--ramp-persimmon-300);
    --color-bg-menu-selected-pressed: var(--ramp-persimmon-300);
    --color-bg-menu-selected-secondary: var(--ramp-pale-persimmon-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-persimmon-800);
    --color-bg-onselected: var(--ramp-persimmon-300);
    --color-bg-selected: var(--ramp-persimmon-200);
    --color-bg-selected-hover: var(--ramp-persimmon-300);
    --color-bg-selected-pressed: var(--ramp-persimmon-300);
    --color-bg-selected-secondary: var(--ramp-persimmon-100);
    --color-bg-selected-strong: var(--ramp-persimmon-400);
    --color-bg-selected-tertiary: var(--ramp-persimmon-100);
    --color-bg-toolbar-hover: var(--ramp-grey-100);
    --color-bg-toolbar-selected: var(--ramp-persimmon-900);
    --color-bg-toolbar-selected-hover: var(--ramp-persimmon-1000);
    --color-bg-toolbar-selected-pressed: var(--ramp-persimmon-1000);
    --color-bg-toolbar-selected-secondary: var(--ramp-persimmon-1000);
    --color-bg-tooltip-selected: var(--ramp-persimmon-900);
    --color-bg-tooltip-selected-hover: var(--ramp-persimmon-1000);
    --color-bg-tooltip-selected-pressed: var(--ramp-persimmon-1000);
    --color-bg-tooltip-selected-secondary: var(--ramp-persimmon-1000);
    --color-bg-tooltip-selected-tertiary: var(--ramp-persimmon-200);
    --color-bgselectedarea: #ff5c1633;
    --color-border-brand: var(--ramp-persimmon-900);
    --color-border-brand-strong: var(--ramp-persimmon-1000);
    --color-border-menu-onselected: var(--ramp-persimmon-400);
    --color-border-menu-selected: var(--ramp-persimmon-500);
    --color-border-menu-selected-strong: var(--ramp-persimmon-400);
    --color-border-onbrand: var(--ramp-persimmon-400);
    --color-border-onselected: var(--ramp-persimmon-300);
    --color-border-selected: var(--ramp-persimmon-900);
    --color-border-selected-strong: var(--ramp-persimmon-1000);
    --color-border-toolbar-selected: var(--ramp-persimmon-500);
    --color-border-toolbar-selected-strong: var(--ramp-persimmon-400);
    --color-border-tooltip-onselected: var(--ramp-persimmon-600);
    --color-border-tooltip-selected: var(--ramp-persimmon-500);
    --color-border-tooltip-selected-strong: var(--ramp-persimmon-400);
    --color-fsBorderSelectedImmutableNode: var(--ramp-blue-800);
    --color-fsBorderSelectedImmutableNodeSecondary: var(--ramp-blue-600);
    --color-icon-brand: var(--ramp-persimmon-900);
    --color-icon-brand-pressed: var(--ramp-persimmon-900);
    --color-icon-brand-secondary: var(--ramp-persimmon-900);
    --color-icon-brand-tertiary: var(--ramp-persimmon-900);
    --color-icon-menu-pressed: var(--ramp-persimmon-500);
    --color-icon-menu-selected: var(--ramp-persimmon-400);
    --color-icon-menu-selected-secondary: var(--ramp-persimmon-400);
    --color-icon-menu-selected-tertiary: var(--ramp-persimmon-400);
    --color-icon-pressed: var(--ramp-persimmon-900);
    --color-icon-selected: var(--ramp-persimmon-900);
    --color-icon-toolbar-hover: var(--ramp-black-800);
    --color-icon-toolbar-pressed: var(--ramp-persimmon-500);
    --color-icon-toolbar-selected: var(--ramp-persimmon-400);
    --color-icon-tooltip-pressed: var(--ramp-persimmon-500);
    --color-icon-tooltip-selected: var(--ramp-persimmon-400);
    --color-text-brand: var(--ramp-persimmon-900);
    --color-text-disabled: var(--ramp-white-400);
    --color-text-menu-selected: var(--ramp-persimmon-400);
    --color-text-selected: var(--ramp-persimmon-900);
    --color-text-toolbar-selected: var(--ramp-persimmon-400);
    --color-text-tooltip-selected: var(--ramp-persimmon-400)
}

[data-preferred-theme=light][data-editor-theme=seascape][data-enhanced-contrast],
:where([data-preferred-theme=light] [data-editor-theme=seascape][data-enhanced-contrast]) {
    --color-bg-brand: var(--ramp-violet-700);
    --color-bg-brand-hover: var(--ramp-violet-800);
    --color-bg-brand-pressed: var(--ramp-violet-800);
    --color-bg-brand-secondary: var(--ramp-violet-900);
    --color-bg-brand-tertiary: var(--ramp-violet-200);
    --color-bg-info: var(--ramp-violet-200);
    --color-bg-menu-selected: var(--ramp-violet-400);
    --color-bg-menu-selected-hover: var(--ramp-violet-300);
    --color-bg-menu-selected-pressed: var(--ramp-violet-300);
    --color-bg-menu-selected-secondary: var(--ramp-pale-violet-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-violet-800);
    --color-bg-onselected: var(--ramp-violet-300);
    --color-bg-selected: var(--ramp-violet-200);
    --color-bg-selected-hover: var(--ramp-violet-300);
    --color-bg-selected-pressed: var(--ramp-violet-300);
    --color-bg-selected-secondary: var(--ramp-violet-100);
    --color-bg-selected-strong: var(--ramp-violet-400);
    --color-bg-selected-tertiary: var(--ramp-violet-100);
    --color-bg-toolbar-selected: var(--ramp-violet-700);
    --color-bg-toolbar-selected-hover: var(--ramp-violet-800);
    --color-bg-toolbar-selected-pressed: var(--ramp-violet-800);
    --color-bg-toolbar-selected-secondary: var(--ramp-violet-900);
    --color-bg-tooltip-selected: var(--ramp-violet-700);
    --color-bg-tooltip-selected-hover: var(--ramp-violet-800);
    --color-bg-tooltip-selected-pressed: var(--ramp-violet-800);
    --color-bg-tooltip-selected-secondary: var(--ramp-violet-900);
    --color-bg-tooltip-selected-tertiary: var(--ramp-violet-200);
    --color-bgselectedarea: #4d49fc33;
    --color-border-brand: var(--ramp-violet-800);
    --color-border-brand-strong: var(--ramp-violet-900);
    --color-border-menu-onselected: var(--ramp-violet-400);
    --color-border-menu-selected: var(--ramp-violet-500);
    --color-border-menu-selected-strong: var(--ramp-violet-400);
    --color-border-onbrand: var(--ramp-violet-400);
    --color-border-onselected: var(--ramp-violet-300);
    --color-border-selected: var(--ramp-violet-700);
    --color-border-selected-strong: var(--ramp-violet-800);
    --color-border-toolbar-selected: var(--ramp-violet-500);
    --color-border-toolbar-selected-strong: var(--ramp-violet-400);
    --color-border-tooltip-onselected: var(--ramp-violet-600);
    --color-border-tooltip-selected: var(--ramp-violet-500);
    --color-border-tooltip-selected-strong: var(--ramp-violet-400);
    --color-icon-brand: var(--ramp-violet-800);
    --color-icon-brand-pressed: var(--ramp-violet-800);
    --color-icon-brand-secondary: var(--ramp-violet-800);
    --color-icon-brand-tertiary: var(--ramp-violet-300);
    --color-icon-menu-pressed: var(--ramp-violet-500);
    --color-icon-menu-selected: var(--ramp-violet-400);
    --color-icon-menu-selected-secondary: var(--ramp-violet-400);
    --color-icon-menu-selected-tertiary: var(--ramp-violet-400);
    --color-icon-pressed: var(--ramp-violet-800);
    --color-icon-selected: var(--ramp-violet-800);
    --color-icon-toolbar-pressed: var(--ramp-violet-500);
    --color-icon-toolbar-selected: var(--ramp-violet-400);
    --color-icon-tooltip-pressed: var(--ramp-violet-500);
    --color-icon-tooltip-selected: var(--ramp-violet-400);
    --color-text-brand: var(--ramp-violet-800);
    --color-text-menu-selected: var(--ramp-violet-400);
    --color-text-selected: var(--ramp-violet-800);
    --color-text-toolbar-selected: var(--ramp-violet-400);
    --color-text-tooltip-selected: var(--ramp-violet-400);
    --color-texthighlight: #4d49fc66
}

[data-preferred-theme=dark][data-editor-theme=seascape][data-enhanced-contrast],
:where([data-preferred-theme=dark] [data-editor-theme=seascape][data-enhanced-contrast]) {
    --color-bg-brand: var(--ramp-violet-400);
    --color-bg-brand-hover: var(--ramp-violet-300);
    --color-bg-brand-pressed: var(--ramp-violet-300);
    --color-bg-brand-secondary: var(--ramp-violet-300);
    --color-bg-brand-tertiary: var(--ramp-pale-violet-700);
    --color-bg-info: var(--ramp-pale-violet-800);
    --color-bg-menu-selected: var(--ramp-violet-400);
    --color-bg-menu-selected-hover: var(--ramp-violet-300);
    --color-bg-menu-selected-pressed: var(--ramp-violet-300);
    --color-bg-menu-selected-secondary: var(--ramp-pale-violet-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-violet-800);
    --color-bg-onselected: var(--ramp-pale-violet-500);
    --color-bg-selected: var(--ramp-pale-violet-800);
    --color-bg-selected-hover: var(--ramp-pale-violet-600);
    --color-bg-selected-pressed: var(--ramp-pale-violet-600);
    --color-bg-selected-secondary: var(--ramp-pale-violet-900);
    --color-bg-selected-strong: var(--ramp-violet-400);
    --color-bg-selected-tertiary: var(--ramp-pale-violet-800);
    --color-bg-toolbar-selected: var(--ramp-violet-400);
    --color-bg-toolbar-selected-hover: var(--ramp-violet-300);
    --color-bg-toolbar-selected-pressed: var(--ramp-violet-300);
    --color-bg-toolbar-selected-secondary: var(--ramp-violet-300);
    --color-bg-tooltip-selected: var(--ramp-violet-400);
    --color-bg-tooltip-selected-hover: var(--ramp-violet-300);
    --color-bg-tooltip-selected-pressed: var(--ramp-violet-300);
    --color-bg-tooltip-selected-secondary: var(--ramp-violet-300);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-violet-800);
    --color-bgselectedarea: #4d49fc33;
    --color-border-brand: var(--ramp-violet-400);
    --color-border-brand-strong: var(--ramp-violet-300);
    --color-border-menu-onselected: var(--ramp-violet-400);
    --color-border-menu-selected: var(--ramp-violet-500);
    --color-border-menu-selected-strong: var(--ramp-violet-400);
    --color-border-onbrand: var(--ramp-violet-800);
    --color-border-onbrand-strong: var(--ramp-violet-1000);
    --color-border-onselected: var(--ramp-pale-violet-500);
    --color-border-selected: var(--ramp-violet-400);
    --color-border-selected-strong: var(--ramp-violet-300);
    --color-border-toolbar-selected: var(--ramp-violet-500);
    --color-border-toolbar-selected-strong: var(--ramp-violet-400);
    --color-border-tooltip-onselected: var(--ramp-violet-600);
    --color-border-tooltip-selected: var(--ramp-violet-500);
    --color-border-tooltip-selected-strong: var(--ramp-violet-400);
    --color-icon-brand: var(--ramp-violet-400);
    --color-icon-brand-pressed: var(--ramp-violet-400);
    --color-icon-brand-secondary: var(--ramp-violet-400);
    --color-icon-brand-tertiary: var(--ramp-pale-violet-800);
    --color-icon-menu-pressed: var(--ramp-violet-500);
    --color-icon-menu-selected: var(--ramp-violet-400);
    --color-icon-menu-selected-secondary: var(--ramp-violet-400);
    --color-icon-menu-selected-tertiary: var(--ramp-violet-400);
    --color-icon-pressed: var(--ramp-violet-400);
    --color-icon-selected: var(--ramp-violet-400);
    --color-icon-toolbar-pressed: var(--ramp-violet-500);
    --color-icon-toolbar-selected: var(--ramp-violet-400);
    --color-icon-tooltip-pressed: var(--ramp-violet-500);
    --color-icon-tooltip-selected: var(--ramp-violet-400);
    --color-text-brand: var(--ramp-violet-400);
    --color-text-menu-selected: var(--ramp-violet-400);
    --color-text-selected: var(--ramp-violet-400);
    --color-text-tertiary: var(--ramp-white-500);
    --color-text-toolbar-selected: var(--ramp-violet-400);
    --color-text-tooltip-selected: var(--ramp-violet-400);
    --color-texthighlight: #4d49fc66
}

[data-preferred-theme=light][data-editor-theme=cooper][data-enhanced-contrast],
:where([data-preferred-theme=light] [data-editor-theme=cooper][data-enhanced-contrast]) {
    --color-bg-brand: var(--ramp-pink-800);
    --color-bg-brand-hover: var(--ramp-pink-900);
    --color-bg-brand-pressed: var(--ramp-pink-900);
    --color-bg-brand-secondary: var(--ramp-pink-1000);
    --color-bg-brand-tertiary: var(--ramp-pink-200);
    --color-bg-info: var(--ramp-pink-200);
    --color-bg-menu-selected: var(--ramp-pink-400);
    --color-bg-menu-selected-hover: var(--ramp-pink-300);
    --color-bg-menu-selected-pressed: var(--ramp-pink-300);
    --color-bg-menu-selected-secondary: var(--ramp-pale-pink-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-pink-800);
    --color-bg-onselected: var(--ramp-pink-300);
    --color-bg-selected: var(--ramp-pink-200);
    --color-bg-selected-hover: var(--ramp-pink-300);
    --color-bg-selected-pressed: var(--ramp-pink-300);
    --color-bg-selected-secondary: var(--ramp-pink-100);
    --color-bg-selected-strong: var(--ramp-pink-400);
    --color-bg-selected-tertiary: var(--ramp-pink-100);
    --color-bg-toolbar: var(--ramp-white-1000);
    --color-bg-toolbar-disabled: var(--ramp-grey-300);
    --color-bg-toolbar-hover: var(--ramp-grey-100);
    --color-bg-toolbar-pressed: var(--ramp-grey-100);
    --color-bg-toolbar-secondary: var(--ramp-grey-100);
    --color-bg-toolbar-selected: var(--ramp-pink-800);
    --color-bg-toolbar-selected-hover: var(--ramp-pink-900);
    --color-bg-toolbar-selected-pressed: var(--ramp-pink-900);
    --color-bg-toolbar-selected-secondary: var(--ramp-pink-1000);
    --color-bg-toolbar-tertiary: var(--ramp-grey-200);
    --color-bg-tooltip-selected: var(--ramp-pink-800);
    --color-bg-tooltip-selected-hover: var(--ramp-pink-900);
    --color-bg-tooltip-selected-pressed: var(--ramp-pink-900);
    --color-bg-tooltip-selected-secondary: var(--ramp-pink-1000);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-pink-800);
    --color-bgselectedarea: #974aff33;
    --color-border-brand: var(--ramp-pink-800);
    --color-border-brand-strong: var(--ramp-pink-900);
    --color-border-menu-onselected: var(--ramp-pink-400);
    --color-border-menu-selected: var(--ramp-pink-500);
    --color-border-menu-selected-strong: var(--ramp-pink-400);
    --color-border-onbrand: var(--ramp-pink-400);
    --color-border-onselected: var(--ramp-pink-300);
    --color-border-selected: var(--ramp-pink-800);
    --color-border-selected-strong: var(--ramp-pink-900);
    --color-border-toolbar: var(--ramp-grey-200);
    --color-border-toolbar-disabled: var(--ramp-grey-200);
    --color-border-toolbar-selected: var(--ramp-pink-500);
    --color-border-toolbar-selected-strong: var(--ramp-pink-400);
    --color-border-toolbar-strong: var(--ramp-grey-800);
    --color-border-tooltip-onselected: var(--ramp-pink-600);
    --color-border-tooltip-selected: var(--ramp-pink-500);
    --color-border-tooltip-selected-strong: var(--ramp-pink-400);
    --color-fsTextComponentOnDarkCanvas: var(--ramp-pink-400);
    --color-fsTextComponentOnLightCanvas: var(--ramp-pink-800);
    --color-icon-brand: var(--ramp-pink-800);
    --color-icon-brand-pressed: var(--ramp-pink-800);
    --color-icon-brand-secondary: var(--ramp-pink-800);
    --color-icon-brand-tertiary: var(--ramp-pink-300);
    --color-icon-menu-pressed: var(--ramp-pink-500);
    --color-icon-menu-selected: var(--ramp-pink-400);
    --color-icon-menu-selected-secondary: var(--ramp-pink-400);
    --color-icon-menu-selected-tertiary: var(--ramp-pink-400);
    --color-icon-pressed: var(--ramp-pink-800);
    --color-icon-selected: var(--ramp-pink-800);
    --color-icon-toolbar: var(--ramp-black-800);
    --color-icon-toolbar-disabled: var(--ramp-black-400);
    --color-icon-toolbar-hover: var(--ramp-black-800);
    --color-icon-toolbar-ondisabled: var(--ramp-black-400);
    --color-icon-toolbar-pressed: var(--ramp-pink-500);
    --color-icon-toolbar-secondary: var(--ramp-black-500);
    --color-icon-toolbar-secondary-hover: var(--ramp-black-800);
    --color-icon-toolbar-selected: var(--ramp-pink-600);
    --color-icon-toolbar-tertiary: var(--ramp-black-400);
    --color-icon-toolbar-tertiary-hover: var(--ramp-black-800);
    --color-icon-tooltip-pressed: var(--ramp-pink-500);
    --color-icon-tooltip-selected: var(--ramp-pink-400);
    --color-text-brand: var(--ramp-pink-800);
    --color-text-menu-selected: var(--ramp-pink-400);
    --color-text-selected: var(--ramp-pink-800);
    --color-text-toolbar: var(--ramp-black-800);
    --color-text-toolbar-disabled: var(--ramp-black-400);
    --color-text-toolbar-hover: var(--ramp-black-800);
    --color-text-toolbar-secondary: var(--ramp-black-500);
    --color-text-toolbar-secondary-hover: var(--ramp-black-800);
    --color-text-toolbar-selected: var(--ramp-pink-400);
    --color-text-toolbar-tertiary: var(--ramp-black-400);
    --color-text-toolbar-tertiary-hover: var(--ramp-black-800);
    --color-text-toolbar-warning: var(--ramp-yellow-1000);
    --color-text-tooltip-selected: var(--ramp-pink-400);
    --color-texthighlight: #ff24bd66
}

[data-preferred-theme=dark][data-editor-theme=cooper][data-enhanced-contrast],
:where([data-preferred-theme=dark] [data-editor-theme=cooper][data-enhanced-contrast]) {
    --color-bg-brand: var(--ramp-pink-400);
    --color-bg-brand-hover: var(--ramp-pink-300);
    --color-bg-brand-pressed: var(--ramp-pink-300);
    --color-bg-brand-secondary: var(--ramp-pink-300);
    --color-bg-brand-tertiary: var(--ramp-pale-pink-700);
    --color-bg-info: var(--ramp-pale-pink-800);
    --color-bg-menu-selected: var(--ramp-pink-400);
    --color-bg-menu-selected-hover: var(--ramp-pink-300);
    --color-bg-menu-selected-pressed: var(--ramp-pink-300);
    --color-bg-menu-selected-secondary: var(--ramp-pale-pink-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-pink-800);
    --color-bg-onselected: var(--ramp-pale-pink-500);
    --color-bg-selected: var(--ramp-pale-pink-800);
    --color-bg-selected-hover: var(--ramp-pale-pink-600);
    --color-bg-selected-pressed: var(--ramp-pale-pink-600);
    --color-bg-selected-secondary: var(--ramp-pale-pink-900);
    --color-bg-selected-strong: var(--ramp-pink-700);
    --color-bg-selected-tertiary: var(--ramp-pale-pink-800);
    --color-bg-toolbar-selected: var(--ramp-pink-400);
    --color-bg-toolbar-selected-hover: var(--ramp-pink-300);
    --color-bg-toolbar-selected-pressed: var(--ramp-pink-300);
    --color-bg-toolbar-selected-secondary: var(--ramp-pink-300);
    --color-bg-tooltip-selected: var(--ramp-pink-400);
    --color-bg-tooltip-selected-hover: var(--ramp-pink-300);
    --color-bg-tooltip-selected-pressed: var(--ramp-pink-300);
    --color-bg-tooltip-selected-secondary: var(--ramp-pink-300);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-pink-800);
    --color-bgselectedarea: #974aff33;
    --color-border-brand: var(--ramp-pink-400);
    --color-border-brand-strong: var(--ramp-pink-300);
    --color-border-menu-onselected: var(--ramp-pink-400);
    --color-border-menu-selected: var(--ramp-pink-500);
    --color-border-menu-selected-strong: var(--ramp-pink-400);
    --color-border-onbrand: var(--ramp-pink-800);
    --color-border-onbrand-strong: var(--ramp-pink-1000);
    --color-border-onselected: var(--ramp-pale-pink-500);
    --color-border-selected: var(--ramp-pink-400);
    --color-border-selected-strong: var(--ramp-pink-300);
    --color-border-toolbar-selected: var(--ramp-pink-500);
    --color-border-toolbar-selected-strong: var(--ramp-pink-400);
    --color-border-tooltip-onselected: var(--ramp-pink-600);
    --color-border-tooltip-selected: var(--ramp-pink-500);
    --color-border-tooltip-selected-strong: var(--ramp-pink-400);
    --color-fsTextComponentOnDarkCanvas: var(--ramp-pink-400);
    --color-fsTextComponentOnLightCanvas: var(--ramp-pink-800);
    --color-icon-brand: var(--ramp-pink-400);
    --color-icon-brand-pressed: var(--ramp-pink-400);
    --color-icon-brand-secondary: var(--ramp-pink-400);
    --color-icon-brand-tertiary: var(--ramp-pale-pink-800);
    --color-icon-menu-pressed: var(--ramp-pink-500);
    --color-icon-menu-selected: var(--ramp-pink-400);
    --color-icon-menu-selected-secondary: var(--ramp-pink-400);
    --color-icon-menu-selected-tertiary: var(--ramp-pink-400);
    --color-icon-pressed: var(--ramp-pink-400);
    --color-icon-selected: var(--ramp-pink-400);
    --color-icon-toolbar-pressed: var(--ramp-pink-500);
    --color-icon-toolbar-selected: var(--ramp-pink-400);
    --color-icon-tooltip-pressed: var(--ramp-pink-500);
    --color-icon-tooltip-selected: var(--ramp-pink-400);
    --color-text-brand: var(--ramp-pink-400);
    --color-text-menu-selected: var(--ramp-pink-400);
    --color-text-selected: var(--ramp-pink-400);
    --color-text-tertiary: var(--ramp-white-500);
    --color-text-toolbar-selected: var(--ramp-pink-400);
    --color-text-tooltip-selected: var(--ramp-pink-400);
    --color-texthighlight: #ff24bd66
}

[data-preferred-theme=light][data-editor-theme=sulli][data-enhanced-contrast],
:where([data-preferred-theme=light] [data-editor-theme=sulli][data-enhanced-contrast]) {
    --color-bg-brand: var(--ramp-teal-800);
    --color-bg-brand-hover: var(--ramp-teal-900);
    --color-bg-brand-pressed: var(--ramp-teal-900);
    --color-bg-brand-secondary: var(--ramp-teal-1000);
    --color-bg-brand-tertiary: var(--ramp-teal-200);
    --color-bg-info: var(--ramp-teal-200);
    --color-bg-menu-selected: var(--ramp-teal-400);
    --color-bg-menu-selected-hover: var(--ramp-teal-300);
    --color-bg-menu-selected-pressed: var(--ramp-teal-300);
    --color-bg-menu-selected-secondary: var(--ramp-pale-teal-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-teal-800);
    --color-bg-onselected: var(--ramp-teal-300);
    --color-bg-selected: var(--ramp-teal-200);
    --color-bg-selected-hover: var(--ramp-teal-300);
    --color-bg-selected-pressed: var(--ramp-teal-300);
    --color-bg-selected-secondary: var(--ramp-teal-100);
    --color-bg-selected-strong: var(--ramp-teal-400);
    --color-bg-selected-tertiary: var(--ramp-teal-100);
    --color-bg-toolbar: var(--ramp-white-1000);
    --color-bg-toolbar-disabled: var(--ramp-grey-300);
    --color-bg-toolbar-hover: var(--ramp-grey-100);
    --color-bg-toolbar-pressed: var(--ramp-grey-100);
    --color-bg-toolbar-secondary: var(--ramp-grey-100);
    --color-bg-toolbar-selected: var(--ramp-teal-800);
    --color-bg-toolbar-selected-hover: var(--ramp-teal-900);
    --color-bg-toolbar-selected-pressed: var(--ramp-teal-900);
    --color-bg-toolbar-selected-secondary: var(--ramp-teal-1000);
    --color-bg-toolbar-tertiary: var(--ramp-grey-200);
    --color-bg-tooltip-selected: var(--ramp-teal-800);
    --color-bg-tooltip-selected-hover: var(--ramp-teal-900);
    --color-bg-tooltip-selected-pressed: var(--ramp-teal-900);
    --color-bg-tooltip-selected-secondary: var(--ramp-teal-1000);
    --color-bg-tooltip-selected-tertiary: var(--ramp-teal-200);
    --color-bgselectedarea: #974aff33;
    --color-border-brand: var(--ramp-teal-800);
    --color-border-brand-strong: var(--ramp-teal-900);
    --color-border-menu-onselected: var(--ramp-teal-400);
    --color-border-menu-selected: var(--ramp-teal-500);
    --color-border-menu-selected-strong: var(--ramp-teal-400);
    --color-border-onbrand: var(--ramp-teal-400);
    --color-border-onselected: var(--ramp-teal-300);
    --color-border-selected: var(--ramp-teal-800);
    --color-border-selected-strong: var(--ramp-teal-900);
    --color-border-toolbar: var(--ramp-grey-200);
    --color-border-toolbar-disabled: var(--ramp-grey-200);
    --color-border-toolbar-selected: var(--ramp-teal-500);
    --color-border-toolbar-selected-strong: var(--ramp-teal-400);
    --color-border-toolbar-strong: var(--ramp-grey-800);
    --color-border-tooltip-onselected: var(--ramp-teal-600);
    --color-border-tooltip-selected: var(--ramp-teal-500);
    --color-border-tooltip-selected-strong: var(--ramp-teal-400);
    --color-icon-brand: var(--ramp-teal-800);
    --color-icon-brand-pressed: var(--ramp-teal-800);
    --color-icon-brand-secondary: var(--ramp-teal-800);
    --color-icon-brand-tertiary: var(--ramp-teal-300);
    --color-icon-menu-pressed: var(--ramp-teal-500);
    --color-icon-menu-selected: var(--ramp-teal-400);
    --color-icon-menu-selected-secondary: var(--ramp-teal-400);
    --color-icon-menu-selected-tertiary: var(--ramp-teal-400);
    --color-icon-pressed: var(--ramp-teal-800);
    --color-icon-selected: var(--ramp-teal-800);
    --color-icon-toolbar: var(--ramp-black-800);
    --color-icon-toolbar-disabled: var(--ramp-black-400);
    --color-icon-toolbar-hover: var(--ramp-black-800);
    --color-icon-toolbar-ondisabled: var(--ramp-black-400);
    --color-icon-toolbar-pressed: var(--ramp-teal-500);
    --color-icon-toolbar-secondary: var(--ramp-black-500);
    --color-icon-toolbar-secondary-hover: var(--ramp-black-800);
    --color-icon-toolbar-selected: var(--ramp-teal-600);
    --color-icon-toolbar-tertiary: var(--ramp-black-400);
    --color-icon-toolbar-tertiary-hover: var(--ramp-black-800);
    --color-icon-tooltip-pressed: var(--ramp-teal-500);
    --color-icon-tooltip-selected: var(--ramp-teal-400);
    --color-text-brand: var(--ramp-teal-800);
    --color-text-menu-selected: var(--ramp-teal-400);
    --color-text-selected: var(--ramp-teal-800);
    --color-text-toolbar: var(--ramp-black-800);
    --color-text-toolbar-disabled: var(--ramp-black-400);
    --color-text-toolbar-hover: var(--ramp-black-800);
    --color-text-toolbar-secondary: var(--ramp-black-500);
    --color-text-toolbar-secondary-hover: var(--ramp-black-800);
    --color-text-toolbar-selected: var(--ramp-teal-400);
    --color-text-toolbar-tertiary: var(--ramp-black-400);
    --color-text-toolbar-tertiary-hover: var(--ramp-black-800);
    --color-text-toolbar-warning: var(--ramp-yellow-1000);
    --color-text-tooltip-selected: var(--ramp-teal-400);
    --color-texthighlight: #974aff66
}

[data-preferred-theme=dark][data-editor-theme=sulli][data-enhanced-contrast],
:where([data-preferred-theme=dark] [data-editor-theme=sulli][data-enhanced-contrast]) {
    --color-bg-brand: var(--ramp-teal-400);
    --color-bg-brand-hover: var(--ramp-teal-300);
    --color-bg-brand-pressed: var(--ramp-teal-300);
    --color-bg-brand-secondary: var(--ramp-teal-300);
    --color-bg-brand-tertiary: var(--ramp-teal-700);
    --color-bg-info: var(--ramp-pale-teal-800);
    --color-bg-menu-selected: var(--ramp-teal-400);
    --color-bg-menu-selected-hover: var(--ramp-teal-300);
    --color-bg-menu-selected-pressed: var(--ramp-teal-300);
    --color-bg-menu-selected-secondary: var(--ramp-pale-teal-800);
    --color-bg-menu-selected-tertiary: var(--ramp-pale-teal-800);
    --color-bg-onselected: var(--ramp-pale-teal-500);
    --color-bg-selected: var(--ramp-teal-800);
    --color-bg-selected-hover: var(--ramp-teal-600);
    --color-bg-selected-pressed: var(--ramp-teal-600);
    --color-bg-selected-secondary: var(--ramp-teal-900);
    --color-bg-selected-strong: var(--ramp-teal-700);
    --color-bg-selected-tertiary: var(--ramp-teal-800);
    --color-bg-toolbar-selected: var(--ramp-teal-400);
    --color-bg-toolbar-selected-hover: var(--ramp-teal-300);
    --color-bg-toolbar-selected-pressed: var(--ramp-teal-300);
    --color-bg-toolbar-selected-secondary: var(--ramp-teal-300);
    --color-bg-tooltip-selected: var(--ramp-teal-400);
    --color-bg-tooltip-selected-hover: var(--ramp-teal-300);
    --color-bg-tooltip-selected-pressed: var(--ramp-teal-300);
    --color-bg-tooltip-selected-secondary: var(--ramp-teal-300);
    --color-bg-tooltip-selected-tertiary: var(--ramp-pale-teal-800);
    --color-bgselectedarea: #974aff33;
    --color-border-brand: var(--ramp-teal-400);
    --color-border-brand-strong: var(--ramp-teal-300);
    --color-border-menu-onselected: var(--ramp-teal-400);
    --color-border-menu-selected: var(--ramp-teal-500);
    --color-border-menu-selected-strong: var(--ramp-teal-400);
    --color-border-onbrand: var(--ramp-teal-800);
    --color-border-onbrand-strong: var(--ramp-teal-1000);
    --color-border-onselected: var(--ramp-pale-teal-500);
    --color-border-selected: var(--ramp-teal-400);
    --color-border-selected-strong: var(--ramp-teal-300);
    --color-border-toolbar-selected: var(--ramp-teal-500);
    --color-border-toolbar-selected-strong: var(--ramp-teal-400);
    --color-border-tooltip-onselected: var(--ramp-teal-600);
    --color-border-tooltip-selected: var(--ramp-teal-500);
    --color-border-tooltip-selected-strong: var(--ramp-teal-400);
    --color-fsWidgetFrameTextOnLightCanvas: var(--ramp-purple-500);
    --color-fsWidgetFrameTextSelectedOnLightCanvas: var(--ramp-purple-500);
    --color-icon-brand: var(--ramp-teal-400);
    --color-icon-brand-pressed: var(--ramp-teal-400);
    --color-icon-brand-secondary: var(--ramp-teal-400);
    --color-icon-brand-tertiary: var(--ramp-pale-teal-800);
    --color-icon-menu-pressed: var(--ramp-teal-500);
    --color-icon-menu-selected: var(--ramp-teal-400);
    --color-icon-menu-selected-secondary: var(--ramp-teal-400);
    --color-icon-menu-selected-tertiary: var(--ramp-teal-400);
    --color-icon-oncomponent-tertiary: var(--ramp-white-1000);
    --color-icon-pressed: var(--ramp-teal-400);
    --color-icon-selected: var(--ramp-teal-400);
    --color-icon-toolbar-pressed: var(--ramp-teal-500);
    --color-icon-toolbar-selected: var(--ramp-teal-400);
    --color-icon-tooltip-pressed: var(--ramp-teal-500);
    --color-icon-tooltip-selected: var(--ramp-teal-400);
    --color-text-brand: var(--ramp-teal-400);
    --color-text-menu-selected: var(--ramp-teal-400);
    --color-text-selected: var(--ramp-teal-400);
    --color-text-tertiary: var(--ramp-white-500);
    --color-text-toolbar-selected: var(--ramp-teal-400);
    --color-text-tooltip-selected: var(--ramp-teal-400);
    --color-texthighlight: #974aff66
}

.utilities--textDisplay--XuMxL {
    font-family: var(--text-display-font-family);
    font-size: var(--text-display-font-size);
    font-weight: var(--text-display-font-weight);
    letter-spacing: var(--text-display-letter-spacing);
    line-height: var(--text-display-line-height)
}

.utilities--headingLarge--mYYKP {
    font-family: var(--text-heading-large-font-family);
    font-size: var(--text-heading-large-font-size);
    font-weight: var(--text-heading-large-font-weight);
    letter-spacing: var(--text-heading-large-letter-spacing);
    line-height: var(--text-heading-large-line-height)
}

.utilities--headingMedium--9crHS {
    font-family: var(--text-heading-medium-font-family);
    font-size: var(--text-heading-medium-font-size);
    font-weight: var(--text-heading-medium-font-weight);
    letter-spacing: var(--text-heading-medium-letter-spacing);
    line-height: var(--text-heading-medium-line-height)
}

.utilities--headingSmall--Htthh {
    font-family: var(--text-heading-small-font-family);
    font-size: var(--text-heading-small-font-size);
    font-weight: var(--text-heading-small-font-weight);
    letter-spacing: var(--text-heading-small-letter-spacing);
    line-height: var(--text-heading-small-line-height)
}

.utilities--bodyLarge--VTRab {
    font-family: var(--text-body-large-font-family);
    font-size: var(--text-body-large-font-size);
    font-weight: var(--text-body-large-font-weight);
    letter-spacing: var(--text-body-large-letter-spacing);
    line-height: var(--text-body-large-line-height)
}

.utilities--bodyLargeStrong--0um9N {
    font-family: var(--text-body-large-strong-font-family);
    font-size: var(--text-body-large-strong-font-size);
    font-weight: var(--text-body-large-strong-font-weight);
    letter-spacing: var(--text-body-large-strong-letter-spacing);
    line-height: var(--text-body-large-strong-line-height)
}

.utilities--bodyMedium--7-YGK {
    font-family: var(--text-body-medium-font-family);
    font-size: var(--text-body-medium-font-size);
    font-weight: var(--text-body-medium-font-weight);
    letter-spacing: var(--text-body-medium-letter-spacing);
    line-height: var(--text-body-medium-line-height)
}

.utilities--bodyMediumStrong--1R5cZ {
    font-family: var(--text-body-medium-strong-font-family);
    font-size: var(--text-body-medium-strong-font-size);
    font-weight: var(--text-body-medium-strong-font-weight);
    letter-spacing: var(--text-body-medium-strong-letter-spacing);
    line-height: var(--text-body-medium-strong-line-height)
}

.utilities--bodySmall--JyKR1 {
    font-family: var(--text-body-small-font-family);
    font-size: var(--text-body-small-font-size);
    font-weight: var(--text-body-small-font-weight);
    letter-spacing: var(--text-body-small-letter-spacing);
    line-height: var(--text-body-small-line-height)
}

.utilities--bodySmallStrong--R-S6f {
    font-family: var(--text-body-small-strong-font-family);
    font-size: var(--text-body-small-strong-font-size);
    font-weight: var(--text-body-small-strong-font-weight);
    letter-spacing: var(--text-body-small-strong-letter-spacing);
    line-height: var(--text-body-small-strong-line-height)
}

.ellipsis--ellipsis--Tjyfa {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ellipsis--_ellipsisAfterNLines--LzI7k {
    display: -webkit-inline-box;
    overflow: hidden;
    -webkit-box-orient: vertical
}

.ellipsis--ellipsisAfter2Lines--Qo-Xh {
    -webkit-line-clamp: 2
}

.ellipsis--ellipsisAfter3Lines--h405C {
    -webkit-line-clamp: 3
}

.ellipsis--ellipsisAfter6Lines--2UA7M {
    -webkit-line-clamp: 6
}

.ellipsis--ellipsisAfter8Lines--WZFi8 {
    -webkit-line-clamp: 8
}

.text--_negText--j9g-L {
    color: #fff
}

.text--_fontBase--QdLsd {
    font-family: Inter, sans-serif
}

.text--_fontBaseWhyteInktrap--YiiGP {
    font-family: WhyteInktrap, sans-serif
}

.text--_fontBaseWhyte--efAjI {
    font-family: Whyte, sans-serif
}

.text--fontPos9--naThA {
    font-size: 9px;
    line-height: 16px;
    letter-spacing: calc(.016px+ var(--text-tracking-pos, 0)*9px)
}

.text--fontPos10--s1PI5 {
    font-size: 10px;
    line-height: 16px;
    letter-spacing: calc(.01px+ var(--text-tracking-pos, 0)*10px)
}

.text--fontPos11--2LvXf {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: calc(.005px+ var(--text-tracking-pos, 0)*11px)
}

.text--fontPos12--YsUAh {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: calc(var(--text-tracking-pos, 0)*12px)
}

.text--fontPos13--xW8hS {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: calc(-.003px+ var(--text-tracking-pos, 0)*13px)
}

.text--fontPos14--OL9Hp {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: calc(-.006px+ var(--text-tracking-pos, 0)*14px)
}

.text--fontPos15--IR8IB {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: calc(-.009px+ var(--text-tracking-pos, 0)*15px)
}

.text--fontPos16--oMC-G {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: calc(-.011px+ var(--text-tracking-pos, 0)*16px)
}

.text--fontPos18--rYXJb {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: calc(-.014px+ var(--text-tracking-pos, 0)*18px)
}

.text--fontPos20--Bcz97 {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: calc(-.017px+ var(--text-tracking-pos, 0)*20px)
}

.text--fontPos22--4H4Fc {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: calc(-.018px+ var(--text-tracking-pos, 0)*22px)
}

.text--fontPos24--YppUD {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: calc(-.019px+ var(--text-tracking-pos, 0)*24px)
}

.text--fontPos30--N-YT7 {
    font-size: 30px;
    line-height: 40px;
    letter-spacing: calc(-.021px+ var(--text-tracking-pos, 0)*30px)
}

.text--fontPos48--H177Q {
    font-size: 48px;
    line-height: 64px;
    letter-spacing: calc(-.022px+ var(--text-tracking-pos, 0)*48px)
}

.text--fontPos64--MQLi2 {
    font-size: 64px;
    line-height: 88px;
    letter-spacing: calc(-.022px+ var(--text-tracking-pos, 0)*64px)
}

.text--fontPos96--Cyvg- {
    font-size: 96px;
    line-height: 128px;
    letter-spacing: calc(-.022px+ var(--text-tracking-pos, 0)*96px)
}

.text--fontPos11Whyte--wZDnv {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: calc(.005px+ var(--text-tracking-pos, 0)*11px)
}

.text--fontPos12Whyte---tkNx {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: calc(var(--text-tracking-pos, 0)*12px)
}

.text--fontPos13Whyte--VhWqH {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: calc(-.003px+ var(--text-tracking-pos, 0)*13px)
}

.text--fontPos14Whyte--pEiDq {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: calc(-.006px+ var(--text-tracking-pos, 0)*14px)
}

.text--fontPos16Whyte--OfwSP {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: calc(-.011px+ var(--text-tracking-pos, 0)*16px)
}

.text--fontPos18Whyte--M40th {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: calc(-.014px+ var(--text-tracking-pos, 0)*18px)
}

.text--fontPos20Whyte--o3mBO {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: calc(-.017px+ var(--text-tracking-pos, 0)*20px)
}

.text--fontPos22Whyte--Gvg31 {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: calc(-.018px+ var(--text-tracking-pos, 0)*22px)
}

.text--fontPos24Whyte--gYiFz {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: calc(-.019px+ var(--text-tracking-pos, 0)*24px)
}

.text--fontPos32Whyte--AHO3S {
    font-size: 32px;
    line-height: 48px;
    letter-spacing: calc(-.022px+ var(--text-tracking-pos, 0)*32px)
}

.text--fontPos24WhyteInktrap--pgrWi {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: calc(-.019px+ var(--text-tracking-pos, 0)*24px)
}

.text--fontPos32WhyteInktrap--BG9sC {
    font-size: 32px;
    line-height: 48px;
    letter-spacing: calc(-.022px+ var(--text-tracking-pos, 0)*32px)
}

.text--fontNeg11--StdFq {
    font-size: 11px;
    line-height: 16px;
    letter-spacing: calc(.005px+ var(--text-tracking-pos, 0)*11px)
}

.text--fontNeg12--2PWcg {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: calc(var(--text-tracking-pos, 0)*12px)
}

.text--fontNeg13--7Ebf5 {
    font-size: 13px;
    line-height: 24px;
    letter-spacing: calc(-.003px+ var(--text-tracking-pos, 0)*13px)
}

.text--fontNeg14--ARPWl {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: calc(-.006px+ var(--text-tracking-pos, 0)*14px)
}

.text--fontNeg16--JtecD {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: calc(-.011px+ var(--text-tracking-pos, 0)*16px)
}

.text--fontNeg20--h0WuY {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: calc(-.017px+ var(--text-tracking-pos, 0)*20px)
}

.text--fontNeg40--v1X92 {
    font-size: 40px;
    line-height: 56px;
    letter-spacing: calc(-.022px+ var(--text-tracking-pos, 0)*40px)
}

.text--fontNeg16Whyte--D7r0G {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: calc(-.011px+ var(--text-tracking-pos, 0)*16px)
}

.blue_link--blueLink--9rlnd {
    color: var(--color-text-brand);
    cursor: pointer;
    -webkit-user-select: auto;
    user-select: auto
}

.blue_link--blueLinkDefaultPointer--ozEG5 {
    cursor: default
}

.blue_link--blueLinkWithFocus--1s1tH:focus-visible {
    outline: 1px solid var(--color-text-brand)
}

.basic_form--input--mz9WY {
    height: 30px;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 11px
}

[data-fpl-version=ui3] .basic_form--input--mz9WY,
:where([data-fpl-ui3-override]) .basic_form--input--mz9WY {
    height: var(--spacer-4)
}

.basic_form--bigInput--OIoA- {
    height: 42px;
    font-size: 14px
}

[data-fpl-version=ui3] .basic_form--bigInput--OIoA-,
:where([data-fpl-ui3-override]) .basic_form--bigInput--OIoA- {
    height: var(--spacer-5)
}

.basic_form--textInput--e9Rn5 {
    color: var(--color-text);
    border: 1px solid var(--color-border);
    padding: 0 6px;
    background-color: var(--color-bg, white)
}

.basic_form--textInput--e9Rn5:focus {
    border: 2px solid var(--color-border-selected);
    padding: 0 5px
}

.basic_form--textInput--e9Rn5::placeholder {
    color: var(--color-text-tertiary)
}

[data-fpl-version=ui3] .basic_form--textInput--e9Rn5,
:where([data-fpl-ui3-override]) .basic_form--textInput--e9Rn5 {
    background-color: var(--color-bg-secondary);
    border-radius: var(--radius-medium);
    border-color: var(--color-bg-secondary);
    padding: calc(var(--spacer-1) - 1px) calc(var(--spacer-2) - 1px)
}

[data-fpl-version=ui3] .basic_form--textInput--e9Rn5:focus,
:where([data-fpl-ui3-override]) .basic_form--textInput--e9Rn5:focus {
    border: 1px solid var(--color-border-selected);
    padding: calc(var(--spacer-1) - 1px) calc(var(--spacer-2) - 1px)
}

.basic_form--labeledInputGroup--aeD6L {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    margin-bottom: 16px;
    position: relative;
    border: 1px solid var(--color-border);
    background: var(--color-bg, white);
    box-sizing: border-box;
    border-radius: 3px;
    width: 100%;
    height: 44px
}

.basic_form--labeledInputGroup--aeD6L input,
.basic_form--labeledInputGroup--aeD6L select {
    color: var(--color-text);
    background: var(--color-bg, white);
    height: 22px;
    padding: 0 16px;
    letter-spacing: -.006em
}

.basic_form--labeledInputGroup--aeD6L input::placeholder,
.basic_form--labeledInputGroup--aeD6L select::placeholder {
    color: var( --color-text-secondary, rgba(0, 0, 0, .3))
}

.basic_form--labeledInputGroup--aeD6L input:-webkit-autofill,
.basic_form--labeledInputGroup--aeD6L select:-webkit-autofill {
    -webkit-text-fill-color: var(--color-text)
}

.basic_form--labeledInputGroup--aeD6L select.basic_form--selectPlaceholder--if5Xh {
    color: var(--color-text-secondary)
}

.basic_form--labeledInputGroup--aeD6L select {
    height: 42px;
    appearance: none;
    background: var(--color-bg, white);
    flex-grow: 1;
    width: 17px
}

.basic_form--labeledInputGroup--aeD6L label {
    padding: 2px 0 0 16px
}

.basic_form--labeledInputGroup--aeD6L label:not(.basic_form--hoverLabel__hasValue--YDJPR) {
    display: none
}

.basic_form--labeledInputGroup--aeD6L:focus-within {
    box-shadow: 0 0 0 1px var(--color-border-selected);
    border: 1px solid var(--color-border-selected)
}

.basic_form--labeledInputGroup--aeD6L:focus-within label {
    display: block
}

.basic_form--labeledInputGroupDisabled--BKwa0 {
    background-color: var(--color-bg, #fafafa)!important
}

.basic_form--labeledInputGroupDisabled--BKwa0 input {
    color: var(--color-text-secondary);
    background-color: var(--color-bg)
}

.basic_form--hoverLabel--LKjBC {
    font-size: 9px;
    line-height: 11px;
    color: var(--color-text-secondary);
    -webkit-user-select: none;
    user-select: none
}

.basic_form--bigTextInput--5c4O9 {
    padding: 0 12px
}

.basic_form--bigTextInput--5c4O9:focus {
    padding: 0 11px
}

.basic_form--bigTextInput--5c4O9::placeholder {
    color: var(--color-text-tertiary)
}

.basic_form--checkboxContainer--7vOVn {
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    align-items: center;
    display: inline-flex;
    position: relative;
    margin-right: 8px;
    width: fit-content
}

.basic_form--checkbox--C-tcA {
    appearance: none;
    width: 14px;
    height: 14px;
    display: inline-flex
}

.basic_form--checkbox--C-tcA:after {
    content: "";
    display: inline-flex;
    margin: 1px;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    box-sizing: border-box;
    background-color: var(--color-bg, white);
    border: 1px solid var(--color-icon)
}

.basic_form--checkbox--C-tcA:disabled:after {
    border: 1px solid var(--color-icon-disabled)
}

.basic_form--checkbox--C-tcA:checked:after {
    border: 1px solid var(--color-bg-brand);
    background-color: var(--color-bg-brand)
}

.basic_form--checkbox--C-tcA:checked:focus:after {
    border: 1px solid var(--color-bg)
}

.basic_form--checkbox--C-tcA:disabled:checked:after {
    border: 1px solid var(--color-icon-disabled);
    background-color: var(--color-icon-disabled)
}

[data-fpl-version=ui3] .basic_form--checkbox--C-tcA,
:where([data-fpl-ui3-override]) .basic_form--checkbox--C-tcA {
    width: var(--spacer-3);
    height: var(--spacer-3)
}

[data-fpl-version=ui3] .basic_form--checkbox--C-tcA:after,
:where([data-fpl-ui3-override]) .basic_form--checkbox--C-tcA:after {
    width: var(--spacer-3);
    height: var(--spacer-3);
    margin: var(--spacer-0);
    border-radius: var(--radius-medium)
}

[data-fpl-version=ui3] .basic_form--checkbox--C-tcA:disabled:after,
:where([data-fpl-ui3-override]) .basic_form--checkbox--C-tcA:disabled:after {
    border-color: var(--color-border-disabled)
}

[data-fpl-version=ui3] .basic_form--checkbox--C-tcA:disabled:checked:after,
:where([data-fpl-ui3-override]) .basic_form--checkbox--C-tcA:disabled:checked:after {
    border-color: var(--color-bg-disabled);
    background-color: var(--color-bg-disabled)
}

.basic_form--checkboxSvg--JFwlf {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    pointer-events: none;
    fill: var(--color-icon-onbrand)
}

[data-fpl-version=ui3] .basic_form--checkboxSvg--JFwlf,
:where([data-fpl-ui3-override]) .basic_form--checkboxSvg--JFwlf {
    --color-icon: var(--color-icon-onbrand)
}

[data-fpl-version=ui3] .basic_form--checkbox--C-tcA:disabled+.basic_form--checkboxSvg--JFwlf,
:where([data-fpl-ui3-override]) .basic_form--checkbox--C-tcA:disabled+.basic_form--checkboxSvg--JFwlf {
    --color-icon: var(--color-icon-ondisabled)
}

.basic_form--checkboxShowFocus--bZTt6:focus:after,
.basic_form--checkboxShowFocus--bZTt6:active:after,
.basic_form--checkbox--C-tcA:focus:after {
    box-shadow: 0 0 0 1px var(--color-icon-pressed);
    border: 1px solid var(--color-icon-pressed)
}

[data-fpl-version=ui3] .basic_form--checkboxShowFocus--bZTt6:focus:after,
[data-fpl-version=ui3] .basic_form--checkboxShowFocus--bZTt6:active:after,
[data-fpl-version=ui3] .basic_form--checkbox--C-tcA:focus:after,
:where([data-fpl-ui3-override]) .basic_form--checkboxShowFocus--bZTt6:focus:after,
:where([data-fpl-ui3-override]) .basic_form--checkboxShowFocus--bZTt6:active:after,
:where([data-fpl-ui3-override]) .basic_form--checkbox--C-tcA:focus:after {
    box-shadow: 0 0 0 1px var(--color-border-selected-strong);
    border: none
}

.basic_form--label--p2msE {
    font-size: 11px;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    color: var(--color-text)
}

.basic_form--buttonGroup--a5B5- {
    display: flex;
    flex-direction: row
}

.basic_form--buttonGroup_reversed--LKwyG {
    flex-direction: row-reverse
}

.basic_form--btn--FSrmp {
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 32px;
    line-height: 32px;
    max-width: 200px;
    padding: 0 12px;
    background-color: transparent;
    border-radius: 6px;
    -moz-outline-radius: 6px;
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    color: var(--color-text);
    outline: 1px solid var(--color-text);
    outline-offset: -1px;
    background-clip: padding-box;
    box-sizing: border-box
}

[data-fpl-version=ui3] .basic_form--btn--FSrmp,
:where([data-fpl-ui3-override]) .basic_form--btn--FSrmp {
    height: var(--spacer-4);
    padding: var(--spacer-1) var(--spacer-2);
    width: fit-content;
    border-radius: var(--radius-medium);
    outline-color: var(--color-border);
    font-family: var(--text-body-medium-font-family);
    font-size: var(--text-body-medium-font-size);
    font-weight: var(--text-body-medium-font-weight);
    letter-spacing: var(--text-body-medium-letter-spacing);
    line-height: var(--text-body-medium-line-height)
}

.basic_form--btn--FSrmp:focus:not(:disabled) {
    outline-color: var(--color-bg-toolbar-selected)
}

body:not([data-fpl-version=ui3]) .basic_form--btn--FSrmp:focus:not(:disabled):where(:not([data-fpl-ui3-override] *)) {
    outline-width: 2px;
    outline-offset: -2px
}

.basic_form--btn--FSrmp:disabled {
    background-color: transparent;
    color: var(--color-text-disabled);
    outline-color: var(--color-text-disabled)
}

.basic_form--btn--FSrmp:active:not(:disabled) {
    background-color: var(--color-bg-pressed)
}

.basic_form--btnSecondaryMenu--JITnz {
    background-color: transparent;
    stroke: var(--color-text-menu);
    outline-color: var(--color-text-menu);
    color: var(--color-text-menu)
}

.basic_form--btnSecondaryMenu--JITnz:focus:not(:disabled),
.basic_form--btnSecondaryMenu--JITnz:active:not(:disabled) {
    background-color: var(--color-bg-menu-pressed)
}

.basic_form--btnBig--mR0CY {
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    max-width: 200px;
    padding: 0 16px;
    background-color: transparent;
    box-sizing: border-box;
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    color: var(--color-text);
    outline: 1px solid var(--color-icon);
    outline-offset: -1px;
    background-clip: padding-box;
    font-size: 14px;
    height: 44px;
    border-radius: 8px;
    line-height: 44px
}

[data-fpl-version=ui3] .basic_form--btnBig--mR0CY,
:where([data-fpl-ui3-override]) .basic_form--btnBig--mR0CY {
    height: var(--spacer-5);
    padding: var(--spacer-1) var(--spacer-2);
    width: fit-content;
    border-radius: var(--radius-medium);
    font-family: var(--text-body-medium-font-family);
    font-size: var(--text-body-medium-font-size);
    font-weight: var(--text-body-medium-font-weight);
    letter-spacing: var(--text-body-medium-letter-spacing);
    line-height: var(--text-body-medium-line-height)
}

.basic_form--btnBig--mR0CY:focus:not(:disabled) {
    outline-color: var(--color-bg-toolbar-selected)
}

body:not([data-fpl-version=ui3]) .basic_form--btnBig--mR0CY:focus:not(:disabled):where(:not([data-fpl-ui3-override] *)) {
    outline-width: 2px;
    outline-offset: -2px
}

.basic_form--btnBig--mR0CY:disabled {
    background-color: transparent;
    color: var(--color-text-disabled);
    outline: var(--color-icon-disabled)
}

.basic_form--fullWidth--RThzY {
    max-width: unset;
    width: 100%
}

[data-fpl-version=ui3] .basic_form--fullWidth--RThzY,
:where([data-fpl-ui3-override]) .basic_form--fullWidth--RThzY {
    width: 100%
}

button.basic_form--btn--FSrmp::-moz-focus-inner {
    border: 0;
    outline: 0
}

.basic_form--primaryBtn--AU7Gy {
    color: var(--color-text-onbrand);
    background-color: var(--color-bg-brand);
    outline-color: transparent;
    background-clip: border-box;
    font-weight: 500
}

.basic_form--primaryBtn--AU7Gy:focus:not(:disabled),
.basic_form--primaryBtn--AU7Gy:active:not(:disabled) {
    color: var(--color-text-onbrand);
    background-color: var(--color-bg-brand);
    outline-color: var(--color-border-selected-strong)
}

.basic_form--primaryBtn--AU7Gy:disabled {
    color: var(--color-text-ondisabled);
    background-color: var(--color-bg-disabled);
    outline-color: transparent
}

.basic_form--primaryBtn--AU7Gy:active:not(:disabled) {
    background-color: var(--color-bg-brand-pressed)
}

[data-fpl-version=ui3] .basic_form--primaryBtn--AU7Gy,
:where([data-fpl-ui3-override]) .basic_form--primaryBtn--AU7Gy {
    outline-color: transparent
}

[data-fpl-version=ui3] .basic_form--primaryBtn--AU7Gy:focus-visible:not(:disabled),
:where([data-fpl-ui3-override]) .basic_form--primaryBtn--AU7Gy:focus-visible:not(:disabled) {
    box-shadow: 0 0 0 2px var(--color-border-onbrand-strong) inset
}

.basic_form--negativeBtn--8UYj4 {
    color: var(--color-text-ondanger);
    background-color: var(--color-bg-danger);
    outline-color: transparent;
    background-clip: border-box;
    font-weight: 500
}

.basic_form--negativeBtn--8UYj4:focus:not(:disabled),
.basic_form--negativeBtn--8UYj4:active:not(:disabled) {
    color: var(--color-text-ondanger);
    background-color: var(--color-bg-danger);
    outline-color: var(--color-icon-danger-pressed)
}

.basic_form--negativeBtn--8UYj4:disabled {
    color: var(--color-text-ondanger);
    background-color: var(--color-bg-disabled);
    outline-color: transparent
}

.basic_form--negativeBtn--8UYj4:active:not(:disabled) {
    background-color: var(--color-bg-danger-pressed)
}

[data-fpl-version=ui3] .basic_form--negativeBtn--8UYj4,
:where([data-fpl-ui3-override]) .basic_form--negativeBtn--8UYj4 {
    outline-color: transparent
}

[data-fpl-version=ui3] .basic_form--negativeBtn--8UYj4:focus-visible:not(:disabled),
:where([data-fpl-ui3-override]) .basic_form--negativeBtn--8UYj4:focus-visible:not(:disabled) {
    box-shadow: 0 0 0 2px var(--color-border-onbrand-strong) inset
}

.basic_form--secondaryNegativeBtn--5FcUB {
    outline-color: var(--color-icon-danger);
    color: var(--color-text-danger)
}

.basic_form--greenBtn--fpWTn {
    color: var(--color-text-onsuccess);
    background-color: var(--color-bg-success);
    outline-color: transparent;
    background-clip: border-box
}

.basic_form--greenBtn--fpWTn:focus:not(:disabled),
.basic_form--greenBtn--fpWTn:active:not(:disabled) {
    outline-color: var(--color-icon-success-pressed)
}

.basic_form--greenBtn--fpWTn:active:not(:disabled) {
    background-color: var(--color-bg-success-pressed)
}

[data-fpl-version=ui3] .basic_form--greenBtn--fpWTn,
:where([data-fpl-ui3-override]) .basic_form--greenBtn--fpWTn {
    outline-color: transparent
}

[data-fpl-version=ui3] .basic_form--greenBtn--fpWTn:focus-visible:not(:disabled),
:where([data-fpl-ui3-override]) .basic_form--greenBtn--fpWTn:focus-visible:not(:disabled) {
    box-shadow: 0 0 0 2px var(--color-border-onbrand-strong) inset
}

.basic_form--greyBtn--19WMM {
    color: var(--color-text-tooltip);
    background-color: var(--color-bg-tooltip);
    outline-color: var(--color-border-tooltip-strong);
    background-clip: border-box
}

.basic_form--greyBtn--19WMM:disabled {
    color: var(--color-text-tooltip-disabled);
    background-color: var(--color-bg-tooltip-disabled);
    outline-color: var(--color-border-tooltip-disabled)
}

.basic_form--whiteBtn---id1k:disabled {
    color: var(--color-text-disabled);
    outline-color: var(--color-icon-disabled)
}

.basic_form--inverseBtn--Ciwlq {
    color: var(--color-text-oninverse);
    background-color: var(--color-bg-inverse);
    outline-color: transparent;
    background-clip: border-box;
    font-weight: 500
}

.basic_form--inverseBtn--Ciwlq:focus:not(:disabled),
.basic_form--inverseBtn--Ciwlq:active:not(:disabled) {
    color: var(--color-text-oninverse);
    background-color: var(--color-bg-inverse);
    outline-color: transparent
}

.basic_form--inverseBtn--Ciwlq:disabled {
    color: var(--color-text-oninverse);
    background-color: var(--color-bg-inverse);
    outline-color: transparent
}

[data-fpl-version=ui3] .basic_form--inverseBtn--Ciwlq,
:where([data-fpl-ui3-override]) .basic_form--inverseBtn--Ciwlq {
    outline-color: transparent
}

[data-fpl-version=ui3] .basic_form--inverseBtn--Ciwlq:focus-visible:not(:disabled),
:where([data-fpl-ui3-override]) .basic_form--inverseBtn--Ciwlq:focus-visible:not(:disabled) {
    box-shadow: 0 0 0 2px var(--color-border-onbrand-strong) inset
}

.basic_form--blackBtn--w6s85 {
    color: var(--color-text-toolbar);
    background-color: var(--color-bg-toolbar);
    outline-color: transparent;
    background-clip: border-box
}

.basic_form--blackBtn--w6s85:focus:not(:disabled),
.basic_form--blackBtn--w6s85:active:not(:disabled) {
    outline-color: var(--color-bg-toolbar-pressed)
}

.basic_form--greenBtnBigSolidWhenDisabled--ioARO:disabled {
    color: var(--color-text-onsuccess);
    background-color: var(--color-bg-disabled);
    outline-color: transparent
}

.basic_form--link--7lLmB {
    display: flex;
    align-items: center;
    height: 32px;
    background-color: transparent
}

.basic_form--inlineLink---UZ4A:focus-visible {
    outline: 1px dashed var(--color-text-brand);
    outline-offset: 1px
}

.basic_form--bigSelect--TzXoZ {
    appearance: none;
    background-color: var(--color-bg);
    background-image: url(/images/caret_light_gray_072116.svg);
    background-repeat: no-repeat;
    background-position: right 8px center
}

.basic_form--buttonText--zVE8g {
    background-color: transparent
}

.basic_form--buttonText--zVE8g:disabled {
    color: var(--color-text-disabled)
}

.basic_form--infoIcon--ZlWE0 {
    padding: 4px 8px;
    color: var(--color-text);
    fill: var(--color-icon);
    position: absolute;
    right: 0
}

.basic_form--error--bHKqm {
    color: var(--color-text-danger)
}

.badge--badgeSmall--D7vkG {
    box-sizing: border-box;
    border-radius: 3px;
    font-weight: 500;
    height: 16px;
    margin-right: 8px;
    -webkit-user-select: none;
    user-select: none
}

.badge--badgeLarge--LsTPH {
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    -webkit-user-select: none;
    user-select: none
}

.badge--badgeExtraLarge--eYCqw {
    line-height: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    font-weight: 500;
    -webkit-user-select: none;
    user-select: none
}

.badge--badgeInlineBlock--MfeE6 {
    display: inline-block
}

.badge--badgeFlex--KwvO6 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px
}

.badge--badgeSmallPadding--8Gc8G {
    padding: 0 5px
}

.badge--badgeLargePadding--da6AS,
.badge--badgeExtraLargePadding--IImDr {
    padding: 2px 8px
}

.badge--subtle--2lYdo {
    border-width: 1px;
    border-style: solid;
    line-height: 14px
}

.badge--subtleInvert--u70Al {
    background: transparent;
    color: var(--color-text);
    border-color: var(--color-border-strong)
}

.badge--strongInvert--B9g5E {
    color: var(--color-text-oninverse);
    background-color: var(--color-bg-inverse)
}

.badge--subtleDefault--1z8RH {
    background: transparent;
    color: var(--color-text-secondary);
    border-color: var(--color-border)
}

.badge--strongTranslucentDefault--Z8NXZ {
    color: var(--color-text);
    background-color: var(--color-bgtransparent-secondary-hover)
}

.badge--strongTranslucentLight--r5WGH {
    color: var(--color-text-onbrand);
    background-color: var(--ramp-white-200)
}

.badge--strongDefault--CySir {
    color: var(--color-text);
    background-color: var(--color-bg-secondary)
}

.badge--strongTertiary--ykB0y {
    color: var(--color-text);
    background-color: var(--color-bg-tertiary)
}

.badge--subtleSuccess--M49xa {
    background: transparent;
    color: var(--color-text-success);
    border-color: var(--color-border-success)
}

.badge--strongSuccess--AbKIQ {
    color: var(--color-text-onsuccess);
    background-color: var(--color-bg-success)
}

.badge--subtleWarning--3iBAM {
    background: transparent;
    color: var(--color-text-warning);
    border-color: var(--color-border-warning)
}

.badge--strongWarning--kWJTU {
    color: var(--color-text-onwarning);
    background-color: var(--color-bg-warning)
}

.badge--subtleWarningTertiary--7QTFa {
    background: transparent;
    color: var(--color-text-warning);
    border-color: var(--color-border-warning)
}

.badge--strongWarningTertiary--JxMHE {
    color: var(--color-text);
    background-color: var(--color-bg-warning-tertiary)
}

.badge--subtleDanger--JyPhb {
    background: transparent;
    color: var(--color-text-danger);
    border-color: var(--color-border-danger)
}

.badge--strongDanger--BrGR0 {
    color: var(--color-text-ondanger);
    background-color: var(--color-bg-danger)
}

.badge--subtleDesign--ozLXr {
    background: transparent;
    color: var(--color-text-design);
    border-color: var(--color-bg-design-secondary)
}

.badge--strongDesign--Szu8k {
    color: var(--color-text-ondesign);
    background-color: var(--color-bg-design)
}

.badge--subtleComponent--LQLgl {
    background: transparent;
    color: var(--color-text-component);
    border-color: var(--color-bg-component-secondary)
}

.badge--strongComponent--bDcUG {
    color: var(--color-text-oncomponent);
    background-color: var(--color-bg-component)
}

.badge--subtleFigjam--KE8Y8 {
    background: transparent;
    color: var(--color-text-figjam);
    border-color: var(--color-border-figjam)
}

.badge--strongFigjam--4HCGb {
    color: var(--color-text-oncomponent);
    background-color: var(--color-bg-component)
}

.badge--subtleBrand--3KQUa {
    background: transparent;
    color: var(--color-text-brand);
    border-color: var(--color-bg-selected-hover)
}

.badge--strongBrand--3m1xh {
    color: var(--color-text-onbrand);
    background-color: var(--color-bg-brand)
}

.badge--strongInformational--vkcCi {
    color: var(--color-text-brand);
    background-color: var(--color-bg-selected-secondary)
}

.badge--strongInformational--vkcCi:hover {
    background-color: var(--color-bg-selected-hover)
}

.badge--subtleToolbar--8p3m2 {
    background: transparent;
    color: var(--color-text-toolbar);
    border-color: var(--color-border-toolbar)
}

.badge--strongToolbar--NaiKu {
    color: var(--color-text-toolbar);
    background-color: var(--color-bg-toolbar)
}

.badge--strongDisabled--m7BRV {
    color: var(--color-text-secondary);
    background-color: var(--color-bg-secondary)
}

.badge--strongLight--YOkQg {
    color: var(--color-text-onwarning);
    background-color: var(--ramp-blue-300)
}

.badge--subtleLight--stSLA {
    color: var(--color-text-onwarning);
    background-color: var(--ramp-blue-200);
    border: none;
    line-height: 16px
}

.badge--xImg--WTBTC svg {
    display: inline;
    margin-left: 15px;
    cursor: pointer
}

.badge--toolbarSelected---fzR9 {
    color: var(--ramp-black-900);
    background-color: var(--ramp-blue-300)
}

.focus_border--focusVisibleOutline--MZSwL:focus-visible {
    outline: 1px solid var(--color-border-selected)
}

.close_button--closeX--Bc-63 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    flex: 0 0 32px;
    line-height: 32px;
    cursor: default;
    fill: var(--color-icon);
    color: var(--color-icon);
    border-radius: 2px;
    background-clip: padding-box;
    background-color: transparent
}

.close_button--closeX--Bc-63:hover {
    background-color: var(--color-bg-hover);
    border-radius: 3px
}

.close_button--closeX--Bc-63 {
    border: 1px solid transparent;
    outline: none
}

.close_button--closeX--Bc-63:focus-visible {
    border: 1px solid var(--color-border-selected);
    outline: 1px solid var(--color-border-selected);
    outline-offset: -2px
}

.close_button--closeX--Bc-63:focus {
    border: 1px solid var(--color-border-selected);
    outline: 1px solid var(--color-border-selected);
    outline-offset: -2px
}

.close_button--closeX--Bc-63:focus:not(:focus-visible) {
    border: 1px solid transparent;
    outline: none
}

[data-fpl-version=ui3] .close_button--closeX--Bc-63,
:where([data-fpl-ui3-override]) .close_button--closeX--Bc-63 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    flex: 0 0 24px;
    line-height: 24px;
    border-radius: var(--radius-medium);
    outline-style: solid;
    outline-width: .0625rem;
    outline-offset: -.0625rem;
    outline-color: transparent
}

[data-fpl-version=ui3] .close_button--closeX--Bc-63:focus-visible,
:where([data-fpl-ui3-override]) .close_button--closeX--Bc-63:focus-visible {
    outline-color: var(--color-border-selected)
}

.close_button--modalUpperRightCorner--eKAQg {
    position: absolute;
    right: 15px;
    top: 14px
}

.close_button--smallModal--iXyBf {
    right: 7px;
    top: 6px
}

.cx_block--IAgF- {
    display: block
}

.cx_flex--2hUIC {
    display: flex
}

.cx_grid--1-fU- {
    display: grid
}

.cx_hidden--nmnnq {
    display: none
}

.cx_inline--RMUuX {
    display: inline
}

.cx_inlineBlock--QXnVe {
    display: inline-block
}

.cx_inlineFlex--6WOYM {
    display: inline-flex
}

.cx_contentCenter--A1Q-W {
    align-content: center
}

.cx_itemsBaseline--Z9yKc {
    align-items: baseline
}

.cx_itemsCenter--4Ybl3 {
    align-items: center
}

.cx_itemsEnd--1Uy1V {
    align-items: flex-end
}

.cx_itemsStart--465jG {
    align-items: flex-start
}

.cx_itemsStretch--LDHI8 {
    align-items: stretch
}

.cx_itemSelfStretch--Hc-8F {
    align-self: stretch
}

.cx_itemSelfCenter--lzEbc {
    align-self: center
}

.cx_itemSelfStart--EHw2t {
    align-self: flex-start
}

.cx_selfCenter--nurpF {
    place-self: center
}

.cx_justifyCenter--HMVRW {
    justify-content: center
}

.cx_justifyEnd---syhU {
    justify-content: flex-end
}

.cx_justifyBetween--ihJXN {
    justify-content: space-between
}

.cx_justifyStart--5vXPJ {
    justify-content: flex-start
}

.cx_flexColumn--DyM3M {
    flex-direction: column
}

.cx_flexColumnReverse--WnhNA {
    flex-direction: column-reverse
}

.cx_flexRow--QnXvr {
    flex-direction: row
}

.cx_flexRowReverse--TwU5b {
    flex-direction: row-reverse
}

.cx_flexRowNoWrap--KcwDb {
    flex-flow: row nowrap
}

.cx_flexGrow0--2fyN3 {
    flex-grow: 0
}

.cx_flexGrow1--JL8fV {
    flex-grow: 1
}

.cx_flexShrink0--oDaxb {
    flex-shrink: 0
}

.cx_flexShrink1--zlAUs {
    flex-shrink: 1
}

.cx_flexNowrap--127tu {
    flex-wrap: nowrap
}

.cx_flexWrap--Fjimq {
    flex-wrap: wrap
}

.cx_flexBasis0--m-JoT {
    flex-basis: 0
}

.cx_flexBasisAuto--My8YJ {
    flex-basis: auto
}

.cx_overflowAuto--v6yp8 {
    overflow: auto
}

.cx_overflowHidden--NE-Hr {
    overflow: hidden
}

.cx_overflowBreakWord--Rpf9d {
    overflow-wrap: break-word
}

.cx_overflowWrapAnywhere--wOJ6X {
    overflow-wrap: anywhere
}

.cx_overflowXHidden--o-U8d {
    overflow-x: hidden
}

.cx_overflowYScroll--NWROl {
    overflow-y: scroll
}

.cx_ellipsis--g4IKF {
    text-overflow: ellipsis
}

.cx_opacity0--pu3O5 {
    opacity: 0
}

.cx_opacity0_3--ErnGD {
    opacity: .3
}

.cx_opacity0_5--crAb- {
    opacity: .5
}

.cx_opacity1--oh7kw {
    opacity: 1
}

.cx_absolute--doVhE {
    position: absolute
}

.cx_fixed--koyIa {
    position: fixed
}

.cx_relative--iykXj {
    position: relative
}

.cx_sticky--ZI6UI {
    position: sticky
}

.cx_topHalf--EWYrD {
    top: 50%
}

.cx_topToolbarHeight--SbwAx {
    top: var(--toolbar-height)
}

.cx_top0--3QxCF {
    top: 0
}

.cx_right0--AWiFh {
    right: 0
}

.cx_bottom0--4VYuE {
    bottom: 0
}

.cx_left0--DwCeE {
    left: 0
}

.cx_leftHalf--3LmjR {
    left: 50%
}

.cx_bgContain--OMywW {
    background-size: contain
}

.cx_bgCover--WeRtm {
    background-size: cover
}

.cx_bgNoRepeat--kCDLR {
    background-repeat: no-repeat
}

.cx_bgPosCenter--5r3RC {
    background-position: center
}

.cx_bgClipPaddingBox--Dw2nz {
    background-clip: padding-box
}

.cx_bgTransparent--czEkT {
    background-color: transparent
}

.cx_bgNone--Jn55k {
    background-color: initial
}

.cx_colorBg--XYMUF {
    background-color: var(--color-bg, var(--fallback-color-bg))
}

.cx_colorBgAssistive--WpVYC {
    background-color: var(--color-bg-assistive, var(--fallback-color-bg-assistive))
}

.cx_colorBgAssistiveHover--TgiVR {
    background-color: var(--color-bg-assistive-hover, var(--fallback-color-bg-assistive-hover))
}

.cx_colorBgAssistivePressed--TbWUO {
    background-color: var(--color-bg-assistive-pressed, var(--fallback-color-bg-assistive-pressed))
}

.cx_colorBgAssistiveSecondary--i1UwR {
    background-color: var(--color-bg-assistive-secondary, var(--fallback-color-bg-assistive-secondary))
}

.cx_colorBgAssistiveTertiary--eZxUm {
    background-color: var(--color-bg-assistive-tertiary, var(--fallback-color-bg-assistive-tertiary))
}

.cx_colorBgBrand--5ZaYj {
    background-color: var(--color-bg-brand, var(--fallback-color-bg-brand))
}

.cx_colorBgBrandHover--wmYYw {
    background-color: var(--color-bg-brand-hover, var(--fallback-color-bg-brand-hover))
}

.cx_colorBgBrandPressed--2sQgN {
    background-color: var(--color-bg-brand-pressed, var(--fallback-color-bg-brand-pressed))
}

.cx_colorBgBrandSecondary--izJgJ {
    background-color: var(--color-bg-brand-secondary, var(--fallback-color-bg-brand-secondary))
}

.cx_colorBgBrandTertiary--FS8oQ {
    background-color: var(--color-bg-brand-tertiary, var(--fallback-color-bg-brand-tertiary))
}

.cx_colorBgComponent--NUMG7 {
    background-color: var(--color-bg-component, var(--fallback-color-bg-component))
}

.cx_colorBgComponentHover--VyH6- {
    background-color: var(--color-bg-component-hover, var(--fallback-color-bg-component-hover))
}

.cx_colorBgComponentPressed--bFnn3 {
    background-color: var(--color-bg-component-pressed, var(--fallback-color-bg-component-pressed))
}

.cx_colorBgComponentSecondary--7ezqH {
    background-color: var(--color-bg-component-secondary, var(--fallback-color-bg-component-secondary))
}

.cx_colorBgComponentTertiary--zK1JF {
    background-color: var(--color-bg-component-tertiary, var(--fallback-color-bg-component-tertiary))
}

.cx_colorBgDanger--f9ojj {
    background-color: var(--color-bg-danger, var(--fallback-color-bg-danger))
}

.cx_colorBgDangerHover--gKe3v {
    background-color: var(--color-bg-danger-hover, var(--fallback-color-bg-danger-hover))
}

.cx_colorBgDangerPressed--Fjw4- {
    background-color: var(--color-bg-danger-pressed, var(--fallback-color-bg-danger-pressed))
}

.cx_colorBgDangerSecondary--Cp82b {
    background-color: var(--color-bg-danger-secondary, var(--fallback-color-bg-danger-secondary))
}

.cx_colorBgDangerTertiary---Bviq {
    background-color: var(--color-bg-danger-tertiary, var(--fallback-color-bg-danger-tertiary))
}

.cx_colorBgDesign--7zZko {
    background-color: var(--color-bg-design, var(--fallback-color-bg-design))
}

.cx_colorBgDesignHover--Xsi5S {
    background-color: var(--color-bg-design-hover, var(--fallback-color-bg-design-hover))
}

.cx_colorBgDesignPressed--0FBQU {
    background-color: var(--color-bg-design-pressed, var(--fallback-color-bg-design-pressed))
}

.cx_colorBgDesignSecondary--shodN {
    background-color: var(--color-bg-design-secondary, var(--fallback-color-bg-design-secondary))
}

.cx_colorBgDesignTertiary--OunHx {
    background-color: var(--color-bg-design-tertiary, var(--fallback-color-bg-design-tertiary))
}

.cx_colorBgDisabled--sGFPk {
    background-color: var(--color-bg-disabled, var(--fallback-color-bg-disabled))
}

.cx_colorBgDisabledSecondary---dhff {
    background-color: var(--color-bg-disabled-secondary, var(--fallback-color-bg-disabled-secondary))
}

.cx_colorBgFigjam--wGk-5 {
    background-color: var(--color-bg-figjam, var(--fallback-color-bg-figjam))
}

.cx_colorBgFigjamHover--Ro3lX {
    background-color: var(--color-bg-figjam-hover, var(--fallback-color-bg-figjam-hover))
}

.cx_colorBgFigjamPressed--oXZ63 {
    background-color: var(--color-bg-figjam-pressed, var(--fallback-color-bg-figjam-pressed))
}

.cx_colorBgFigjamSecondary--Bnn0o {
    background-color: var(--color-bg-figjam-secondary, var(--fallback-color-bg-figjam-secondary))
}

.cx_colorBgFigjamTertiary--lb-Im {
    background-color: var(--color-bg-figjam-tertiary, var(--fallback-color-bg-figjam-tertiary))
}

.cx_colorBgHover--nMubD {
    background-color: var(--color-bg-hover, var(--fallback-color-bg-hover))
}

.cx_colorBgInfo--KVdTA {
    background-color: var(--color-bg-info, var(--fallback-color-bg-info))
}

.cx_colorBgInverse--NONzM {
    background-color: var(--color-bg-inverse, var(--fallback-color-bg-inverse))
}

.cx_colorBgMenu--21fuR {
    background-color: var(--color-bg-menu, var(--fallback-color-bg-menu))
}

.cx_colorBgMenuDisabled--CT8yk {
    background-color: var(--color-bg-menu-disabled, var(--fallback-color-bg-menu-disabled))
}

.cx_colorBgMenuHover--1WWDd {
    background-color: var(--color-bg-menu-hover, var(--fallback-color-bg-menu-hover))
}

.cx_colorBgMenuPressed--Bsh0V {
    background-color: var(--color-bg-menu-pressed, var(--fallback-color-bg-menu-pressed))
}

.cx_colorBgMenuSecondary--vgJCz {
    background-color: var(--color-bg-menu-secondary, var(--fallback-color-bg-menu-secondary))
}

.cx_colorBgMenuSelected--FufOc {
    background-color: var(--color-bg-menu-selected, var(--fallback-color-bg-menu-selected))
}

.cx_colorBgMenuSelectedHover--tnGZX {
    background-color: var(--color-bg-menu-selected-hover, var(--fallback-color-bg-menu-selected-hover))
}

.cx_colorBgMenuSelectedPressed--iR0Nb {
    background-color: var(--color-bg-menu-selected-pressed, var(--fallback-color-bg-menu-selected-pressed))
}

.cx_colorBgMenuSelectedSecondary--QmINi {
    background-color: var(--color-bg-menu-selected-secondary, var(--fallback-color-bg-menu-selected-secondary))
}

.cx_colorBgMenuSelectedTertiary--NDF19 {
    background-color: var(--color-bg-menu-selected-tertiary, var(--fallback-color-bg-menu-selected-tertiary))
}

.cx_colorBgMenuTertiary--8SVw0 {
    background-color: var(--color-bg-menu-tertiary, var(--fallback-color-bg-menu-tertiary))
}

.cx_colorBgOnselected--RVrkT {
    background-color: var(--color-bg-onselected, var(--fallback-color-bg-onselected))
}

.cx_colorBgOnselectedHover--wTbTL {
    background-color: var(--color-bg-onselected-hover, var(--fallback-color-bg-onselected-hover))
}

.cx_colorBgOnselectedPressed--SPs2z {
    background-color: var(--color-bg-onselected-pressed, var(--fallback-color-bg-onselected-pressed))
}

.cx_colorBgPressed--sbOSg {
    background-color: var(--color-bg-pressed, var(--fallback-color-bg-pressed))
}

.cx_colorBgSecondary---CD5M {
    background-color: var(--color-bg-secondary, var(--fallback-color-bg-secondary))
}

.cx_colorBgSelected--VDhRq {
    background-color: var(--color-bg-selected, var(--fallback-color-bg-selected))
}

.cx_colorBgSelectedHover--uTC-7 {
    background-color: var(--color-bg-selected-hover, var(--fallback-color-bg-selected-hover))
}

.cx_colorBgSelectedPressed--Sa-4t {
    background-color: var(--color-bg-selected-pressed, var(--fallback-color-bg-selected-pressed))
}

.cx_colorBgSelectedSecondary--SQtok {
    background-color: var(--color-bg-selected-secondary, var(--fallback-color-bg-selected-secondary))
}

.cx_colorBgSelectedStrong--3z-yT {
    background-color: var(--color-bg-selected-strong, var(--fallback-color-bg-selected-strong))
}

.cx_colorBgSelectedTertiary--htK4o {
    background-color: var(--color-bg-selected-tertiary, var(--fallback-color-bg-selected-tertiary))
}

.cx_colorBgSuccess--Cz4eb {
    background-color: var(--color-bg-success, var(--fallback-color-bg-success))
}

.cx_colorBgSuccessHover--xSzPW {
    background-color: var(--color-bg-success-hover, var(--fallback-color-bg-success-hover))
}

.cx_colorBgSuccessPressed--ph-03 {
    background-color: var(--color-bg-success-pressed, var(--fallback-color-bg-success-pressed))
}

.cx_colorBgSuccessSecondary--VhCGS {
    background-color: var(--color-bg-success-secondary, var(--fallback-color-bg-success-secondary))
}

.cx_colorBgSuccessTertiary--dLj8s {
    background-color: var(--color-bg-success-tertiary, var(--fallback-color-bg-success-tertiary))
}

.cx_colorBgTertiary--S1uB4 {
    background-color: var(--color-bg-tertiary, var(--fallback-color-bg-tertiary))
}

.cx_colorBgToolbar--oSno1 {
    background-color: var(--color-bg-toolbar, var(--fallback-color-bg-toolbar))
}

.cx_colorBgToolbarDisabled--99xYC {
    background-color: var(--color-bg-toolbar-disabled, var(--fallback-color-bg-toolbar-disabled))
}

.cx_colorBgToolbarHover--qCdyq {
    background-color: var(--color-bg-toolbar-hover, var(--fallback-color-bg-toolbar-hover))
}

.cx_colorBgToolbarPressed--eKYY1 {
    background-color: var(--color-bg-toolbar-pressed, var(--fallback-color-bg-toolbar-pressed))
}

.cx_colorBgToolbarSecondary---15yd {
    background-color: var(--color-bg-toolbar-secondary, var(--fallback-color-bg-toolbar-secondary))
}

.cx_colorBgToolbarSelected--cC1b4 {
    background-color: var(--color-bg-toolbar-selected, var(--fallback-color-bg-toolbar-selected))
}

.cx_colorBgToolbarSelectedHover--Ztwdr {
    background-color: var(--color-bg-toolbar-selected-hover, var(--fallback-color-bg-toolbar-selected-hover))
}

.cx_colorBgToolbarSelectedPressed--sHLsA {
    background-color: var(--color-bg-toolbar-selected-pressed, var(--fallback-color-bg-toolbar-selected-pressed))
}

.cx_colorBgToolbarSelectedSecondary--GpOEq {
    background-color: var(--color-bg-toolbar-selected-secondary, var(--fallback-color-bg-toolbar-selected-secondary))
}

.cx_colorBgToolbarSelectedTertiary--2xGbq {
    background-color: var(--color-bg-toolbar-selected-tertiary, var(--fallback-color-bg-toolbar-selected-tertiary))
}

.cx_colorBgToolbarTertiary--K8U-o {
    background-color: var(--color-bg-toolbar-tertiary, var(--fallback-color-bg-toolbar-tertiary))
}

.cx_colorBgTooltip--9aaiw {
    background-color: var(--color-bg-tooltip, var(--fallback-color-bg-tooltip))
}

.cx_colorBgTooltipDisabled--p2o65 {
    background-color: var(--color-bg-tooltip-disabled, var(--fallback-color-bg-tooltip-disabled))
}

.cx_colorBgTooltipHover--wQZXz {
    background-color: var(--color-bg-tooltip-hover, var(--fallback-color-bg-tooltip-hover))
}

.cx_colorBgTooltipPressed--F0iSh {
    background-color: var(--color-bg-tooltip-pressed, var(--fallback-color-bg-tooltip-pressed))
}

.cx_colorBgTooltipSecondary--GiOXl {
    background-color: var(--color-bg-tooltip-secondary, var(--fallback-color-bg-tooltip-secondary))
}

.cx_colorBgTooltipSelected--Gf407 {
    background-color: var(--color-bg-tooltip-selected, var(--fallback-color-bg-tooltip-selected))
}

.cx_colorBgTooltipSelectedHover--oiW6K {
    background-color: var(--color-bg-tooltip-selected-hover, var(--fallback-color-bg-tooltip-selected-hover))
}

.cx_colorBgTooltipSelectedPressed--Q4p-w {
    background-color: var(--color-bg-tooltip-selected-pressed, var(--fallback-color-bg-tooltip-selected-pressed))
}

.cx_colorBgTooltipSelectedSecondary--aawSR {
    background-color: var(--color-bg-tooltip-selected-secondary, var(--fallback-color-bg-tooltip-selected-secondary))
}

.cx_colorBgTooltipSelectedTertiary--v4Jl5 {
    background-color: var(--color-bg-tooltip-selected-tertiary, var(--fallback-color-bg-tooltip-selected-tertiary))
}

.cx_colorBgTooltipTertiary--Swqmv {
    background-color: var(--color-bg-tooltip-tertiary, var(--fallback-color-bg-tooltip-tertiary))
}

.cx_colorBgWarning--TL3l1 {
    background-color: var(--color-bg-warning, var(--fallback-color-bg-warning))
}

.cx_colorBgWarningHover--NPpOM {
    background-color: var(--color-bg-warning-hover, var(--fallback-color-bg-warning-hover))
}

.cx_colorBgWarningPressed--VAv2J {
    background-color: var(--color-bg-warning-pressed, var(--fallback-color-bg-warning-pressed))
}

.cx_colorBgWarningSecondary---7ng1 {
    background-color: var(--color-bg-warning-secondary, var(--fallback-color-bg-warning-secondary))
}

.cx_colorBgWarningTertiary--3B5jO {
    background-color: var(--color-bg-warning-tertiary, var(--fallback-color-bg-warning-tertiary))
}

.cx_colorBgvoting--riYmD {
    background-color: var(--color-bgvoting)
}

.cx_colorBgvotingsecondary--SBVhv {
    background-color: var(--color-bgvotingsecondary)
}

.cx_colorBgvotingtertiary--2cxjj {
    background-color: var(--color-bgvotingtertiary)
}

.cx_colorBgvotingwheelhover--vmFXo {
    background-color: var(--color-bgvotingwheelhover)
}

.cx_colorBgvotingwheeldial--POC-T {
    background-color: var(--color-bgvotingwheeldial)
}

.cx_colorBorder--W0gXm {
    border-color: var(--color-border, var(--fallback-color-border))
}

.cx_colorBorderAssistive--vxC6L {
    border-color: var(--color-border-assistive, var(--fallback-color-border-assistive))
}

.cx_colorBorderAssistiveStrong--kkvvx {
    border-color: var(--color-border-assistive-strong, var(--fallback-color-border-assistive-strong))
}

.cx_colorBorderBg--weRsj {
    border-color: var(--color-bg, var(--fallback-color-bg))
}

.cx_colorBorderBrand--nr-w3 {
    border-color: var(--color-border-brand, var(--fallback-color-border-brand))
}

.cx_colorBorderBrandStrong--1RLW4 {
    border-color: var(--color-border-brand-strong, var(--fallback-color-border-brand-strong))
}

.cx_colorBorderComponent--HSrir {
    border-color: var(--color-border-component, var(--fallback-color-border-component))
}

.cx_colorBorderComponentStrong--9FW-y {
    border-color: var(--color-border-component-strong, var(--fallback-color-border-component-strong))
}

.cx_colorBorderComponentHover--5oUrL {
    border-color: var(--color-border-component-hover, var(--fallback-color-border-component-hover))
}

.cx_colorBorderDanger--q7Vij {
    border-color: var(--color-border-danger, var(--fallback-color-border-danger))
}

.cx_colorBorderDangerStrong--PWce6 {
    border-color: var(--color-border-danger-strong, var(--fallback-color-border-danger-strong))
}

.cx_colorBorderDesign--T8Mx0 {
    border-color: var(--color-border-design, var(--fallback-color-border-design))
}

.cx_colorBorderDesignStrong--d8qnu {
    border-color: var(--color-border-design-strong, var(--fallback-color-border-design-strong))
}

.cx_colorBorderDisabled--r-AVa {
    border-color: var(--color-border-disabled, var(--fallback-color-border-disabled))
}

.cx_colorBorderDisabledStrong--dEP5O {
    border-color: var(--color-border-disabled-strong, var(--fallback-color-border-disabled-strong))
}

.cx_colorBorderFigjam--0rbQv {
    border-color: var(--color-border-figjam, var(--fallback-color-border-figjam))
}

.cx_colorBorderFigjamStrong--EZ6yt {
    border-color: var(--color-border-figjam-strong, var(--fallback-color-border-figjam-strong))
}

.cx_colorBorderMenu--VXHO0 {
    border-color: var(--color-border-menu, var(--fallback-color-border-menu))
}

.cx_colorBorderMenuDisabled--Xk4xK {
    border-color: var(--color-border-menu-disabled, var(--fallback-color-border-menu-disabled))
}

.cx_colorBorderMenuDisabledStrong--KgJ4p {
    border-color: var(--color-border-menu-disabled-strong, var(--fallback-color-border-menu-disabled-strong))
}

.cx_colorBorderMenuOnselected--Ku0M- {
    border-color: var(--color-border-menu-onselected, var(--fallback-color-border-menu-onselected))
}

.cx_colorBorderMenuOnselectedStrong--z9Ga- {
    border-color: var(--color-border-menu-onselected-strong, var(--fallback-color-border-menu-onselected-strong))
}

.cx_colorBorderMenuSelected--AE7MO {
    border-color: var(--color-border-menu-selected, var(--fallback-color-border-menu-selected))
}

.cx_colorBorderMenuSelectedStrong--fZ1fy {
    border-color: var(--color-border-menu-selected-strong, var(--fallback-color-border-menu-selected-strong))
}

.cx_colorBorderMenuStrong--qDZGF {
    border-color: var(--color-border-menu-strong, var(--fallback-color-border-menu-strong))
}

.cx_colorBorderOnassistive--DfSbN {
    border-color: var(--color-border-onassistive, var(--fallback-color-border-onassistive))
}

.cx_colorBorderOnassistiveStrong--w71Xy {
    border-color: var(--color-border-onassistive-strong, var(--fallback-color-border-onassistive-strong))
}

.cx_colorBorderOnbrand--mi0ZY {
    border-color: var(--color-border-onbrand, var(--fallback-color-border-onbrand))
}

.cx_colorBorderOnbrandStrong--HkIK1 {
    border-color: var(--color-border-onbrand-strong, var(--fallback-color-border-onbrand-strong))
}

.cx_colorBorderOncomponent--NF82P {
    border-color: var(--color-border-oncomponent, var(--fallback-color-border-oncomponent))
}

.cx_colorBorderOncomponentStrong--0Fm3g {
    border-color: var(--color-border-oncomponent-strong, var(--fallback-color-border-oncomponent-strong))
}

.cx_colorBorderOndanger--yGBwE {
    border-color: var(--color-border-ondanger, var(--fallback-color-border-ondanger))
}

.cx_colorBorderOndangerStrong--AErKP {
    border-color: var(--color-border-ondanger-strong, var(--fallback-color-border-ondanger-strong))
}

.cx_colorBorderOndesign--g6OPn {
    border-color: var(--color-border-ondesign, var(--fallback-color-border-ondesign))
}

.cx_colorBorderOndesignStrong--a1CnH {
    border-color: var(--color-border-ondesign-strong, var(--fallback-color-border-ondesign-strong))
}

.cx_colorBorderOnfigjam--TUfaf {
    border-color: var(--color-border-onfigjam, var(--fallback-color-border-onfigjam))
}

.cx_colorBorderOnfigjamStrong--2Zaax {
    border-color: var(--color-border-onfigjam-strong, var(--fallback-color-border-onfigjam-strong))
}

.cx_colorBorderOnselected--0nfnH {
    border-color: var(--color-border-onselected, var(--fallback-color-border-onselected))
}

.cx_colorBorderOnselectedStrong--ogzh0 {
    border-color: var(--color-border-onselected-strong, var(--fallback-color-border-onselected-strong))
}

.cx_colorBorderOnsuccess--P-liM {
    border-color: var(--color-border-onsuccess, var(--fallback-color-border-onsuccess))
}

.cx_colorBorderOnsuccessStrong--cDfSs {
    border-color: var(--color-border-onsuccess-strong, var(--fallback-color-border-onsuccess-strong))
}

.cx_colorBorderOnwarning--VzUNt {
    border-color: var(--color-border-onwarning, var(--fallback-color-border-onwarning))
}

.cx_colorBorderOnwarningStrong--buTbf {
    border-color: var(--color-border-onwarning-strong, var(--fallback-color-border-onwarning-strong))
}

.cx_colorBorderSelected--Zdh7Q {
    border-color: var(--color-border-selected, var(--fallback-color-border-selected))
}

.cx_colorBorderSelectedStrong--vtjIA {
    border-color: var(--color-border-selected-strong, var(--fallback-color-border-selected-strong))
}

.cx_colorBorderStrong--QMBOe {
    border-color: var(--color-border-strong, var(--fallback-color-border-strong))
}

.cx_colorBorderSuccess--h4oOV {
    border-color: var(--color-border-success, var(--fallback-color-border-success))
}

.cx_colorBorderSuccessStrong--i8OGf {
    border-color: var(--color-border-success-strong, var(--fallback-color-border-success-strong))
}

.cx_colorBorderToolbar--3Sa7J {
    border-color: var(--color-border-toolbar, var(--fallback-color-border-toolbar))
}

.cx_colorBorderToolbarDisabled--01anM {
    border-color: var(--color-border-toolbar-disabled, var(--fallback-color-border-toolbar-disabled))
}

.cx_colorBorderToolbarOnselected--xK6IW {
    border-color: var(--color-border-toolbar-onselected, var(--fallback-color-border-toolbar-onselected))
}

.cx_colorBorderToolbarSelected--9atiB {
    border-color: var(--color-border-toolbar-selected, var(--fallback-color-border-toolbar-selected))
}

.cx_colorBorderToolbarSelectedStrong--7Iuzp {
    border-color: var(--color-border-toolbar-selected-strong, var(--fallback-color-border-toolbar-selected-strong))
}

.cx_colorBorderToolbarStrong--abkav {
    border-color: var(--color-border-toolbar-strong, var(--fallback-color-border-toolbar-strong))
}

.cx_colorBorderTooltip--2fwNH {
    border-color: var(--color-border-tooltip, var(--fallback-color-border-tooltip))
}

.cx_colorBorderTooltipDisabled--wNxTz {
    border-color: var(--color-border-tooltip-disabled, var(--fallback-color-border-tooltip-disabled))
}

.cx_colorBorderTooltipDisabledStrong--xiQr- {
    border-color: var(--color-border-tooltip-disabled-strong, var(--fallback-color-border-tooltip-disabled-strong))
}

.cx_colorBorderTooltipOnselected--gE3b- {
    border-color: var(--color-border-tooltip-onselected, var(--fallback-color-border-tooltip-onselected))
}

.cx_colorBorderTooltipOnselectedStrong--4L5Ei {
    border-color: var(--color-border-tooltip-onselected-strong, var(--fallback-color-border-tooltip-onselected-strong))
}

.cx_colorBorderTooltipSelected--ZNCUS {
    border-color: var(--color-border-tooltip-selected, var(--fallback-color-border-tooltip-selected))
}

.cx_colorBorderTooltipSelectedStrong--iHsWA {
    border-color: var(--color-border-tooltip-selected-strong, var(--fallback-color-border-tooltip-selected-strong))
}

.cx_colorBorderTooltipStrong--5DPNI {
    border-color: var(--color-border-tooltip-strong, var(--fallback-color-border-tooltip-strong))
}

.cx_colorBorderWarning--8IXMt {
    border-color: var(--color-border-warning, var(--fallback-color-border-warning))
}

.cx_colorBorderWarningStrong--5P6vJ {
    border-color: var(--color-border-warning-strong, var(--fallback-color-border-warning-strong))
}

.cx_bSolid--6-DiT {
    border-style: solid
}

.cx_bRadiusDefault--srW9t {
    border-radius: 2px
}

.cx_bRadiusFull--erNeX {
    border-radius: 100%
}

.cx_bRadius1--2Wk0p {
    border-radius: 1px
}

.cx_bRadius2--SOUX0 {
    border-radius: 2px
}

.cx_bRadius3--Xxeys {
    border-radius: 3px
}

.cx_bRadius4--P5KDm {
    border-radius: 4px
}

.cx_bRadiusHalf--d1TIQ {
    border-radius: 50%
}

.cx_bRadius5--zRLMd {
    border-radius: 5px
}

.cx_bRadius6--5h04g {
    border-radius: 6px
}

.cx_bRadius7--ttFTT {
    border-radius: 7px
}

.cx_bRadius8--q7m8N {
    border-radius: 8px
}

.cx_radiusFull--hSL9F {
    border-radius: var(--radius-full, 9999px)
}

.cx_radiusLarge--ldi1b {
    border-radius: var(--radius-large, .8125rem)
}

.cx_radiusMedium--bB4U9 {
    border-radius: var(--radius-medium, .3125rem)
}

.cx_radiusSmall--298Sm {
    border-radius: var(--radius-small, .125rem)
}

.cx_radiusNone--LhqXw {
    border-radius: var(--radius-none, 0rem)
}

.cx_bt0--2Piyp {
    border-top-width: 0
}

.cx_bt1--nb1cc {
    border-top-width: 1px
}

.cx_bt2--dWKr2 {
    border-top-width: 2px
}

.cx_br0--FUA9K {
    border-right-width: 0
}

.cx_br1--tFrWR {
    border-right-width: 1px
}

.cx_br2--vF29f {
    border-right-width: 2px
}

.cx_bb0--LSl9k {
    border-bottom-width: 0
}

.cx_bb1--eO4Ji {
    border-bottom-width: 1px
}

.cx_bb2--ify9o {
    border-bottom-width: 2px
}

.cx_bl0--ZSnb1 {
    border-left-width: 0
}

.cx_bl1---kOuJ {
    border-left-width: 1px
}

.cx_bl2--l8k97 {
    border-left-width: 2px
}

.cx_colorIcon--kx5Kp {
    fill: var(--color-icon, var(--fallback-color-icon))
}

.cx_colorIconAssistive--0g8qg {
    fill: var(--color-icon-assistive, var(--fallback-color-icon-assistive))
}

.cx_colorIconAssistivePressed--JNfY- {
    fill: var(--color-icon-assistive-pressed, var(--fallback-color-icon-assistive-pressed))
}

.cx_colorIconAssistiveSecondary--x08IB {
    fill: var(--color-icon-assistive-secondary, var(--fallback-color-icon-assistive-secondary))
}

.cx_colorIconAssistiveTertiary--spcR- {
    fill: var(--color-icon-assistive-tertiary, var(--fallback-color-icon-assistive-tertiary))
}

.cx_colorIconBrand---36mT {
    fill: var(--color-icon-brand, var(--fallback-color-icon-brand))
}

.cx_colorIconBrandPressed--H5uv2 {
    fill: var(--color-icon-brand-pressed, var(--fallback-color-icon-brand-pressed))
}

.cx_colorIconBrandSecondary--WEeVE {
    fill: var(--color-icon-brand-secondary, var(--fallback-color-icon-brand-secondary))
}

.cx_colorIconBrandTertiary--u-zSN {
    fill: var(--color-icon-brand-tertiary, var(--fallback-color-icon-brand-tertiary))
}

.cx_colorIconComponent--z-uYB {
    fill: var(--color-icon-component, var(--fallback-color-icon-component))
}

.cx_colorIconComponentPressed--oR4ma {
    fill: var(--color-icon-component-pressed, var(--fallback-color-icon-component-pressed))
}

.cx_colorIconComponentSecondary--PhcN4 {
    fill: var(--color-icon-component-secondary, var(--fallback-color-icon-component-secondary))
}

.cx_colorIconComponentTertiary--DMj0R {
    fill: var(--color-icon-component-tertiary, var(--fallback-color-icon-component-tertiary))
}

.cx_colorIconDanger--aaLwx {
    fill: var(--color-icon-danger, var(--fallback-color-icon-danger))
}

.cx_colorIconDangerHover--LRBUK {
    fill: var(--color-icon-danger-hover, var(--fallback-color-icon-danger-hover))
}

.cx_colorIconDangerPressed--i9qW5 {
    fill: var(--color-icon-danger-pressed, var(--fallback-color-icon-danger-pressed))
}

.cx_colorIconDangerSecondary--vB5Uo {
    fill: var(--color-icon-danger-secondary, var(--fallback-color-icon-danger-secondary))
}

.cx_colorIconDangerSecondaryHover--GQB-B {
    fill: var(--color-icon-danger-secondary-hover, var(--fallback-color-icon-danger-secondary-hover))
}

.cx_colorIconDangerTertiary--90QWQ {
    fill: var(--color-icon-danger-tertiary, var(--fallback-color-icon-danger-tertiary))
}

.cx_colorIconDesign--frZjm {
    fill: var(--color-icon-design, var(--fallback-color-icon-design))
}

.cx_colorIconDesignPressed--s1rAG {
    fill: var(--color-icon-design-pressed, var(--fallback-color-icon-design-pressed))
}

.cx_colorIconDesignSecondary--IIBDX {
    fill: var(--color-icon-design-secondary, var(--fallback-color-icon-design-secondary))
}

.cx_colorIconDesignTertiary--2wOBh {
    fill: var(--color-icon-design-tertiary, var(--fallback-color-icon-design-tertiary))
}

.cx_colorIconDisabled---0Q2a {
    fill: var(--color-icon-disabled, var(--fallback-color-icon-disabled))
}

.cx_colorIconFigjam--HBo5n {
    fill: var(--color-icon-figjam, var(--fallback-color-icon-figjam))
}

.cx_colorIconFigjamPressed--bGSjl {
    fill: var(--color-icon-figjam-pressed, var(--fallback-color-icon-figjam-pressed))
}

.cx_colorIconFigjamSecondary--yD5rL {
    fill: var(--color-icon-figjam-secondary, var(--fallback-color-icon-figjam-secondary))
}

.cx_colorIconFigjamTertiary--Jy6fD {
    fill: var(--color-icon-figjam-tertiary, var(--fallback-color-icon-figjam-tertiary))
}

.cx_colorIconHover--WhP5m {
    fill: var(--color-icon-hover, var(--fallback-color-icon-hover))
}

.cx_colorIconMenu--Yj0BC {
    fill: var(--color-icon-menu, var(--fallback-color-icon-menu))
}

.cx_colorIconMenuDanger--nlceQ {
    fill: var(--color-icon-menu-danger, var(--fallback-color-icon-menu-danger))
}

.cx_colorIconMenuDisabled--O5gfU {
    fill: var(--color-icon-menu-disabled, var(--fallback-color-icon-menu-disabled))
}

.cx_colorIconMenuHover--AK47R {
    fill: var(--color-icon-menu-hover, var(--fallback-color-icon-menu-hover))
}

.cx_colorIconMenuOndisabled--2n-kZ {
    fill: var(--color-icon-menu-ondisabled, var(--fallback-color-icon-menu-ondisabled))
}

.cx_colorIconMenuOnselected--2vwMI {
    fill: var(--color-icon-menu-onselected, var(--fallback-color-icon-menu-onselected))
}

.cx_colorIconMenuPressed--WBFum {
    fill: var(--color-icon-menu-pressed, var(--fallback-color-icon-menu-pressed))
}

.cx_colorIconMenuSecondary--Kl8AP {
    fill: var(--color-icon-menu-secondary, var(--fallback-color-icon-menu-secondary))
}

.cx_colorIconMenuSecondaryHover--Oq9gJ {
    fill: var(--color-icon-menu-secondary-hover, var(--fallback-color-icon-menu-secondary-hover))
}

.cx_colorIconMenuSelected--DXMfW {
    fill: var(--color-icon-menu-selected, var(--fallback-color-icon-menu-selected))
}

.cx_colorIconMenuSelectedSecondary--Dx9rY {
    fill: var(--color-icon-menu-selected-secondary, var(--fallback-color-icon-menu-selected-secondary))
}

.cx_colorIconMenuSelectedTertiary--CEzp2 {
    fill: var(--color-icon-menu-selected-tertiary, var(--fallback-color-icon-menu-selected-tertiary))
}

.cx_colorIconMenuTertiary--J8u4N {
    fill: var(--color-icon-menu-tertiary, var(--fallback-color-icon-menu-tertiary))
}

.cx_colorIconMenuTertiaryHover--vGZSE {
    fill: var(--color-icon-menu-tertiary-hover, var(--fallback-color-icon-menu-tertiary-hover))
}

.cx_colorIconMenuWarning--ktEEu {
    fill: var(--color-icon-menu-warning, var(--fallback-color-icon-menu-warning))
}

.cx_colorIconOnassistive--rU-OF {
    fill: var(--color-icon-onassistive, var(--fallback-color-icon-onassistive))
}

.cx_colorIconOnassistiveSecondary--FLCLm {
    fill: var(--color-icon-onassistive-secondary, var(--fallback-color-icon-onassistive-secondary))
}

.cx_colorIconOnassistiveTertiary--Cntxd {
    fill: var(--color-icon-onassistive-tertiary, var(--fallback-color-icon-onassistive-tertiary))
}

.cx_colorIconOnbrand--0IWNN {
    fill: var(--color-icon-onbrand, var(--fallback-color-icon-onbrand))
}

.cx_colorIconOnbrandSecondary--4he0I {
    fill: var(--color-icon-onbrand-secondary, var(--fallback-color-icon-onbrand-secondary))
}

.cx_colorIconOnbrandTertiary--Ijxr3 {
    fill: var(--color-icon-onbrand-tertiary, var(--fallback-color-icon-onbrand-tertiary))
}

.cx_colorIconOncomponent--uF8XL {
    fill: var(--color-icon-oncomponent, var(--fallback-color-icon-oncomponent))
}

.cx_colorIconOncomponentSecondary--AVF-M {
    fill: var(--color-icon-oncomponent-secondary, var(--fallback-color-icon-oncomponent-secondary))
}

.cx_colorIconOncomponentTertiary--vgxGK {
    fill: var(--color-icon-oncomponent-tertiary, var(--fallback-color-icon-oncomponent-tertiary))
}

.cx_colorIconOndanger--VyLGE {
    fill: var(--color-icon-ondanger, var(--fallback-color-icon-ondanger))
}

.cx_colorIconOndangerSecondary--5YXDI {
    fill: var(--color-icon-ondanger-secondary, var(--fallback-color-icon-ondanger-secondary))
}

.cx_colorIconOndangerTertiary--tVjGK {
    fill: var(--color-icon-ondanger-tertiary, var(--fallback-color-icon-ondanger-tertiary))
}

.cx_colorIconOndesign--cltbi {
    fill: var(--color-icon-ondesign, var(--fallback-color-icon-ondesign))
}

.cx_colorIconOndesignSecondary--vto0W {
    fill: var(--color-icon-ondesign-secondary, var(--fallback-color-icon-ondesign-secondary))
}

.cx_colorIconOndesignTertiary--n7oXO {
    fill: var(--color-icon-ondesign-tertiary, var(--fallback-color-icon-ondesign-tertiary))
}

.cx_colorIconOndisabled--0bm42 {
    fill: var(--color-icon-ondisabled, var(--fallback-color-icon-ondisabled))
}

.cx_colorIconOnfigjam--TipTa {
    fill: var(--color-icon-onfigjam, var(--fallback-color-icon-onfigjam))
}

.cx_colorIconOnfigjamSecondary--Aso4w {
    fill: var(--color-icon-onfigjam-secondary, var(--fallback-color-icon-onfigjam-secondary))
}

.cx_colorIconOnfigjamTertiary--QNu0o {
    fill: var(--color-icon-onfigjam-tertiary, var(--fallback-color-icon-onfigjam-tertiary))
}

.cx_colorIconOninverse--UjMle {
    fill: var(--color-icon-oninverse, var(--fallback-color-icon-oninverse))
}

.cx_colorIconOnselected--YVPjm {
    fill: var(--color-icon-onselected, var(--fallback-color-icon-onselected))
}

.cx_colorIconOnselectedSecondary--cRNrv {
    fill: var(--color-icon-onselected-secondary, var(--fallback-color-icon-onselected-secondary))
}

.cx_colorIconOnselectedStrong--D7HJG {
    fill: var(--color-icon-onselected-strong, var(--fallback-color-icon-onselected-strong))
}

.cx_colorIconOnselectedTertiary--Wr7SB {
    fill: var(--color-icon-onselected-tertiary, var(--fallback-color-icon-onselected-tertiary))
}

.cx_colorIconOnsuccess--xXeS0 {
    fill: var(--color-icon-onsuccess, var(--fallback-color-icon-onsuccess))
}

.cx_colorIconOnsuccessSecondary--VczQq {
    fill: var(--color-icon-onsuccess-secondary, var(--fallback-color-icon-onsuccess-secondary))
}

.cx_colorIconOnsuccessTertiary--HHMdo {
    fill: var(--color-icon-onsuccess-tertiary, var(--fallback-color-icon-onsuccess-tertiary))
}

.cx_colorIconOnwarning--Qsbdh {
    fill: var(--color-icon-onwarning, var(--fallback-color-icon-onwarning))
}

.cx_colorIconOnwarningSecondary--PuK9o {
    fill: var(--color-icon-onwarning-secondary, var(--fallback-color-icon-onwarning-secondary))
}

.cx_colorIconOnwarningTertiary--w45HE {
    fill: var(--color-icon-onwarning-tertiary, var(--fallback-color-icon-onwarning-tertiary))
}

.cx_colorIconPressed--Vm6aJ {
    fill: var(--color-icon-pressed, var(--fallback-color-icon-pressed))
}

.cx_colorIconSecondary--8fd17 {
    fill: var(--color-icon-secondary, var(--fallback-color-icon-secondary))
}

.cx_colorIconSecondaryHover--297Mq {
    fill: var(--color-icon-secondary-hover, var(--fallback-color-icon-secondary-hover))
}

.cx_colorIconSelected--j1x0D {
    fill: var(--color-icon-selected, var(--fallback-color-icon-selected))
}

.cx_colorIconSelectedSecondary--7B5AC {
    fill: var(--color-icon-selected-secondary, var(--fallback-color-icon-selected-secondary))
}

.cx_colorIconSelectedTertiary--R002o {
    fill: var(--color-icon-selected-tertiary, var(--fallback-color-icon-selected-tertiary))
}

.cx_colorIconSuccess--P3jpa {
    fill: var(--color-icon-success, var(--fallback-color-icon-success))
}

.cx_colorIconSuccessPressed--BqA2t {
    fill: var(--color-icon-success-pressed, var(--fallback-color-icon-success-pressed))
}

.cx_colorIconSuccessSecondary--rhrob {
    fill: var(--color-icon-success-secondary, var(--fallback-color-icon-success-secondary))
}

.cx_colorIconSuccessTertiary--o1zBe {
    fill: var(--color-icon-success-tertiary, var(--fallback-color-icon-success-tertiary))
}

.cx_colorIconTertiary--WTegc {
    fill: var(--color-icon-tertiary, var(--fallback-color-icon-tertiary))
}

.cx_colorIconTertiaryHover--6vK6v {
    fill: var(--color-icon-tertiary-hover, var(--fallback-color-icon-tertiary-hover))
}

.cx_colorIconToolbar--7-cyw {
    fill: var(--color-icon-toolbar, var(--fallback-color-icon-toolbar))
}

.cx_colorIconToolbarDanger--pQu5c {
    fill: var(--color-icon-toolbar-danger, var(--fallback-color-icon-toolbar-danger))
}

.cx_colorIconToolbarDisabled--AmJ4O {
    fill: var(--color-icon-toolbar-disabled, var(--fallback-color-icon-toolbar-disabled))
}

.cx_colorIconToolbarHover--dQ8Qu {
    fill: var(--color-icon-toolbar-hover, var(--fallback-color-icon-toolbar-hover))
}

.cx_colorIconToolbarOndisabled--4KCyI {
    fill: var(--color-icon-toolbar-ondisabled, var(--fallback-color-icon-toolbar-ondisabled))
}

.cx_colorIconToolbarOnselected--GDuyZ {
    fill: var(--color-icon-toolbar-onselected, var(--fallback-color-icon-toolbar-onselected))
}

.cx_colorIconToolbarPressed--ISF9Q {
    fill: var(--color-icon-toolbar-pressed, var(--fallback-color-icon-toolbar-pressed))
}

.cx_colorIconToolbarSecondary--fUerh {
    fill: var(--color-icon-toolbar-secondary, var(--fallback-color-icon-toolbar-secondary))
}

.cx_colorIconToolbarSecondaryHover--m-J-X {
    fill: var(--color-icon-toolbar-secondary-hover, var(--fallback-color-icon-toolbar-secondary-hover))
}

.cx_colorIconToolbarSelected--XSjZN {
    fill: var(--color-icon-toolbar-selected, var(--fallback-color-icon-toolbar-selected))
}

.cx_colorIconToolbarSelectedSecondary--In8fW {
    fill: var(--color-icon-toolbar-selected-secondary, var(--fallback-color-icon-toolbar-selected-econdary))
}

.cx_colorIconToolbarSelectedTertiary--xbCGq {
    fill: var(--color-icon-toolbar-selected-tertiary, var(--fallback-color-icon-toolbar-selected-tertiary))
}

.cx_colorIconToolbarTertiary--PkWta {
    fill: var(--color-icon-toolbar-tertiary, var(--fallback-color-icon-toolbar-tertiary))
}

.cx_colorIconToolbarTertiaryHover--zHJVC {
    fill: var(--color-icon-toolbar-tertiary-hover, var(--fallback-color-icon-toolbar-tertiary-hover))
}

.cx_colorIconToolbarWarning--RMEFt {
    fill: var(--color-icon-toolbar-warning, var(--fallback-color-icon-toolbar-warning))
}

.cx_colorIconTooltip--yktwH {
    fill: var(--color-icon-tooltip, var(--fallback-color-icon-tooltip))
}

.cx_colorIconTooltipDanger--A-2pq {
    fill: var(--color-icon-tooltip-danger, var(--fallback-color-icon-tooltip-danger))
}

.cx_colorIconTooltipDisabled--rYgDz {
    fill: var(--color-icon-tooltip-disabled, var(--fallback-color-icon-tooltip-disabled))
}

.cx_colorIconTooltipHover--Fbnzj {
    fill: var(--color-icon-tooltip-hover, var(--fallback-color-icon-tooltip-hover))
}

.cx_colorIconTooltipOndisabled--kc4lT {
    fill: var(--color-icon-tooltip-ondisabled, var(--fallback-color-icon-tooltip-ondisabled))
}

.cx_colorIconTooltipOnselected--JJtmV {
    fill: var(--color-icon-tooltip-onselected, var(--fallback-color-icon-tooltip-onselected))
}

.cx_colorIconTooltipPressed--FTMhO {
    fill: var(--color-icon-tooltip-pressed, var(--fallback-color-icon-tooltip-pressed))
}

.cx_colorIconTooltipSecondary--RPIyF {
    fill: var(--color-icon-tooltip-secondary, var(--fallback-color-icon-tooltip-secondary))
}

.cx_colorIconTooltipSecondaryHover--ZB7yz {
    fill: var(--color-icon-tooltip-secondary-hover, var(--fallback-color-icon-tooltip-secondary-hover))
}

.cx_colorIconTooltipSelected--XjBPq {
    fill: var(--color-icon-tooltip-selected, var(--fallback-color-icon-tooltip-selected))
}

.cx_colorIconTooltipSelectedSecondary--8M14z {
    fill: var(--color-icon-tooltip-selected-secondary, var(--fallback-color-icon-tooltip-selected-econdary))
}

.cx_colorIconTooltipSelectedTertiary--99knt {
    fill: var(--color-icon-tooltip-selected-tertiary, var(--fallback-color-icon-tooltip-selected-tertiary))
}

.cx_colorIconTooltipTertiary--A6RNe {
    fill: var(--color-icon-tooltip-tertiary, var(--fallback-color-icon-tooltip-tertiary))
}

.cx_colorIconTooltipTertiaryHover--8IJ-j {
    fill: var(--color-icon-tooltip-tertiary-hover, var(--fallback-color-icon-tooltip-tertiary-hover))
}

.cx_colorIconTooltipWarning--I0V9c {
    fill: var(--color-icon-tooltip-warning, var(--fallback-color-icon-tooltip-warning))
}

.cx_colorIconWarning--gu2Al {
    fill: var(--color-icon-warning, var(--fallback-color-icon-warning))
}

.cx_colorIconWarningPressed--H7qAD {
    fill: var(--color-icon-warning-pressed, var(--fallback-color-icon-warning-pressed))
}

.cx_colorIconWarningSecondary--4rGpd {
    fill: var(--color-icon-warning-secondary, var(--fallback-color-icon-warning-secondary))
}

.cx_colorIconWarningTertiary--TU77l {
    fill: var(--color-icon-warning-tertiary, var(--fallback-color-icon-warning-tertiary))
}

.cx_colorIcononvoting--s8EUw {
    fill: var(--color-icononvoting)
}

.cx_colorText--u4HrT {
    color: var(--color-text, var(--fallback-color-text))
}

.cx_colorTextAssistive--vT7dM {
    color: var(--color-text-assistive, var(--fallback-color-text-assistive))
}

.cx_colorTextAssistivePressed--fUr-l {
    color: var(--color-text-assistive-pressed, var(--fallback-color-text-assistive-pressed))
}

.cx_colorTextAssistiveSecondary--riLOe {
    color: var(--color-text-assistive-secondary, var(--fallback-color-text-assistive-secondary))
}

.cx_colorTextAssistiveTertiary--fmDh6 {
    color: var(--color-text-assistive-tertiary, var(--fallback-color-text-assistive-tertiary))
}

.cx_colorTextBrand--sp4ze {
    color: var(--color-text-brand, var(--fallback-color-text-brand))
}

.cx_colorTextBrandSecondary--nd5I- {
    color: var(--color-text-brand-secondary, var(--fallback-color-text-brand-secondary))
}

.cx_colorTextBrandTertiary--UgJIM {
    color: var(--color-text-brand-tertiary, var(--fallback-color-text-brand-tertiary))
}

.cx_colorTextComponent--0eWgD {
    color: var(--color-text-component, var(--fallback-color-text-component))
}

.cx_colorTextComponentPressed--RPFmE {
    color: var(--color-text-component-pressed, var(--fallback-color-text-component-pressed))
}

.cx_colorTextComponentSecondary--VXffU {
    color: var(--color-text-component-secondary, var(--fallback-color-text-component-secondary))
}

.cx_colorTextComponentTertiary--Q9mMm {
    color: var(--color-text-component-tertiary, var(--fallback-color-text-component-tertiary))
}

.cx_colorTextDanger---4mRJ {
    color: var(--color-text-danger, var(--fallback-color-text-danger))
}

.cx_colorTextDangerSecondary--KeeZJ {
    color: var(--color-text-danger-secondary, var(--fallback-color-text-danger-secondary))
}

.cx_colorTextDangerTertiary--42znM {
    color: var(--color-text-danger-tertiary, var(--fallback-color-text-danger-tertiary))
}

.cx_colorTextDesign--Fpclz {
    color: var(--color-text-design, var(--fallback-color-text-design))
}

.cx_colorTextDesignPressed--AASAc {
    color: var(--color-text-design-pressed, var(--fallback-color-text-design-pressed))
}

.cx_colorTextDesignSecondary--lAqKx {
    color: var(--color-text-design-secondary, var(--fallback-color-text-design-secondary))
}

.cx_colorTextDesignTertiary--5nhw4 {
    color: var(--color-text-design-tertiary, var(--fallback-color-text-design-tertiary))
}

.cx_colorTextDisabled--0W7PA {
    color: var(--color-text-disabled, var(--fallback-color-text-disabled))
}

.cx_colorTextFigjam---O0Ms {
    color: var(--color-text-figjam, var(--fallback-color-text-figjam))
}

.cx_colorTextFigjamPressed--lhZRH {
    color: var(--color-text-figjam-pressed, var(--fallback-color-text-figjam-pressed))
}

.cx_colorTextFigjamSecondary--zZp3c {
    color: var(--color-text-figjam-secondary, var(--fallback-color-text-figjam-secondary))
}

.cx_colorTextFigjamTertiary--nV0I1 {
    color: var(--color-text-figjam-tertiary, var(--fallback-color-text-figjam-tertiary))
}

.cx_colorTextHover--5f19b {
    color: var(--color-text-hover, var(--fallback-color-text-hover))
}

.cx_colorTextMenu--WPg6q {
    color: var(--color-text-menu, var(--fallback-color-text-menu))
}

.cx_colorTextMenuDanger--Rs9wm {
    color: var(--color-text-menu-danger, var(--fallback-color-text-menu-danger))
}

.cx_colorTextMenuDisabled--c7Eyg {
    color: var(--color-text-menu-disabled, var(--fallback-color-text-menu-disabled))
}

.cx_colorTextMenuHover--jQZnz {
    color: var(--color-text-menu-hover, var(--fallback-color-text-menu-hover))
}

.cx_colorTextMenuOndisabled--GAfts {
    color: var(--color-text-menu-ondisabled, var(--fallback-color-text-menu-ondisabled))
}

.cx_colorTextMenuOnselected--orzeq {
    color: var(--color-text-menu-onselected, var(--fallback-color-text-menu-onselected))
}

.cx_colorTextMenuSecondary--oIMN6 {
    color: var(--color-text-menu-secondary, var(--fallback-color-text-menu-secondary))
}

.cx_colorTextMenuSecondaryHover--czE7s {
    color: var(--color-text-menu-secondary-hover, var(--fallback-color-text-menu-secondary-hover))
}

.cx_colorTextMenuSelected--ZQu1T {
    color: var(--color-text-menu-selected, var(--fallback-color-text-menu-selected))
}

.cx_colorTextMenuSelectedSecondary--jAbq0 {
    color: var(--color-text-menu-selected-secondary, var(--fallback-color-text-menu-selected-secondary))
}

.cx_colorTextMenuSelectedTertiary--FOMbw {
    color: var(--color-text-menu-selected-tertiary, var(--fallback-color-text-menu-selected-tertiary))
}

.cx_colorTextMenuTertiary---mFO1 {
    color: var(--color-text-menu-tertiary, var(--fallback-color-text-menu-tertiary))
}

.cx_colorTextMenuTertiaryHover--UizYI {
    color: var(--color-text-menu-tertiary-hover, var(--fallback-color-text-menu-tertiary-hover))
}

.cx_colorTextMenuWarning--Vfgdb {
    color: var(--color-text-menu-warning, var(--fallback-color-text-menu-warning))
}

.cx_colorTextOnassistive--jGgUq {
    color: var(--color-text-onassistive, var(--fallback-color-text-onassistive))
}

.cx_colorTextOnassistiveSecondary--GOS6z {
    color: var(--color-text-onassistive-secondary, var(--fallback-color-text-onassistive-secondary))
}

.cx_colorTextOnassistiveTertiary--6iLAf {
    color: var(--color-text-onassistive-tertiary, var(--fallback-color-text-onassistive-tertiary))
}

.cx_colorTextOnbrand--ksTZn {
    color: var(--color-text-onbrand, var(--fallback-color-text-onbrand))
}

.cx_colorTextOnbrandSecondary--jOqyv {
    color: var(--color-text-onbrand-secondary, var(--fallback-color-text-onbrand-secondary))
}

.cx_colorTextOnbrandTertiary--gsTRB {
    color: var(--color-text-onbrand-tertiary, var(--fallback-color-text-onbrand-tertiary))
}

.cx_colorTextOncomponent--Brlcp {
    color: var(--color-text-oncomponent, var(--fallback-color-text-oncomponent))
}

.cx_colorTextOncomponentSecondary--sAmvw {
    color: var(--color-text-oncomponent-secondary, var(--fallback-color-text-oncomponent-secondary))
}

.cx_colorTextOncomponentTertiary--gQNte {
    color: var(--color-text-oncomponent-tertiary, var(--fallback-color-text-oncomponent-tertiary))
}

.cx_colorTextOndanger--0LpBY {
    color: var(--color-text-ondanger, var(--fallback-color-text-ondanger))
}

.cx_colorTextOndangerSecondary--yLSQQ {
    color: var(--color-text-ondanger-secondary, var(--fallback-color-text-ondanger-secondary))
}

.cx_colorTextOndangerTertiary---pAB0 {
    color: var(--color-text-ondanger-tertiary, var(--fallback-color-text-ondanger-tertiary))
}

.cx_colorTextOndesign--xbEwI {
    color: var(--color-text-ondesign, var(--fallback-color-text-ondesign))
}

.cx_colorTextOndesignSecondary---FJvd {
    color: var(--color-text-ondesign-secondary, var(--fallback-color-text-ondesign-secondary))
}

.cx_colorTextOndesignTertiary--cJReO {
    color: var(--color-text-ondesign-tertiary, var(--fallback-color-text-ondesign-tertiary))
}

.cx_colorTextOndisabled--msK2x {
    color: var(--color-text-ondisabled, var(--fallback-color-text-ondisabled))
}

.cx_colorTextOnfigjam--K6eJH {
    color: var(--color-text-onfigjam, var(--fallback-color-text-onfigjam))
}

.cx_colorTextOnfigjamSecondary--G5C5s {
    color: var(--color-text-onfigjam-secondary, var(--fallback-color-text-onfigjam-secondary))
}

.cx_colorTextOnfigjamTertiary--YPucB {
    color: var(--color-text-onfigjam-tertiary, var(--fallback-color-text-onfigjam-tertiary))
}

.cx_colorTextOninverse--gXgnp {
    color: var(--color-text-oninverse, var(--fallback-color-text-oninverse))
}

.cx_colorTextOnselected--afYAt {
    color: var(--color-text-onselected, var(--fallback-color-text-onselected))
}

.cx_colorTextOnselectedSecondary--ntu9O {
    color: var(--color-text-onselected-secondary, var(--fallback-color-text-onselected-secondary))
}

.cx_colorTextOnselectedStrong--w-xWj {
    color: var(--color-text-onselected-strong, var(--fallback-color-text-onselected-strong))
}

.cx_colorTextOnselectedTertiary--VeTLl {
    color: var(--color-text-onselected-tertiary, var(--fallback-color-text-onselected-tertiary))
}

.cx_colorTextOnsuccess--zlaid {
    color: var(--color-text-onsuccess, var(--fallback-color-text-onsuccess))
}

.cx_colorTextOnsuccessSecondary--5NcKX {
    color: var(--color-text-onsuccess-secondary, var(--fallback-color-text-onsuccess-secondary))
}

.cx_colorTextOnsuccessTertiary--DVgGA {
    color: var(--color-text-onsuccess-tertiary, var(--fallback-color-text-onsuccess-tertiary))
}

.cx_colorTextOnwarning--D-oRu {
    color: var(--color-text-onwarning, var(--fallback-color-text-onwarning))
}

.cx_colorTextOnwarningSecondary--AFTPw {
    color: var(--color-text-onwarning-secondary, var(--fallback-color-text-onwarning-secondary))
}

.cx_colorTextOnwarningTertiary--2UdJS {
    color: var(--color-text-onwarning-tertiary, var(--fallback-color-text-onwarning-tertiary))
}

.cx_colorTextSecondary--xi7FJ {
    color: var(--color-text-secondary, var(--fallback-color-text-secondary))
}

.cx_colorTextSecondaryHover--WbV6S {
    color: var(--color-text-secondary-hover, var(--fallback-color-text-secondary-hover))
}

.cx_colorTextSelected--vRnkg {
    color: var(--color-text-selected, var(--fallback-color-text-selected))
}

.cx_colorTextSelectedSecondary--1xlaQ {
    color: var(--color-text-selected-secondary, var(--fallback-color-text-selected-secondary))
}

.cx_colorTextSelectedTertiary--MX07e {
    color: var(--color-text-selected-tertiary, var(--fallback-color-text-selected-tertiary))
}

.cx_colorTextSuccess--gsR2b {
    color: var(--color-text-success, var(--fallback-color-text-success))
}

.cx_colorTextSuccessSecondary--ZAeAi {
    color: var(--color-text-success-secondary, var(--fallback-color-text-success-secondary))
}

.cx_colorTextSuccessTertiary--nNkud {
    color: var(--color-text-success-tertiary, var(--fallback-color-text-success-tertiary))
}

.cx_colorTextTertiary--0qoyT {
    color: var(--color-text-tertiary, var(--fallback-color-text-tertiary))
}

.cx_colorTextTertiaryHover--BUBoZ {
    color: var(--color-text-tertiary-hover, var(--fallback-color-text-tertiary-hover))
}

.cx_colorTextToolbar---39-d {
    color: var(--color-text-toolbar, var(--fallback-color-text-toolbar))
}

.cx_colorTextToolbarDanger--XGQVE {
    color: var(--color-text-toolbar-danger, var(--fallback-color-text-toolbar-danger))
}

.cx_colorTextToolbarDisabled--no4FP {
    color: var(--color-text-toolbar-disabled, var(--fallback-color-text-toolbar-disabled))
}

.cx_colorTextToolbarHover--gu0uz {
    color: var(--color-text-toolbar-hover, var(--fallback-color-text-toolbar-hover))
}

.cx_colorTextToolbarOndisabled--TBfdb {
    color: var(--color-text-toolbar-ondisabled, var(--fallback-color-text-toolbar-ondisabled))
}

.cx_colorTextToolbarOnselected--Jiure {
    color: var(--color-text-toolbar-onselected, var(--fallback-color-text-toolbar-onselected))
}

.cx_colorTextToolbarSecondary--H2p90 {
    color: var(--color-text-toolbar-secondary, var(--fallback-color-text-toolbar-secondary))
}

.cx_colorTextToolbarSecondaryHover--5I2wP {
    color: var(--color-text-toolbar-secondary-hover, var(--fallback-color-text-toolbar-secondary-hover))
}

.cx_colorTextToolbarSelected--XXRXV {
    color: var(--color-text-toolbar-selected, var(--fallback-color-text-toolbar-selected))
}

.cx_colorTextToolbarSelectedSecondary--qYnp- {
    color: var(--color-text-toolbar-selected-secondary, var(--fallback-color-text-toolbar-selected-econdary))
}

.cx_colorTextToolbarSelectedTertiary--lwugR {
    color: var(--color-text-toolbar-selected-tertiary, var(--fallback-color-text-toolbar-selected-tertiary))
}

.cx_colorTextToolbarTertiary---2YtD {
    color: var(--color-text-toolbar-tertiary, var(--fallback-color-text-toolbar-tertiary))
}

.cx_colorTextToolbarTertiaryHover--jMNEf {
    color: var(--color-text-toolbar-tertiary-hover, var(--fallback-color-text-toolbar-tertiary-hover))
}

.cx_colorTextToolbarWarning--OL5Z- {
    color: var(--color-text-toolbar-warning, var(--fallback-color-text-toolbar-warning))
}

.cx_colorTextTooltip--m7p2N {
    color: var(--color-text-tooltip, var(--fallback-color-text-tooltip))
}

.cx_colorTextTooltipDanger--gbPty {
    color: var(--color-text-tooltip-danger, var(--fallback-color-text-tooltip-danger))
}

.cx_colorTextTooltipDisabled--FwFNA {
    color: var(--color-text-tooltip-disabled, var(--fallback-color-text-tooltip-disabled))
}

.cx_colorTextTooltipHover--DjBXJ {
    color: var(--color-text-tooltip-hover, var(--fallback-color-text-tooltip-hover))
}

.cx_colorTextTooltipOndisabled--08oOx {
    color: var(--color-text-tooltip-ondisabled, var(--fallback-color-text-tooltip-ondisabled))
}

.cx_colorTextTooltipOnselected---L-5D {
    color: var(--color-text-tooltip-onselected, var(--fallback-color-text-tooltip-onselected))
}

.cx_colorTextTooltipSecondary--rn39l {
    color: var(--color-text-tooltip-secondary, var(--fallback-color-text-tooltip-secondary))
}

.cx_colorTextTooltipSecondaryHover--kmg14 {
    color: var(--color-text-tooltip-secondary-hover, var(--fallback-color-text-tooltip-secondary-hover))
}

.cx_colorTextTooltipSelected--o-7yD {
    color: var(--color-text-tooltip-selected, var(--fallback-color-text-tooltip-selected))
}

.cx_colorTextTooltipSelectedSecondary--7qTSX {
    color: var(--color-text-tooltip-selected-secondary, var(--fallback-color-text-tooltip-selected-econdary))
}

.cx_colorTextTooltipSelectedTertiary--nPPHl {
    color: var(--color-text-tooltip-selected-tertiary, var(--fallback-color-text-tooltip-selected-tertiary))
}

.cx_colorTextTooltipTertiary--tFAaU {
    color: var(--color-text-tooltip-tertiary, var(--fallback-color-text-tooltip-tertiary))
}

.cx_colorTextTooltipTertiaryHover--I-TME {
    color: var(--color-text-tooltip-tertiary-hover, var(--fallback-color-text-tooltip-tertiary-hover))
}

.cx_colorTextTooltipWarning--5dWnO {
    color: var(--color-text-tooltip-warning, var(--fallback-color-text-tooltip-warning))
}

.cx_colorTextWarning--9SDst {
    color: var(--color-text-warning, var(--fallback-color-text-warning))
}

.cx_colorTextWarningSecondary---B8rj {
    color: var(--color-text-warning-secondary, var(--fallback-color-text-warning-secondary))
}

.cx_colorTextWarningTertiary--c0PvZ {
    color: var(--color-text-warning-tertiary, var(--fallback-color-text-warning-tertiary))
}

.cx_colorTextonvoting--TAwXd {
    color: var(--color-textonvoting)
}

.cx_textInherit--oGX-h {
    color: inherit
}

.cx_fontInter--kfnGR,
.cx_fontUi--Remct {
    font-family: var(--font-family-default)
}

.cx_fontWhyte--IH7tF {
    font-family: var(--font-family-display)
}

.cx_fpl__textDisplayFontFamily--H-b2c {
    font-family: var(--text-display-font-family)
}

.cx_fpl__textHeadingLargeFontFamily--OBV8E {
    font-family: var(--text-heading-large-font-family)
}

.cx_fpl__textHeadingMediumFontFamily--MsexP {
    font-family: var(--text-heading-medium-font-family)
}

.cx_fpl__textHeadingSmallFontFamily--NKzCQ {
    font-family: var(--text-heading-small-font-family)
}

.cx_fpl__textBodyLargeFontFamily--tzViU {
    font-family: var(--text-body-large-font-family)
}

.cx_fpl__textBodyLargeStrongFontFamily--PzjlV {
    font-family: var(--text-body-large-strong-font-family)
}

.cx_fpl__textBodyMediumFontFamily--JEb86 {
    font-family: var(--text-body-medium-font-family)
}

.cx_fpl__textBodyMediumStrongFontFamily--vCqI3 {
    font-family: var(--text-body-medium-strong-font-family)
}

.cx_fpl__textBodySmallFontFamily--hmtMu {
    font-family: var(--text-body-small-font-family)
}

.cx_fpl__textBodySmallStrongFontFamily--54T5R {
    font-family: var(--text-body-small-strong-font-family)
}

.cx_font11--33-E5 {
    font-size: 11px
}

.cx_font12--rWfR2 {
    font-size: 12px
}

.cx_font13--8jc6I {
    font-size: 13px
}

.cx_font14--Xqlzv {
    font-size: 14px
}

.cx_font15--OWv7B {
    font-size: 15px
}

.cx_font16--KmvoU {
    font-size: 16px
}

.cx_font18--8gMr2 {
    font-size: 18px
}

.cx_font20--LM5Hn {
    font-size: 20px
}

.cx_font22--R4pAT {
    font-size: 22px
}

.cx_font24--MUyE5 {
    font-size: 24px
}

.cx_font32--GDu8g {
    font-size: 32px
}

.cx_fpl__textDisplayFontSize--srV-M {
    font-size: var(--text-display-font-size)
}

.cx_fpl__textHeadingLargeFontSize--XriAt {
    font-size: var(--text-heading-large-font-size)
}

.cx_fpl__textHeadingMediumFontSize--5ihjo {
    font-size: var(--text-heading-medium-font-size)
}

.cx_fpl__textHeadingSmallFontSize--H9OxZ {
    font-size: var(--text-heading-small-font-size)
}

.cx_fpl__textBodyLargeFontSize--sPgYg {
    font-size: var(--text-body-large-font-size)
}

.cx_fpl__textBodyLargeStrongFontSize--cOk6r {
    font-size: var(--text-body-large-strong-font-size)
}

.cx_fpl__textBodyMediumFontSize--o8zsQ {
    font-size: var(--text-body-medium-font-size)
}

.cx_fpl__textBodyMediumStrongFontSize---kjhe {
    font-size: var(--text-body-medium-strong-font-size)
}

.cx_fpl__textBodySmallFontSize--MhWLo {
    font-size: var(--text-body-small-font-size)
}

.cx_fpl__textBodySmallStrongFontSize--Q6XmJ {
    font-size: var(--text-body-small-strong-font-size)
}

.cx_italic--XdYAa {
    font-style: italic
}

.cx_normal--C-SRk {
    font-style: normal
}

.cx_fontMedium--ccI1A {
    font-weight: 500
}

.cx_fontSemiBold--9BZOe {
    font-weight: 600
}

.cx_fontBold--pa8lN {
    font-weight: 700
}

.cx_fontNormal--GN7Vr {
    font-weight: 400
}

.cx_fpl__textDisplayFontWeight--oOlFi {
    font-weight: var(--text-display-font-weight)
}

.cx_fpl__textHeadingLargeFontWeight--R1yp1 {
    font-weight: var(--text-heading-large-font-weight)
}

.cx_fpl__textHeadingMediumFontWeight--tyvc- {
    font-weight: var(--text-heading-medium-font-weight)
}

.cx_fpl__textHeadingSmallFontWeight--dXbgM {
    font-weight: var(--text-heading-small-font-weight)
}

.cx_fpl__textBodyLargeFontWeight--E7Xd5 {
    font-weight: var(--text-body-large-font-weight)
}

.cx_fpl__textBodyLargeStrongFontWeight--4I-m0 {
    font-weight: var(--text-body-large-strong-font-weight)
}

.cx_fpl__textBodyMediumFontWeight--UwqZZ {
    font-weight: var(--text-body-medium-font-weight)
}

.cx_fpl__textBodyMediumStrongFontWeight--EFNls {
    font-weight: var(--text-body-medium-strong-font-weight)
}

.cx_fpl__textBodySmallFontWeight--4FaAd {
    font-weight: var(--text-body-small-font-weight)
}

.cx_fpl__textBodySmallStrongFontWeight--enmAC {
    font-weight: var(--text-body-small-strong-font-weight)
}

.cx_fpl__textDisplayLetterSpacing--fQ9-J {
    letter-spacing: var(--text-display-letter-spacing)
}

.cx_fpl__textHeadingLargeLetterSpacing--dqvie {
    letter-spacing: var(--text-heading-large-letter-spacing)
}

.cx_fpl__textHeadingMediumLetterSpacing--F2Ucp {
    letter-spacing: var(--text-heading-medium-letter-spacing)
}

.cx_fpl__textHeadingSmallLetterSpacing--VVRbR {
    letter-spacing: var(--text-heading-small-letter-spacing)
}

.cx_fpl__textBodyLargeLetterSpacing--OISkF {
    letter-spacing: var(--text-body-large-letter-spacing)
}

.cx_fpl__textBodyLargeStrongLetterSpacing---hSHI {
    letter-spacing: var(--text-body-large-strong-letter-spacing)
}

.cx_fpl__textBodyMediumLetterSpacing---OCce {
    letter-spacing: var(--text-body-medium-letter-spacing)
}

.cx_fpl__textBodyMediumStrongLetterSpacing--UxKbT {
    letter-spacing: var(--text-body-medium-strong-letter-spacing)
}

.cx_fpl__textBodySmallLetterSpacing--SrRcw {
    letter-spacing: var(--text-body-small-letter-spacing)
}

.cx_fpl__textBodySmallStrongLetterSpacing--uBeWy {
    letter-spacing: var(--text-body-small-strong-letter-spacing)
}

.cx_spacingCompact--sS1nn {
    letter-spacing: -.01em
}

.cx_spacingWide--8Pxbg {
    letter-spacing: .005em
}

.cx_fpl__textDisplayLineHeight--7OBJS {
    line-height: var(--text-display-line-height)
}

.cx_fpl__textHeadingLargeLineHeight--gkqTI {
    line-height: var(--text-heading-large-line-height)
}

.cx_fpl__textHeadingMediumLineHeight--7do1O {
    line-height: var(--text-heading-medium-line-height)
}

.cx_fpl__textHeadingSmallLineHeight--Bgr-N {
    line-height: var(--text-heading-small-line-height)
}

.cx_fpl__textBodyLargeLineHeight--1msgo {
    line-height: var(--text-body-large-line-height)
}

.cx_fpl__textBodyLargeStrongLineHeight--7973- {
    line-height: var(--text-body-large-strong-line-height)
}

.cx_fpl__textBodyMediumLineHeight--xy64h {
    line-height: var(--text-body-medium-line-height)
}

.cx_fpl__textBodyMediumStrongLineHeight--539IU {
    line-height: var(--text-body-medium-strong-line-height)
}

.cx_fpl__textBodySmallLineHeight--O0z56 {
    line-height: var(--text-body-small-line-height)
}

.cx_fpl__textBodySmallStrongLineHeight--W1wcV {
    line-height: var(--text-body-small-strong-line-height)
}

.cx_lh1_5Lines--GbUIU {
    line-height: 1.5
}

.cx_lhNormal--5iLKp {
    line-height: normal
}

.cx_lh0--8xLnP {
    line-height: 0px
}

.cx_lh1--anPQ7 {
    line-height: 1px
}

.cx_lh2--wGvxs {
    line-height: 2px
}

.cx_lh4--LLs9l {
    line-height: 4px
}

.cx_lh6--htzMg {
    line-height: 6px
}

.cx_lh8--l2wQX {
    line-height: 8px
}

.cx_lh10--VSRmo {
    line-height: 10px
}

.cx_lh12--2IE-Q {
    line-height: 12px
}

.cx_lh14--uZHAG {
    line-height: 14px
}

.cx_lh16--IAkRm {
    line-height: 16px
}

.cx_lh18--FStfh {
    line-height: 18px
}

.cx_lh20--KyHde {
    line-height: 20px
}

.cx_lh24--fjcaC {
    line-height: 24px
}

.cx_lh28--8s91x {
    line-height: 28px
}

.cx_lh32--8RA00 {
    line-height: 32px
}

.cx_lh36--HWulZ {
    line-height: 36px
}

.cx_alignLeft--A7ng2 {
    text-align: left
}

.cx_alignCenter--DJGLH {
    text-align: center
}

.cx_alignRight--j2Mit {
    text-align: right
}

.cx_noUnderline--7P3w7 {
    -webkit-text-decoration: none;
    text-decoration: none
}

.cx_underline--tUXUq {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.cx_noWrap--Qhe5d {
    white-space: nowrap
}

.cx_preWrap--uBtXQ {
    white-space: pre-wrap
}

.cx_pre--GjYaf {
    white-space: pre
}

.cx_breakWord--KBxwi {
    word-break: break-word
}

.cx_zIndexMinus1--zaGGo {
    z-index: -1
}

.cx_zIndexModal--AxDgn {
    z-index: 10
}

.cx_zIndexSecondaryModal--c2MQZ {
    z-index: 9
}

.cx_zIndexTertiaryModal--qc1TF {
    z-index: 7
}

.cx_zIndexTopBar--UtkO7 {
    z-index: 3
}

.cx_zIndexTemplateModalTeamName--tHCGb {
    z-index: 2
}

.cx_zIndex0--mZQ74 {
    z-index: 0
}

.cx_zIndex1--VRMtB {
    z-index: 1
}

.cx_appearanceNone--AyRSu {
    appearance: none
}

.cx_elevation100--AslDy {
    box-shadow: var(--elevation-100)
}

.cx_elevation200--OdSA4 {
    box-shadow: var(--elevation-200)
}

.cx_elevation300--F6om1 {
    box-shadow: var(--elevation-300)
}

.cx_elevation400--LUZ5M {
    box-shadow: var(--elevation-400)
}

.cx_elevation500--lJVVq {
    box-shadow: var(--elevation-500)
}

.cx_shadowNone--RXq6U {
    box-shadow: none
}

.cx_borderBox--kwrmK {
    box-sizing: border-box
}

.cx_cursorDefault--Ji04Q {
    cursor: default
}

.cx_cursorPointer--jO8MD {
    cursor: pointer
}

.cx_cursorText--bOLEI {
    cursor: text
}

.cx_floatLeft--MK3me {
    float: left
}

.cx_floatRight--gTpNT {
    float: right
}

.cx_eventsAll--dTpIx {
    pointer-events: all
}

.cx_eventsAuto--cE4ng {
    pointer-events: auto
}

.cx_eventsNone--kiAic {
    pointer-events: none
}

.cx_resizeNone--5lonV {
    resize: none
}

.cx_selectNone--QcmEk {
    -webkit-user-select: none;
    user-select: none
}

.cx_alignMiddle--ENQSp {
    vertical-align: middle
}

.cx_alignTop--nltW5 {
    vertical-align: top
}

.cx_invisible--O3Q0O {
    visibility: hidden
}

.cx_visible--JAdNr {
    visibility: visible
}

.cx_hToolbar--UkuOH {
    height: var(--toolbar-height)
}

.cx_hAuto--H1ZFe {
    height: auto
}

.cx_hFull--460YR {
    height: 100%
}

.cx_hInherit--32mR4 {
    height: inherit
}

.cx_hFitContent--aWWIv {
    height: fit-content
}

.cx_h0--o3qM- {
    height: 0px
}

.cx_h1--iN6jK {
    height: 1px
}

.cx_h2--k1AY1 {
    height: 2px
}

.cx_h4--wOZA0 {
    height: 4px
}

.cx_h6--OolKS {
    height: 6px
}

.cx_h8--iVN-q {
    height: 8px
}

.cx_h10--ozPC- {
    height: 10px
}

.cx_h12--qscFY {
    height: 12px
}

.cx_h14--Gs-C- {
    height: 14px
}

.cx_h16--D3tr9 {
    height: 16px
}

.cx_h18--ME95w {
    height: 18px
}

.cx_h20--32Rpw {
    height: 20px
}

.cx_h24--rlJEq {
    height: 24px
}

.cx_h28--U6FSm {
    height: 28px
}

.cx_h32--zx0qE {
    height: 32px
}

.cx_h36---EmQ- {
    height: 36px
}

.cx_h40--6DPla {
    height: 40px
}

.cx_h44--pHqV4 {
    height: 44px
}

.cx_h48--w9bOm {
    height: 48px
}

.cx_h64--LXejb {
    height: 64px
}

.cx_h100--J8o5n {
    height: 100px
}

.cx_h150--vQUuj {
    height: 150px
}

.cx_h200--S7f26 {
    height: 200px
}

.cx_h250--2OOn- {
    height: 250px
}

.cx_h300--9UOqG {
    height: 300px
}

.cx_h350--5dmQ- {
    height: 350px
}

.cx_h400--Kdls0 {
    height: 400px
}

.cx_wHalf--GeCDa {
    width: 50%
}

.cx_wAuto--B-R9o {
    width: auto
}

.cx_wFull--sGUhp {
    width: 100%
}

.cx_wFitContent--anBk1 {
    width: fit-content
}

.cx_w0--ZN3pR {
    width: 0px
}

.cx_w1--oOtYD {
    width: 1px
}

.cx_w2---4pco {
    width: 2px
}

.cx_w4--0HTAB {
    width: 4px
}

.cx_w6--xusvr {
    width: 6px
}

.cx_w8--S0YgU {
    width: 8px
}

.cx_w10--hi9LS {
    width: 10px
}

.cx_w12--3pX0g {
    width: 12px
}

.cx_w14--O0jSu {
    width: 14px
}

.cx_w16--Eb9aW {
    width: 16px
}

.cx_w18--x4Q70 {
    width: 18px
}

.cx_w20--M3Qve {
    width: 20px
}

.cx_w24--l0mW5 {
    width: 24px
}

.cx_w28--NRQQB {
    width: 28px
}

.cx_w32--FzxSR {
    width: 32px
}

.cx_w36--n72NQ {
    width: 36px
}

.cx_w40--xi7zX {
    width: 40px
}

.cx_w44--i3iHl {
    width: 44px
}

.cx_w48--VdAbf {
    width: 48px
}

.cx_w64--wyV6c {
    width: 64px
}

.cx_w100--e-lcd {
    width: 100px
}

.cx_w150--VuwDC {
    width: 150px
}

.cx_w200--hKYd7 {
    width: 200px
}

.cx_w250--K8mbO {
    width: 250px
}

.cx_w300--F1DVy {
    width: 300px
}

.cx_w350--oFEup {
    width: 350px
}

.cx_w400--C6AzM {
    width: 400px
}

.cx_maxWFull--5yAqM {
    max-width: 100%
}

.cx_maxWUnset--H5gUH {
    max-width: unset
}

.cx_maxW0--UdmT7 {
    max-width: 0px
}

.cx_maxW1--2TdLo {
    max-width: 1px
}

.cx_maxW2--wFaTU {
    max-width: 2px
}

.cx_maxW4--jCuao {
    max-width: 4px
}

.cx_maxW6--udRy- {
    max-width: 6px
}

.cx_maxW8--iht9N {
    max-width: 8px
}

.cx_maxW10--CsSew {
    max-width: 10px
}

.cx_maxW12--SxX6c {
    max-width: 12px
}

.cx_maxW14--e3Wif {
    max-width: 14px
}

.cx_maxW16--Fa--r {
    max-width: 16px
}

.cx_maxW18--a8S-j {
    max-width: 18px
}

.cx_maxW20--X58Rd {
    max-width: 20px
}

.cx_maxW24--f2HzP {
    max-width: 24px
}

.cx_maxW28--GXsvT {
    max-width: 28px
}

.cx_maxW32--zFRNj {
    max-width: 32px
}

.cx_maxW36--jblYV {
    max-width: 36px
}

.cx_maxW40--EhSTo {
    max-width: 40px
}

.cx_maxW44---K4gu {
    max-width: 44px
}

.cx_maxW48--NYZve {
    max-width: 48px
}

.cx_maxW64--vuz6P {
    max-width: 64px
}

.cx_maxW100--BvJtg {
    max-width: 100px
}

.cx_maxW150--lAq00 {
    max-width: 150px
}

.cx_maxW200--mGSni {
    max-width: 200px
}

.cx_maxW250--1bgDi {
    max-width: 250px
}

.cx_maxW300--5J7ab {
    max-width: 300px
}

.cx_maxW350--gaTeK {
    max-width: 350px
}

.cx_maxW400--JqSaz {
    max-width: 400px
}

.cx_mtAuto--up4Yu {
    margin-top: auto
}

.cx_mt0--DNj11 {
    margin-top: 0
}

.cx_mt1--qf-Tj {
    margin-top: 1px
}

.cx_mt2--Sm2ur {
    margin-top: 2px
}

.cx_mt4--pIXeT {
    margin-top: 4px
}

.cx_mt6--0kdGr {
    margin-top: 6px
}

.cx_mt8--yi01T {
    margin-top: 8px
}

.cx_mt10--VrVJV {
    margin-top: 10px
}

.cx_mt12--NIEeU {
    margin-top: 12px
}

.cx_mt14--c-S9u {
    margin-top: 14px
}

.cx_mt16--xe99U {
    margin-top: 16px
}

.cx_mt18--1FnPi {
    margin-top: 18px
}

.cx_mt20--vuqRn {
    margin-top: 20px
}

.cx_mt24--doW-1 {
    margin-top: 24px
}

.cx_mt28--N-0gO {
    margin-top: 28px
}

.cx_mt32--TFFTU {
    margin-top: 32px
}

.cx_mt36--DlpiW {
    margin-top: 36px
}

.cx_mrAuto--EE2-V {
    margin-right: auto
}

.cx_mr0--zVg7f {
    margin-right: 0
}

.cx_mr1--vhn48 {
    margin-right: 1px
}

.cx_mr2--a-5CD {
    margin-right: 2px
}

.cx_mr4--KIaEB {
    margin-right: 4px
}

.cx_mr6--molG- {
    margin-right: 6px
}

.cx_mr8--rKb7K {
    margin-right: 8px
}

.cx_mr10--jGg-v {
    margin-right: 10px
}

.cx_mr12--EgFlR {
    margin-right: 12px
}

.cx_mr14--L507n {
    margin-right: 14px
}

.cx_mr16--T7Ukd {
    margin-right: 16px
}

.cx_mr18--djRAe {
    margin-right: 18px
}

.cx_mr20--CeGEL {
    margin-right: 20px
}

.cx_mr24--gYTzv {
    margin-right: 24px
}

.cx_mr28--I0goY {
    margin-right: 28px
}

.cx_mr32--kHdY- {
    margin-right: 32px
}

.cx_mr36--UNroi {
    margin-right: 36px
}

.cx_mbAuto--UlM-Q {
    margin-bottom: auto
}

.cx_mb0--tt1gz {
    margin-bottom: 0
}

.cx_mb1--s5bxx {
    margin-bottom: 1px
}

.cx_mb2--BJwfC {
    margin-bottom: 2px
}

.cx_mb4--6ChPb {
    margin-bottom: 4px
}

.cx_mb6--foHzK {
    margin-bottom: 6px
}

.cx_mb8--Ml11i {
    margin-bottom: 8px
}

.cx_mb10--M9fcr {
    margin-bottom: 10px
}

.cx_mb12--3ydCC {
    margin-bottom: 12px
}

.cx_mb14--l2DPv {
    margin-bottom: 14px
}

.cx_mb16--7oeAe {
    margin-bottom: 16px
}

.cx_mb18--QQTnH {
    margin-bottom: 18px
}

.cx_mb20--1h6fQ {
    margin-bottom: 20px
}

.cx_mb24--qRmgt {
    margin-bottom: 24px
}

.cx_mb28--W26-N {
    margin-bottom: 28px
}

.cx_mb32--1NAb4 {
    margin-bottom: 32px
}

.cx_mb36--dpIr7 {
    margin-bottom: 36px
}

.cx_mlAuto--Urwk9 {
    margin-left: auto
}

.cx_ml0--Jg6pw {
    margin-left: 0
}

.cx_ml1--l5njn {
    margin-left: 1px
}

.cx_ml2--Q5lXS {
    margin-left: 2px
}

.cx_ml4--tTCLn {
    margin-left: 4px
}

.cx_ml6--cMF9m {
    margin-left: 6px
}

.cx_ml8--RdKkB {
    margin-left: 8px
}

.cx_ml10--ECAFG {
    margin-left: 10px
}

.cx_ml12--s7bO- {
    margin-left: 12px
}

.cx_ml14--FPNtv {
    margin-left: 14px
}

.cx_ml16--QPTXF {
    margin-left: 16px
}

.cx_ml18--BW9wL {
    margin-left: 18px
}

.cx_ml20--dP-RR {
    margin-left: 20px
}

.cx_ml24--s5l0B {
    margin-left: 24px
}

.cx_ml28--tO0wT {
    margin-left: 28px
}

.cx_ml32--D2EXU {
    margin-left: 32px
}

.cx_ml36--b9YvQ {
    margin-left: 36px
}

.cx_minHFull--I7q1S {
    min-height: 100%
}

.cx_minH0--6kN8u {
    min-height: 0px
}

.cx_minH1--5Afv8 {
    min-height: 1px
}

.cx_minH2--VypCJ {
    min-height: 2px
}

.cx_minH4--xNbSI {
    min-height: 4px
}

.cx_minH6--rHdhC {
    min-height: 6px
}

.cx_minH8--ikim8 {
    min-height: 8px
}

.cx_minH10--L-ADl {
    min-height: 10px
}

.cx_minH12--tcYme {
    min-height: 12px
}

.cx_minH14--Jtvuj {
    min-height: 14px
}

.cx_minH16--QFc8d {
    min-height: 16px
}

.cx_minH18--pmIEJ {
    min-height: 18px
}

.cx_minH20--RLVHG {
    min-height: 20px
}

.cx_minH24--JlGzz {
    min-height: 24px
}

.cx_minH28---Kp3M {
    min-height: 28px
}

.cx_minH32--MF9Kj {
    min-height: 32px
}

.cx_minH36--vCyUt {
    min-height: 36px
}

.cx_minH40--oawTG {
    min-height: 40px
}

.cx_minH44--IPxwo {
    min-height: 44px
}

.cx_minH48--fivBb {
    min-height: 48px
}

.cx_minH64--bOkdd {
    min-height: 64px
}

.cx_minH100--UDEhK {
    min-height: 100px
}

.cx_minH150--d-CIp {
    min-height: 150px
}

.cx_minH200--bbRxo {
    min-height: 200px
}

.cx_minH250--ymh2P {
    min-height: 250px
}

.cx_minH300--mRhff {
    min-height: 300px
}

.cx_minH350--kuAfo {
    min-height: 350px
}

.cx_minH400--LCWIA {
    min-height: 400px
}

.cx_maxHFull--yaaQw {
    max-height: 100%
}

.cx_maxH0--4mCl1 {
    max-height: 0px
}

.cx_maxH1--pYGTr {
    max-height: 1px
}

.cx_maxH2--WkYCt {
    max-height: 2px
}

.cx_maxH4--6A9jI {
    max-height: 4px
}

.cx_maxH6--OnIPv {
    max-height: 6px
}

.cx_maxH8--4PipU {
    max-height: 8px
}

.cx_maxH10--ntV-q {
    max-height: 10px
}

.cx_maxH12--J5Vjs {
    max-height: 12px
}

.cx_maxH14--rPt8X {
    max-height: 14px
}

.cx_maxH16--hKxuD {
    max-height: 16px
}

.cx_maxH18--xEJGA {
    max-height: 18px
}

.cx_maxH20--JO8aj {
    max-height: 20px
}

.cx_maxH24--raTQX {
    max-height: 24px
}

.cx_maxH28--xqG-t {
    max-height: 28px
}

.cx_maxH32--zl28Y {
    max-height: 32px
}

.cx_maxH36--2qQ26 {
    max-height: 36px
}

.cx_maxH40--vLPYp {
    max-height: 40px
}

.cx_maxH44--udfOF {
    max-height: 44px
}

.cx_maxH48--Nbehv {
    max-height: 48px
}

.cx_maxH64--uo7Jy {
    max-height: 64px
}

.cx_maxH100--EDSK2 {
    max-height: 100px
}

.cx_maxH150--CYMAY {
    max-height: 150px
}

.cx_maxH200--aa0bF {
    max-height: 200px
}

.cx_maxH250---4Y3j {
    max-height: 250px
}

.cx_maxH300--lRfAS {
    max-height: 300px
}

.cx_maxH350--8M8ch {
    max-height: 350px
}

.cx_maxH400--Ke76p {
    max-height: 400px
}

.cx_minW0--8-BwP {
    min-width: 0px
}

.cx_minW1--bMn9C {
    min-width: 1px
}

.cx_minW2--KMyVb {
    min-width: 2px
}

.cx_minW4--ctd3U {
    min-width: 4px
}

.cx_minW6--Yq5j7 {
    min-width: 6px
}

.cx_minW8--6StlU {
    min-width: 8px
}

.cx_minW10--W50C1 {
    min-width: 10px
}

.cx_minW12--CNDYp {
    min-width: 12px
}

.cx_minW14--j8DTo {
    min-width: 14px
}

.cx_minW16--yU7Kc {
    min-width: 16px
}

.cx_minW18--5KAT4 {
    min-width: 18px
}

.cx_minW20--7Z-Ir {
    min-width: 20px
}

.cx_minW24--ioy2E {
    min-width: 24px
}

.cx_minW28--FYaXF {
    min-width: 28px
}

.cx_minW32--ISfIR {
    min-width: 32px
}

.cx_minW36--iCKCI {
    min-width: 36px
}

.cx_minW40--lCUS0 {
    min-width: 40px
}

.cx_minW44--WExd0 {
    min-width: 44px
}

.cx_minW48--1Z03S {
    min-width: 48px
}

.cx_minW64--hCK6n {
    min-width: 64px
}

.cx_minW100--3yFPA {
    min-width: 100px
}

.cx_minW150--Uhobj {
    min-width: 150px
}

.cx_minW200--lPSip {
    min-width: 200px
}

.cx_minW250--yzcZV {
    min-width: 250px
}

.cx_minW300--gDR94 {
    min-width: 300px
}

.cx_minW350--UBFb- {
    min-width: 350px
}

.cx_minW400--h22Ht {
    min-width: 400px
}

.cx_gap0--b7oU4 {
    gap: 0px
}

.cx_gap1--bzpYG {
    gap: 1px
}

.cx_gap2--cYHH6 {
    gap: 2px
}

.cx_gap4--kYFS7 {
    gap: 4px
}

.cx_gap6--gyScU {
    gap: 6px
}

.cx_gap8--RCB1- {
    gap: 8px
}

.cx_gap10--IBEbk {
    gap: 10px
}

.cx_gap12--Mblg6 {
    gap: 12px
}

.cx_gap14--W-499 {
    gap: 14px
}

.cx_gap16--77Ibd {
    gap: 16px
}

.cx_gap18--FUOw- {
    gap: 18px
}

.cx_gap20--CvqSM {
    gap: 20px
}

.cx_gap24--a38JF {
    gap: 24px
}

.cx_gap28--bJ2Pv {
    gap: 28px
}

.cx_gap32--xev1P {
    gap: 32px
}

.cx_gap36--SOLzq {
    gap: 36px
}

.cx_rowGap0--cs0Pk {
    row-gap: 0px
}

.cx_rowGap1--dGulO {
    row-gap: 1px
}

.cx_rowGap2--tJyBv {
    row-gap: 2px
}

.cx_rowGap4--L-MK7 {
    row-gap: 4px
}

.cx_rowGap6--5ZYDS {
    row-gap: 6px
}

.cx_rowGap8--GxNyT {
    row-gap: 8px
}

.cx_rowGap10--5DPTh {
    row-gap: 10px
}

.cx_rowGap12--F5QfJ {
    row-gap: 12px
}

.cx_rowGap14--8ZQs7 {
    row-gap: 14px
}

.cx_rowGap16--7rTqM {
    row-gap: 16px
}

.cx_rowGap18---IjyK {
    row-gap: 18px
}

.cx_rowGap20--PeFiA {
    row-gap: 20px
}

.cx_rowGap24--Mnzon {
    row-gap: 24px
}

.cx_rowGap28--MH-PY {
    row-gap: 28px
}

.cx_rowGap32--4qs4i {
    row-gap: 32px
}

.cx_rowGap36--fCzed {
    row-gap: 36px
}

.cx_columnGap0--2lHJy {
    column-gap: 0px
}

.cx_columnGap1--FaZre {
    column-gap: 1px
}

.cx_columnGap2--U8vVV {
    column-gap: 2px
}

.cx_columnGap4--lmdxl {
    column-gap: 4px
}

.cx_columnGap6--DL1QM {
    column-gap: 6px
}

.cx_columnGap8--Nhrwl {
    column-gap: 8px
}

.cx_columnGap10--oZeRb {
    column-gap: 10px
}

.cx_columnGap12--dPiSb {
    column-gap: 12px
}

.cx_columnGap14--UynoY {
    column-gap: 14px
}

.cx_columnGap16--kuP-O {
    column-gap: 16px
}

.cx_columnGap18--FWh6n {
    column-gap: 18px
}

.cx_columnGap20--0Mizf {
    column-gap: 20px
}

.cx_columnGap24--j0Vll {
    column-gap: 24px
}

.cx_columnGap28--d-P-a {
    column-gap: 28px
}

.cx_columnGap32--SjFRd {
    column-gap: 32px
}

.cx_columnGap36--eQiha {
    column-gap: 36px
}

.cx_m0--RYKlU {
    margin: 0
}

.cx_m1--X62Lw {
    margin: 1px
}

.cx_m2--lg0EM {
    margin: 2px
}

.cx_m4--EcXl8 {
    margin: 4px
}

.cx_m6--fUaFU {
    margin: 6px
}

.cx_m8--fz8FC {
    margin: 8px
}

.cx_m10--rcGo8 {
    margin: 10px
}

.cx_m12--lvsEc {
    margin: 12px
}

.cx_m14--yP2Bk {
    margin: 14px
}

.cx_m16--b0n5v {
    margin: 16px
}

.cx_m18--49Tq0 {
    margin: 18px
}

.cx_m20--bGjgW {
    margin: 20px
}

.cx_m24--jQwhs {
    margin: 24px
}

.cx_m28--8f-ny {
    margin: 28px
}

.cx_m32--G9--i {
    margin: 32px
}

.cx_m36--7zS5e {
    margin: 36px
}

.cx_p0--J7XfU {
    padding: 0
}

.cx_p1--A0mv1 {
    padding: 1px
}

.cx_p2--OG-Lw {
    padding: 2px
}

.cx_p4--ncnLt {
    padding: 4px
}

.cx_p6--zVFw9 {
    padding: 6px
}

.cx_p8--CeFXd {
    padding: 8px
}

.cx_p10--FxKqI {
    padding: 10px
}

.cx_p12--I9pSo {
    padding: 12px
}

.cx_p14--HapUU {
    padding: 14px
}

.cx_p16--3XIAT {
    padding: 16px
}

.cx_p18--xIZ9u {
    padding: 18px
}

.cx_p20--EaImS {
    padding: 20px
}

.cx_p24--2341m {
    padding: 24px
}

.cx_p28--6CRyu {
    padding: 28px
}

.cx_p32--YreFM {
    padding: 32px
}

.cx_p36--v8A4p {
    padding: 36px
}

.cx_pt0--8l3Lc {
    padding-top: 0
}

.cx_pt1--UY3v2 {
    padding-top: 1px
}

.cx_pt2--sXWbu {
    padding-top: 2px
}

.cx_pt4--iRZ7- {
    padding-top: 4px
}

.cx_pt6--E-k2t {
    padding-top: 6px
}

.cx_pt8--kmTV- {
    padding-top: 8px
}

.cx_pt10--X-Dx4 {
    padding-top: 10px
}

.cx_pt12--4gwQ3 {
    padding-top: 12px
}

.cx_pt14--ZaWwB {
    padding-top: 14px
}

.cx_pt16--WthSg {
    padding-top: 16px
}

.cx_pt18--HPAj4 {
    padding-top: 18px
}

.cx_pt20--gpfZD {
    padding-top: 20px
}

.cx_pt24--RP54m {
    padding-top: 24px
}

.cx_pt28--e6bNx {
    padding-top: 28px
}

.cx_pt32--5A9EU {
    padding-top: 32px
}

.cx_pt36--UJID- {
    padding-top: 36px
}

.cx_pr0--WmpLV {
    padding-right: 0
}

.cx_pr1--9Cmbl {
    padding-right: 1px
}

.cx_pr2--nQUGP {
    padding-right: 2px
}

.cx_pr4--P-aln {
    padding-right: 4px
}

.cx_pr6--QkHzV {
    padding-right: 6px
}

.cx_pr8--CsQT3 {
    padding-right: 8px
}

.cx_pr10--auVE8 {
    padding-right: 10px
}

.cx_pr12--qHADk {
    padding-right: 12px
}

.cx_pr14--zxQHT {
    padding-right: 14px
}

.cx_pr16---Kai- {
    padding-right: 16px
}

.cx_pr18--PTlHT {
    padding-right: 18px
}

.cx_pr20--aUx-c {
    padding-right: 20px
}

.cx_pr24--7z7wg {
    padding-right: 24px
}

.cx_pr28--Uar4A {
    padding-right: 28px
}

.cx_pr32--C0-pg {
    padding-right: 32px
}

.cx_pr36--h5haW {
    padding-right: 36px
}

.cx_pb0--QYFGa {
    padding-bottom: 0
}

.cx_pb1--REp50 {
    padding-bottom: 1px
}

.cx_pb2--WUpXJ {
    padding-bottom: 2px
}

.cx_pb4--KD0MA {
    padding-bottom: 4px
}

.cx_pb6--HhpOA {
    padding-bottom: 6px
}

.cx_pb8--v4HS8 {
    padding-bottom: 8px
}

.cx_pb10--sYgnP {
    padding-bottom: 10px
}

.cx_pb12--Oxje3 {
    padding-bottom: 12px
}

.cx_pb14--36vFK {
    padding-bottom: 14px
}

.cx_pb16--KP-sO {
    padding-bottom: 16px
}

.cx_pb18--m4aoK {
    padding-bottom: 18px
}

.cx_pb20--L3yGa {
    padding-bottom: 20px
}

.cx_pb24--W75Rf {
    padding-bottom: 24px
}

.cx_pb28--F89-6 {
    padding-bottom: 28px
}

.cx_pb32--i-jZT {
    padding-bottom: 32px
}

.cx_pb36--MYN82 {
    padding-bottom: 36px
}

.cx_pl0--Qnpw5 {
    padding-left: 0
}

.cx_pl1--khHlr {
    padding-left: 1px
}

.cx_pl2--8-sWb {
    padding-left: 2px
}

.cx_pl4--cPgHl {
    padding-left: 4px
}

.cx_pl6--FN-iL {
    padding-left: 6px
}

.cx_pl8--gxoGN {
    padding-left: 8px
}

.cx_pl10--74PDZ {
    padding-left: 10px
}

.cx_pl12--0V-bc {
    padding-left: 12px
}

.cx_pl14--iskFY {
    padding-left: 14px
}

.cx_pl16--OoGbQ {
    padding-left: 16px
}

.cx_pl18--LubIU {
    padding-left: 18px
}

.cx_pl20--XBJD- {
    padding-left: 20px
}

.cx_pl24--J9UGx {
    padding-left: 24px
}

.cx_pl28--TckCs {
    padding-left: 28px
}

.cx_pl32--vE12L {
    padding-left: 32px
}

.cx_pl36---p5Jo {
    padding-left: 36px
}

.loading_spinner--root--vwYfu {
    transform: translateZ(0);
    transform-origin: 50% 50%;
    display: inline-flex;
    align-content: center;
    justify-content: center
}

.loading_spinner--root--vwYfu .svg {
    animation: loading_spinner--rotate--pD7uQ 1s linear infinite
}

.loading_spinner--root--vwYfu>img {
    animation: loading_spinner--rotate--pD7uQ 1s linear infinite
}

.loading_spinner--sizeSmall--CN0gS {
    width: 16px;
    height: 16px
}

.loading_spinner--sizeMedium--J1-SL {
    width: 20px;
    height: 20px
}

.loading_spinner--sizeLarge--MeIU0 {
    width: 30px;
    height: 30px
}

.loading_spinner--cssBackedSizeSmall--5-Rgv:before {
    width: 16px;
    height: 16px;
    border-width: 1px
}

.loading_spinner--cssBackedSizeMedium--8gATq:before {
    width: 20px;
    height: 20px;
    border-width: 1.5px
}

.loading_spinner--cssBackedSizeLarge--18-ZE:before {
    width: 30px;
    height: 30px;
    border-width: 2px
}

.loading_spinner--svgContainer--KOY5x {
    display: flex;
    justify-content: center;
    align-content: center
}

.loading_spinner--centered--pql-M {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.loading_spinner--absoluteCentered--IbeId {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1
}

@keyframes loading_spinner--rotate--pD7uQ {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.loading_spinner--matchTextColor--BmEuU .svg {
    fill: currentColor;
    color: currentColor
}

.loading_spinner--matchTextColor--BmEuU path {
    fill: currentColor
}

.loading_spinner--grayColor--GhzPN .svg {
    fill: #aaa;
    color: #aaa
}

.loading_spinner--grayColor--GhzPN path {
    fill: #aaa
}

.loading_spinner--blueSpinner--trQsm {
    display: flex;
    width: 30px;
    height: 30px
}

.loading_spinner--blueSpinner--trQsm .svg {
    fill: var(--color-text-brand);
    color: var(--color-text-brand)
}

.loading_spinner--cssBacked--oIWj-:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    margin-left: -50%;
    border-radius: 100%;
    border-style: solid;
    border-color: #aaa #aaa #aaa transparent;
    animation: loading_spinner--rotate--pD7uQ 1s linear infinite
}

.modal--button--ZJmGG,
.modal--confirmButton--SNUDv {
    margin-left: 12px
}

.modal--list--AYXsM {
    margin-top: 12px
}

.modal--modalFooterButtonGroup--G-glC {
    display: flex;
    gap: .75rem
}

.modal--modalFooter--doArv {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    flex-wrap: wrap
}

.modal--buttonRow--o2A0S {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    margin-top: 24px
}

.modal--groupedButtonRow--bwN6C {
    flex-wrap: nowrap;
    justify-content: space-between
}

.modal--modalShadow--d-rJf {
    box-shadow: var(--elevation-500-modal-window)
}

.modal--modalShadowFigJam--lkEJ2 {
    box-shadow: var(--elevation-200-canvas)
}

[data-fpl-version=ui3] .modal--modalShadowFigJam--lkEJ2,
:where([data-fpl-ui3-override]) .modal--modalShadowFigJam--lkEJ2 {
    box-shadow: var(--elevation-100-canvas)
}

.modal--modalBare--AlP7E {
    font: 400 11px/16px Inter, sans-serif;
    position: relative;
    max-height: 80%;
    width: 100%;
    min-width: 300px;
    padding: 24px;
    word-break: break-word;
    font-size: 11px;
    background-color: var(--color-bg);
    border-radius: 2px;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-font-smoothing: antialiased
}

.modal--modalContent--P643j {
    margin-top: 12px;
    font-size: 11px;
    color: var(--color-text-secondary)
}

.modal--important--qfd6R {
    font-weight: 700
}

.modal--title--sEkWg {
    font: 400 14px/24px Inter, sans-serif;
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-text);
    margin-top: -4px;
    padding-right: 48px
}

.modal--textInput---r1fJ {
    display: block;
    margin-top: 12px;
    padding: 0 6px;
    height: 30px;
    width: 100%;
    font-size: 11px;
    font-weight: 400;
    box-sizing: border-box;
    border: 1px solid var(--color-border);
    border-radius: 2px;
    outline: none;
    background: var(--color-bg);
    color: var(--color-text)
}

.modal--textInput---r1fJ:focus {
    border: 2px solid var(--color-border-selected);
    padding: 0 5px
}

.modal--tfaQrCode--Xy6Qb {
    text-align: center;
    margin: 20px 0 10px
}

.modal--error--Kk49K {
    margin-top: 12px;
    color: var(--color-text-danger)
}

.modal--code--zhp08 {
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    font-family: monospace;
    margin: 20px 0 10px
}

.modal--codes--U1NYW {
    margin: 24px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.modal--codes--U1NYW div {
    width: 176px
}

.modal--avatarWithHandle--AJpEE {
    margin: 12px 0 24px
}

.modal--searchContainer--EA8ib {
    height: 48px;
    flex: 0 0 48px;
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center
}

.modal--container--LVq8G {
    font-size: 12px;
    padding: 16px
}

.modal--blockQuote--bzdW1 {
    background-color: var(--color-bg-secondary);
    line-height: 16px;
    padding: 8px;
    margin: 16px 0
}

.modal--blockQuoteHeader--IKpaG {
    display: block;
    font-weight: 700
}

.modal--blockQuoteText--nDUnj {
    line-clamp: 6;
    display: block;
    font-style: italic;
    font-weight: 400
}

.modal--modal--fXC8G .modal--select--a5n-Q {
    border-color: var(--color-border)
}

.modal--loadingSpinnerContainer--u3V2x {
    display: flex;
    justify-content: center;
    align-items: center
}

.plugin--pluginIconBase--yAG5F {
    border-radius: 25%;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    overflow: hidden
}

.plugin--pluginIconBase--yAG5F:after {
    content: "";
    border-radius: 25%;
    display: block;
    position: absolute;
    inset: 0
}

.plugin--pluginIconBase--yAG5F img,
.plugin--pluginIconBase--yAG5F svg {
    width: 100%;
    height: 100%
}

.header_modal--modalBackground--bcAoR {
    position: fixed;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    background: var(--color-modalbackdrop, rgba(0, 0, 0, .3))
}

.header_modal--transparentBackground--pG9jD {
    background: transparent
}

.header_modal--modalContainer--yIJSk {
    display: flex;
    flex-direction: column;
    gap: 8px;
    grid-gap: 8px
}

.header_modal--bottomSection--qH4em {
    background-color: var(--color-bg);
    border-radius: 2px;
    box-shadow: var( --elevation-500-modal-window, 0px 2px 14px rgba(0, 0, 0, .15), 0px 0px 0px .5px rgba(0, 0, 0, .2));
    z-index: 2
}

[data-fpl-version=ui3] .header_modal--bottomSection--qH4em,
:where([data-fpl-ui3-override]) .header_modal--bottomSection--qH4em {
    border-radius: var(--radius-large);
    overflow: hidden
}

.header_modal--modal--2JYEN {
    width: 100%;
    max-height: 100%;
    position: relative;
    background-color: var(--color-bg);
    border-radius: 2px
}

[data-fpl-version=ui3] .header_modal--modal--2JYEN,
:where([data-fpl-ui3-override]) .header_modal--modal--2JYEN {
    border-radius: var(--radius-large)
}

.header_modal--modal__scroll--T2IVi {
    overflow-y: auto
}

.header_modal--header--M56yS {
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 8px;
    padding-right: 4px;
    cursor: default;
    -webkit-user-select: none;
    user-select: none
}

[data-fpl-version=ui3] .header_modal--header--M56yS,
:where([data-fpl-ui3-override]) .header_modal--header--M56yS {
    padding-left: var(--spacer-2);
    padding-right: var(--spacer-1);
    font-family: var(--text-body-medium-strong-font-family);
    font-size: var(--text-body-medium-strong-font-size);
    font-weight: var(--text-body-medium-strong-font-weight);
    letter-spacing: var(--text-body-medium-strong-letter-spacing);
    line-height: var(--text-body-medium-strong-line-height)
}

.header_modal--headerWithBottomBorder--O1ODQ {
    box-sizing: border-box;
    min-height: 41px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid var(--color-border)
}

.header_modal--headerSmall--WlWbO {
    padding-top: 4px;
    padding-bottom: 4px
}

[data-fpl-version=ui3] .header_modal--headerSmall--WlWbO,
:where([data-fpl-ui3-override]) .header_modal--headerSmall--WlWbO {
    min-height: 40px;
    box-sizing: border-box
}

.header_modal--headerLarge--JMHqT {
    padding-top: 8px;
    padding-bottom: 8px
}

.header_modal--headerHidden--JWFxb {
    display: none
}

.header_modal--headerIconImg--OHQqh {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    width: 16px;
    flex: 0 0 16px;
    line-height: 16px;
    margin-left: 4px
}

[data-fpl-version=ui3] .header_modal--headerIconImg--OHQqh,
:where([data-fpl-ui3-override]) .header_modal--headerIconImg--OHQqh {
    margin-right: unset
}

.header_modal--headerIconSvg--dgaEs {
    margin-right: -8px;
    margin-left: -4px
}

.header_modal--headerModalTitle--32hFx {
    padding-left: 8px;
    width: calc(100% - 40px);
    flex: 1;
    margin-right: 4px;
    word-break: break-word;
    white-space: break-spaces
}

[data-fpl-version=ui3] .header_modal--headerModalTitle--32hFx,
:where([data-fpl-ui3-override]) .header_modal--headerModalTitle--32hFx {
    padding-left: var(--spacer-2);
    align-self: center
}

.header_modal--headerModalTitleWithoutOverflow--eQPzZ {
    white-space: nowrap
}

.header_modal--fixedTop--eHgXF {
    align-items: flex-start;
    padding-top: 15vh
}

.header_modal--fixedCenter--wSN6F {
    align-items: center
}

.header_modal--confirmationBody--ViOqF {
    display: flex;
    flex-direction: column;
    line-height: 24px;
    padding: 16px
}

.header_modal--confirmationText--76-iq {
    font-weight: 400;
    padding-top: 4px;
    line-height: 16px
}

.header_modal--confirmButtonBox--FEPg6 {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px
}

.header_modal--confirmationButton--Y-1oj {
    float: right;
    font-weight: 500
}

.header_modal--cancelButton--3zDCc {
    margin-right: 8px
}

.header_modal--rightButtonsClassName--plY48 {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-width: 0
}

[data-fpl-version=ui3] .header_modal--rightButtonsClassName--plY48,
:where([data-fpl-ui3-override]) .header_modal--rightButtonsClassName--plY48 {
    margin-right: var(--spacer-1)
}

.header_modal--modalBorderRadiusOverride--mLoQR {
    border-radius: 8px
}

@media screen and (min-resolution: 2dppx) {
    body.feature_flag_fpl_body_selector_for_font_smoothing[data-fpl-version=ui3] {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    body:not(.feature_flag_fpl_body_selector_for_font_smoothing)[data-fpl-version=ui3] * {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

#font-ui-400-normal {
    font: 400 11px Inter, sans-serif
}

#font-ui-500-normal {
    font: 500 11px Inter, sans-serif
}

#font-ui-600-normal {
    font: 600 11px Inter, sans-serif
}

#font-ui-400-italic {
    font: italic 400 11px Inter, sans-serif
}

#font-ui-500-italic {
    font: italic 500 11px Inter, sans-serif
}

#font-ui-600-italic {
    font: italic 600 11px Inter, sans-serif
}

#font-ui-400-normal-white {
    font: 400 11px Inter, sans-serif;
    color: #fff;
    -webkit-font-smoothing: subpixel-antialiased;
    font-feature-settings: "case" on, "ss02" on, "tnum" on, "liga" on, "calt" on
}

@media screen and (min-resolution: 1.5dppx) {
    #font-ui-400-normal-white {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

.error_boundary--rootErrorBoundary--AMgla {
    position: absolute;
    inset: 0;
    padding: 56px;
    display: flex;
    flex-direction: column;
    overflow: auto;
    background-color: var(--color-bg);
    font-family: Inter, sans-serif, sans-serif;
    font-feature-settings: none;
    font-variant-ligatures: none;
    -webkit-user-select: text
}

.error_boundary--rootDebugErrorBoundary--zZFV4 {
    background-color: #0900ff;
    color: #fff
}

.error_boundary--rootDebugErrorBoundaryCustomWASM--xBEm5 {
    background-color: #3a6d2f
}

.error_boundary--errorBoundaryCenterContent--ItmDw {
    margin-top: auto;
    margin-bottom: auto;
    align-items: center;
    display: flex;
    flex-direction: column
}

.error_boundary--errorBoundaryTitle--zgx1h {
    color: var(--color-text);
    font-weight: 600;
    text-align: center
}

.error_boundary--errorBoundaryDescription--iC-21 {
    color: var(--color-text);
    margin-top: 12px;
    max-width: 450px;
    text-align: center
}

.error_boundary--errorBoundaryErrorId--Xso5v {
    color: var(--color-text-secondary, rgba(0, 0, 0, .3));
    font-style: italic;
    margin-top: 50px
}

.error_boundary--errorBoundaryButtonContainer--LEutz {
    margin-top: 16px
}

.error_boundary--monospaceText--zhgHA {
    font-size: 24px;
    font-family: monospace;
    line-height: 42px
}

.error_boundary--header--p0Nm5 {
    align-self: center
}

.error_boundary--subheader--YJ0bo {
    font-size: 16px
}

.error_boundary--errorMessage--sFTCF {
    margin-top: 24px
}

.arkose--arkoseFrameContainer--HaPFq {
    display: flex;
    align-items: center;
    justify-content: center
}

.arkose--arkoseFrame--ErXcx {
    display: block;
    margin: auto;
    min-width: 300px
}

:root {
    --auth-brand-update-orange: 255, 114, 55;
    --auth-brand-update-coral: 255, 118, 118;
    --auth-brand-update-yellow: 250, 253, 93;
    --auth-brand-update-kelly-green: 36, 203, 113;
    --auth-brand-update-cyan: 0, 182, 255;
    --auth-brand-update-light-cyan: 199, 248, 251;
    --auth-brand-update-teal: 199, 248, 251;
    --auth-brand-update-peach: 255, 201, 193;
    --auth-brand-update-tan: 255, 201, 193;
    --auth-brand-update-neon-green: 103, 255, 127;
    --auth-brand-update-lime: 228, 255, 151;
    --auth-brand-update-mint: 243, 255, 227;
    --auth-brand-update-sage: 149, 185, 172;
    --auth-brand-update-light-gray: 226, 226, 226;
    --auth-brand-update-periwinkle: 196, 186, 255;
    --auth-brand-update-dusty-violet: 203, 159, 210;
    --auth-brand-update-violet: 226, 140, 248;
    --auth-brand-update-maroon: 114, 28, 28;
    --auth-brand-update-dark-purple: 93, 68, 147;
    --auth-brand-update-purple: 135, 79, 255;
    --auth-brand-update-blue: 77, 73, 252;
    --auth-brand-update-navy: 4, 84, 129;
    --auth-brand-update-dark-green: 10, 92, 53;
    --auth-brand-update-black: 0, 0, 0;
    --auth-brand-update-white: 255, 255, 255;
    --auth-brand-update-canvas-gray: 245, 245, 245;
    --auth-brand-update-cool-gray: 105, 116, 133;
    --auth-brand-update-error-red: 151, 33, 33;
    --auth-brand-update-error-light-red: 255, 179, 179;
    --auth-color-text: rgba(var(--auth-brand-update-black), 1);
    --auth-color-text-primary: rgba(var(--auth-brand-update-black), .8);
    --auth-color-text-secondary: rgba(var(--auth-brand-update-black), .6);
    --auth-input-background: rgba(var(--auth-brand-update-black), .08);
    --auth-input-box-shadow: rgba(var(--auth-brand-update-black), 1);
    --auth-brand-error-background: rgba(var(--auth-brand-update-error-red), 1);
    --auth-brand-error-box-shadow: rgba(var(--auth-brand-update-error-red), 1);
    --auth-brand-error-text: rgba(var(--auth-brand-update-white), 1);
    --auth-error-text: rgba(var(--auth-brand-update-error-red), 1);
    --extra-info-checkbox-selected: rgba(var(--auth-brand-update-black), .8);
    --extra-info-checkbox-background: rgba(var(--auth-brand-update-white), 1);
    --extra-info-checkbox-background-hover: rgba(var(--auth-brand-update-black), .08);
    --extra-info-checkbox-svg: rgba(var(--auth-brand-update-white), 1);
    --auth-modal-background: rgba(var(--auth-brand-update-white), 1);
    --hollow-button-background: transparent;
    --standard-brand-button-content: rgba(var(--auth-brand-update-white), 1);
    --standard-brand-button: rgba(var(--auth-brand-update-black), 1);
    --standard-button-disabled: rgba(var(--auth-brand-update-black), .6);
    --standard-button-disabled-text: rgba(var(--auth-brand-update-white), 1);
    --auth-color-text-cool-gray: rgba(var(--auth-brand-update-cool-gray), 1)
}

[data-preferred-theme=dark] {
    --auth-color-text: rgba(var(--auth-brand-update-white), 1);
    --auth-color-text-primary: rgba(var(--auth-brand-update-white), 1);
    --auth-color-text-secondary: rgba(var(--auth-brand-update-white), .6);
    --auth-input-background: rgba(var(--auth-brand-update-white), .08);
    --auth-input-box-shadow: rgba(var(--auth-brand-update-white), 1);
    --auth-brand-error-background: rgba(var(--auth-brand-update-error-light-red), 1);
    --auth-brand-error-box-shadow: rgba(var(--auth-brand-update-error-light-red), 1);
    --auth-brand-error-text: rgba(var(--auth-brand-update-black), 1);
    --auth-error-text: rgba(var(--auth-brand-update-error-light-red), 1);
    --extra-info-checkbox-background: rgba(var(--auth-brand-update-black), 1);
    --extra-info-checkbox-background-hover: rgba(var(--auth-brand-update-white), .16);
    --extra-info-checkbox-svg: rgba(var(--auth-brand-update-black), 1);
    --auth-modal-background: rgba(var(--auth-brand-update-black), 1);
    --standard-brand-button-content: rgba(var(--auth-brand-update-black), 1);
    --standard-brand-button: rgba(var(--auth-brand-update-white), 1);
    --standard-button-disabled: rgba(var(--auth-brand-update-white), .6);
    --standard-button-disabled-text: rgba(var(--auth-brand-update-black), 1)
}

.auth_2024_brand_updates--figmaSans--TbNxo {
    font-family: Figma Sans, sans-serif!important;
    font-variation-settings: "wdth" 98;
    font-optical-sizing: auto
}

.auth_2024_brand_updates--figmaMono--8On-z {
    font-family: Figma Mono, monospace!important;
    font-optical-sizing: auto
}

.auth_2024_brand_updates--text--R2XPq {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

.auth_2024_brand_updates--brandError--iN6ZK {
    display: flex;
    padding: 2px 12px;
    align-items: flex-start;
    border-radius: 4px;
    margin-top: 6px;
    background: var(--auth-brand-error-background);
    color: var(--auth-brand-error-text);
    text-align: left;
    font-size: 14px;
    line-height: 24px
}

.auth_2024_brand_updates--innerLink--5PUwl a {
    font-size: 14px;
    font-weight: 500;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.auth_form--modal--1HV7- {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 422px;
    padding: 28px 20px;
    font-size: 16px;
    min-height: 120px;
    -webkit-font-smoothing: antialiased;
    margin-right: auto;
    margin-left: auto;
    align-items: center
}

.auth_form--form--ydwSW {
    padding: 0 32px;
    align-items: center
}

.auth_form--header--5WRrG {
    -webkit-user-select: none;
    user-select: none;
    font-size: 32px;
    line-height: 125%;
    font-weight: 500;
    text-align: center;
    color: var(--color-text);
    max-width: 100vw;
    letter-spacing: -.02em
}

.auth_form--hint--nmNHu {
    margin-bottom: 24px;
    font-size: 16px;
    color: var(--color-text);
    text-align: center
}

.auth_form--error--EtrjX {
    margin-bottom: 16px;
    margin-top: 16px;
    color: var(--color-text-danger);
    font-size: 14px;
    text-align: center
}

.auth_form--topMatter--M-mkE {
    padding-bottom: 32px
}

.branded_inputs--baseInput--9quGy {
    border: 2px solid var(--color-border-strong);
    border-radius: 6px;
    padding: 14px 16px 13px;
    width: 100%;
    line-height: 23px
}

.branded_inputs--baseInput--9quGy:focus-within {
    background-color: var(--color-bg);
    border: 2px solid var(--color-border-selected-strong);
    border-radius: 6px
}

.branded_inputs--responseError--0Rnex {
    border: 2px solid var(--color-border-danger)!important;
    border-radius: 6px;
    color: var(--color-text-danger)
}

.branded_inputs--responseError--0Rnex:focus-within {
    border: 2px solid var(--color-border-brand)!important;
    border-radius: 6px;
    color: var(--color-text)
}

.branded_inputs--responseErrorMessage--00LCe {
    color: var(--color-text-danger);
    margin-top: 14px;
    text-align: left
}

.branded_inputs--visuallyHidden--eWRcb {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.branded_inputs--label--iXBJS {
    margin: 32px auto 12px;
    display: block
}

.branded_inputs--fieldset--aXu-w {
    border: 0;
    padding: 0;
    margin-left: 0
}

.branded_inputs--dropdown--aW5mG {
    border: 2px solid var(--color-border-strong);
    border-radius: 6px;
    display: block;
    width: 100%;
    min-height: 50px;
    font-size: 18px;
    padding: 14px 14px 13px;
    background: transparent;
    background-image: url(https://static.figma.com/uploads/ff1b2af99466a1b8f2b45e9ef785e23a17aeebbb);
    background-repeat: no-repeat;
    background-position: right 15px center;
    appearance: none
}

.branded_inputs--dropdown--aW5mG:hover {
    background-color: var(--color-bg-hover)
}

.branded_inputs--dropdown--aW5mG:focus {
    background-color: var(--color-bg);
    border: 2px solid var(--color-border-selected);
    border-radius: 6px
}

.branded_inputs--dropdownContainer--tc58P {
    border: 2px solid var(--color-border-strong);
    border-radius: 0 0 6px 6px;
    line-height: 23px;
    background-color: var(--color-bg);
    box-sizing: border-box;
    margin: 0 -2px;
    position: relative;
    z-index: 100
}

.branded_inputs--dropdownContainer--tc58P:focus-within {
    border: 2px solid var(--color-border-selected-strong)
}

.branded_inputs--typeaheadDropdownContainer--GRTvu {
    border: 2px solid var(--color-border-strong);
    border-radius: 0 0 6px 6px;
    width: 100%;
    line-height: 23px;
    background-color: var(--color-bg);
    box-sizing: border-box;
    margin-top: -2px
}

.branded_inputs--typeaheadDropdownContainer--GRTvu:focus-within {
    border: 2px solid var(--color-border-selected);
    border-radius: 6px
}

.branded_inputs--dropdownListNoScroll--egb2E {
    list-style: none;
    padding-left: 0
}

.branded_inputs--dropdownList--EVb3S {
    background-color: var(--color-bg);
    color: var(--color-text);
    cursor: default;
    list-style: none;
    padding-left: 0;
    position: relative;
    max-height: 350px;
    overflow: scroll
}

.branded_inputs--dropdownComboBox--Y6mtn {
    position: relative
}

.branded_inputs--dropdownToggle--9mnsV {
    width: 100%;
    height: 100%;
    position: relative;
    border: 0;
    display: inline-flex;
    align-items: baseline;
    justify-content: space-between;
    border-radius: 6px;
    padding: 14px 16px 13px;
    background-color: transparent
}

.branded_inputs--dropdownIcon--PIirP {
    fill: var(--color-icon)
}

.branded_inputs--typeaheadDropdownToggle--eqlAT {
    background-image: url(https://static.figma.com/uploads/ff1b2af99466a1b8f2b45e9ef785e23a17aeebbb);
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    width: 52px;
    height: calc(100% - 6px);
    position: absolute;
    right: 3px;
    top: 3px;
    border: 0
}

.branded_inputs--dropdownItemFixedBottom--mhlYc {
    border-bottom: 2px solid var(--color-border-strong);
    padding: 14px 16px 13px
}

.branded_inputs--dropdownItem--UH-fv {
    padding: 14px 16px 13px;
    text-align: left
}

.branded_inputs--dropdownItemHighlight--PDKz9 {
    background-color: var(--color-bg-selected-secondary)
}

.branded_inputs--textarea--HdEZB {
    width: 100%;
    height: 152px;
    resize: none;
    box-sizing: border-box
}

.branded_inputs--textInputShort--n-LRu {
    height: 23px;
    width: 100%;
    height: 50px;
    box-sizing: border-box
}

.branded_inputs--textInputShort--n-LRu:disabled {
    opacity: .5
}

.branded_inputs--selectInput--ChYuH {
    padding: 0;
    width: 100%;
    height: 55px;
    box-sizing: border-box;
    color: var(--color-text)
}

.branded_inputs--selectLabel--S-on4 {
    color: var(--color-text);
    text-align: left;
    opacity: .5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px
}

.branded_inputs--selectText--8h6Gu {
    color: var(--color-text);
    text-align: left;
    margin-bottom: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px
}

.branded_inputs--textInputOpen--bL-5v {
    border-radius: 6px 6px 0 0!important
}

.auth_branding--brand--WeCuU a {
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    color: var(--color-text-brand)
}

.form_inputs--input--wfn0T {
    color: var(--color-text);
    font-family: Whyte, sans-serif!important;
    display: block;
    width: 100%;
    box-sizing: border-box;
    -webkit-user-select: auto;
    user-select: auto;
    font-size: 16px;
    border: 2px solid var(--color-border-strong);
    border-radius: 6px;
    height: 50px;
    line-height: normal;
    padding: 0 6px 0 12px;
    background-color: var(--color-bg, white)
}

.form_inputs--input--wfn0T::-webkit-input-placeholder {
    color: var(--color-text-tertiary)
}

.form_inputs--input--wfn0T:focus {
    border: 2px solid var(--color-border-selected-strong);
    padding-left: 12px
}

.form_inputs--domainSuggestion--sBuUE {
    text-align: right;
    margin: 4px 0 0;
    font-size: 12px;
    color: var(--color-text-tertiary)
}

.form_inputs--link--KfGcM {
    color: var(--color-text-brand);
    cursor: pointer;
    -webkit-user-select: auto;
    user-select: auto
}

.form_inputs--link--KfGcM:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.form_inputs--link--KfGcM:focus {
    outline: 2px solid transparent
}

.form_inputs--link--KfGcM:focus:focus-visible {
    outline: 2px solid var(--color-border-selected);
    outline-offset: -2px
}

.form_inputs--link--KfGcM:focus:focus {
    outline: 2px solid var(--color-border-selected);
    outline-offset: -2px
}

.form_inputs--link--KfGcM:focus:focus:not(:focus-visible) {
    outline: 2px solid transparent
}

.auth_view--fullWidth--ffDfw {
    width: 100%
}

.auth_view--wideButton--Db9su {
    box-sizing: border-box;
    margin-top: 12px;
    height: 60px;
    font-size: 16px
}

.auth_view--primaryWideButton--ES6JN {
    background-color: var(--color-bg-brand);
    border-color: var(--color-border-brand)
}

.auth_view--primaryWideButton--ES6JN:hover {
    background-color: var(--color-bg-brand-hover)
}

.auth_view--primaryWideButton--ES6JN:focus {
    box-shadow: 0 0 0 1px var(--color-bg-brand-pressed)
}

.auth_view--brandButtonBase--RAO-j {
    height: 48px;
    font-size: 18px;
    line-height: 24px;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    font-weight: 700;
    border-radius: 8px;
    cursor: pointer
}

.auth_view--brandButton--Le4wb {
    background-color: var(--color-bg-inverse);
    border-color: var(--color-bg-inverse);
    color: var(--color-text-oninverse);
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.auth_view--brandButton--Le4wb:hover {
    background-color: var(--color-bg-inverse)
}

.auth_view--brandButton--Le4wb:focus {
    box-shadow: unset
}

.auth_view--brandButton--Le4wb:disabled {
    background-color: var(--color-bg-disabled);
    cursor: default
}

.auth_view--footer--E0jsP {
    width: 100%
}

.auth_view--footerButtonRow--X82kF {
    display: flex;
    align-items: center;
    justify-content: center
}

.auth_view--centerText--7489g {
    text-align: center
}

.auth_view--footerText--M9q2W {
    color: var(--color-text-secondary, rgba(0, 0, 0, .5));
    font-size: 12px
}

.landing_form--input--yxoaP {
    font-family: Apercu, sans-serif;
    height: 42px;
    border-radius: 0
}

.landing_form--button--FOhJa {
    font-family: Apercu, sans-serif;
    background-color: var(--color-bg-success);
    color: #fff;
    padding: 0 20px;
    border-radius: 2px;
    -webkit-user-select: none;
    user-select: none
}

.landing_form--button--FOhJa:hover {
    background: var(--color-bg-success-hover)
}

.landing_form--button--FOhJa:focus {
    box-shadow: 0 0 0 1px var(--color-bg-success-pressed)
}

.landing_form--button--FOhJa:disabled {
    background: var(--color-bg-disabled);
    box-shadow: none
}

.landing_form--textInput--QhVAu {
    border-bottom: 1px solid var(--color-border)
}

.landing_form--hollowButton--fo853 {
    color: var(--color-text);
    border: 2px solid var(--color-border-strong);
    border-radius: 8px;
    background-color: var(--color-bg);
    font-size: 16px
}

.landing_form--hollowButton--fo853:hover {
    box-shadow: unset;
    background-color: var(--color-bg)
}

.landing_form--hollowButton--fo853:focus {
    box-shadow: unset
}

.landing_form--autoHeight--uHR-p {
    height: auto;
    min-height: 48px;
    max-height: 100px
}

.landing_form--infoCaptureButton--5XC97 {
    width: 100%;
    color: var(--color-text);
    border: 3px solid var(--color-border-strong);
    border-radius: 8px;
    background-color: var(--color-bg);
    font-size: 16px
}

.landing_form--infoCaptureButton--5XC97:hover {
    box-shadow: unset;
    background-color: var(--color-bg)
}

.landing_form--infoCaptureButton--5XC97:focus {
    box-shadow: unset;
    background-color: var(--color-bg-brand-pressed);
    color: var(--color-bg)
}

.landing_form--googleButtonInner--LUmAu {
    display: flex;
    align-items: center;
    justify-content: center
}

.landing_form--googleIcon--5qkTs {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 12px
}

.landing_form--loadingIconCentered--qUt4Q {
    display: flex;
    align-items: center;
    justify-content: center
}

.sign_in_and_up--primaryWideButton--ajva0 {
    margin-top: 0
}

.sign_in_and_up--footerButtonRow--QQuoP a {
    font-size: 16px
}

.sign_in_and_up--signInWithPassword--WpKvE {
    font-size: 14px;
    font-weight: 500
}

.sign_in_and_up--termsLink--lxirF a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.two_factor--center--c14hu {
    justify-items: center
}

.join_org--modalText--t6wL6 {
    text-align: left;
    line-height: 24px;
    font-size: 16px
}

.join_org--modalFooter--1qtlt {
    text-align: center;
    line-height: 24px;
    font-size: 16px;
    color: var(--color-text-secondary)
}

.join_org--link--cdSS1 {
    text-align: center;
    line-height: 24px
}

.password_reset--modal--fz1tm {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 400px;
    padding: 36px;
    font-size: 12px;
    min-height: 120px;
    -webkit-font-smoothing: antialiased
}

.password_reset--form--CoL54 {
    padding: 0 32px
}

.avatar--avatar--fFibd {
    display: flex;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    overflow: hidden;
    color: var(--color-text, white);
    border-radius: 100%;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    -webkit-user-select: none;
    user-select: none
}

.avatar--avatar--fFibd img {
    width: 100%
}

.avatar--circle--ag36Q {
    overflow: hidden;
    border-radius: 100%
}

.avatar--roundedSquare--cq522 {
    border-radius: 2px
}

.avatar--square--p4eL1 {
    border-radius: 10%
}

.avatar--dim--UbqLc {
    opacity: .5
}

.avatar--avatarBellWrapper--sd6MY {
    position: relative
}

.avatar--bell--Lk6s9 {
    border-radius: 50%;
    background-color: var(--color-bg-danger);
    border: 1px solid var(--color-border-strong);
    position: absolute;
    z-index: 1
}

.avatar--avatarWithHandle--Z3934 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    box-sizing: border-box
}

.avatar--avatarWithHandle--Z3934 .avatar--info--vDGTn {
    margin-left: 8px;
    position: relative;
    margin-top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%
}

.avatar--avatarWithHandle--Z3934 .avatar--info--vDGTn.avatar--labelHeadingMedium--IeX2- {
    margin-left: 16px
}

.avatar--avatarWithHandle--Z3934 .avatar--handleRow--0K2-H {
    display: flex;
    align-items: center
}

.avatar--avatarWithHandle--Z3934 .avatar--handleRow--0K2-H>*:not(:first-child) {
    margin-left: 4px
}

.avatar--avatarWithHandle--Z3934 .avatar--handleRow--0K2-H.avatar--labelHeadingMedium--IeX2- {
    font-family: var(--text-heading-medium-font-family);
    font-size: var(--text-heading-medium-font-size);
    font-weight: var(--text-heading-medium-font-weight);
    letter-spacing: var(--text-heading-medium-letter-spacing);
    line-height: var(--text-heading-medium-line-height);
    transform: translateY(-.0625rem)
}

.avatar--avatarWithHandle--Z3934 .avatar--handleRow--0K2-H.avatar--labelHeadingMedium--IeX2->*:not(:first-child, .avatar--isMe--LeNkH) {
    margin-left: .5rem;
    margin-right: 0
}

.avatar--avatarWithHandle--Z3934 .avatar--handle--wlTXK {
    color: var(--color-text);
    text-overflow: ellipsis;
    overflow: hidden
}

.avatar--avatarWithHandle--Z3934 .avatar--isMe--LeNkH {
    color: var(--color-text-secondary);
    margin-left: 4px
}

.avatar--avatarWithHandle--Z3934 .avatar--isMe--LeNkH.avatar--labelHeadingMedium--IeX2- {
    margin-left: 6px
}

.avatar--avatarWithHandle--Z3934 .avatar--email--G3FcZ {
    color: var(--color-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    display: inline-block;
    max-width: 100%
}

.avatar--avatarWithHandle--Z3934 .avatar--emailHover--ekuTn {
    display: inline
}

.avatar--avatarWithHandle--Z3934 .avatar--emailHover--ekuTn:hover .avatar--email--G3FcZ {
    color: var(--color-text-secondary-hover);
    -webkit-text-decoration: underline;
    text-decoration: underline;
    max-width: calc(100% - 15px)
}

.avatar--avatarWithOutwardBorder--3JJ57 {
    border: var(--radius-small) solid var(--color-bg)
}

.avatar--avatarWithInwardBorder--L469R:after {
    border-radius: 100%;
    box-shadow: inset 0 0 0 1px var(--color-bg);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.avatar--avatarWithHandle--Z3934 .avatar--handle--wlTXK {
    -webkit-user-select: none;
    user-select: none
}

.avatar--clickableAvatarWithHandle--d90vX:hover .avatar--handle--wlTXK,
.avatar--clickableAvatarWithHandle--d90vX:focus .avatar--handle--wlTXK {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.avatar--disabledDimAvatarWithHandle--5l6cM .avatar--handle--wlTXK {
    color: var(--color-text-disabled)
}

.avatar--multiTeamAvatarContainer--Rb-Kn,
.avatar--multiTeamAvatarContainerHovered--2V7AO {
    display: flex;
    flex-direction: row-reverse
}

.avatar--multiTeamAvatarContainer--Rb-Kn>*,
.avatar--multiTeamAvatarContainerHovered--2V7AO>* {
    position: relative;
    margin: -2px -4px -2px -2px
}

.avatar--multiTeamAvatarContainer--Rb-Kn>* {
    border: 2px solid var(--color-bg)
}

.avatar--multiTeamAvatarContainerHovered--2V7AO>* {
    border: 2px solid var(--color-bg-hover)
}

.avatar--workspaceAvatarBlue--XbbpI>svg>path:nth-child(1) {
    fill: #bde3ff!important
}

.avatar--workspaceAvatarBlue--XbbpI>svg>path:nth-child(2) {
    fill: #0d99ff!important
}

.avatar--workspaceAvatarPurple--FOGSP>svg>path:nth-child(1) {
    fill: #e4ccff!important
}

.avatar--workspaceAvatarPurple--FOGSP>svg>path:nth-child(2) {
    fill: #9747ff!important
}

.avatar--workspaceAvatarGreen--PWm5o>svg>path:nth-child(1) {
    fill: #aff4c6!important
}

.avatar--workspaceAvatarGreen--PWm5o>svg>path:nth-child(2) {
    fill: #14ae5c!important
}

.avatar--workspaceAvatarTeal--4j3FH>svg>path:nth-child(1) {
    fill: #b6ecf7!important
}

.avatar--workspaceAvatarTeal--4j3FH>svg>path:nth-child(2) {
    fill: #00a2c2!important
}

.app_auth--form--5bLUc {
    padding: 0 32px
}

.app_auth--formWide--f-Ha2 {
    padding-bottom: 30vh;
    justify-content: center
}

.app_auth--innerContainer--xZzJw {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 16px
}

.app_auth--message--WN7nZ {
    color: var(--color-text);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 40px;
    margin-bottom: 17px;
    text-align: center
}

.app_auth--subtitle--Z5k4f {
    font-size: 16px;
    text-align: center;
    margin: 8px 0;
    -webkit-user-select: none;
    user-select: none;
    color: var(--color-text-secondary)
}

.app_auth--error--EpXOP {
    color: var(--color-text-danger);
    font-size: 11px;
    text-align: center
}

.app_auth--redeemButton--Uh-Db {
    width: 348px
}

.app_auth--inlineLinkWithText--KCxa2 {
    display: inline-flex
}

.app_auth--signupLink--vCQo3 {
    margin-left: 4px
}

.app_auth--signupLink--vCQo3:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.validate_code--footerRow--CJ4m0 {
    display: flex;
    justify-content: center;
    font-size: 16px
}

.validate_code--link--aOlPI {
    display: inline;
    font-size: 16px!important;
    cursor: default
}

.validate_code--link--aOlPI:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.validate_code--error--gBEWv {
    margin-top: 5px
}

.validate_code--description--w-PBc {
    text-align: center;
    color: var(--color-text);
    line-height: 24px;
    font-weight: 400;
    font-size: 16px
}

.validate_code--figmaSansHeader--e8MKV {
    font-variation-settings: "wdth" 96
}

.validate_email--link--w8oJH {
    color: var(--color-text-brand);
    display: inline;
    font-size: 16px!important;
    cursor: default
}

.validate_email--link--w8oJH:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.validate_email--header--USmEZ {
    margin-bottom: 24px
}

.validate_email--mobileHeader--WExIW {
    margin-bottom: 16px
}

.validate_email--secondaryDescription--Rm2K2 {
    color: var(--color-text-secondary, rgba(0, 0, 0, .5))
}

@layer reset {
    html {
        vertical-align: baseline;
        cursor: default
    }
    html,
    body,
    div,
    span,
    applet,
    object,
    iframe,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    blockquote,
    pre,
    a,
    abbr,
    acronym,
    address,
    big,
    cite,
    code,
    del,
    dfn,
    em,
    img,
    ins,
    kbd,
    q,
    s,
    samp,
    small,
    strike,
    strong,
    sub,
    sup,
    tt,
    var,
    b,
    u,
    i,
    center,
    dl,
    dt,
    dd,
    ol,
    ul,
    li,
    fieldset,
    form,
    label,
    legend,
    table,
    caption,
    tbody,
    tfoot,
    thead,
    tr,
    th,
    td,
    article,
    aside,
    canvas,
    details,
    embed,
    figure,
    figcaption,
    footer,
    header,
    hgroup,
    menu,
    nav,
    output,
    ruby,
    section,
    summary,
    time,
    mark,
    audio,
    video,
    input,
    select,
    button,
    textarea {
        margin: 0;
        padding: 0;
        border: 0;
        font: inherit;
        vertical-align: inherit;
        outline: none;
        letter-spacing: inherit;
        -webkit-text-decoration: none;
        text-decoration: none;
        cursor: inherit
    }
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    menu,
    nav,
    section {
        display: block
    }
    ol,
    ul {
        list-style: none
    }
    blockquote,
    q {
        quotes: none
    }
    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: "";
        content: none
    }
    table {
        border-collapse: collapse;
        border-spacing: 0
    }
    button {
        background-color: var(--color-bg)
    }
    svg {
        display: block
    }
    .svg-container path:not([fill=none]) {
        fill: inherit
    }
    .svg-container path:not([stroke=none]) {
        stroke: inherit
    }
    .svg-container stop:not([stop-color=none]) {
        stop-color: var(--color-icon)
    }
    span.svg {
        display: block;
        vertical-align: top;
        text-transform: none!important;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased
    }
    i18n-text {
        display: contents
    }
}

.simple_page--page--U--BG {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 100%;
    font: 400 11px/16px Inter, sans-serif;
    color: #333;
    background-color: #f0f0f0
}

.simple_page--header--9dRz0 {
    background-color: #000;
    color: #fff;
    font-size: 15px;
    height: 42px;
    line-height: 42px;
    text-align: left;
    display: block
}

.simple_page--logo--CciSc {
    width: 32px;
    margin-top: 24px;
    margin-left: 32px
}

.base_cookie_banner--container--nUKFl {
    box-sizing: border-box;
    display: grid;
    grid-template-rows: 1fr min-content;
    grid-template-columns: 1fr min-content;
    grid-template-areas: "cb-body cb-dismiss" "cb-actions cb-actions";
    cursor: default;
    -webkit-user-select: none;
    user-select: none
}

.base_cookie_banner--body--lPBYi {
    align-self: center;
    grid-area: cb-body;
    margin-right: 8px;
    margin-bottom: 16px
}

.base_cookie_banner--body--lPBYi b {
    font-weight: 700
}

.base_cookie_banner--actions--1LAhr {
    grid-area: cb-actions;
    align-self: center;
    display: flex;
    flex-direction: row
}

.base_cookie_banner--actions--1LAhr>*+* {
    margin-left: 8px
}

.base_cookie_banner--dismiss--gdSyk {
    grid-area: cb-dismiss;
    align-self: start;
    line-height: 0;
    margin: -8px -8px 0 0
}

@media (min-width: 700px) {
    .base_cookie_banner--container--nUKFl {
        grid-template-rows: 1fr;
        grid-template-columns: 1fr min-content min-content;
        grid-template-areas: "cb-body cb-actions cb-dismiss"
    }
    .base_cookie_banner--body--lPBYi {
        grid-area: cb-body;
        margin-right: 16px;
        margin-bottom: unset
    }
    .base_cookie_banner--actions--1LAhr {
        grid-area: cb-actions;
        align-self: center;
        margin: 0 8px 0 0
    }
    .base_cookie_banner--dismiss--gdSyk {
        grid-area: cb-dismiss;
        align-self: center;
        margin: unset
    }
}

.base_cookie_banner--container__community--oc-bP {
    position: fixed;
    width: 100vw;
    z-index: 3
}

.base_cookie_banner--container__fileViewer--522-P {
    position: fixed;
    bottom: 0;
    width: 100vw;
    background: var(--color-bg);
    padding: 16px;
    z-index: 30
}

[data-editor-theme=design] .base_cookie_banner--container__fileViewer--522-P {
    box-shadow: var(--elevation-200-canvas)
}

.base_cookie_banner--container__fileViewer--522-P a {
    color: var(--color-text-brand)
}

.base_cookie_banner--container__fileViewer--522-P .base_cookie_banner--dismissIcon--0O2Nl {
    fill: var(--color-icon)
}

.base_cookie_banner--container__prototype--A1a4y {
    background: var(--color-bg-toolbar, rgba(0, 0, 0, .75));
    color: var(--color-textondarkcanvas);
    width: 100vw;
    padding: 16px;
    border-top: 1px solid var(--color-conditionalborder)
}

.base_cookie_banner--container__prototype--A1a4y a {
    color: var(--color-text-design)
}

.base_cookie_banner--container__prototype--A1a4y .base_cookie_banner--dismissIcon--0O2Nl {
    fill: var(--color-textondarkcanvas)
}

.base_cookie_banner--container__auth--okjXC {
    position: sticky;
    z-index: 30
}

.base_cookie_banner--container__authOrCommunity--cqdOl {
    background: var(--color-bg);
    bottom: 0;
    border-top: 2px solid var(--color-bg-inverse);
    padding: 14px 8px 16px 32px;
    margin-top: 32px
}

.base_cookie_banner--container__authOrCommunity--cqdOl .base_cookie_banner--body--lPBYi {
    font-size: 12px;
    font-family: Whyte
}

.base_cookie_banner--container__authOrCommunity--cqdOl .base_cookie_banner--dismiss--gdSyk {
    margin: -8px 0 0
}

.base_cookie_banner--container__authOrCommunity--cqdOl .base_cookie_banner--dismissIcon--0O2Nl {
    fill: var(--color-icon, black);
    color: var(--color-icon, black)
}

.base_cookie_banner--container__authOrCommunity--cqdOl .base_cookie_banner--brandButton__small--a85Tk {
    height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px!important;
    line-height: 18px!important;
    border-width: 2px!important
}

@media (min-width: 700px) {
    .base_cookie_banner--container__authOrCommunity--cqdOl .base_cookie_banner--dismiss--gdSyk {
        margin: unset
    }
}

.base_cookie_banner--fileViewer__persistentMessage--2cPck {
    -webkit-user-select: none;
    user-select: none;
    position: fixed;
    z-index: 30;
    bottom: 16px;
    left: calc(var(--left-panel-width, 0px)+ var(--left-rail-width, 0px)+ 12px);
    border-radius: 6px;
    background-color: var(--color-bg)
}

.base_cookie_banner--fileViewer__persistentMessage--2cPck>a {
    cursor: default;
    padding: 8px;
    line-height: 18px;
    display: block
}

.base_cookie_banner--fileViewer__persistentMessage--2cPck>a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

[data-editor-theme=whiteboard] .base_cookie_banner--fileViewer__persistentMessage--2cPck {
    bottom: calc(24px+ var(--cookie-banner-persistent-message-bottom-margin))
}

.base_cookie_banner--leftPanelCollapsed--Dh92u {
    --left-panel-width: 0px
}

.base_cookie_banner--fileViewer__persistentMessage_dark--p4-Bd>a {
    color: var(--color-textondarkcanvassecondary)
}

.base_cookie_banner--fileViewer__persistentMessage_light---AVp5>a {
    color: var(--color-textonlightcanvassecondary)
}

.base_cookie_banner--community__persistentMessage--TM90N {
    position: fixed;
    bottom: 16px;
    right: 16px;
    font-family: Whyte;
    z-index: 3
}

.base_cookie_banner--community__persistentMessage__link--WTjS9 {
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 48px;
    background: var(--color-bg-inverse)
}

.base_cookie_banner--community__persistentMessage__link--WTjS9:hover+.base_cookie_banner--community__persistentMessage__tooltip--g-KBY {
    transform: translateY(0);
    opacity: 1
}

.base_cookie_banner--community__persistentMessage__link--WTjS9 path {
    fill: var(--color-text-oninverse, #fff)!important
}

.base_cookie_banner--community__persistentMessage__tooltip--g-KBY {
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    right: 10px;
    bottom: calc(100%+ 9px);
    padding: 8px;
    display: block;
    line-height: 18px;
    font-size: 14px;
    background: var(--color-bg-inverse);
    color: var(--color-text-oninverse);
    border-radius: 2px;
    opacity: 0;
    transform: translateY(12px);
    transition: all .2s ease;
    width: max-content
}

.base_cookie_banner--community__persistentMessage__tooltip--g-KBY:after {
    content: " ";
    position: absolute;
    bottom: -5px;
    right: 8px;
    border-top: 6px solid var(--color-bg-inverse);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.base_cookie_banner--auth__persistentMessage--P9x0D {
    position: sticky;
    z-index: 30;
    background: var(--color-bg);
    padding: 24px 8px;
    display: flex;
    justify-content: center;
    align-items: center
}

.base_cookie_banner--auth__persistentMessage--P9x0D a {
    font-size: 12px;
    line-height: 18px;
    color: var(--color-text-secondary, rgba(0, 0, 0, .6))
}

.base_cookie_banner--auth__persistentMessage--P9x0D a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.flash_view--flashes--laY71 {
    margin-top: 24px;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 11;
    width: 100%;
    pointer-events: none
}

.flash_view--flashPositioner--njLSF {
    margin-bottom: 24px
}

.flash_view--flash--B2pbZ {
    display: inline-block;
    min-width: 200;
    max-width: 500;
    margin-bottom: 24px;
    text-align: center;
    padding: 10px 18px;
    line-height: 1.5;
    box-sizing: border-box;
    box-shadow: 0 1px 3px #0000004d;
    transition: top .1s ease;
    pointer-events: initial;
    font-size: 11px;
    border-radius: 3px;
    background-color: var(--color-bg-brand);
    font-family: Inter, sans-serif
}

.flash_view--flash--B2pbZ a {
    color: inherit;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.flash_view--flashError--WOTRi {
    background-color: var(--color-bg-danger)
}

.auth_app_view--brand--rj83K {
    background-color: var(--color-bg)
}

.auth_app_view--authView--vSClT.auth_app_view--brand--rj83K {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    padding-top: 15vh;
    margin: auto;
    width: 100%
}

.auth_app_view--authView--vSClT.auth_app_view--brand--rj83K.auth_app_view--fullscreen--gxspS {
    padding-top: 0;
    align-items: center;
    margin-top: -72px;
    max-width: 422px
}

@media screen and (max-width: 850px) {
    .auth_app_view--authView--vSClT.auth_app_view--brand--rj83K.auth_app_view--fullscreen--gxspS {
        padding-top: 24px;
        align-items: unset;
        margin-top: unset
    }
    .auth_app_view--authView--vSClT.auth_app_view--brand--rj83K {
        padding-top: 24px
    }
}

.cx_gridColumnStart1--6Dpp7 {
    grid-column-start: 1
}

.cx_gridColumnStart2--SyY94 {
    grid-column-start: 2
}

.cx_gridColumnStart3--0JFMY {
    grid-column-start: 3
}

.cx_gridColumnStart4--wNF0n {
    grid-column-start: 4
}

.cx_gridColumnStart5--rqwYi {
    grid-column-start: 5
}

.cx_gridColumnStart6--hYOm9 {
    grid-column-start: 6
}

.cx_gridColumnStart7---qSOF {
    grid-column-start: 7
}

.cx_gridColumnStart8--Ga6Ue {
    grid-column-start: 8
}

.cx_gridColumnStart9--ZPR32 {
    grid-column-start: 9
}

.cx_gridColumnStart10--zKeX0 {
    grid-column-start: 10
}

.cx_gridColumnStart11--lm3XS {
    grid-column-start: 11
}

.cx_gridColumnStart12--z2GVI {
    grid-column-start: 12
}

.cx_gridColumnStart13--pJKlc {
    grid-column-start: 13
}

.cx_gridColumnStart14--iEXe9 {
    grid-column-start: 14
}

.cx_gridColumnStart15--1CP13 {
    grid-column-start: 15
}

.cx_gridColumnStart16--k350V {
    grid-column-start: 16
}

.cx_gridColumnStart17--P4mwR {
    grid-column-start: 17
}

.cx_gridColumnStart18--wSqyJ {
    grid-column-start: 18
}

.cx_gridColumnStart19--fiZR7 {
    grid-column-start: 19
}

.cx_gridColumnStart20--n-wBL {
    grid-column-start: 20
}

.cx_gridColumnStart21--HvKSv {
    grid-column-start: 21
}

.cx_gridColumnStart22--4sXYy {
    grid-column-start: 22
}

.cx_gridColumnStart23--tPARB {
    grid-column-start: 23
}

.cx_gridColumnStart24--wrfzi {
    grid-column-start: 24
}

.cx_gridColumnStart25--x6u-n {
    grid-column-start: 25
}

.cx_gridColumnStart26--XuJfc {
    grid-column-start: 26
}

.cx_gridColumnStart27--i2frE {
    grid-column-start: 27
}

.cx_gridColumnStart28--SMFKd {
    grid-column-start: 28
}

.cx_gridColumnStart29--JwkD4 {
    grid-column-start: 29
}

.cx_gridColumnStart30--lOY1G {
    grid-column-start: 30
}

.cx_gridColumnStart31--UHBSK {
    grid-column-start: 31
}

.cx_gridColumnStart32--Cw9pc {
    grid-column-start: 32
}

.cx_gridColumnEnd1--JxJMd {
    grid-column-end: 1
}

.cx_gridColumnEnd2--N0Dpt {
    grid-column-end: 2
}

.cx_gridColumnEnd3--OWRL6 {
    grid-column-end: 3
}

.cx_gridColumnEnd4--Qprwd {
    grid-column-end: 4
}

.cx_gridColumnEnd5--4Q3ii {
    grid-column-end: 5
}

.cx_gridColumnEnd6--C9ReZ {
    grid-column-end: 6
}

.cx_gridColumnEnd7--JvCfV {
    grid-column-end: 7
}

.cx_gridColumnEnd8--Hkv-N {
    grid-column-end: 8
}

.cx_gridColumnEnd9--ojQBC {
    grid-column-end: 9
}

.cx_gridColumnEnd10--mG8jv {
    grid-column-end: 10
}

.cx_gridColumnEnd11--3HrmM {
    grid-column-end: 11
}

.cx_gridColumnEnd12---ysEW {
    grid-column-end: 12
}

.cx_gridColumnEnd13--guSHV {
    grid-column-end: 13
}

.cx_gridColumnEnd14--YT3rj {
    grid-column-end: 14
}

.cx_gridColumnEnd15--xM79M {
    grid-column-end: 15
}

.cx_gridColumnEnd16--H-Q23 {
    grid-column-end: 16
}

.cx_gridColumnEnd17--lvyeg {
    grid-column-end: 17
}

.cx_gridColumnEnd18--q75zC {
    grid-column-end: 18
}

.cx_gridColumnEnd19--OZERU {
    grid-column-end: 19
}

.cx_gridColumnEnd20--dDElm {
    grid-column-end: 20
}

.cx_gridColumnEnd21--Y-7-T {
    grid-column-end: 21
}

.cx_gridColumnEnd22--fmwJM {
    grid-column-end: 22
}

.cx_gridColumnEnd23--HLi6k {
    grid-column-end: 23
}

.cx_gridColumnEnd24--2EDQ0 {
    grid-column-end: 24
}

.cx_gridColumnEnd25--Bx8nw {
    grid-column-end: 25
}

.cx_gridColumnEnd26--lW6dF {
    grid-column-end: 26
}

.cx_gridColumnEnd27--mu-Ot {
    grid-column-end: 27
}

.cx_gridColumnEnd28--h9ikq {
    grid-column-end: 28
}

.cx_gridColumnEnd29--pBtyf {
    grid-column-end: 29
}

.cx_gridColumnEnd30--Fgf3K {
    grid-column-end: 30
}

.cx_gridColumnEnd31--mCijw {
    grid-column-end: 31
}

.cx_gridColumnEnd32--O2tj- {
    grid-column-end: 32
}

.cx_gridColumnEndSpan1--1iwm6 {
    grid-column-end: span 1
}

.cx_gridColumnEndSpan2--afI6z {
    grid-column-end: span 2
}

.cx_gridColumnEndSpan3--d2u-X {
    grid-column-end: span 3
}

.cx_gridColumnEndSpan4--LnDkN {
    grid-column-end: span 4
}

.cx_gridColumnEndSpan5--uzqqg {
    grid-column-end: span 5
}

.cx_gridColumnEndSpan6--xVZTv {
    grid-column-end: span 6
}

.cx_gridColumnEndSpan7--PsX1K {
    grid-column-end: span 7
}

.cx_gridColumnEndSpan8--tTTm1 {
    grid-column-end: span 8
}

.cx_gridColumnEndSpan9--gBY40 {
    grid-column-end: span 9
}

.cx_gridColumnEndSpan10--MU-71 {
    grid-column-end: span 10
}

.cx_gridRowEnd1--QEqyd {
    grid-row-end: 1
}

.cx_gridRowEnd2--mKt7w {
    grid-row-end: 2
}

.cx_gridTemplateColumns1--VAqbU {
    grid-template-columns: repeat(1, 1fr)
}

.cx_gridTemplateColumns2--dxzbP {
    grid-template-columns: repeat(2, 1fr)
}

.cx_gridTemplateColumns3--CINrE {
    grid-template-columns: repeat(3, 1fr)
}

.cx_gridTemplateColumns4--RkK3n {
    grid-template-columns: repeat(4, 1fr)
}

.cx_gridTemplateColumns5--oD5EG {
    grid-template-columns: repeat(5, 1fr)
}

.cx_gridTemplateRows1--YKEM6 {
    grid-template-rows: repeat(1, 1fr)
}

.cx_gridTemplateRows2--GpvsM {
    grid-template-rows: repeat(2, 1fr)
}

.cx_gridTemplateRows3--3pbJ5 {
    grid-template-rows: repeat(3, 1fr)
}

.cx_gridTemplateRows4--ZkAXa {
    grid-template-rows: repeat(4, 1fr)
}

.cx_gridTemplateRows5--i3p-x {
    grid-template-rows: repeat(5, 1fr)
}

.base-icon-button__baseIconButton__TXKzr {
    --icon-button-width: initial;
    --icon-button-height: initial;
    --icon-button-size: initial;
    --icon-button-icon-size: initial;
    --icon-button-radius: initial;
    --icon-button-outline-offset: -.0625rem;
    --icon-button-outline-width: .0625rem;
    --icon-button-outline-color: transparent;
    --icon-button-icon: var(--color-icon);
    --icon-button-icon-secondary: var(--color-icon-secondary);
    --icon-button-icon-tertiary: var(--color-icon-tertiary);
    display: grid;
    width: var(--icon-button-width, var(--icon-button-size));
    height: var(--icon-button-height, var(--icon-button-size));
    min-width: var(--icon-button-width, var(--icon-button-size));
    padding: 0;
    border-radius: var(--fpl-radius-left, var(--icon-button-radius)) var(--fpl-radius-right, var(--icon-button-radius)) var(--fpl-radius-right, var(--icon-button-radius)) var(--fpl-radius-left, var(--icon-button-radius));
    background: transparent;
    outline: var(--icon-button-outline-color) solid var(--icon-button-outline-width);
    outline-offset: var(--icon-button-outline-offset)
}

.base-icon-button__baseIconButton__TXKzr[aria-disabled=true] {
    --icon-button-icon: var(--color-icon-disabled);
    --icon-button-icon-secondary: var(--color-icon-disabled);
    --icon-button-icon-tertiary: var(--color-icon-disabled)
}

.base-icon-button__icon__FIIFq {
    --color-icon: var(--icon-button-icon);
    --color-icon-secondary: var(--icon-button-icon-secondary);
    --color-icon-tertiary: var(--icon-button-icon-tertiary);
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--icon-button-icon-size);
    height: var(--icon-button-icon-size);
    min-width: var(--icon-button-icon-size);
    border-radius: var(--fpl-radius-left, var(--icon-button-radius)) var(--fpl-radius-right, var(--icon-button-radius)) var(--fpl-radius-right, var(--icon-button-radius)) var(--fpl-radius-left, var(--icon-button-radius));
    fill: var(--color-icon);
    pointer-events: none
}

.typography__textDisplay__TWIy9 {
    font-weight: var(--text-display-font-weight);
    font-size: var(--text-display-font-size);
    font-family: var(--text-display-font-family);
    line-height: var(--text-display-line-height);
    letter-spacing: var(--text-display-letter-spacing)
}

.typography__headingLarge__IVz-1 {
    font-weight: var(--text-heading-large-font-weight);
    font-size: var(--text-heading-large-font-size);
    font-family: var(--text-heading-large-font-family);
    line-height: var(--text-heading-large-line-height);
    letter-spacing: var(--text-heading-large-letter-spacing)
}

.typography__headingMedium__SLaND {
    font-weight: var(--text-heading-medium-font-weight);
    font-size: var(--text-heading-medium-font-size);
    font-family: var(--text-heading-medium-font-family);
    line-height: var(--text-heading-medium-line-height);
    letter-spacing: var(--text-heading-medium-letter-spacing)
}

.typography__headingSmall__03c2P {
    font-weight: var(--text-heading-small-font-weight);
    font-size: var(--text-heading-small-font-size);
    font-family: var(--text-heading-small-font-family);
    line-height: var(--text-heading-small-line-height);
    letter-spacing: var(--text-heading-small-letter-spacing)
}

.typography__bodyLarge__RG8rE {
    font-weight: var(--text-body-large-font-weight);
    font-size: var(--text-body-large-font-size);
    font-family: var(--text-body-large-font-family);
    line-height: var(--text-body-large-line-height);
    letter-spacing: var(--text-body-large-letter-spacing)
}

.typography__bodyLargeStrong__GeEKJ {
    font-weight: var(--text-body-large-strong-font-weight);
    font-size: var(--text-body-large-strong-font-size);
    font-family: var(--text-body-large-strong-font-family);
    line-height: var(--text-body-large-strong-line-height);
    letter-spacing: var(--text-body-large-strong-letter-spacing)
}

.typography__bodyMedium__phzT0 {
    font-weight: var(--text-body-medium-font-weight);
    font-size: var(--text-body-medium-font-size);
    font-family: var(--text-body-medium-font-family);
    line-height: var(--text-body-medium-line-height);
    letter-spacing: var(--text-body-medium-letter-spacing)
}

.typography__bodyMediumStrong__lN1i5 {
    font-weight: var(--text-body-medium-strong-font-weight);
    font-size: var(--text-body-medium-strong-font-size);
    font-family: var(--text-body-medium-strong-font-family);
    line-height: var(--text-body-medium-strong-line-height);
    letter-spacing: var(--text-body-medium-strong-letter-spacing)
}

.typography__bodySmall__UKw9L {
    font-weight: var(--text-body-small-font-weight);
    font-size: var(--text-body-small-font-size);
    font-family: var(--text-body-small-font-family);
    line-height: var(--text-body-small-line-height);
    letter-spacing: var(--text-body-small-letter-spacing)
}

.typography__bodySmallStrong__TodEB {
    font-weight: var(--text-body-small-strong-font-weight);
    font-size: var(--text-body-small-strong-font-size);
    font-family: var(--text-body-small-strong-font-family);
    line-height: var(--text-body-small-strong-line-height);
    letter-spacing: var(--text-body-small-strong-letter-spacing)
}

.badge__badge__O61UB {
    position: relative;
    display: inline-flex;
    align-items: center;
    overflow: hidden
}

[data-fpl-version=ui3] .badge__badge__O61UB,
:where([data-fpl-ui3-override]) .badge__badge__O61UB {
    border-radius: var(--radius-medium)
}

body:not([data-fpl-version=ui3]) .badge__badge__O61UB:where(:not([data-fpl-ui3-override] *)) {
    border-radius: .1875rem
}

.badge__badgeText__Iz2WE {
    display: block;
    flex: 1 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none
}

.badge__mediumSize__loLd- {
    height: 1rem
}

[data-fpl-version=ui3] .badge__mediumSize__loLd-,
:where([data-fpl-ui3-override]) .badge__mediumSize__loLd- {
    padding: 0 var(--spacer-1)
}

body:not([data-fpl-version=ui3]) .badge__mediumSize__loLd-:where(:not([data-fpl-ui3-override] *)) {
    padding: 0 .25rem
}

.badge__mediumSize__loLd-.badge__hasIconPrefix__lq3F3 {
    padding-left: 0
}

.badge__largeSize__AZT4z {
    height: 1.25rem;
    padding: 0 .375rem
}

.badge__largeSize__AZT4z.badge__hasIconPrefix__lq3F3 {
    padding-left: .125rem
}

.badge__icon__YWyTU {
    --color-icon: var(--badge-icon);
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.badge__outlineStyle__zCfGl {
    color: var(--badge-color);
    background: transparent;
    outline: var(--badge-border) solid .0625rem;
    outline-offset: -.0625rem
}

.badge__solidStyle__PMY1v {
    color: var(--badge-color);
    background: var(--badge-background)
}

.badge__defaultFilled__3SDQV {
    --badge-icon: var(--color-icon);
    --badge-color: var(--color-text);
    --badge-background: var(--color-bg-tertiary)
}

.badge__defaultOutline__VXf2n {
    --badge-icon: var(--color-icon);
    --badge-color: var(--color-text);
    --badge-border: var(--color-border)
}

.badge__inverseFilled__7J9TB {
    --badge-icon: var(--color-icon-oninverse);
    --badge-color: var(--color-text-oninverse);
    --badge-background: var(--color-bg-inverse)
}

.badge__brandFilled__VJIp8 {
    --badge-icon: var(--color-icon-onbrand);
    --badge-color: var(--color-text-onbrand);
    --badge-background: var(--color-bg-brand)
}

.badge__brandOutline__NV09G {
    --badge-icon: var(--color-icon-brand);
    --badge-color: var(--color-text-brand);
    --badge-border: var(--color-border-brand)
}

.badge__componentFilled__IFL-M {
    --badge-icon: var(--color-icon-oncomponent);
    --badge-color: var(--color-text-oncomponent);
    --badge-background: var(--color-bg-component)
}

.badge__componentOutline__-TkI1 {
    --badge-icon: var(--color-icon-component);
    --badge-color: var(--color-text-component);
    --badge-border: var(--color-border-component)
}

.badge__successFilled__we4n- {
    --badge-icon: var(--color-icon-onsuccess);
    --badge-color: var(--color-text-onsuccess);
    --badge-background: var(--color-bg-success)
}

.badge__successOutline__rjO5n {
    --badge-icon: var(--color-icon-success);
    --badge-color: var(--color-text-success);
    --badge-border: var(--color-border-success)
}

.badge__warningFilled__esIha {
    --badge-icon: var(--color-icon-onwarning);
    --badge-color: var(--color-text-onwarning);
    --badge-background: var(--color-bg-warning)
}

.badge__warningOutline__wKdgI {
    --badge-icon: var(--color-icon-warning);
    --badge-color: var(--color-text-warning);
    --badge-border: var(--color-border-warning)
}

.badge__dangerFilled__pCK7W {
    --badge-icon: var(--color-icon-ondanger);
    --badge-color: var(--color-text-ondanger);
    --badge-background: var(--color-bg-danger)
}

.badge__dangerOutline__IOJ3q {
    --badge-icon: var(--color-icon-danger);
    --badge-color: var(--color-text-danger);
    --badge-border: var(--color-border-danger)
}

.badge__inactiveFilled__7Upur {
    --badge-icon: var(--color-icon-secondary);
    --badge-color: var(--color-text-secondary);
    --badge-background: var(--color-bg-secondary)
}

.badge__inactiveOutline__q2Jiw {
    --badge-icon: var(--color-icon-secondary);
    --badge-color: var(--color-text-secondary);
    --badge-border: var(--color-border)
}

.badge__onFill__H-EKJ {
    --badge-icon: var(--color-icon-onbrand);
    --badge-color: var(--color-text-onbrand);
    --badge-background: var(--color-bghoveronlightcanvas)
}

:where(.badge-reset__badgeReset__ochuI) {
    font-weight: unset
}

.checkbox__root__L-PwP {
    display: grid;
    grid-template-columns: max-content;
    column-gap: var(--spacer-2)
}

body:not([data-fpl-version=ui3]) .checkbox__root__L-PwP:where(:not([data-fpl-ui3-override] *))>label {
    margin-top: .5rem
}

.checkbox__root__L-PwP>.checkbox__description__kr0Zj {
    grid-row: 2;
    grid-column: 2
}

.checkbox__root__L-PwP>label {
    grid-column: 2;
    margin-top: .25rem
}

.manually-labeled-checkbox__root__Mo9F- {
    --fpl-checkbox-outer-size: 1.5rem;
    --fpl-checkbox-inner-size: 1rem;
    --fpl-checkbox-inset: calc((var(--fpl-checkbox-outer-size) - var(--fpl-checkbox-inner-size))/2);
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    width: var(--fpl-checkbox-outer-size);
    height: var(--fpl-checkbox-outer-size);
    -webkit-user-select: none;
    user-select: none
}

[data-fpl-version=ui3] .manually-labeled-checkbox__root__Mo9F-,
:where([data-fpl-ui3-override]) .manually-labeled-checkbox__root__Mo9F- {
    width: var(--fpl-checkbox-inner-size);
    height: var(--fpl-checkbox-inner-size);
    margin: var(--spacer-1) 0
}

[data-fpl-version=ui3] .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__visuals__Be3AE,
:where([data-fpl-ui3-override]) .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__visuals__Be3AE {
    --checkbox-first-inner-border-color: var(--color-border);
    --checkbox-second-inner-border-color: transparent;
    --checkbox-bg: var(--color-bg-secondary);
    position: absolute;
    inset: 0;
    display: inline-grid;
    place-content: center;
    box-sizing: border-box;
    border: 1px solid var(--checkbox-first-inner-border-color, transparent);
    border-radius: var(--radius-medium);
    background: var(--checkbox-bg);
    pointer-events: none
}

[data-fpl-version=ui3] .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__visuals__Be3AE:before,
:where([data-fpl-ui3-override]) .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__visuals__Be3AE:before {
    position: absolute;
    inset: 0;
    content: "";
    box-sizing: border-box;
    border: 1px solid var(--checkbox-second-inner-border-color, transparent);
    border-radius: calc(var(--radius-medium) - 1px);
    background: transparent
}

[data-fpl-version=ui3] .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__visuals__Be3AE>*,
:where([data-fpl-ui3-override]) .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__visuals__Be3AE>* {
    position: relative
}

[data-fpl-version=ui3] .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__checkbox__qNblJ:focus-visible+.manually-labeled-checkbox__visuals__Be3AE,
:where([data-fpl-ui3-override]) .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__checkbox__qNblJ:focus-visible+.manually-labeled-checkbox__visuals__Be3AE {
    --checkbox-first-inner-border-color: var(--color-border-selected-strong);
    --checkbox-second-inner-border-color: var(--color-bg)
}

[data-fpl-version=ui3] .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__checkbox__qNblJ:disabled+.manually-labeled-checkbox__visuals__Be3AE,
:where([data-fpl-ui3-override]) .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__checkbox__qNblJ:disabled+.manually-labeled-checkbox__visuals__Be3AE {
    --checkbox-bg: transparent;
    --checkbox-first-inner-border-color: var(--color-border-disabled);
    --color-icon: var(--color-icon-ondisabled)
}

[data-fpl-version=ui3] .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__checkbox__qNblJ:disabled:checked+.manually-labeled-checkbox__visuals__Be3AE,
:where([data-fpl-ui3-override]) .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__checkbox__qNblJ:disabled:checked+.manually-labeled-checkbox__visuals__Be3AE,
[data-fpl-version=ui3] .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__checkbox__qNblJ:disabled:indeterminate+.manually-labeled-checkbox__visuals__Be3AE,
:where([data-fpl-ui3-override]) .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__checkbox__qNblJ:disabled:indeterminate+.manually-labeled-checkbox__visuals__Be3AE {
    --checkbox-first-inner-border-color: transparent;
    --checkbox-bg: var(--color-bg-disabled)
}

[data-fpl-version=ui3] .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__checkbox__qNblJ:not(.manually-labeled-checkbox__muted__kzSni, :disabled)+.manually-labeled-checkbox__visuals__Be3AE,
:where([data-fpl-ui3-override]) .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__checkbox__qNblJ:not(.manually-labeled-checkbox__muted__kzSni, :disabled)+.manually-labeled-checkbox__visuals__Be3AE {
    --color-icon: var(--color-icon-onbrand)
}

[data-fpl-version=ui3] .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__checkbox__qNblJ:not(.manually-labeled-checkbox__muted__kzSni, :disabled):checked+.manually-labeled-checkbox__visuals__Be3AE,
:where([data-fpl-ui3-override]) .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__checkbox__qNblJ:not(.manually-labeled-checkbox__muted__kzSni, :disabled):checked+.manually-labeled-checkbox__visuals__Be3AE,
[data-fpl-version=ui3] .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__checkbox__qNblJ:not(.manually-labeled-checkbox__muted__kzSni, :disabled):indeterminate+.manually-labeled-checkbox__visuals__Be3AE,
:where([data-fpl-ui3-override]) .manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__checkbox__qNblJ:not(.manually-labeled-checkbox__muted__kzSni, :disabled):indeterminate+.manually-labeled-checkbox__visuals__Be3AE {
    --checkbox-first-inner-border-color: var(--color-border-selected-strong);
    --checkbox-bg: var(--color-bg-brand)
}

body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) {
    --fpl-checkbox-outer-size: 2rem;
    --fpl-checkbox-inner-size: .75rem
}

body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) .manually-labeled-checkbox__visuals__Be3AE {
    --color-icon: var(--color-icon-onbrand);
    position: absolute;
    inset: .625rem;
    display: inline-grid;
    place-content: center;
    border-radius: .125rem;
    background: transparent;
    outline: 1px solid var(--color-border-strong);
    outline-offset: -1px;
    pointer-events: none
}

body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) .manually-labeled-checkbox__visuals__Be3AE:before {
    position: absolute;
    inset: 0;
    content: "";
    border-radius: .125rem;
    background: transparent
}

body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) .manually-labeled-checkbox__visuals__Be3AE>* {
    position: relative
}

body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) .manually-labeled-checkbox__checkbox__qNblJ:checked+.manually-labeled-checkbox__visuals__Be3AE,
body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) .manually-labeled-checkbox__checkbox__qNblJ:indeterminate+.manually-labeled-checkbox__visuals__Be3AE {
    outline-color: transparent
}

body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) .manually-labeled-checkbox__checkbox__qNblJ:checked+.manually-labeled-checkbox__visuals__Be3AE:before,
body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) .manually-labeled-checkbox__checkbox__qNblJ:indeterminate+.manually-labeled-checkbox__visuals__Be3AE:before {
    background: var(--color-bg-brand)
}

body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) .manually-labeled-checkbox__checkbox__qNblJ:focus-visible+.manually-labeled-checkbox__visuals__Be3AE {
    outline-width: 2px;
    outline-color: var(--color-border-selected-strong);
    outline-offset: -1px
}

body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) .manually-labeled-checkbox__checkbox__qNblJ:focus-visible:checked+.manually-labeled-checkbox__visuals__Be3AE,
body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) .manually-labeled-checkbox__checkbox__qNblJ:focus-visible:indeterminate+.manually-labeled-checkbox__visuals__Be3AE {
    outline-width: 1px;
    outline-offset: 0
}

body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) .manually-labeled-checkbox__checkbox__qNblJ:focus-visible:checked+.manually-labeled-checkbox__visuals__Be3AE:before,
body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) .manually-labeled-checkbox__checkbox__qNblJ:focus-visible:indeterminate+.manually-labeled-checkbox__visuals__Be3AE:before {
    inset: .0625rem
}

body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) .manually-labeled-checkbox__checkbox__qNblJ:disabled+.manually-labeled-checkbox__visuals__Be3AE {
    --color-icon: var(--color-icon-ondisabled);
    outline-color: var(--color-border-disabled)
}

body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) .manually-labeled-checkbox__checkbox__qNblJ:disabled:checked+.manually-labeled-checkbox__visuals__Be3AE,
body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) .manually-labeled-checkbox__checkbox__qNblJ:disabled:indeterminate+.manually-labeled-checkbox__visuals__Be3AE {
    background: var(--color-bg-disabled)
}

body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) .manually-labeled-checkbox__checkbox__qNblJ:disabled:checked+.manually-labeled-checkbox__visuals__Be3AE:before,
body:not([data-fpl-version=ui3]) .manually-labeled-checkbox__root__Mo9F-:where(:not([data-fpl-ui3-override] *)) .manually-labeled-checkbox__checkbox__qNblJ:disabled:indeterminate+.manually-labeled-checkbox__visuals__Be3AE:before {
    background: var(--color-bg-disabled)
}

.manually-labeled-checkbox__root__Mo9F- svg {
    width: var(--fpl-checkbox-inner-size);
    height: var(--fpl-checkbox-inner-size)
}

.manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__checkbox__qNblJ {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    outline: none;
    opacity: 0
}

.manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__iconMixed__B-Yp4,
.manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__iconCheck__tUMFi {
    display: none
}

.manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__checkbox__qNblJ:checked:not(:indeterminate)+.manually-labeled-checkbox__visuals__Be3AE .manually-labeled-checkbox__iconCheck__tUMFi {
    display: block
}

.manually-labeled-checkbox__root__Mo9F- .manually-labeled-checkbox__checkbox__qNblJ:indeterminate+.manually-labeled-checkbox__visuals__Be3AE .manually-labeled-checkbox__iconMixed__B-Yp4 {
    display: block
}

.link__link__n7llU {
    display: inline;
    color: var(--color-text-brand);
    text-decoration: none;
    border-radius: var(--radius-small);
    outline: none;
    outline-offset: 0;
    cursor: pointer;
    -webkit-user-select: auto;
    user-select: auto
}

[data-fpl-version=ui3] .link__link__n7llU:active,
:where([data-fpl-ui3-override]) .link__link__n7llU:active {
    background: var(--color-bg-selected)
}

body:not([data-fpl-version=ui3]) .link__link__n7llU:where(:not([data-fpl-ui3-override] *)):focus-visible {
    outline: 1px dashed var(--color-text-brand);
    outline-offset: 1px
}

.link__link__n7llU:focus-visible {
    outline: 1px solid var(--color-border-selected)
}

.form__label__BD7QK {
    color: var(--color-text);
    -webkit-user-select: none;
    user-select: none
}

[disabled]~.form__label__BD7QK,
[data-disabled]~.form__label__BD7QK {
    color: var(--color-text-disabled)
}

.form__description__34H0g {
    margin: 0;
    color: var(--color-text-secondary)
}

.form__legend__EIZxi {
    padding: 0;
    color: var(--color-text-secondary)
}

body:not([data-fpl-version=ui3]) .form__legend__EIZxi:where(:not([data-fpl-ui3-override] *)) {
    color: var(--color-text);
    font-family: var(--text-heading-small-font-family);
    font-size: var(--text-heading-small-font-size);
    font-weight: var(--text-heading-small-font-weight);
    letter-spacing: var(--text-heading-small-letter-spacing);
    line-height: var(--text-heading-small-line-height)
}

[disabled]~.form__legend__EIZxi,
[data-disabled]~.form__legend__EIZxi {
    color: var(--color-text-disabled)
}

.button__button__-U-QJ {
    --btn-height: initial;
    --btn-padding: initial;
    --btn-icon-disabled: var(--color-icon-disabled);
    position: relative;
    display: inline-flex;
    height: var(--btn-height);
    max-width: 100%;
    text-align: center
}

[data-fpl-version=ui3] .button__button__-U-QJ,
:where([data-fpl-ui3-override]) .button__button__-U-QJ {
    border-radius: var(--fpl-radius-left, var(--radius-medium)) var(--fpl-radius-right, var(--radius-medium)) var(--fpl-radius-right, var(--radius-medium)) var(--fpl-radius-left, var(--radius-medium))
}

body:not([data-fpl-version=ui3]) .button__button__-U-QJ:where(:not([data-fpl-ui3-override] *)) {
    font-weight: var(--text-body-medium-strong-font-weight);
    letter-spacing: var(--text-body-medium-strong-letter-spacing);
    border-radius: var(--fpl-radius-left, .375rem) var(--fpl-radius-right, .375rem) var(--fpl-radius-right, .375rem) var(--fpl-radius-left, .375rem)
}

.button__button__-U-QJ[aria-disabled=true] .button__icon__OodK0 {
    --color-icon: var(--btn-icon-disabled);
    --color-icon-secondary: var(--btn-icon-disabled);
    --color-icon-tertiary: var(--btn-icon-disabled)
}

.button__button__-U-QJ:not([data-show-focus]) {
    outline-width: 0
}

.button__buttonText__nvCyD {
    display: flex;
    align-items: center;
    max-width: 100%;
    margin: var(--btn-padding);
    overflow: hidden
}

body:not([data-fpl-version=ui3]) .button__buttonText__nvCyD:where(:not([data-fpl-ui3-override] *)) {
    margin: 0;
    padding: var(--btn-padding)
}

.button__buttonContent__tVdQi {
    display: block;
    flex: 1 1 auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break;
    overflow: hidden
}

.button__shortcut__OKjxS {
    padding-left: var(--spacer-1, .25rem)
}

.button__icon__OodK0 {
    --color-icon: var(--btn-icon);
    --color-icon-secondary: var(--btn-icon-secondary);
    --color-icon-tertiary: var(--btn-icon-tertiary);
    display: flex;
    align-items: center;
    height: var(--btn-height)
}

body:not([data-fpl-version=ui3]) .button__icon__OodK0:where(:not([data-fpl-ui3-override] *)) {
    fill: var(--color-icon)
}

[data-fpl-version=ui3] .button__regularSize__a-pyp,
:where([data-fpl-ui3-override]) .button__regularSize__a-pyp {
    --btn-height: 1.5rem;
    --btn-padding: 0 var(--spacer-2)
}

[data-fpl-version=ui3] .button__regularSize__a-pyp .button__icon__OodK0,
:where([data-fpl-ui3-override]) .button__regularSize__a-pyp .button__icon__OodK0 {
    margin-left: calc(var(--spacer-1)*-1)
}

body:not([data-fpl-version=ui3]) .button__regularSize__a-pyp:where(:not([data-fpl-ui3-override] *)) {
    --btn-height: 2rem;
    --btn-padding: 0 .8125rem
}

body:not([data-fpl-version=ui3]) .button__regularSize__a-pyp:where(:not([data-fpl-ui3-override] *)) .button__icon__OodK0 {
    margin-right: .375rem;
    margin-left: -.375rem
}

[data-fpl-version=ui3] .button__largeSize__Xuk-e,
:where([data-fpl-ui3-override]) .button__largeSize__Xuk-e {
    --btn-height: 2rem;
    --btn-padding: 0 .75rem
}

[data-fpl-version=ui3] .button__largeSize__Xuk-e .button__icon__OodK0,
:where([data-fpl-ui3-override]) .button__largeSize__Xuk-e .button__icon__OodK0 {
    margin-left: calc(var(--spacer-1)*-1)
}

body:not([data-fpl-version=ui3]) .button__largeSize__Xuk-e:where(:not([data-fpl-ui3-override] *)) {
    --btn-height: 2.5rem;
    --btn-padding: 0 1rem
}

body:not([data-fpl-version=ui3]) .button__largeSize__Xuk-e:where(:not([data-fpl-ui3-override] *)) .button__icon__OodK0 {
    margin-right: .375rem;
    margin-left: -.3125rem
}

.button__wideSize__fyONU {
    width: 100%
}

[data-fpl-version=ui3] .button__wideSize__fyONU,
:where([data-fpl-ui3-override]) .button__wideSize__fyONU {
    --btn-height: 1.5rem;
    --btn-padding: 0
}

body:not([data-fpl-version=ui3]) .button__wideSize__fyONU:where(:not([data-fpl-ui3-override] *)) {
    --btn-height: 2rem;
    --btn-padding: 0 .5rem
}

.button__wideSize__fyONU .button__buttonText__nvCyD {
    width: 100%;
    padding: 0 var(--spacer-2, .5rem);
    box-sizing: border-box
}

.button__wideSize__fyONU .button__buttonText__nvCyD.button__hasIcon__Z33Hl:after {
    content: "";
    flex: 0 10 auto;
    width: calc(var(--btn-height) - var(--spacer-2)+ var(--spacer-1))
}

.button__wideSize__fyONU .button__icon__OodK0 {
    margin-right: var(--spacer-1, .25rem);
    margin-left: calc(var(--spacer-2, 0)*-1)
}

.button__largeWideSize__-YVn9 {
    width: 100%
}

[data-fpl-version=ui3] .button__largeWideSize__-YVn9,
:where([data-fpl-ui3-override]) .button__largeWideSize__-YVn9 {
    --btn-height: 2rem;
    --btn-padding: 0
}

[data-fpl-version=ui3] .button__largeWideSize__-YVn9 .button__icon__OodK0,
:where([data-fpl-ui3-override]) .button__largeWideSize__-YVn9 .button__icon__OodK0 {
    margin-left: calc(var(--spacer-1)*-1)
}

body:not([data-fpl-version=ui3]) .button__largeWideSize__-YVn9:where(:not([data-fpl-ui3-override] *)) {
    --btn-height: 2.5rem;
    --btn-padding: 0 .5rem
}

body:not([data-fpl-version=ui3]) .button__largeWideSize__-YVn9:where(:not([data-fpl-ui3-override] *)) .button__icon__OodK0 {
    margin-right: .375rem
}

.button__largeWideSize__-YVn9 .button__buttonText__nvCyD {
    width: 100%;
    padding: 0 var(--spacer-2, .5rem);
    box-sizing: border-box
}

.button__largeWideSize__-YVn9 .button__buttonText__nvCyD.button__hasIcon__Z33Hl:after {
    content: "";
    flex: 0 10 auto;
    width: calc(var(--btn-height) - var(--spacer-2))
}

.button__largeWideSize__-YVn9 .button__icon__OodK0 {
    margin-right: var(--spacer-1, .25rem);
    margin-left: calc(var(--spacer-2, 0)*-1)
}

.button__outlineStyle__89nDR {
    color: var(--btn-text);
    background: transparent;
    outline-width: .0625rem;
    outline-style: solid;
    outline-offset: -.0625rem
}

[data-fpl-version=ui3] .button__outlineStyle__89nDR,
:where([data-fpl-ui3-override]) .button__outlineStyle__89nDR {
    outline-color: var(--btn-border-ui3)
}

[data-fpl-version=ui3] .button__outlineStyle__89nDR[data-show-focus]:focus-visible,
:where([data-fpl-ui3-override]) .button__outlineStyle__89nDR[data-show-focus]:focus-visible {
    outline-color: var(--color-border-selected)
}

body:not([data-fpl-version=ui3]) .button__outlineStyle__89nDR:where(:not([data-fpl-ui3-override] *)) {
    outline-color: var(--btn-border-ui2)
}

body:not([data-fpl-version=ui3]) .button__outlineStyle__89nDR[data-show-focus]:where(:not([data-fpl-ui3-override] *)):focus-visible {
    outline-width: .125rem;
    outline-color: var(--btn-border-ui2);
    outline-offset: -.125rem
}

.button__outlineStyle__89nDR:active:not([aria-disabled=true]) {
    background: var(--color-bghovertransparent)
}

[data-fpl-version=ui3] .button__outlineStyle__89nDR[aria-disabled=true],
:where([data-fpl-ui3-override]) .button__outlineStyle__89nDR[aria-disabled=true] {
    color: var(--color-text-disabled);
    outline-width: .0625rem;
    outline-color: var(--color-border-disabled)
}

[data-fpl-version=ui3] .button__outlineStyle__89nDR[aria-disabled=true] .button__shortcut__OKjxS,
:where([data-fpl-ui3-override]) .button__outlineStyle__89nDR[aria-disabled=true] .button__shortcut__OKjxS {
    color: var(--color-text-disabled)
}

body:not([data-fpl-version=ui3]) .button__outlineStyle__89nDR[aria-disabled=true]:where(:not([data-fpl-ui3-override] *)) {
    color: var(--color-text-disabled);
    outline-width: .0625rem;
    outline-color: var(--color-border-disabled)
}

body:not([data-fpl-version=ui3]) .button__outlineStyle__89nDR[aria-disabled=true]:where(:not([data-fpl-ui3-override] *)) .button__shortcut__OKjxS {
    color: var(--color-text-disabled)
}

.button__outlineStyle__89nDR:not([data-show-focus]) {
    outline-width: .0625rem
}

.button__outlineStyle__89nDR .button__icon__OodK0 {
    --color-icon: var(--btn-icon);
    --color-icon-secondary: var(--btn-icon-secondary);
    --color-icon-tertiary: var(--btn-icon-tertiary)
}

.button__outlineStyle__89nDR .button__shortcut__OKjxS {
    --color-icon: var(--btn-text-secondary);
    color: var(--btn-text-secondary);
    fill: var(--btn-text-secondary)
}

.button__solidStyle__Rwzx- {
    --btn-icon-disabled: var(--color-icon-ondisabled);
    color: var(--btn-color);
    background: var(--btn-background)
}

.button__solidStyle__Rwzx-:active:not([aria-disabled=true]) {
    background: var(--btn-background-pressed)
}

.button__solidStyle__Rwzx-[aria-disabled=true] {
    color: var(--color-text-ondisabled);
    background: var(--color-bg-disabled)
}

.button__solidStyle__Rwzx-[aria-disabled=true] .button__shortcut__OKjxS {
    color: var(--color-text-ondisabled)
}

.button__solidStyle__Rwzx-[data-show-focus]:focus-visible {
    outline-style: solid
}

[data-fpl-version=ui3] .button__solidStyle__Rwzx-[data-show-focus]:focus-visible,
:where([data-fpl-ui3-override]) .button__solidStyle__Rwzx-[data-show-focus]:focus-visible {
    position: relative;
    background: transparent;
    outline-width: .0625rem;
    outline-color: var(--color-border-selected);
    outline-offset: -.0625rem
}

[data-fpl-version=ui3] .button__solidStyle__Rwzx-[data-show-focus]:focus-visible:before,
:where([data-fpl-ui3-override]) .button__solidStyle__Rwzx-[data-show-focus]:focus-visible:before {
    position: absolute;
    inset: .125rem;
    content: "";
    background: var(--btn-background);
    border-radius: var(--fpl-radius-left, .25rem) var(--fpl-radius-right, .25rem) var(--fpl-radius-right, .25rem) var(--fpl-radius-left, .25rem)
}

@media screen and (min-resolution: 2dppx) {
    [data-fpl-version=ui3] .button__solidStyle__Rwzx-[data-show-focus]:focus-visible:before,
    :where([data-fpl-ui3-override]) .button__solidStyle__Rwzx-[data-show-focus]:focus-visible:before {
        border-radius: var(--fpl-radius-left, .1875rem) var(--fpl-radius-right, .1875rem) var(--fpl-radius-right, .1875rem) var(--fpl-radius-left, .1875rem)
    }
}

[data-fpl-version=ui3] .button__solidStyle__Rwzx-[data-show-focus]:focus-visible:active:not([aria-disabled=true]):before,
:where([data-fpl-ui3-override]) .button__solidStyle__Rwzx-[data-show-focus]:focus-visible:active:not([aria-disabled=true]):before {
    background: var(--btn-background-pressed)
}

[data-fpl-version=ui3] .button__solidStyle__Rwzx-[data-show-focus][aria-disabled=true]:focus-visible,
:where([data-fpl-ui3-override]) .button__solidStyle__Rwzx-[data-show-focus][aria-disabled=true]:focus-visible {
    outline-color: var(--color-bg-disabled)
}

[data-fpl-version=ui3] .button__solidStyle__Rwzx-[data-show-focus][aria-disabled=true]:focus-visible:before,
:where([data-fpl-ui3-override]) .button__solidStyle__Rwzx-[data-show-focus][aria-disabled=true]:focus-visible:before {
    background: var(--color-bg-disabled)
}

[data-fpl-version=ui3] .button__solidStyle__Rwzx-[data-show-focus]:focus-visible .button__buttonText__nvCyD,
:where([data-fpl-ui3-override]) .button__solidStyle__Rwzx-[data-show-focus]:focus-visible .button__buttonText__nvCyD {
    position: relative
}

body:not([data-fpl-version=ui3]) .button__solidStyle__Rwzx-[data-show-focus]:focus-visible:where(:not([data-fpl-ui3-override] *)) {
    outline-width: .125rem;
    outline-color: var(--btn-ui2-focus-border);
    outline-offset: -.125rem
}

.button__solidStyle__Rwzx- .button__shortcut__OKjxS {
    --color-icon: var(--btn-color-secondary);
    color: var(--btn-color-secondary);
    fill: var(--btn-color-secondary)
}

.button__primary__tP7NU {
    --btn-icon: var(--color-icon-onbrand);
    --btn-icon-secondary: var(--color-icon-onbrand-secondary);
    --btn-icon-tertiary: var(--color-icon-onbrand-tertiary);
    --btn-background: var(--color-bg-brand);
    --btn-color: var(--color-text-onbrand);
    --btn-color-secondary: var(--color-text-onbrand-secondary);
    --btn-background-pressed: var(--color-bg-brand-pressed);
    --btn-ui2-focus-border: var(--color-border-brand-strong)
}

.button__secondary__8YIhr {
    --btn-icon: var(--color-icon);
    --btn-icon-secondary: var(--color-icon-secondary);
    --btn-icon-tertiary: var(--color-icon-tertiary);
    --btn-text: var(--color-text);
    --btn-text-secondary: var(--color-text-secondary);
    --btn-border-ui3: var(--color-bordertranslucent);
    --btn-border-ui2: var(--color-border-strong)
}

.button__destructive__EwVR5 {
    --btn-icon: var(--color-icon-ondanger);
    --btn-icon-secondary: var(--color-icon-ondanger-secondary);
    --btn-icon-tertiary: var(--color-icon-ondanger-tertiary);
    --btn-background: var(--color-bg-danger);
    --btn-color: var(--color-text-ondanger);
    --btn-color-secondary: var(--color-text-ondanger-secondary);
    --btn-background-pressed: var(--color-bg-danger-pressed);
    --btn-ui2-focus-border: var(--color-border-danger-strong)
}

.button__destructiveSecondary__dJTw3 {
    --btn-icon: var(--color-icon-danger-secondary);
    --btn-icon-secondary: var(--color-icon-danger-secondary);
    --btn-icon-tertiary: var(--color-icon-danger-tertiary);
    --btn-text: var(--color-text-danger);
    --btn-text-secondary: var(--color-text-danger-secondary);
    --btn-border-ui3: var(--color-border-danger);
    --btn-border-ui2: var(--color-border-danger-strong)
}

.button__signup__O-43y {
    --btn-icon: var(--color-icon-onsuccess);
    --btn-icon-secondary: var(--color-icon-onsuccess-secondary);
    --btn-icon-tertiary: var(--color-icon-onsuccess-tertiary);
    --btn-background: var(--color-bg-success);
    --btn-color: var(--color-text-onsuccess);
    --btn-color-secondary: var(--color-text-onsuccess-secondary);
    --btn-background-pressed: var(--color-bg-success-pressed);
    --btn-ui2-focus-border: var(--color-border-success-strong)
}

.button__ghost__0pJzW {
    --btn-icon: var(--color-icon);
    --btn-icon-secondary: var(--color-icon-secondary);
    --btn-icon-tertiary: var(--color-icon-tertiary);
    --btn-background: transparent;
    --btn-color: var(--color-text);
    --btn-color-secondary: var(--color-text-secondary);
    --btn-background-pressed: var(--color-bgtransparent-secondary-hover);
    --btn-ui2-focus-border: var(--color-border-brand-strong)
}

.button__ghost__0pJzW:not([aria-disabled=true]):hover,
:where([data-fpl-group]:hover) .button__ghost__0pJzW:not([aria-disabled=true]),
[data-fpl-group]:has([data-show-focus]:focus-visible) .button__ghost__0pJzW:not([aria-disabled=true]):not(:focus-visible) {
    background: var(--color-bghovertransparent)
}

.button__ghost__0pJzW:not([aria-disabled=true]):active {
    background: var(--color-bgtransparent-secondary-hover)
}

.button__link__5iZjR {
    --btn-icon: var(--color-icon-brand);
    --btn-icon-secondary: var(--color-icon-brand);
    --btn-icon-tertiary: var(--color-icon-brand);
    --btn-color: var(--color-text-brand);
    --btn-color-secondary: var(--color-text-brand-secondary);
    --btn-background-pressed: var(--color-bg-brand-tertiary);
    --btn-focus-border: var(--color-border-selected);
    isolation: isolate
}

[data-fpl-version=ui3] .button__link__5iZjR,
:where([data-fpl-ui3-override]) .button__link__5iZjR {
    --btn-height: 1rem;
    --btn-padding: 0;
    color: var(--btn-color);
    background: transparent;
    outline: none
}

[data-fpl-version=ui3] .button__link__5iZjR:before,
:where([data-fpl-ui3-override]) .button__link__5iZjR:before {
    position: absolute;
    inset: calc(var(--spacer-1)*-1) calc(var(--spacer-2)*-1);
    content: "";
    z-index: -1;
    background: var(--btn-background);
    border-radius: var(--fpl-radius-left, var(--radius-medium)) var(--fpl-radius-right, var(--radius-medium)) var(--fpl-radius-right, var(--radius-medium)) var(--fpl-radius-left, var(--radius-medium))
}

[data-fpl-version=ui3] .button__link__5iZjR:active:not([aria-disabled=true]):before,
:where([data-fpl-ui3-override]) .button__link__5iZjR:active:not([aria-disabled=true]):before {
    background: var(--btn-background-pressed)
}

[data-fpl-version=ui3] .button__link__5iZjR[aria-disabled=true],
:where([data-fpl-ui3-override]) .button__link__5iZjR[aria-disabled=true] {
    --btn-color-secondary: var(--color-text-disabled);
    color: var(--color-text-disabled)
}

[data-fpl-version=ui3] .button__link__5iZjR[data-show-focus]:focus-visible:before,
:where([data-fpl-ui3-override]) .button__link__5iZjR[data-show-focus]:focus-visible:before {
    outline: .0625rem solid var(--btn-focus-border);
    outline-offset: -.0625rem
}

body:not([data-fpl-version=ui3]) .button__link__5iZjR:where(:not([data-fpl-ui3-override] *)) {
    --btn-height: 1rem;
    --btn-padding: 0;
    color: var(--btn-color);
    background: transparent;
    outline: none
}

body:not([data-fpl-version=ui3]) .button__link__5iZjR:where(:not([data-fpl-ui3-override] *)):before {
    position: absolute;
    inset: -.5rem -.8125rem;
    content: "";
    z-index: -1;
    background: var(--btn-background);
    border-radius: var(--fpl-radius-left, .375rem) var(--fpl-radius-right, .375rem) var(--fpl-radius-right, .375rem) var(--fpl-radius-left, .375rem)
}

body:not([data-fpl-version=ui3]) .button__link__5iZjR:where(:not([data-fpl-ui3-override] *)):active:not([aria-disabled=true]):before {
    background: var(--btn-background-pressed)
}

body:not([data-fpl-version=ui3]) .button__link__5iZjR[aria-disabled=true]:where(:not([data-fpl-ui3-override] *)) {
    --btn-color-secondary: var(--color-text-disabled);
    color: var(--color-text-disabled)
}

body:not([data-fpl-version=ui3]) .button__link__5iZjR[data-show-focus]:where(:not([data-fpl-ui3-override] *)):focus-visible:before {
    outline: .0625rem solid var(--btn-focus-border);
    outline-offset: -.0625rem
}

body:not([data-fpl-version=ui3]) .button__link__5iZjR:where(:not([data-fpl-ui3-override] *)) .button__icon__OodK0 {
    margin-left: 0
}

.button__link__5iZjR .button__shortcut__OKjxS {
    color: var(--btn-color-secondary)
}

.button__destructiveLink__oQbdL {
    --btn-icon: var(--color-icon-danger);
    --btn-icon-secondary: var(--color-icon-danger-secondary);
    --btn-icon-tertiary: var(--color-icon-danger-tertiary);
    --btn-color: var(--color-text-danger);
    --btn-color-secondary: var(--color-text-danger-secondary);
    --btn-background-pressed: var(--color-bg-danger-tertiary);
    --btn-focus-border: var(--color-border-danger)
}

.loading-spinner__sm__zIhMd {
    --loading-size: 1rem
}

[data-fpl-version=ui3] .loading-spinner__md__Es0gp,
:where([data-fpl-ui3-override]) .loading-spinner__md__Es0gp {
    --loading-size: 1.5rem
}

body:not([data-fpl-version=ui3]) .loading-spinner__md__Es0gp:where(:not([data-fpl-ui3-override] *)) {
    --loading-size: 1.25rem
}

[data-fpl-version=ui3] .loading-spinner__lg__0eM5K,
:where([data-fpl-ui3-override]) .loading-spinner__lg__0eM5K {
    --loading-size: 1.5rem
}

body:not([data-fpl-version=ui3]) .loading-spinner__lg__0eM5K:where(:not([data-fpl-ui3-override] *)) {
    --loading-size: 1.875rem
}

.loading-spinner__root__r3CAO {
    width: var(--loading-size);
    height: var(--loading-size);
    animation: loading-spinner__rotate__fG7El 1s linear infinite
}

@keyframes loading-spinner__rotate__fG7El {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.loading-spinner__spinner__-BOPO {
    --color-icon: var(--color-icon-secondary)
}

body:not([data-fpl-version=ui3]) .loading-spinner__spinner__-BOPO:where(:not([data-fpl-ui3-override] *)) {
    width: var(--loading-size);
    height: var(--loading-size)
}

@media (prefers-reduced-motion: reduce) {
    .loading-spinner__root__r3CAO {
        animation: loading-spinner__rotate__fG7El 4s steps(4) infinite
    }
}

[data-prefers-reduced-motion] .loading-spinner__root__r3CAO {
    animation: loading-spinner__rotate__fG7El 4s steps(4) infinite
}

.modal__root__37yc9 {
    --fpl-modal-width: fit-content;
    --fpl-modal-sm: 15rem;
    --fpl-modal-md: 20rem;
    --fpl-modal-lg: 30rem;
    --fpl-dialog-elevation: var(--elevation-500);
    position: fixed;
    inset: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10vh 0;
    padding: 10dvh 0;
    color: var(--color-text)
}

.modal__root__37yc9.modal__borderedFullscreen__3m9q3 {
    padding: var(--spacer-5)
}

body:not([data-fpl-version=ui3]) .modal__root__37yc9.modal__borderedFullscreen__3m9q3:where(:not([data-fpl-ui3-override] *)) {
    padding: 2rem
}

.modal__root__37yc9[data-modal-fullscreen] {
    align-items: start;
    padding: 0
}

.modal__root__37yc9.modal__topAligned__Gtw5q {
    justify-content: flex-start
}

.modal__root__37yc9.modal__sm__izkk- {
    --fpl-modal-width: var(--fpl-modal-sm)
}

.modal__root__37yc9.modal__md__rrfZR {
    --fpl-modal-width: var(--fpl-modal-md)
}

.modal__root__37yc9.modal__lg__wd2Q- {
    --fpl-modal-width: var(--fpl-modal-lg)
}

.modal__backdrop__PcWm1 {
    position: absolute;
    inset: 0;
    background: var(--color-modalbackdrop)
}

.modal__contents__sJsR3 {
    position: relative;
    width: var(--fpl-modal-width);
    min-width: var(--fpl-modal-sm);
    max-width: calc(100% - var(--spacer-3)*2);
    max-height: 80vh;
    max-height: 80dvh;
    pointer-events: none
}

[data-modal-fullscreen] .modal__contents__sJsR3 {
    --fpl-contents-max-height: 100vh;
    top: 0;
    width: 100%;
    height: 100dvh;
    max-width: unset;
    max-height: unset
}

@supports (width: 1dvh) {
    [data-modal-fullscreen] .modal__contents__sJsR3 {
        --fpl-contents-max-height: 100dvh
    }
}

.modal__borderedFullscreen__3m9q3 .modal__contents__sJsR3 {
    --fpl-contents-height: calc(100vh - var(--spacer-5)*2);
    --fpl-contents-max-height: 100vh;
    width: 100%;
    max-width: unset;
    max-height: unset
}

@supports (width: 1dvh) {
    .modal__borderedFullscreen__3m9q3 .modal__contents__sJsR3 {
        --fpl-contents-height: calc(100vh - var(--spacer-5)*2);
        --fpl-contents-max-height: 100dvh
    }
}

body:not([data-fpl-version=ui3]) .modal__borderedFullscreen__3m9q3 .modal__contents__sJsR3:where(:not([data-fpl-ui3-override] *)) {
    --fpl-contents-height: calc(100vh - 4rem)
}

.modal__full__KNiPx {
    --fpl-contents-height: 80vh
}

@supports (width: 1dvh) {
    .modal__full__KNiPx {
        --fpl-contents-height: 80dvh
    }
}

.radio__radioIcon__yuECz {
    width: var(--radio-dimensions);
    height: var(--radio-dimensions)
}

.radio__inputGroup__zjgW1 {
    --radio-dimensions: initial;
    --radio-fill: initial;
    --radio-stroke-color: var(--color-icon);
    --radio-stroke-width: .0625rem;
    display: flex;
    align-items: flex-start
}

[data-fpl-version=ui3] .radio__inputGroup__zjgW1,
:where([data-fpl-ui3-override]) .radio__inputGroup__zjgW1 {
    --radio-dimensions: var(--spacer-4)
}

body:not([data-fpl-version=ui3]) .radio__inputGroup__zjgW1:where(:not([data-fpl-ui3-override] *)) {
    --radio-dimensions: 2rem
}

.radio__radioOption__XotT5 {
    position: absolute;
    width: var(--radio-dimensions);
    height: var(--radio-dimensions);
    margin: 0;
    opacity: 0
}

[data-fpl-version=ui3] .radio__radioOption__XotT5:focus-visible+.radio__radioIcon__yuECz,
:where([data-fpl-ui3-override]) .radio__radioOption__XotT5:focus-visible+.radio__radioIcon__yuECz {
    --radio-stroke-color: var(--color-border-selected-strong)
}

body:not([data-fpl-version=ui3]) .radio__radioOption__XotT5:where(:not([data-fpl-ui3-override] *)):focus-visible+.radio__radioIcon__yuECz {
    --radio-stroke-color: var(--color-border-selected-strong);
    --radio-stroke-width: .125rem
}

.radio__radioOption__XotT5:focus:not(:focus-visible) {
    outline: none
}

.radio__radioOption__XotT5[aria-readonly=true]+.radio__radioIcon__yuECz {
    --radio-stroke-color: var(--color-icon-disabled)
}

.radio__radioOption__XotT5[aria-readonly=true]:checked+.radio__radioIcon__yuECz {
    --radio-fill: var(--color-icon-disabled)
}

.radio__radioOption__XotT5:checked+.radio__radioIcon__yuECz {
    --radio-fill: var(--color-icon)
}

.radio__fieldsetReset__Eh3a4 {
    padding: 0;
    border: none
}

.radio__optionList__vKHUD {
    display: flex;
    flex-direction: column
}

[data-fpl-version=ui3] .radio__optionList__vKHUD,
:where([data-fpl-ui3-override]) .radio__optionList__vKHUD {
    gap: var(--spacer-1);
    margin-top: var(--spacer-1);
    margin-left: calc(var(--spacer-1)*-1)
}

body:not([data-fpl-version=ui3]) .radio__optionList__vKHUD:where(:not([data-fpl-ui3-override] *)) {
    margin-left: -.125rem
}

.radio__root__buc24 {
    display: grid;
    grid-template-columns: max-content;
    align-items: center;
    column-gap: var(--spacer-2)
}

.radio__root__buc24>.radio__description__6Y3ci {
    grid-row: 2;
    grid-column: 2
}

body:not([data-fpl-version=ui3]) .radio__root__buc24>.radio__description__6Y3ci:where(:not([data-fpl-ui3-override] *)) {
    margin-bottom: 8px
}

.radio__root__buc24>label {
    grid-column: 2
}

.segmented-control__fieldset__TFf7m {
    min-width: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    border: none
}

[data-fpl-version=ui3] .segmented-control__fieldset__TFf7m,
:where([data-fpl-ui3-override]) .segmented-control__fieldset__TFf7m {
    display: flex;
    border: none
}

[data-fpl-version=ui3] .segmented-control__fieldset__TFf7m legend,
:where([data-fpl-ui3-override]) .segmented-control__fieldset__TFf7m legend {
    margin-bottom: var(--spacer-1)
}

body:not([data-fpl-version=ui3]) .segmented-control__fieldset__TFf7m:where(:not([data-fpl-ui3-override] *)) legend {
    margin-bottom: .25rem
}

.segmented-control__fieldset__TFf7m [data-radio-options-root] {
    --radio-icon-size: 1.5rem
}

body:not([data-fpl-version=ui3]) .segmented-control__fieldset__TFf7m [data-radio-options-root]:where(:not([data-fpl-ui3-override] *)) {
    display: inline-flex;
    margin: 0 1px;
    padding: 0;
    line-height: 0;
    border: none;
    border-radius: 2px
}

body:not([data-fpl-version=ui3]) .segmented-control__fieldset__TFf7m [data-radio-options-root]:where(:not([data-fpl-ui3-override] *)):hover {
    box-shadow: inset 0 0 0 1px var(--color-border)
}

body:not([data-fpl-version=ui3]) .segmented-control__fieldset__TFf7m [data-radio-options-root]:where(:not([data-fpl-ui3-override] *)) .segmented-control__optionRoot__tnGcv {
    position: relative;
    display: inline-block;
    flex: 0
}

body:not([data-fpl-version=ui3]) .segmented-control__fieldset__TFf7m [data-radio-options-root]:where(:not([data-fpl-ui3-override] *)) .segmented-control__icon__Vs5-f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--radio-icon-size);
    height: var(--radio-icon-size);
    min-width: var(--radio-icon-size);
    padding: 0;
    border-radius: .125rem
}

body:not([data-fpl-version=ui3]) .segmented-control__fieldset__TFf7m [data-radio-options-root]:where(:not([data-fpl-ui3-override] *)) .segmented-control__icon__Vs5-f svg {
    fill: var(--color-icon)
}

body:not([data-fpl-version=ui3]) .segmented-control__fieldset__TFf7m [data-radio-options-root]:where(:not([data-fpl-ui3-override] *)) input:checked+.segmented-control__icon__Vs5-f {
    background-color: var(--color-bg-tertiary)
}

body:not([data-fpl-version=ui3]) .segmented-control__fieldset__TFf7m [data-radio-options-root]:where(:not([data-fpl-ui3-override] *)) input[aria-readonly=true]+.segmented-control__icon__Vs5-f {
    --color-icon: var(--color-icon-disabled)
}

body:not([data-fpl-version=ui3]) .segmented-control__fieldset__TFf7m [data-radio-options-root]:where(:not([data-fpl-ui3-override] *)) input:focus-visible+.segmented-control__icon__Vs5-f {
    outline: 1px solid var(--color-border-selected);
    outline-offset: -1px;
    box-shadow: none
}

body:not([data-fpl-version=ui3]) .segmented-control__fieldset__TFf7m [data-radio-options-root]:where(:not([data-fpl-ui3-override] *)) .segmented-control__text__KfpLV {
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--radio-icon-size);
    min-width: var(--radio-icon-size);
    padding: 0 8px;
    color: var(--color-text-secondary);
    text-wrap: nowrap;
    border-radius: .125rem
}

body:not([data-fpl-version=ui3]) .segmented-control__fieldset__TFf7m [data-radio-options-root]:where(:not([data-fpl-ui3-override] *)) input:checked+.segmented-control__text__KfpLV {
    color: var(--color-text);
    background-color: var(--color-bg-tertiary)
}

body:not([data-fpl-version=ui3]) .segmented-control__fieldset__TFf7m [data-radio-options-root]:where(:not([data-fpl-ui3-override] *)) input[aria-readonly=true]+.segmented-control__text__KfpLV {
    color: var(--color-text-disabled)
}

body:not([data-fpl-version=ui3]) .segmented-control__fieldset__TFf7m [data-radio-options-root]:where(:not([data-fpl-ui3-override] *)) input:focus-visible+.segmented-control__text__KfpLV {
    outline: 1px solid var(--color-border-selected);
    outline-offset: -1px;
    box-shadow: none
}

body:not([data-fpl-version=ui3]) .segmented-control__fieldset__TFf7m [data-radio-options-root]:where(:not([data-fpl-ui3-override] *)) .segmented-control__optionRoot__tnGcv.segmented-control__optionRootTruncated__KsES5 {
    flex: 1;
    min-width: 0
}

body:not([data-fpl-version=ui3]) .segmented-control__fieldset__TFf7m [data-radio-options-root]:where(:not([data-fpl-ui3-override] *)) .segmented-control__optionRoot__tnGcv.segmented-control__optionRootTruncated__KsES5 .segmented-control__textContent__YZQa- {
    display: inline-block;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

[data-fpl-version=ui3] .segmented-control__fieldset__TFf7m [data-radio-options-root],
:where([data-fpl-ui3-override]) .segmented-control__fieldset__TFf7m [data-radio-options-root] {
    display: inline-flex;
    width: 100%;
    padding: var(--spacer-0);
    border-radius: var(--radius-medium);
    background-color: var(--color-bg-secondary)
}

[data-fpl-version=ui3] .segmented-control__fieldset__TFf7m [data-radio-options-root] .segmented-control__optionRoot__tnGcv,
:where([data-fpl-ui3-override]) .segmented-control__fieldset__TFf7m [data-radio-options-root] .segmented-control__optionRoot__tnGcv {
    position: relative;
    display: inline-block;
    flex: 1
}

[data-fpl-version=ui3] .segmented-control__fieldset__TFf7m [data-radio-options-root] .segmented-control__icon__Vs5-f,
:where([data-fpl-ui3-override]) .segmented-control__fieldset__TFf7m [data-radio-options-root] .segmented-control__icon__Vs5-f {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: var(--radio-icon-size);
    padding: var(--spacer-0);
    border-radius: var(--radius-medium);
    background-color: transparent
}

[data-fpl-version=ui3] .segmented-control__fieldset__TFf7m [data-radio-options-root] .segmented-control__icon__Vs5-f svg,
:where([data-fpl-ui3-override]) .segmented-control__fieldset__TFf7m [data-radio-options-root] .segmented-control__icon__Vs5-f svg {
    width: var(--radio-icon-size);
    height: var(--radio-icon-size)
}

[data-fpl-version=ui3] .segmented-control__fieldset__TFf7m [data-radio-options-root] input:checked+.segmented-control__icon__Vs5-f,
:where([data-fpl-ui3-override]) .segmented-control__fieldset__TFf7m [data-radio-options-root] input:checked+.segmented-control__icon__Vs5-f {
    background-color: var(--color-bg);
    box-shadow: inset 0 0 0 .0625rem var(--color-border)
}

[data-fpl-version=ui3] .segmented-control__fieldset__TFf7m [data-radio-options-root] input:not(:checked)+.segmented-control__icon__Vs5-f,
:where([data-fpl-ui3-override]) .segmented-control__fieldset__TFf7m [data-radio-options-root] input:not(:checked)+.segmented-control__icon__Vs5-f {
    --color-icon: var(--color-icon-secondary);
    --color-icon-tertiary: var(--color-icon-secondary)
}

[data-fpl-version=ui3] .segmented-control__fieldset__TFf7m [data-radio-options-root] input[aria-readonly=true]+.segmented-control__icon__Vs5-f,
:where([data-fpl-ui3-override]) .segmented-control__fieldset__TFf7m [data-radio-options-root] input[aria-readonly=true]+.segmented-control__icon__Vs5-f {
    --color-icon: var(--color-icon-disabled);
    --color-icon-secondary: var(--color-icon-disabled);
    --color-icon-tertiary: var(--color-icon-disabled)
}

[data-fpl-version=ui3] .segmented-control__fieldset__TFf7m [data-radio-options-root] input:focus-visible+.segmented-control__icon__Vs5-f,
:where([data-fpl-ui3-override]) .segmented-control__fieldset__TFf7m [data-radio-options-root] input:focus-visible+.segmented-control__icon__Vs5-f {
    outline: 1px solid var(--color-border-selected);
    outline-offset: -1px;
    box-shadow: none
}

[data-fpl-version=ui3] .segmented-control__fieldset__TFf7m [data-radio-options-root] .segmented-control__text__KfpLV,
:where([data-fpl-ui3-override]) .segmented-control__fieldset__TFf7m [data-radio-options-root] .segmented-control__text__KfpLV {
    display: flex;
    justify-content: center;
    align-items: center;
    height: var(--radio-icon-size);
    min-width: var(--radio-icon-size);
    padding: 0 var(--spacer-2);
    color: var(--color-text-secondary);
    text-wrap: nowrap;
    border-radius: var(--radius-medium);
    background-color: transparent
}

[data-fpl-version=ui3] .segmented-control__fieldset__TFf7m [data-radio-options-root] input:checked+.segmented-control__text__KfpLV,
:where([data-fpl-ui3-override]) .segmented-control__fieldset__TFf7m [data-radio-options-root] input:checked+.segmented-control__text__KfpLV {
    color: var(--color-text);
    background-color: var(--color-bg);
    box-shadow: inset 0 0 0 .0625rem var(--color-border)
}

[data-fpl-version=ui3] .segmented-control__fieldset__TFf7m [data-radio-options-root] input[aria-readonly=true]+.segmented-control__text__KfpLV,
:where([data-fpl-ui3-override]) .segmented-control__fieldset__TFf7m [data-radio-options-root] input[aria-readonly=true]+.segmented-control__text__KfpLV {
    color: var(--color-text-disabled)
}

[data-fpl-version=ui3] .segmented-control__fieldset__TFf7m [data-radio-options-root] input:focus-visible+.segmented-control__text__KfpLV,
:where([data-fpl-ui3-override]) .segmented-control__fieldset__TFf7m [data-radio-options-root] input:focus-visible+.segmented-control__text__KfpLV {
    outline: 1px solid var(--color-border-selected);
    outline-offset: -1px;
    box-shadow: none
}

[data-fpl-version=ui3] .segmented-control__fieldset__TFf7m [data-radio-options-root] .segmented-control__optionRoot__tnGcv.segmented-control__optionRootTruncated__KsES5,
:where([data-fpl-ui3-override]) .segmented-control__fieldset__TFf7m [data-radio-options-root] .segmented-control__optionRoot__tnGcv.segmented-control__optionRootTruncated__KsES5 {
    min-width: 0
}

[data-fpl-version=ui3] .segmented-control__fieldset__TFf7m [data-radio-options-root] .segmented-control__optionRoot__tnGcv.segmented-control__optionRootTruncated__KsES5 .segmented-control__text__KfpLV,
:where([data-fpl-ui3-override]) .segmented-control__fieldset__TFf7m [data-radio-options-root] .segmented-control__optionRoot__tnGcv.segmented-control__optionRootTruncated__KsES5 .segmented-control__text__KfpLV {
    text-wrap: initial
}

[data-fpl-version=ui3] .segmented-control__fieldset__TFf7m [data-radio-options-root] .segmented-control__optionRoot__tnGcv.segmented-control__optionRootTruncated__KsES5 .segmented-control__textContent__YZQa-,
:where([data-fpl-ui3-override]) .segmented-control__fieldset__TFf7m [data-radio-options-root] .segmented-control__optionRoot__tnGcv.segmented-control__optionRootTruncated__KsES5 .segmented-control__textContent__YZQa- {
    display: inline-block;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.segmented-control__textContent__YZQa- {
    display: contents
}

.select__trigger__r1rqC {
    display: flex;
    align-items: center;
    padding: 0 0 0 var(--spacer-2);
    box-sizing: border-box;
    color: var(--color-text);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-medium);
    background: var(--color-bg);
    -webkit-user-select: none;
    user-select: none
}

body:not([data-fpl-version=ui3]) .select__trigger__r1rqC:where(:not([data-fpl-ui3-override] *)) {
    --select-icon: var(--color-icon-tertiary);
    padding: 0 .5rem;
    border: 1px solid transparent;
    border-radius: .125rem
}

body:not([data-fpl-version=ui3]) .select__trigger__r1rqC:where(:not([data-fpl-ui3-override] *)):focus-visible .select__triggerContainer__69alI,
body:not([data-fpl-version=ui3]) .select__trigger__r1rqC:where(:not([data-fpl-ui3-override] *)):enabled:hover .select__triggerContainer__69alI {
    justify-content: space-between
}

body:not([data-fpl-version=ui3]) .select__trigger__r1rqC:where(:not([data-fpl-ui3-override] *)):focus-visible {
    --select-icon: var(--color-icon);
    border-color: transparent;
    outline: 2px solid var(--color-border-selected);
    outline-offset: -1px
}

body:not([data-fpl-version=ui3]) .select__trigger__r1rqC:where(:not([data-fpl-ui3-override] *)):disabled {
    color: var(--color-text-disabled)
}

body:not([data-fpl-version=ui3]) .select__trigger__r1rqC:where(:not([data-fpl-ui3-override] *)):enabled:hover,
body:not([data-fpl-version=ui3]) .select__trigger__r1rqC[aria-expanded=true]:where(:not([data-fpl-ui3-override] *)) {
    --select-icon: var(--color-icon);
    border-color: var(--color-border)
}

.select__trigger__r1rqC:focus-visible {
    outline: 1px solid var(--color-border-selected);
    outline-offset: -1px
}

.select__trigger__r1rqC:disabled {
    color: var(--color-text-disabled)
}

.select__triggerContent__ZmjT4 {
    text-align: left;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.select__lead__9Wz1o {
    display: flex;
    align-items: center;
    height: 1.5rem;
    margin-left: calc(var(--spacer-2)*-1)
}

body:not([data-fpl-version=ui3]) .select__lead__9Wz1o:where(:not([data-fpl-ui3-override] *)) {
    justify-content: center;
    height: 2rem;
    min-width: 2rem;
    margin-left: -.5rem;
    fill: var(--color-icon)
}

.select__triggerContainer__69alI {
    display: grid;
    grid-template-columns: 1fr 1.5rem;
    align-items: center;
    width: 100%;
    margin-top: -1px
}

body:not([data-fpl-version=ui3]) .select__triggerContainer__69alI:where(:not([data-fpl-ui3-override] *)) {
    display: flex;
    gap: .25rem
}

.select__container__bEPx- {
    padding: var(--spacer-2) 0;
    border-radius: var(--radius-large);
    background-color: var(--color-bg-menu);
    list-style-type: none;
    box-shadow: var(--elevation-400)
}

body:not([data-fpl-version=ui3]) .select__container__bEPx-:where(:not([data-fpl-ui3-override] *)) {
    padding: .5rem 0
}

.select__container__bEPx- .select__group__6-RCX:not(:first-child) {
    margin-top: var(--spacer-2);
    padding-top: var(--spacer-2);
    border-top: 1px solid var(--color-border-menu)
}

.select__separator__Esj5N {
    --separator-gap: .4375rem;
    margin-top: var(--separator-gap);
    padding-top: var(--separator-gap);
    border-top: 1px solid var(--color-border-menu)
}

.select__option__p8RMn {
    padding: 0 var(--spacer-2);
    color: var(--color-text-menu)
}

.select__option__p8RMn:focus {
    outline: 0
}

.select__option__p8RMn[aria-selected=false] .select__optionIcon__Gg4OF {
    opacity: 0
}

.select__option__p8RMn[aria-disabled=true] {
    color: var(--color-text-menu-disabled)
}

.select__option__p8RMn[aria-disabled=true] .select__optionInner__dN2u1 {
    background-color: transparent
}

.select__optionIcon__Gg4OF {
    --color-icon: var(--color-icon-menu)
}

.select__optionInner__dN2u1 {
    display: grid;
    grid-template-columns: 1rem 1fr;
    gap: var(--spacer-1);
    align-items: center;
    width: 100%;
    padding: var(--spacer-1);
    padding-right: var(--spacer-4);
    box-sizing: border-box;
    border-radius: var(--radius-medium)
}

[data-fpl-selected=true] .select__optionInner__dN2u1,
[data-fpl-selected=false]:hover .select__optionInner__dN2u1 {
    background-color: var(--color-bg-menu-selected)
}

body:not([data-fpl-version=ui3]) .select__optionInner__dN2u1:where(:not([data-fpl-ui3-override] *)) {
    gap: .25rem;
    padding: .25rem 1.75rem .25rem .5rem;
    font-weight: 400;
    font-size: .75rem;
    font-family: Inter, sans-serif;
    font-style: normal;
    line-height: 1rem;
    letter-spacing: .00375rem;
    border-radius: 0
}

.select__optionText__iI1Gx {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.select__inputGroup__SFgrR {
    display: flex;
    flex-direction: column;
    gap: var(--spacer-1)
}

.select__group__6-RCX {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.select__groupLabel__mTJxS {
    display: flex;
    align-items: center;
    height: 1.5rem;
    padding: 0 var(--spacer-3);
    color: var(--color-text-menu-tertiary)
}

body:not([data-fpl-version=ui3]) .select__groupLabel__mTJxS:where(:not([data-fpl-ui3-override] *)) {
    padding: 0 1rem;
    font-weight: 400;
    font-size: .75rem;
    font-family: Inter, sans-serif;
    font-style: normal;
    line-height: 1rem;
    letter-spacing: .00375rem
}

.select__scrollArrow__nfZxe {
    --color-icon: var(--color-icon-menu);
    background-color: var(--color-bg-menu)
}

.select__scrollArrow__nfZxe:hover {
    background-color: var(--color-bg-menu-hover)
}

.select__scrollArrow__nfZxe[data-fpl-select-direction=down] {
    border-bottom-right-radius: var(--radius-large);
    border-bottom-left-radius: var(--radius-large)
}

.select__scrollArrow__nfZxe[data-fpl-select-direction=up] {
    border-top-left-radius: var(--radius-large);
    border-top-right-radius: var(--radius-large)
}

.select__fill__5eps8 {
    width: 100%;
    text-align: left
}

.select__hug__xpOwt {
    width: fit-content
}

.select__md__bE-kQ {
    height: 1.5rem
}

body:not([data-fpl-version=ui3]) .select__md__bE-kQ:where(:not([data-fpl-ui3-override] *)) {
    height: 2rem
}

.select__lg__O-bfN {
    height: 2rem
}

body:not([data-fpl-version=ui3]) .select__lg__O-bfN:where(:not([data-fpl-ui3-override] *)) {
    height: 2rem
}

.selection__selectionHover__NDXuf[data-fpl-selected=false]:hover,
.selection__selectionHover__NDXuf[data-fpl-selected=focus]:focus-within {
    background: var(--color-bg-selected)
}

.selection__selectionToggle__wuups[data-fpl-selected=true],
.selection__selectionToggle__wuups[data-fpl-selected=focus]:focus-within {
    background: var(--color-bg-selected)
}

.slider__root__9tITq.slider__root__9tITq {
    --fpl-slider-thumb-bg: transparent;
    --fpl-slider-track-bg: var(--color-bg-secondary);
    --fpl-slider-primitive-hitbox: 24px;
    --fpl-slider-height: 1rem;
    --fpl-slider-thumb-width: var(--fpl-slider-height);
    position: relative;
    flex: 1 0 auto;
    height: var(--fpl-slider-height);
    max-height: var(--fpl-slider-height)
}

[data-fpl-version=ui3] .slider__root__9tITq.slider__root__9tITq:before,
:where([data-fpl-ui3-override]) .slider__root__9tITq.slider__root__9tITq:before {
    position: absolute;
    inset: 0 calc(var(--fpl-slider-height)*-1/2);
    content: "";
    border-radius: var(--radius-full);
    background: var(--fpl-slider-track-bg);
    outline: 1px solid var(--color-bordertranslucent);
    outline-offset: -1px
}

[data-fpl-version=ui3] .slider__root__9tITq.slider__root__9tITq[data-mixed]:focus-within:before,
:where([data-fpl-ui3-override]) .slider__root__9tITq.slider__root__9tITq[data-mixed]:focus-within:before {
    outline-color: var(--color-border-selected)
}

[data-fpl-version=ui3] .slider__root__9tITq.slider__root__9tITq .slider__thumb__621tr,
:where([data-fpl-ui3-override]) .slider__root__9tITq.slider__root__9tITq .slider__thumb__621tr {
    border-radius: var(--radius-full);
    background: var(--color-icon-onbrand);
    box-shadow: var(--elevation-200)
}

[data-fpl-version=ui3] .slider__root__9tITq.slider__root__9tITq[data-focus-visible]:focus-visible~.slider__thumb__621tr,
:where([data-fpl-ui3-override]) .slider__root__9tITq.slider__root__9tITq[data-focus-visible]:focus-visible~.slider__thumb__621tr {
    outline: 1px solid var(--color-border-selected);
    outline-offset: -1px
}

[data-fpl-version=ui3] .slider__root__9tITq.slider__root__9tITq .slider__modified__7Bsu-,
:where([data-fpl-ui3-override]) .slider__root__9tITq.slider__root__9tITq .slider__modified__7Bsu- {
    border: .25rem solid var(--color-icon-onbrand);
    background: var(--fpl-slider-thumb-bg);
    box-shadow: var(--elevation-200), inset 0 0 0 .5px var(--color-bordertranslucent)
}

[data-fpl-version=ui3] .slider__root__9tITq.slider__root__9tITq [aria-disabled=true]~.slider__thumb__621tr,
:where([data-fpl-ui3-override]) .slider__root__9tITq.slider__root__9tITq [aria-disabled=true]~.slider__thumb__621tr {
    border: none;
    background: var(--color-bg-disabled);
    box-shadow: none
}

[data-fpl-version=ui3] .slider__root__9tITq.slider__root__9tITq .slider__range__2uem6,
:where([data-fpl-ui3-override]) .slider__root__9tITq.slider__root__9tITq .slider__range__2uem6 {
    position: absolute;
    height: 100%
}

[data-fpl-version=ui3] .slider__root__9tITq.slider__root__9tITq .slider__range__2uem6:after,
:where([data-fpl-ui3-override]) .slider__root__9tITq.slider__root__9tITq .slider__range__2uem6:after {
    position: absolute;
    inset: 0 calc(var(--fpl-slider-height)*-1/2);
    content: "";
    border-radius: var(--radius-full);
    background: var(--color-bg-brand)
}

[data-fpl-version=ui3] .slider__root__9tITq.slider__root__9tITq .slider__dot__sggOO,
:where([data-fpl-ui3-override]) .slider__root__9tITq.slider__root__9tITq .slider__dot__sggOO {
    position: absolute;
    top: 50%;
    width: .25rem;
    height: .25rem;
    border-radius: var(--radius-full);
    background: var(--color-icon-tertiary);
    transform: translate(-50%, -50%)
}

[data-fpl-version=ui3] .slider__root__9tITq.slider__root__9tITq .slider__dot__sggOO.slider__main__Q2Z7m,
:where([data-fpl-ui3-override]) .slider__root__9tITq.slider__root__9tITq .slider__dot__sggOO.slider__main__Q2Z7m {
    background: var(--color-icon)
}

body:not([data-fpl-version=ui3]) .slider__root__9tITq.slider__root__9tITq:where(:not([data-fpl-ui3-override] *)) {
    --fpl-slider-height: .5rem
}

body:not([data-fpl-version=ui3]) .slider__root__9tITq.slider__root__9tITq:where(:not([data-fpl-ui3-override] *)):before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    content: "";
    height: 1px;
    background: var(--color-border-strong);
    transform: translateY(-50%)
}

body:not([data-fpl-version=ui3]) .slider__root__9tITq.slider__root__9tITq[data-range]:where(:not([data-fpl-ui3-override] *)):before {
    background: var(--color-icon-tertiary)
}

body:not([data-fpl-version=ui3]) .slider__root__9tITq.slider__root__9tITq[data-mixed]:where(:not([data-fpl-ui3-override] *)):focus-within:before {
    background: var(--color-border-selected)
}

body:not([data-fpl-version=ui3]) .slider__root__9tITq.slider__root__9tITq:where(:not([data-fpl-ui3-override] *)) .slider__thumb__621tr {
    border-radius: 1000px;
    background: var(--color-bg);
    outline: 1px solid var(--color-bg);
    overflow: hidden
}

body:not([data-fpl-version=ui3]) .slider__root__9tITq.slider__root__9tITq:where(:not([data-fpl-ui3-override] *)) .slider__thumb__621tr:before {
    position: absolute;
    inset: 0;
    content: "";
    border: 1px solid var(--color-icon);
    border-radius: 1000px;
    background: var(--color-bg)
}

body:not([data-fpl-version=ui3]) .slider__root__9tITq.slider__root__9tITq[data-disabled]:where(:not([data-fpl-ui3-override] *)):before {
    background: var(--color-bg-disabled)
}

body:not([data-fpl-version=ui3]) .slider__root__9tITq.slider__root__9tITq:where(:not([data-fpl-ui3-override] *)) [aria-disabled=true]~.slider__thumb__621tr:before {
    background: var(--color-bg-disabled)
}

body:not([data-fpl-version=ui3]) .slider__root__9tITq.slider__root__9tITq[data-focus-visible]:where(:not([data-fpl-ui3-override] *)):focus-visible~.slider__thumb__621tr:before {
    border-color: var(--color-icon-brand)
}

body:not([data-fpl-version=ui3]) .slider__root__9tITq.slider__root__9tITq:where(:not([data-fpl-ui3-override] *)) .slider__modified__7Bsu-:before {
    position: absolute;
    inset: 0;
    content: "";
    border: none;
    background: var(--color-icon)
}

body:not([data-fpl-version=ui3]) .slider__root__9tITq.slider__root__9tITq[data-focus-visible]:where(:not([data-fpl-ui3-override] *)):focus-visible~.slider__modified__7Bsu-:before {
    background: var(--color-icon-brand)
}

body:not([data-fpl-version=ui3]) .slider__root__9tITq.slider__root__9tITq:where(:not([data-fpl-ui3-override] *)) .slider__dot__sggOO {
    position: absolute;
    top: 50%;
    width: .0625rem;
    height: .5625rem;
    background: var(--color-icon-tertiary);
    transform: translate(-50%, -50%)
}

body:not([data-fpl-version=ui3]) .slider__root__9tITq.slider__root__9tITq:where(:not([data-fpl-ui3-override] *)) .slider__range__2uem6 {
    position: absolute;
    top: 50%;
    height: 1px;
    background: var(--color-border-strong);
    transform: translateY(-50%)
}

.slider__root__9tITq.slider__root__9tITq .slider__thumb__621tr {
    position: absolute;
    top: 0;
    width: var(--fpl-slider-thumb-width);
    height: var(--fpl-slider-thumb-width);
    box-sizing: border-box
}

.slider__root__9tITq.slider__root__9tITq[data-mixed] .slider__thumb__621tr,
.slider__root__9tITq.slider__root__9tITq[data-mixed] .slider__range__2uem6 {
    opacity: 0
}

.manually-labeled-switch__root__sp5fN {
    --fpl-switch-bg: var(--color-bg-tertiary);
    --fpl-switch-bg-inset: -1px;
    --fpl-switch-knob-bg: var(--color-icon-onbrand);
    --fpl-switch-knob-w: .875rem;
    --fpl-switch-knob-h: .875rem;
    --fpl-switch-knob-x: 0;
    position: relative;
    display: inline-block;
    flex-shrink: 0;
    width: 2rem;
    height: 1.5rem
}

[data-fpl-version=ui3] .manually-labeled-switch__root__sp5fN .manually-labeled-switch__visuals__g13eB,
:where([data-fpl-ui3-override]) .manually-labeled-switch__root__sp5fN .manually-labeled-switch__visuals__g13eB {
    inset: .25rem 0
}

[data-fpl-version=ui3] .manually-labeled-switch__root__sp5fN .manually-labeled-switch__visuals__g13eB:before,
:where([data-fpl-ui3-override]) .manually-labeled-switch__root__sp5fN .manually-labeled-switch__visuals__g13eB:before {
    position: absolute;
    inset: var(--fpl-switch-bg-inset);
    content: "";
    display: block;
    border-radius: var(--radius-full);
    background: var(--fpl-switch-bg);
    transition: background .08s ease-out
}

[data-fpl-version=ui3] .manually-labeled-switch__root__sp5fN .manually-labeled-switch__visuals__g13eB:after,
:where([data-fpl-ui3-override]) .manually-labeled-switch__root__sp5fN .manually-labeled-switch__visuals__g13eB:after {
    content: "";
    display: block;
    width: var(--fpl-switch-knob-w);
    height: var(--fpl-switch-knob-h);
    border-radius: var(--radius-full);
    background: var(--fpl-switch-knob-bg);
    transform: translate(var(--fpl-switch-knob-x));
    transition: all .08s ease-out
}

[data-fpl-version=ui3] .manually-labeled-switch__root__sp5fN .manually-labeled-switch__checkbox__-pgR9:focus-visible+.manually-labeled-switch__visuals__g13eB,
:where([data-fpl-ui3-override]) .manually-labeled-switch__root__sp5fN .manually-labeled-switch__checkbox__-pgR9:focus-visible+.manually-labeled-switch__visuals__g13eB {
    --fpl-switch-bg-inset: .0625rem;
    border-color: var(--color-border-selected-strong)
}

[data-fpl-version=ui3] .manually-labeled-switch__root__sp5fN .manually-labeled-switch__checkbox__-pgR9:checked+.manually-labeled-switch__visuals__g13eB,
:where([data-fpl-ui3-override]) .manually-labeled-switch__root__sp5fN .manually-labeled-switch__checkbox__-pgR9:checked+.manually-labeled-switch__visuals__g13eB {
    --fpl-switch-bg: var(--color-bg-brand);
    --fpl-switch-knob-x: 1rem
}

[data-fpl-version=ui3] .manually-labeled-switch__root__sp5fN .manually-labeled-switch__checkbox__-pgR9:indeterminate+.manually-labeled-switch__visuals__g13eB,
:where([data-fpl-ui3-override]) .manually-labeled-switch__root__sp5fN .manually-labeled-switch__checkbox__-pgR9:indeterminate+.manually-labeled-switch__visuals__g13eB {
    --fpl-switch-bg: var(--color-bg-brand);
    --fpl-switch-knob-x: .6875rem;
    --fpl-switch-knob-w: .5rem;
    --fpl-switch-knob-h: .125rem
}

[data-fpl-version=ui3] .manually-labeled-switch__root__sp5fN .manually-labeled-switch__checkbox__-pgR9:disabled+.manually-labeled-switch__visuals__g13eB,
:where([data-fpl-ui3-override]) .manually-labeled-switch__root__sp5fN .manually-labeled-switch__checkbox__-pgR9:disabled+.manually-labeled-switch__visuals__g13eB {
    --fpl-switch-bg: var(--color-bg-disabled)
}

[data-fpl-version=ui3] .manually-labeled-switch__root__sp5fN .manually-labeled-switch__checkbox__-pgR9:disabled:checked+.manually-labeled-switch__visuals__g13eB,
:where([data-fpl-ui3-override]) .manually-labeled-switch__root__sp5fN .manually-labeled-switch__checkbox__-pgR9:disabled:checked+.manually-labeled-switch__visuals__g13eB {
    --fpl-switch-bg: var(--color-bg-tertiary)
}

[data-fpl-version=ui3] .manually-labeled-switch__root__sp5fN .manually-labeled-switch__checkbox__-pgR9:disabled:not(:indeterminate),
:where([data-fpl-ui3-override]) .manually-labeled-switch__root__sp5fN .manually-labeled-switch__checkbox__-pgR9:disabled:not(:indeterminate) {
    --fpl-switch-knob-bg: var(--color-icon-ondisabled)
}

body:not([data-fpl-version=ui3]) .manually-labeled-switch__root__sp5fN:where(:not([data-fpl-ui3-override] *)) {
    width: 1.5rem;
    height: 2rem
}

body:not([data-fpl-version=ui3]) .manually-labeled-switch__root__sp5fN:where(:not([data-fpl-ui3-override] *)) .manually-labeled-switch__visuals__g13eB {
    inset: .625rem 0;
    border-radius: 1000px;
    background: var(--color-icon-tertiary);
    outline: 2px solid transparent;
    outline-offset: -1px
}

body:not([data-fpl-version=ui3]) .manually-labeled-switch__root__sp5fN:where(:not([data-fpl-ui3-override] *)) .manually-labeled-switch__visuals__g13eB:after {
    content: "";
    display: block;
    width: .625rem;
    height: .625rem;
    border-radius: 1000px;
    background: var(--color-icon-onbrand);
    transform: translate(0)
}

body:not([data-fpl-version=ui3]) .manually-labeled-switch__root__sp5fN:where(:not([data-fpl-ui3-override] *)) .manually-labeled-switch__checkbox__-pgR9 {
    --fpl-switch-input-inset: .625rem
}

body:not([data-fpl-version=ui3]) .manually-labeled-switch__root__sp5fN:where(:not([data-fpl-ui3-override] *)) .manually-labeled-switch__checkbox__-pgR9:checked+.manually-labeled-switch__visuals__g13eB {
    background: var(--color-bg-brand)
}

body:not([data-fpl-version=ui3]) .manually-labeled-switch__root__sp5fN:where(:not([data-fpl-ui3-override] *)) .manually-labeled-switch__checkbox__-pgR9:checked+.manually-labeled-switch__visuals__g13eB:after {
    transform: translate(12px)
}

body:not([data-fpl-version=ui3]) .manually-labeled-switch__root__sp5fN:where(:not([data-fpl-ui3-override] *)) .manually-labeled-switch__checkbox__-pgR9:indeterminate+.manually-labeled-switch__visuals__g13eB {
    background: var(--color-bg-brand)
}

body:not([data-fpl-version=ui3]) .manually-labeled-switch__root__sp5fN:where(:not([data-fpl-ui3-override] *)) .manually-labeled-switch__checkbox__-pgR9:indeterminate+.manually-labeled-switch__visuals__g13eB:after {
    width: 8px;
    height: 2px;
    transform: translate(7px)
}

body:not([data-fpl-version=ui3]) .manually-labeled-switch__root__sp5fN:where(:not([data-fpl-ui3-override] *)) .manually-labeled-switch__checkbox__-pgR9:focus-visible+.manually-labeled-switch__visuals__g13eB {
    outline-color: var(--color-border-selected-strong)
}

body:not([data-fpl-version=ui3]) .manually-labeled-switch__root__sp5fN:where(:not([data-fpl-ui3-override] *)) .manually-labeled-switch__checkbox__-pgR9:disabled+.manually-labeled-switch__visuals__g13eB {
    background: var(--color-bg-disabled)
}

body:not([data-fpl-version=ui3]) .manually-labeled-switch__root__sp5fN:where(:not([data-fpl-ui3-override] *)) .manually-labeled-switch__checkbox__-pgR9:disabled:not(:checked)+.manually-labeled-switch__visuals__g13eB {
    border-color: var(--color-bg-disabled);
    background: var(--color-bg)
}

body:not([data-fpl-version=ui3]) .manually-labeled-switch__root__sp5fN:where(:not([data-fpl-ui3-override] *)) .manually-labeled-switch__checkbox__-pgR9:disabled:not(:checked, :indeterminate)+.manually-labeled-switch__visuals__g13eB:after {
    background: var(--color-bg);
    outline: 1px solid var(--color-bg-disabled)
}

body:not([data-fpl-version=ui3]) .manually-labeled-switch__root__sp5fN:where(:not([data-fpl-ui3-override] *)) .manually-labeled-switch__checkbox__-pgR9:disabled:indeterminate+.manually-labeled-switch__visuals__g13eB {
    background: var(--color-bg-disabled)
}

.manually-labeled-switch__root__sp5fN .manually-labeled-switch__checkbox__-pgR9 {
    --fpl-switch-input-inset: .25rem;
    position: absolute;
    inset: var(--fpl-switch-input-inset) 0;
    width: 100%;
    height: calc(100% - var(--fpl-switch-input-inset)*2);
    margin: 0;
    outline: none;
    opacity: 0
}

.manually-labeled-switch__root__sp5fN .manually-labeled-switch__visuals__g13eB {
    position: absolute;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: .0625rem solid transparent;
    border-radius: var(--radius-full);
    pointer-events: none
}

.switch__root__K7xJr {
    display: grid;
    grid-template-columns: max-content;
    column-gap: var(--spacer-2)
}

body:not([data-fpl-version=ui3]) .switch__root__K7xJr:where(:not([data-fpl-ui3-override] *)) {
    grid-template-columns: 2.5rem
}

body:not([data-fpl-version=ui3]) .switch__root__K7xJr:where(:not([data-fpl-ui3-override] *))>label {
    margin-top: .5rem
}

.switch__root__K7xJr>.switch__description__I3Yn2 {
    grid-row: 2;
    grid-column: 2
}

.switch__root__K7xJr>label {
    grid-column: 2;
    margin-top: .25rem
}

[data-fpl-version=ui3] .tabs__tabStrip__6GiU-,
:where([data-fpl-ui3-override]) .tabs__tabStrip__6GiU- {
    display: flex;
    gap: var(--spacer-1)
}

[data-fpl-version=ui3] .tabs__tabStrip__6GiU-[aria-orientation=vertical],
:where([data-fpl-ui3-override]) .tabs__tabStrip__6GiU-[aria-orientation=vertical] {
    flex-direction: column;
    gap: var(--spacer-2)
}

[data-fpl-version=ui3] .tabs__tabStrip__6GiU- .tabs__tabButton__UEhB4:only-child,
:where([data-fpl-ui3-override]) .tabs__tabStrip__6GiU- .tabs__tabButton__UEhB4:only-child {
    background-color: transparent
}

body:not([data-fpl-version=ui3]) .tabs__tabStrip__6GiU-:where(:not([data-fpl-ui3-override] *)) {
    display: flex;
    gap: 0
}

body:not([data-fpl-version=ui3]) .tabs__tabStrip__6GiU-[aria-orientation=vertical]:where(:not([data-fpl-ui3-override] *)) {
    flex-direction: column
}

.tabs__tabButton__UEhB4 {
    text-wrap: nowrap;
    -webkit-user-select: none;
    user-select: none
}

[data-fpl-version=ui3] .tabs__tabButton__UEhB4,
:where([data-fpl-ui3-override]) .tabs__tabButton__UEhB4 {
    display: grid;
    justify-content: center;
    align-items: center;
    height: 1.5rem;
    padding: 0 var(--spacer-2);
    color: var(--color-text-secondary);
    border: none;
    border-radius: var(--radius-medium);
    background-color: var(--color-bg);
    outline: none;
    font-family: var(--text-body-medium-font-family);
    font-size: var(--text-body-medium-font-size);
    font-weight: var(--text-body-medium-font-weight);
    letter-spacing: var(--text-body-medium-letter-spacing);
    line-height: var(--text-body-medium-line-height)
}

[data-fpl-version=ui3] .tabs__tabButton__UEhB4:hover,
:where([data-fpl-ui3-override]) .tabs__tabButton__UEhB4:hover {
    background-color: var(--color-bg-hover)
}

[data-fpl-version=ui3] .tabs__tabButton__UEhB4>span,
:where([data-fpl-ui3-override]) .tabs__tabButton__UEhB4>span {
    grid-row: 1;
    grid-column: 1
}

[data-fpl-version=ui3] .tabs__tabButton__UEhB4>.tabs__tabButtonStrong__Kgz2o,
:where([data-fpl-ui3-override]) .tabs__tabButton__UEhB4>.tabs__tabButtonStrong__Kgz2o {
    opacity: 0;
    font-family: var(--text-body-medium-strong-font-family);
    font-size: var(--text-body-medium-strong-font-size);
    font-weight: var(--text-body-medium-strong-font-weight);
    letter-spacing: var(--text-body-medium-strong-letter-spacing);
    line-height: var(--text-body-medium-strong-line-height)
}

[data-fpl-version=ui3] .tabs__tabButton__UEhB4[aria-selected=true],
:where([data-fpl-ui3-override]) .tabs__tabButton__UEhB4[aria-selected=true] {
    color: var(--color-text);
    background-color: var(--color-bg-secondary);
    font-family: var(--text-body-medium-strong-font-family);
    font-size: var(--text-body-medium-strong-font-size);
    font-weight: var(--text-body-medium-strong-font-weight);
    letter-spacing: var(--text-body-medium-strong-letter-spacing);
    line-height: var(--text-body-medium-strong-line-height)
}

[data-fpl-version=ui3] .tabs__tabButton__UEhB4[data-show-focus]:focus-visible,
:where([data-fpl-ui3-override]) .tabs__tabButton__UEhB4[data-show-focus]:focus-visible {
    outline: 1px solid var(--color-border-selected);
    outline-offset: -1px
}

body:not([data-fpl-version=ui3]) .tabs__tabButton__UEhB4:where(:not([data-fpl-ui3-override] *)) {
    display: grid;
    justify-content: center;
    align-items: center;
    height: 2rem;
    padding: 0 .75rem;
    color: var(--color-text-secondary);
    font-weight: 500;
    font-size: .6875rem;
    line-height: 1rem;
    letter-spacing: .00344rem;
    border: none;
    border-radius: .25rem;
    background-color: transparent
}

body:not([data-fpl-version=ui3]) .tabs__tabButton__UEhB4:where(:not([data-fpl-ui3-override] *)):hover {
    color: var(--color-text)
}

body:not([data-fpl-version=ui3]) .tabs__tabButton__UEhB4:where(:not([data-fpl-ui3-override] *))>span {
    grid-row: 1;
    grid-column: 1
}

body:not([data-fpl-version=ui3]) .tabs__tabButton__UEhB4:where(:not([data-fpl-ui3-override] *))>.tabs__tabButtonStrong__Kgz2o {
    font-weight: 600;
    opacity: 0
}

body:not([data-fpl-version=ui3]) .tabs__tabButton__UEhB4[aria-selected=true]:where(:not([data-fpl-ui3-override] *)) {
    color: var(--color-text);
    font-weight: 600
}

body:not([data-fpl-version=ui3]) .tabs__tabButton__UEhB4[data-show-focus]:where(:not([data-fpl-ui3-override] *)):focus-visible {
    outline: 1px solid var(--color-border-selected)
}

.tabs__tabButton__UEhB4>span {
    word-break: keep-all
}

.tabs__tabPanel__-3APM:focus-visible {
    outline: 1px solid var(--color-border-selected)
}

.tabs__tabPanelFillHeight__qwcK1 {
    height: 100%
}

.toast__root__nVszD {
    display: inline-flex;
    align-items: center;
    max-width: 600px
}

body:not([data-fpl-version=ui3]) .toast__root__nVszD:where(:not([data-fpl-ui3-override] *)) {
    --btn-border-ui2: var(--color-border-menu);
    --color-bg: var(--color-bg-menu);
    --color-bg-hover: var(--color-bg-menu-hover);
    --color-border: var(--color-border-menu);
    --color-icon: var(--color-icon-menu);
    --color-icon-tertiary: var(--color-icon-menu);
    --color-text: var(--color-text-menu);
    --color-text-secondary: var(--color-text-menu-secondary);
    padding: 0;
    color: var(--color-text);
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    background: var(--color-bg);
    outline: .5px solid var(--color-bordertranslucent);
    box-shadow: var(--elevation-400);
    overflow: hidden
}

body:not([data-fpl-version=ui3]) .toast__root__nVszD:where(:not([data-fpl-ui3-override] *))>svg {
    padding: 5px 0 5px 10px
}

[data-fpl-version=ui3] .toast__root__nVszD,
:where([data-fpl-ui3-override]) .toast__root__nVszD {
    min-height: var(--spacer-6);
    padding: 0 var(--spacer-2);
    border-radius: var(--radius-large);
    background: var(--color-bg);
    box-shadow: var(--elevation-100)
}

[data-fpl-version=ui3] .toast__root__nVszD>svg,
:where([data-fpl-ui3-override]) .toast__root__nVszD>svg {
    flex-shrink: 0
}

body:not([data-fpl-version=ui3]) .toast__dangerRoot__CPXoI:where(:not([data-fpl-ui3-override] *)) {
    --color-bg: var(--color-bg-danger);
    --color-bg-hover: var(--color-bg-danger-hover);
    --color-border: var(--color-border-ondanger);
    --color-icon-tertiary: var(--color-icon-ondanger-tertiary);
    --color-text: var(--color-text-ondanger)
}

[data-fpl-version=ui3] .toast__dangerRoot__CPXoI,
:where([data-fpl-ui3-override]) .toast__dangerRoot__CPXoI {
    --color-bg: var(--color-bg-danger);
    --color-bg-hover: var(--color-bg-danger-hover);
    --color-bg-pressed: var(--color-bg-danger-pressed);
    --color-border: var(--color-border-ondanger);
    --color-icon: var(--color-icon-ondanger);
    --color-text: var(--color-text-ondanger)
}

body:not([data-fpl-version=ui3]) .toast__ui2Button__OgkDa:where(:not([data-fpl-ui3-override] *)) {
    padding: 5px 14px;
    color: var(--color-text);
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    border-left: 1px solid var(--color-border);
    background: var(--color-bg)
}

body:not([data-fpl-version=ui3]) .toast__ui2Button__OgkDa:where(:not([data-fpl-ui3-override] *)):hover {
    --color-bg: var(--color-bg-hover)
}

body:not([data-fpl-version=ui3]) .toast__ui2DismissButton__clf9D:where(:not([data-fpl-ui3-override] *)) {
    display: flex;
    justify-content: center;
    width: 32px;
    height: 34px;
    box-sizing: border-box;
    border-left: 1px solid var(--color-border);
    background: var(--color-bg)
}

body:not([data-fpl-version=ui3]) .toast__ui2DismissButton__clf9D:where(:not([data-fpl-ui3-override] *)):hover {
    --color-bg: var(--color-bg-hover)
}

[data-fpl-version=ui3] .toast__message__wf2fG,
[data-fpl-version=ui3] .toast__count__d7BNQ,
:where([data-fpl-ui3-override]) .toast__message__wf2fG,
:where([data-fpl-ui3-override]) .toast__count__d7BNQ {
    padding: 0 var(--spacer-1);
    font-family: var(--text-body-medium-strong-font-family);
    font-size: var(--text-body-medium-strong-font-size);
    font-weight: var(--text-body-medium-strong-font-weight);
    letter-spacing: var(--text-body-medium-strong-letter-spacing);
    line-height: var(--text-body-medium-strong-line-height)
}

[data-fpl-version=ui3] .toast__message__wf2fG:first-child,
[data-fpl-version=ui3] .toast__count__d7BNQ:first-child,
:where([data-fpl-ui3-override]) .toast__message__wf2fG:first-child,
:where([data-fpl-ui3-override]) .toast__count__d7BNQ:first-child {
    padding-left: var(--spacer-2)
}

[data-fpl-version=ui3] .toast__message__wf2fG:last-child,
[data-fpl-version=ui3] .toast__count__d7BNQ:last-child,
:where([data-fpl-ui3-override]) .toast__message__wf2fG:last-child,
:where([data-fpl-ui3-override]) .toast__count__d7BNQ:last-child {
    padding-right: var(--spacer-2)
}

.toast__message__wf2fG {
    color: var(--color-text)
}

body:not([data-fpl-version=ui3]) .toast__message__wf2fG:where(:not([data-fpl-ui3-override] *)) {
    padding: 5px 14px 5px 8px
}

body:not([data-fpl-version=ui3]) .toast__message__wf2fG:where(:not([data-fpl-ui3-override] *)):first-child {
    padding-left: 16px
}

body:not([data-fpl-version=ui3]) .toast__message__wf2fG:where(:not([data-fpl-ui3-override] *)):last-child {
    padding-right: 16px
}

[data-fpl-version=ui3] .toast__message__wf2fG,
:where([data-fpl-ui3-override]) .toast__message__wf2fG {
    padding-top: var(--spacer-2);
    padding-bottom: var(--spacer-2);
    color: var(--color-text)
}

.toast__count__d7BNQ {
    color: var(--color-text-secondary)
}

body:not([data-fpl-version=ui3]) .toast__count__d7BNQ:where(:not([data-fpl-ui3-override] *)) {
    padding-left: 10px
}

[data-fpl-version=ui3] .toast__buttonWrap__2TySl,
:where([data-fpl-ui3-override]) .toast__buttonWrap__2TySl {
    padding: 0 var(--spacer-1)
}

[data-fpl-version=ui3] .toast__dismissButton__SYFiF,
:where([data-fpl-ui3-override]) .toast__dismissButton__SYFiF {
    display: inline-flex;
    align-items: center;
    align-self: stretch
}

[data-fpl-version=ui3] .toast__dismissButton__SYFiF:last-child:not(:first-child),
:where([data-fpl-ui3-override]) .toast__dismissButton__SYFiF:last-child:not(:first-child) {
    margin-left: var(--spacer-1);
    padding-right: var(--spacer-0);
    padding-left: var(--spacer-2);
    border-left: 1px solid var(--color-bordertranslucent)
}

[data-fpl-version=ui3] .toast__message__wf2fG+.toast__dismissButton__SYFiF.toast__dismissButton__SYFiF,
:where([data-fpl-ui3-override]) .toast__message__wf2fG+.toast__dismissButton__SYFiF.toast__dismissButton__SYFiF {
    margin-left: calc(var(--spacer-3) - var(--spacer-1))
}

[data-fpl-version=ui3] .toast__message__wf2fG+.toast__buttonWrap__2TySl,
:where([data-fpl-ui3-override]) .toast__message__wf2fG+.toast__buttonWrap__2TySl {
    padding-left: calc(var(--spacer-3) - var(--spacer-1))
}

.toast__animate__oNP0u {
    animation: toast__loading-spinner-rotate__r9tqw 1s linear infinite
}

@keyframes toast__loading-spinner-rotate__r9tqw {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.window__root__KsyeI {
    --fpl-dialog-elevation: var(--elevation-400);
    --fpl-contents-max-height: 80vh;
    position: fixed;
    width: fit-content
}

@supports (width: 100dvh) {
    .window__root__KsyeI {
        --fpl-contents-max-height: 80dvh
    }
    .window__root__KsyeI.window__fullHeight__aDy3i {
        --fpl-contents-max-height: 100dvh
    }
}

.window__root__KsyeI:focus {
    outline: none
}

.window__root__KsyeI.window__fullHeight__aDy3i {
    --fpl-contents-max-height: 100vh
}

.window__root__KsyeI.window__sm__f5wSc {
    width: 15rem
}

@layer reset {
    .button-reset__buttonReset__zO1D7 {
        display: inline-flex;
        place-items: center;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font: inherit;
        letter-spacing: inherit;
        border: none;
        background: none;
        -webkit-user-select: none;
        user-select: none
    }
    .button-reset__buttonReset__zO1D7 * {
        pointer-events: none
    }
    .button-reset__experimentalTextAlignInherit__padaM {
        text-align: inherit
    }
}

[data-modals-open] {
    overflow: hidden;
    touch-action: none;
    -webkit-overflow-scrolling: none;
    overscroll-behavior: none
}

.modal-primitive__root__x1Mdk[aria-hidden=true] {
    display: none
}

.radio-like-primitive__hiddenInput__-rswg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0
}

.radio-like-primitive__optionRoot__9WImp {
    position: relative
}

:where(.select-primitive__container__hpR3l) {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: 0;
    overflow-y: auto;
    -webkit-user-select: none;
    user-select: none;
    overscroll-behavior: contain;
    scrollbar-width: none
}

:where(.select-primitive__scrollArrow__-uP-4) {
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 0;
    visibility: hidden;
    cursor: default;
    -webkit-user-select: none;
    user-select: none
}

:where(.select-primitive__scrollArrow__-uP-4):before {
    position: absolute;
    left: 0;
    content: "";
    z-index: -1;
    display: block;
    width: 100%;
    pointer-events: none
}

[data-fpl-select-visibility]:where(.select-primitive__scrollArrow__-uP-4) {
    visibility: visible
}

[data-fpl-select-direction=up]:where(.select-primitive__scrollArrow__-uP-4) {
    top: 0
}

[data-fpl-select-direction=down]:where(.select-primitive__scrollArrow__-uP-4) {
    bottom: 0
}

.select-primitive__container__hpR3l[data-fpl-fallback=true] {
    height: 100%!important;
    max-height: 100%!important
}

.slider-primitive__root__j6miT {
    --fpl-slider-primitive-hitbox: 44px;
    position: relative;
    border: 0 solid transparent;
    border-width: 0 calc(var(--fpl-slider-thumb-width)/2)
}

.slider-primitive__root__j6miT:not(.slider-primitive__hitbox__MAYcD) {
    pointer-events: none
}

.slider-primitive__hitbox__MAYcD {
    --horizontal-padding: calc(var(--fpl-slider-primitive-hitbox)*-1/2);
    position: absolute;
    top: 50%;
    left: var(--horizontal-padding);
    right: var(--horizontal-padding);
    height: 100%;
    min-height: var(--fpl-slider-primitive-hitbox);
    outline: none;
    transform: translateY(-50%)
}

.window-outlet__windowOutlet__S7mWP {
    position: fixed;
    inset: 0;
    z-index: 7;
    isolation: isolate;
    pointer-events: none
}

[data-fpl-version=ui3] .window-outlet__windowOutlet__S7mWP,
:where([data-fpl-ui3-override]) .window-outlet__windowOutlet__S7mWP {
    z-index: 9
}

.window-outlet__windowOutlet__S7mWP>* {
    pointer-events: auto
}

.window-primitive__resizable__VdDxG {
    position: relative
}

.window-primitive___handleH__UrbOR {
    position: absolute;
    left: 0;
    width: 100%;
    height: 8px;
    cursor: ns-resize
}

.window-primitive___handleV__5XKZU {
    position: absolute;
    top: 0;
    width: 8px;
    height: 100%;
    cursor: ew-resize
}

.window-primitive__left__J0ctB {
    left: -6px
}

.window-primitive__top__Y8xPK {
    top: -6px
}

.window-primitive__right__0DfwX {
    right: -6px
}

.window-primitive__bottom__e1lS- {
    bottom: -6px
}

.window-primitive___handleC__7MnD8 {
    position: absolute;
    width: 16px;
    height: 16px
}

.window-primitive__topLeft__S7zYw {
    top: -6px;
    left: -6px;
    cursor: nwse-resize
}

.window-primitive__topRight__pTYva {
    top: -6px;
    right: -6px;
    cursor: nesw-resize
}

.window-primitive__bottomRight__WtCYr {
    bottom: -6px;
    right: -6px;
    cursor: nwse-resize
}

.window-primitive__bottomLeft__xyrRa {
    left: -6px;
    bottom: -6px;
    cursor: nesw-resize
}

[data-fpl-version=ui3] .dialog-trigger-button__ghost__OrMww[aria-expanded=false]:not([aria-disabled=true]):hover,
[data-fpl-version=ui3]:where([data-fpl-group]:hover) .dialog-trigger-button__ghost__OrMww[aria-expanded=false]:not([aria-disabled=true]),
[data-fpl-version=ui3] [data-fpl-group]:has([data-show-focus]:focus-visible) .dialog-trigger-button__ghost__OrMww[aria-expanded=false]:not([aria-disabled=true]):not(:focus-visible),
:where([data-fpl-ui3-override]) .dialog-trigger-button__ghost__OrMww[aria-expanded=false]:not([aria-disabled=true]):hover,
:where([data-fpl-ui3-override]):where([data-fpl-group]:hover) .dialog-trigger-button__ghost__OrMww[aria-expanded=false]:not([aria-disabled=true]),
:where([data-fpl-ui3-override]) [data-fpl-group]:has([data-show-focus]:focus-visible) .dialog-trigger-button__ghost__OrMww[aria-expanded=false]:not([aria-disabled=true]):not(:focus-visible) {
    background: var(--color-bghovertransparent)
}

body:not([data-fpl-version=ui3]) .dialog-trigger-button__ghost__OrMww[aria-expanded=false]:not([aria-disabled=true]):hover:where(:not([data-fpl-ui3-override] *)),
body:not([data-fpl-version=ui3]):where([data-fpl-group]:hover) .dialog-trigger-button__ghost__OrMww[aria-expanded=false]:not([aria-disabled=true]):where(:not([data-fpl-ui3-override] *)),
body:not([data-fpl-version=ui3]) [data-fpl-group]:has([data-show-focus]:focus-visible) .dialog-trigger-button__ghost__OrMww[aria-expanded=false]:not([aria-disabled=true]):not(:focus-visible):where(:not([data-fpl-ui3-override] *)) {
    background-color: var(--color-bg-hover)
}

[data-fpl-version=ui3] .dialog-trigger-button__ghost__OrMww[aria-expanded=false]:not([aria-disabled=true]):active,
:where([data-fpl-ui3-override]) .dialog-trigger-button__ghost__OrMww[aria-expanded=false]:not([aria-disabled=true]):active {
    background: var(--color-bgtransparent-secondary-hover)
}

body:not([data-fpl-version=ui3]) .dialog-trigger-button__ghost__OrMww:where(:not([data-fpl-ui3-override] *)) {
    --icon-button-radius: .125rem;
    --icon-button-outline-offset: -.125rem;
    --icon-button-outline-width: .125rem
}

body:not([data-fpl-version=ui3]) .dialog-trigger-button__ghost__OrMww[aria-expanded=false][data-show-focus]:where(:not([data-fpl-ui3-override] *)):focus-visible {
    --icon-button-outline-color: var(--color-border-selected)
}

[data-fpl-version=ui3] .dialog-trigger-button__secondary__w-GC7[aria-expanded=false],
:where([data-fpl-ui3-override]) .dialog-trigger-button__secondary__w-GC7[aria-expanded=false] {
    --icon-button-outline-color: var(--color-bordertranslucent)
}

[data-fpl-version=ui3] .dialog-trigger-button__secondary__w-GC7[aria-expanded=true],
:where([data-fpl-ui3-override]) .dialog-trigger-button__secondary__w-GC7[aria-expanded=true] {
    --icon-button-outline-color: var(--color-border-onselected)
}

body:not([data-fpl-version=ui3]) .dialog-trigger-button__secondary__w-GC7:where(:not([data-fpl-ui3-override] *)) {
    --icon-button-radius: .375rem
}

body:not([data-fpl-version=ui3]) .dialog-trigger-button__secondary__w-GC7[aria-expanded=false]:where(:not([data-fpl-ui3-override] *)) {
    --icon-button-outline-color: var(--color-border-strong)
}

body:not([data-fpl-version=ui3]) .dialog-trigger-button__secondary__w-GC7[data-show-focus]:where(:not([data-fpl-ui3-override] *)):focus-visible {
    --icon-button-outline-color: var(--color-border-selected);
    --icon-button-outline-offset: -.125rem;
    --icon-button-outline-width: .125rem
}

[data-fpl-version=ui3] .dialog-trigger-button__secondary__w-GC7[aria-disabled=true],
:where([data-fpl-ui3-override]) .dialog-trigger-button__secondary__w-GC7[aria-disabled=true] {
    --icon-button-outline-color: var(--color-border-disabled)
}

body:not([data-fpl-version=ui3]) .dialog-trigger-button__secondary__w-GC7[aria-disabled=true]:where(:not([data-fpl-ui3-override] *)) {
    --icon-button-outline-color: var(--color-border-disabled)
}

.dialog-trigger-button__secondary__w-GC7[aria-expanded=false]:not([aria-disabled=true]):active {
    background-color: var(--color-bg-pressed)
}

[data-fpl-version=ui3] .dialog-trigger-button__dialogTriggerButton__bjzvt,
:where([data-fpl-ui3-override]) .dialog-trigger-button__dialogTriggerButton__bjzvt {
    --icon-button-size: 1.5rem;
    --icon-button-icon-size: 1.5rem;
    --icon-button-radius: var(--radius-medium)
}

[data-fpl-version=ui3] .dialog-trigger-button__dialogTriggerButton__bjzvt[aria-expanded=true]:not([aria-disabled=true]),
:where([data-fpl-ui3-override]) .dialog-trigger-button__dialogTriggerButton__bjzvt[aria-expanded=true]:not([aria-disabled=true]) {
    --icon-button-icon: var(--color-icon-brand);
    --icon-button-icon-secondary: var(--color-icon-brand-secondary);
    --icon-button-icon-tertiary: var(--color-icon-brand-tertiary);
    background: var(--color-bg-selected)
}

[data-fpl-version=ui3] .dialog-trigger-button__dialogTriggerButton__bjzvt[aria-expanded=true][aria-disabled=true],
:where([data-fpl-ui3-override]) .dialog-trigger-button__dialogTriggerButton__bjzvt[aria-expanded=true][aria-disabled=true] {
    background: var(--color-bg-disabled)
}

[data-fpl-version=ui3] .dialog-trigger-button__dialogTriggerButton__bjzvt[aria-expanded=true]:not([aria-disabled=true]):hover,
:where([data-fpl-ui3-override]) .dialog-trigger-button__dialogTriggerButton__bjzvt[aria-expanded=true]:not([aria-disabled=true]):hover {
    background: var(--color-bg-selected-secondary)
}

[data-fpl-version=ui3] .dialog-trigger-button__dialogTriggerButton__bjzvt[aria-expanded=true]:not([aria-disabled=true]):active,
:where([data-fpl-ui3-override]) .dialog-trigger-button__dialogTriggerButton__bjzvt[aria-expanded=true]:not([aria-disabled=true]):active {
    background: var(--color-bg-selected)
}

[data-fpl-version=ui3] .dialog-trigger-button__dialogTriggerButton__bjzvt[data-show-focus]:focus-visible,
:where([data-fpl-ui3-override]) .dialog-trigger-button__dialogTriggerButton__bjzvt[data-show-focus]:focus-visible {
    --icon-button-outline-color: var(--color-border-selected)
}

body:not([data-fpl-version=ui3]) .dialog-trigger-button__dialogTriggerButton__bjzvt:where(:not([data-fpl-ui3-override] *)) {
    --icon-button-size: 2rem;
    --icon-button-icon-size: 1.875rem
}

body:not([data-fpl-version=ui3]) .dialog-trigger-button__dialogTriggerButton__bjzvt[aria-expanded=true]:where(:not([data-fpl-ui3-override] *)) {
    --icon-button-icon: var(--color-icon-onbrand);
    --icon-button-icon-secondary: var(--color-icon-onbrand-secondary);
    --icon-button-icon-tertiary: var(--color-icon-onbrand-tertiary);
    background-color: var(--color-bg-brand)
}

body:not([data-fpl-version=ui3]) .dialog-trigger-button__dialogTriggerButton__bjzvt[aria-expanded=true][data-show-focus]:where(:not([data-fpl-ui3-override] *)):focus-visible {
    --icon-button-outline-color: var(--color-border-selected-strong)
}

body:not([data-fpl-version=ui3]) .dialog-trigger-button__dialogTriggerButton__bjzvt[aria-expanded=true][aria-disabled=true]:where(:not([data-fpl-ui3-override] *)) {
    --icon-button-icon: var(--color-icon-ondisabled);
    --icon-button-icon-secondary: var(--color-icon-ondisabled);
    --icon-button-icon-tertiary: var(--color-icon-ondisabled);
    background-color: var(--color-bg-disabled)
}

.button-group__buttonGroup__p1E0s {
    --fpl-radius-left: 0px;
    --fpl-radius-right: 0px;
    display: inline-flex;
    flex-direction: row;
    gap: 1px;
    align-items: stretch
}

.button-group__buttonGroup__p1E0s>:first-child {
    --fpl-radius-left: initial
}

.button-group__buttonGroup__p1E0s>:last-child {
    --fpl-radius-right: initial
}

.button-group__buttonGroup__p1E0s.button-group__buttonGroupSecondary__H-NHy {
    gap: 0
}

.button-group__buttonGroup__p1E0s.button-group__buttonGroupSecondary__H-NHy>button {
    margin-right: -.0625rem;
    margin-left: -.0625rem;
    padding-right: .0625rem;
    padding-left: .0625rem
}

.button-group__buttonGroup__p1E0s.button-group__buttonGroupSecondary__H-NHy>button:first-of-type {
    margin-right: unset
}

.button-group__buttonGroup__p1E0s.button-group__buttonGroupSecondary__H-NHy>button:last-of-type {
    margin-left: unset
}

.button-group__buttonGroup__p1E0s>.button-group__triggerButton__bxStO {
    --icon-button-width: 1rem
}

.button-group__triggerButtonIcon__UZhip {
    margin-left: calc((var(--icon-button-width, var(--icon-button-size)) - var(--icon-button-icon-size))/2)
}

.callout__emphasized__Ub-OG {
    --color-bg: var(--color-bg-brand);
    --color-text: var(--color-text-onbrand);
    --color-text-secondary: var(--color-text-onbrand-secondary);
    --color-text-tertiary: var(--clor-text-onbrand-tertiary);
    --color-icon: var(--color-icon-onbrand);
    --color-icon-secondary: var(--color-icon-onbrand-secondary);
    --color-icon-tertiary: var(--color-icon-onbrand-tertiary);
    --color-border: var(--color-border-onbrand);
    --color-border-strong: var(--color-border-onbrand-strong);
    --color-border-selected: var(--color-border-onbrand)
}

.callout__footer__kpRZG {
    grid-area: footer;
    display: flex;
    align-items: center;
    min-height: var(--spacer-6);
    padding: 0 8px 0 16px;
    color: var(--color-text-secondary)
}

body:not([data-fpl-version=ui3]) .callout__footer__kpRZG:where(:not([data-fpl-ui3-override] *)) {
    min-height: 3rem;
    padding: 0 .5rem 0 .75rem
}

.callout__step__kWJvC {
    color: var(--color-text-secondary)
}

.card-primitive__root__h5a39 {
    position: relative;
    isolation: isolate
}

.card-primitive__root__h5a39>* {
    pointer-events: none
}

.card-primitive__main__7ho0a>* {
    pointer-events: auto
}

.card-primitive__main__7ho0a>*:first-child {
    position: static
}

.card-primitive__main__7ho0a>*:first-child:after {
    position: absolute;
    inset: 0;
    content: "";
    z-index: -1
}

.card-primitive__interactive__9-8aA>* {
    pointer-events: auto
}

.card-primitive___main__e9jQX {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: auto
}

.card-primitive__button__jv46G {
    background: none
}

.chip__chip__p9lFq {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    color: var(--chip-color-text);
    border-radius: var(--radius-medium);
    background: var(--chip-color-bg);
    outline: 1px solid var(--chip-color-border);
    outline-offset: -1px;
    overflow: hidden;
    -webkit-user-select: none;
    user-select: none
}

body:not([data-fpl-version=ui3]) .chip__chip__p9lFq:where(:not([data-fpl-ui3-override] *)) {
    border-radius: .375rem
}

.chip__chip__p9lFq:has(:focus-visible) {
    background: transparent;
    outline: 1px solid var(--color-border-selected)
}

.chip__chip__p9lFq:has(:focus-visible):before {
    position: absolute;
    inset: .125rem;
    content: "";
    border-radius: .25rem;
    background: var(--chip-color-bg)
}

@media screen and (min-resolution: 2dppx) {
    .chip__chip__p9lFq:has(: focus-visible):before {
        border-radius: .1875rem
    }
}

.chip__chip__p9lFq.chip__sizeSm__lkIcs {
    --chip-padding: var(--spacer-1);
    --chip-height: 1.25rem;
    height: var(--chip-height);
    border-radius: .1875rem
}

body:not([data-fpl-version=ui3]) .chip__chip__p9lFq.chip__sizeSm__lkIcs:where(:not([data-fpl-ui3-override] *)) {
    --chip-padding: .25rem
}

.chip__chip__p9lFq.chip__sizeSm__lkIcs .chip__leading__zJNEa {
    min-width: 1.25rem
}

.chip__chip__p9lFq.chip__sizeMd__OpcZs {
    --chip-padding: var(--spacer-2);
    --chip-height: 1.5rem;
    height: var(--chip-height)
}

body:not([data-fpl-version=ui3]) .chip__chip__p9lFq.chip__sizeMd__OpcZs:where(:not([data-fpl-ui3-override] *)) {
    --chip-padding: .5rem
}

.chip__chip__p9lFq.chip__sizeMd__OpcZs .chip__leading__zJNEa {
    min-width: 1.5rem
}

.chip__chip__p9lFq.chip__sizeFill__X3su6 {
    --chip-padding: var(--spacer-2);
    --chip-height: 1.5rem;
    width: 100%;
    height: var(--chip-height)
}

body:not([data-fpl-version=ui3]) .chip__chip__p9lFq.chip__sizeFill__X3su6:where(:not([data-fpl-ui3-override] *)) {
    --chip-padding: .5rem
}

.chip__chip__p9lFq.chip__variantPrimary__cdoqy.chip__enabled__oqgSy {
    --chip-color-bg: var(--color-bg);
    --chip-color-border: var(--color-border);
    --chip-color-text: var(--color-text);
    --color-icon: var(--color-text-secondary)
}

.chip__chip__p9lFq.chip__variantPrimary__cdoqy.chip__enabled__oqgSy.chip__interactive__mYmLC:hover {
    --chip-color-bg: var(--color-bg-transparent-hover);
    --color-icon: var(--color-text)
}

.chip__chip__p9lFq.chip__variantPrimary__cdoqy.chip__enabled__oqgSy:has(:focus-visible) {
    --color-icon: var(--color-text)
}

.chip__chip__p9lFq.chip__variantPrimary__cdoqy.chip__enabled__oqgSy:has(:active) {
    --chip-color-bg: var(--color-bg-transparent-pressed)
}

.chip__chip__p9lFq.chip__variantPrimary__cdoqy.chip__enabled__oqgSy.chip__selected__j8L-p,
.chip__chip__p9lFq.chip__variantPrimary__cdoqy.chip__enabled__oqgSy.chip__selected__j8L-p:hover {
    --chip-color-bg: var(--color-bg-selected);
    --chip-color-border: var(--color-border-selected);
    --chip-color-text: var(--color-text-selected);
    --color-icon: var(--color-text-selected)
}

.chip__chip__p9lFq.chip__variantComponent__iYi9L.chip__enabled__oqgSy {
    --chip-color-bg: var(--color-bg);
    --chip-color-border: var(--color-border-component);
    --chip-color-text: var(--color-text-component);
    --color-icon: var(--color-text-component)
}

.chip__chip__p9lFq.chip__variantComponent__iYi9L.chip__enabled__oqgSy.chip__interactive__mYmLC:hover {
    --chip-color-bg: var(--color-bg-component-tertiary)
}

.chip__chip__p9lFq.chip__variantComponent__iYi9L.chip__enabled__oqgSy.chip__selected__j8L-p {
    --chip-color-bg: var(--color-bg-component-tertiary);
    --chip-color-border: var(--color-border-component-strong)
}

.chip__chip__p9lFq.chip__variantComponent__iYi9L.chip__disabled__Cr-yT {
    --chip-color-bg: var(--color-bg);
    --chip-color-border: var(--color-border-component);
    --chip-color-text: var(--color-text-component-secondary);
    --color-icon: var(--color-text-component-secondary)
}

.chip__chip__p9lFq.chip__variantComponent__iYi9L.chip__disabled__Cr-yT.chip__selected__j8L-p {
    --chip-color-bg: var(--color-bg-component-tertiary);
    --chip-color-border: var(--color-border-component);
    --chip-color-text: var(--color-text-component-secondary);
    --color-icon: var(--color-text-component-secondary)
}

.chip__chip__p9lFq.chip__variantSuccess__NqX9S.chip__enabled__oqgSy {
    --chip-color-bg: var(--color-bg);
    --chip-color-border: var(--color-border-success);
    --chip-color-text: var(--color-text-success);
    --color-icon: var(--color-text-success)
}

.chip__chip__p9lFq.chip__variantSuccess__NqX9S.chip__enabled__oqgSy.chip__interactive__mYmLC:hover {
    --chip-color-bg: var(--color-bg-success-tertiary)
}

.chip__chip__p9lFq.chip__variantSuccess__NqX9S.chip__enabled__oqgSy.chip__selected__j8L-p {
    --chip-color-bg: var(--color-bg-success-tertiary);
    --chip-color-border: var(--color-border-success-strong)
}

.chip__chip__p9lFq.chip__variantWarning__tpuFm.chip__enabled__oqgSy {
    --chip-color-bg: var(--color-bg);
    --chip-color-border: var(--color-border-warning);
    --chip-color-text: var(--color-text-warning);
    --color-icon: var(--color-text-warning)
}

.chip__chip__p9lFq.chip__variantWarning__tpuFm.chip__enabled__oqgSy.chip__interactive__mYmLC:hover {
    --chip-color-bg: var(--color-bg-warning-tertiary)
}

.chip__chip__p9lFq.chip__variantWarning__tpuFm.chip__enabled__oqgSy.chip__selected__j8L-p {
    --chip-color-bg: var(--color-bg-warning-tertiary);
    --chip-color-border: var(--color-border-warning-strong)
}

.chip__chip__p9lFq.chip__variantDanger__3kLvy.chip__enabled__oqgSy {
    --chip-color-bg: var(--color-bg);
    --chip-color-border: var(--color-border-danger);
    --chip-color-text: var(--color-text-danger);
    --color-icon: var(--color-text-danger)
}

.chip__chip__p9lFq.chip__variantDanger__3kLvy.chip__enabled__oqgSy.chip__interactive__mYmLC:hover {
    --chip-color-bg: var(--color-bg-danger-tertiary)
}

.chip__chip__p9lFq.chip__variantDanger__3kLvy.chip__enabled__oqgSy.chip__selected__j8L-p {
    --chip-color-bg: var(--color-bg-danger-tertiary);
    --chip-color-border: var(--color-border-danger-strong)
}

.chip__chip__p9lFq.chip__variantToggle__dKATE.chip__enabled__oqgSy {
    --chip-color-bg: var(--color-bg);
    --chip-color-border: var(--color-border);
    --chip-color-text: var(--color-text);
    --color-icon: var(--color-text-secondary)
}

.chip__chip__p9lFq.chip__variantToggle__dKATE.chip__enabled__oqgSy.chip__interactive__mYmLC:hover {
    --chip-color-bg: var(--color-bg-transparent-hover);
    --color-icon: var(--color-text)
}

.chip__chip__p9lFq.chip__variantToggle__dKATE.chip__enabled__oqgSy:has(:focus-visible) {
    --color-icon: var(--color-text)
}

.chip__chip__p9lFq.chip__variantToggle__dKATE.chip__enabled__oqgSy:has(:active) {
    --chip-color-bg: var(--color-bg-transparent-pressed)
}

.chip__chip__p9lFq.chip__variantToggle__dKATE.chip__enabled__oqgSy.chip__selected__j8L-p {
    --chip-color-bg: var(--color-bg-brand);
    --chip-color-border: transparent;
    --chip-color-text: var(--color-text-onbrand);
    --color-icon: var(--color-text-onbrand)
}

.chip__chip__p9lFq.chip__variantToggle__dKATE.chip__enabled__oqgSy.chip__selected__j8L-p:hover {
    --chip-color-bg: var(--color-bg-brand-hover);
    --color-icon: var(--color-text-onbrand)
}

.chip__chip__p9lFq.chip__variantToggle__dKATE.chip__enabled__oqgSy.chip__selected__j8L-p:has(:active) {
    --chip-color-bg: var(--color-bg-brand-pressed)
}

.chip__chip__p9lFq.chip__variantToggle__dKATE.chip__disabled__Cr-yT {
    --chip-color-bg: var(--color-bg);
    --chip-color-border: var(--color-border-disabled);
    --chip-color-text: var(--color-text-disabled);
    --color-icon: var(--color-text-disabled)
}

.chip__chip__p9lFq.chip__variantToggle__dKATE.chip__disabled__Cr-yT.chip__selected__j8L-p {
    --chip-color-bg: var(--color-bg-disabled);
    --chip-color-border: transparent;
    --chip-color-text: var(--color-text-ondisabled);
    --color-icon: var(--color-text-ondisabled)
}

.chip__chip__p9lFq.chip__variantPrimary__cdoqy.chip__disabled__Cr-yT,
.chip__chip__p9lFq.chip__variantSuccess__NqX9S.chip__disabled__Cr-yT,
.chip__chip__p9lFq.chip__variantDanger__3kLvy.chip__disabled__Cr-yT,
.chip__chip__p9lFq.chip__variantWarning__tpuFm.chip__disabled__Cr-yT {
    --chip-color-bg: var(--color-bg);
    --chip-color-border: var(--color-border-disabled);
    --chip-color-text: var(--color-text-disabled);
    --color-icon: var(--color-text-disabled)
}

.chip__chip__p9lFq.chip__variantPrimary__cdoqy.chip__disabled__Cr-yT.chip__selected__j8L-p,
.chip__chip__p9lFq.chip__variantSuccess__NqX9S.chip__disabled__Cr-yT.chip__selected__j8L-p,
.chip__chip__p9lFq.chip__variantDanger__3kLvy.chip__disabled__Cr-yT.chip__selected__j8L-p,
.chip__chip__p9lFq.chip__variantWarning__tpuFm.chip__disabled__Cr-yT.chip__selected__j8L-p {
    --chip-color-bg: var(--color-bg-secondary);
    --chip-color-border: var(--color-border)
}

.chip__content__PFdMr {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%
}

.chip__title__pAoz6 {
    flex: 1 0 auto;
    padding: 0 var(--chip-padding);
    white-space: nowrap
}

.chip__title__pAoz6:not(:first-child) {
    padding-left: 0
}

.chip__title__pAoz6:not(:last-child) {
    padding-right: 0
}

.chip__mainButton__8pK6D {
    outline: none
}

.chip__leading__zJNEa,
.chip__trailing__gFQmd {
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center
}

.chip__closeButtonWrapper__DJlYV {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    align-items: center;
    max-width: var(--chip-height);
    overflow: hidden
}

.chip__closeButton__qGt5t {
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--chip-height);
    height: var(--chip-height);
    outline: none
}

.chip__closeButton__qGt5t:active {
    opacity: .5
}

.chip__triggerChevron__s7ngi {
    margin-right: .125rem
}

.collapse__collapseRoot__nSZ1e {
    --chevron-color-icon: var(--color-icon-tertiary);
    --chevron-color-icon-hover: var(--color-text);
    --label: var(--color-text-secondary)
}

.collapse__collapseRoot__nSZ1e.collapse__fillHeight__BK9lI {
    display: flex;
    flex-direction: column;
    height: 100%
}

.collapse__collapseRoot__nSZ1e.collapse__fillHeight__BK9lI .collapse__collapseContent__J6Fze {
    flex-grow: 1;
    min-height: 0
}

.collapse__collapseHeader__PGUuS {
    display: inline-flex;
    flex-shrink: 0;
    place-items: center
}

.collapse__collapseHeader__PGUuS:has(.collapse__collapseLabelButton__gN4Af:focus-visible) {
    outline: var(--color-border-selected) solid 1px;
    outline-offset: -1px
}

.collapse__collapseHeader__PGUuS.collapse__fitWidth__bYhmE {
    width: fit-content
}

.collapse__collapseHeader__PGUuS.collapse__fillWidth__9mtAx {
    width: 100%
}

.collapse__collapseLabelButton__gN4Af {
    width: 100%;
    height: 100%;
    background-color: unset
}

.collapse__collapseLabelButton__gN4Af:focus-visible {
    outline: none
}

.collapse__collapseChevron__SnIUQ {
    display: flex;
    place-items: center
}

.collapse__collapseLabel__cVIMx {
    color: var(--label)
}

.collapse__collapseHeader__PGUuS.collapse__fitWidth__bYhmE .collapse__collapseTrail__nTP9O {
    padding-left: var(--spacer-1, .3rem)
}

.collapse__collapseTrail__nTP9O {
    padding-right: var(--spacer-2, .5rem)
}

.collapse__mediumSize__mVJVK {
    height: 2rem
}

.collapse__largeSize__lDD-m {
    height: 2.5rem
}

.collapse__collapseHeader__PGUuS.collapse__leftPanelVariant__Q8P4s .collapse__collapseLabelButton__gN4Af[aria-expanded=true]:not(:hover) .collapse__collapseChevron__SnIUQ {
    visibility: hidden
}

.collapse__collapseHeader__PGUuS.collapse__leftPanelVariant__Q8P4s .collapse__collapseLabelButton__gN4Af[aria-expanded=true]:hover .collapse__collapseChevron__SnIUQ,
.collapse__collapseHeader__PGUuS.collapse__leftPanelVariant__Q8P4s .collapse__collapseLabelButton__gN4Af[aria-expanded=true]:focus-visible .collapse__collapseChevron__SnIUQ {
    visibility: visible
}

.collapse__collapseHeader__PGUuS.collapse__leftPanelVariant__Q8P4s .collapse__collapseLabelButton__gN4Af:hover .collapse__collapseChevron__SnIUQ,
.collapse__collapseHeader__PGUuS.collapse__leftPanelVariant__Q8P4s .collapse__collapseLabelButton__gN4Af:focus-visible .collapse__collapseChevron__SnIUQ {
    --color-icon: var(--chevron-color-icon)
}

.collapse__collapseHeader__PGUuS.collapse__leftPanelVariant__Q8P4s .collapse__collapseLabelButton__gN4Af[aria-expanded=true],
.collapse__collapseHeader__PGUuS.collapse__leftPanelVariant__Q8P4s .collapse__collapseLabelButton__gN4Af[aria-expanded=false] {
    --label: var(--color-text)
}

.collapse__collapseLabelButton__gN4Af[aria-expanded=false] {
    --label: var(--color-text-secondary)
}

.collapse__collapseLabelButton__gN4Af[aria-expanded=false]:hover,
.collapse__collapseLabelButton__gN4Af[aria-expanded=true] {
    --label: var(--color-text)
}

.collapse__collapseLabelButton__gN4Af:not(:hover) .collapse__collapseChevron__SnIUQ {
    --color-icon: var(--chevron-color-icon)
}

.collapse__collapseLabelButton__gN4Af:hover .collapse__collapseChevron__SnIUQ,
.collapse__collapseLabelButton__gN4Af:focus-visible .collapse__collapseChevron__SnIUQ {
    --color-icon: var(--chevron-color-icon-hover)
}

.collapse__collapseGroup__dkOvu {
    display: flex;
    flex-direction: column
}

.collapse__collapseGroup__dkOvu .collapse__collapseRoot__nSZ1e:not(:last-child) {
    border-bottom: 1px solid var(--color-border)
}

:where(.menu-primitive__container__5lt-5) {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: 0;
    overflow-y: auto;
    -webkit-user-select: none;
    user-select: none;
    overscroll-behavior: contain;
    scrollbar-width: none
}

:where(.menu-primitive__scrollArrow__Om355) {
    position: sticky;
    z-index: 1;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    border-radius: 0;
    cursor: default;
    -webkit-user-select: none;
    user-select: none
}

:where(.menu-primitive__scrollArrow__Om355):before {
    position: absolute;
    left: 0;
    content: "";
    z-index: -1;
    display: block;
    width: 100%;
    pointer-events: none
}

[data-fpl-select-visibility]:where(.menu-primitive__scrollArrow__Om355) {
    display: flex
}

[data-fpl-select-direction=up]:where(.menu-primitive__scrollArrow__Om355) {
    top: 0
}

[data-fpl-select-direction=down]:where(.menu-primitive__scrollArrow__Om355) {
    bottom: 0
}

.utils__srOnly__kNoua {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    white-space: nowrap;
    border-width: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    -webkit-user-select: none;
    user-select: none
}

.utils__contents__try7q {
    display: contents
}

.menu__light__LPWu- {
    --menu-seperator-style: .0625rem solid var(--color-border);
    background-color: var(--color-bg);
    box-shadow: var(--elevation-400)
}

.menu__light__LPWu-[data-fpl-menu-overlap] {
    box-shadow: var(--elevation-500)
}

.menu__dark__crKxV {
    --menu-seperator-style: .0625rem solid var(--color-border-menu);
    background-color: var(--color-bg-menu);
    box-shadow: var(--elevation-400)
}

.menu__dark__crKxV[data-fpl-menu-overlap] {
    box-shadow: 0 .5px #ffffff14 inset, 0 10px 16px #00000059, 0 0 .5px #ffffff59 inset, 0 2px 5px #00000059
}

.menu__container__ZmSkT {
    --menu-seperator-gap: .4375rem;
    min-width: 80px;
    padding: var(--spacer-2, .5rem) 0;
    border-radius: var(--radius-large, .125rem)
}

.menu__container__ZmSkT:focus {
    outline: 0
}

.menu__container__ZmSkT>ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.menu__item__Tl2MO {
    display: flex;
    align-items: center;
    padding: 0 var(--spacer-2);
    color: var(--color-text);
    text-decoration: none;
    -webkit-user-select: none;
    user-select: none
}

.menu__item__Tl2MO:focus {
    outline: 0
}

.menu__item__Tl2MO[aria-disabled=true],
.menu__item__Tl2MO[aria-disabled=true][data-fpl-selected=true] {
    --color-icon: var(--color-icon-disabled);
    color: var(--color-text-disabled)
}

.menu__item__Tl2MO[aria-disabled=true] .menu__itemText__qcxtq,
.menu__item__Tl2MO[aria-disabled=true][data-fpl-selected=true] .menu__itemText__qcxtq,
.menu__item__Tl2MO[aria-disabled=true] .menu__subText__0OMd9,
.menu__item__Tl2MO[aria-disabled=true][data-fpl-selected=true] .menu__subText__0OMd9 {
    color: var(--color-text-disabled)
}

.menu__item__Tl2MO[data-fpl-selected=true] {
    color: var(--color-text-onbrand)
}

.menu__item__Tl2MO[data-fpl-selected=true] .menu__itemText__qcxtq,
.menu__item__Tl2MO[data-fpl-selected=true] .menu__subtrigger__bzQWF {
    color: var(--color-text-onbrand);
    background-color: var(--color-bg-brand)
}

.menu__item__Tl2MO[data-fpl-selected=true] .menu__subText__0OMd9 {
    color: var(--color-text-onbrand-secondary)
}

.menu__itemText__qcxtq {
    --color-icon: currentcolor;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 1.5rem;
    padding: var(--spacer-1, .1rem) var(--spacer-2, 1rem);
    box-sizing: border-box;
    color: var(--color-text);
    white-space: nowrap;
    border-radius: var(--radius-medium)
}

.menu__subtrigger__bzQWF {
    display: grid;
    grid-template-columns: 1fr 1.5rem;
    gap: var(--spacer-2, .5rem);
    padding-right: 0
}

.menu__subTriggerText__j8Zgp {
    display: flex;
    align-items: center
}

.menu__iconContainer__aYOvR {
    position: relative;
    display: flex;
    width: 100%;
    margin: calc(var(--spacer-1, .25rem)*-1) 0
}

.menu__title__qibGG {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 1.5rem;
    padding: 0 var(--spacer-3, 1rem);
    color: var(--color-text-secondary);
    -webkit-user-select: none;
    user-select: none
}

body:not([data-fpl-version=ui3]) .menu__title__qibGG:where(:not([data-fpl-ui3-override] *)) {
    font-weight: 400
}

.menu__subtriggerItem__iLXtd:where([data-fpl-nested-selection]) {
    padding-left: var(--spacer-1)
}

.menu__subTriggerDot__D21MC {
    position: relative;
    margin: calc(var(--spacer-1)*-1) 0
}

body:not([data-fpl-version=ui3]) .menu__subTriggerDot__D21MC:where(:not([data-fpl-ui3-override] *)) {
    margin-right: .3125rem
}

.menu__subtriggerItem__iLXtd[data-fpl-nested-selection=false] .menu__subTriggerDot__D21MC {
    opacity: 0
}

.menu__group__KwU4I {
    margin: 0;
    padding: 0;
    list-style-type: none
}

@supports not selector(:has(+ *)) {
    .menu__group__KwU4I+*:not([data-fpl-select-direction=down]) {
        margin-top: var(--menu-seperator-gap);
        padding-top: var(--menu-seperator-gap);
        border-top: var(--menu-seperator-style)
    }
}

.menu__group__KwU4I:has(+*:not([data-fpl-select-direction=down])),
.menu__separator__asdZB {
    margin-bottom: var(--menu-seperator-gap);
    padding-bottom: var(--menu-seperator-gap);
    border-bottom: var(--menu-seperator-style)
}

.menu__trail__fEaqN {
    margin-left: auto;
    padding-left: var(--spacer-3, 1rem)
}

.menu__lead__EftIO {
    position: relative;
    display: flex;
    align-items: center;
    margin: calc(var(--spacer-1, .25rem)*-1) 0;
    margin-right: var(--spacer-1, .25rem)
}

.menu__selectItem__I9GzL {
    padding-left: var(--spacer-2)
}

.menu__selectItem__I9GzL[aria-checked=false] .menu__selectIcon__zD-Q- {
    opacity: 0
}

.menu__selectIcon__zD-Q- {
    position: relative;
    margin: calc(var(--spacer-1, .25rem)*-1) 0
}

body:not([data-fpl-version=ui3]) .menu__selectIcon__zD-Q-:where(:not([data-fpl-ui3-override] *)) {
    margin-right: .5rem
}

.menu__selectItemText__m9o3C {
    padding-left: var(--spacer-1, .75rem)
}

.menu__subText__0OMd9 {
    color: var(--color-text-secondary)
}

.menu__checkboxItem__htoq3[aria-checked=true] .menu__checkboxIconContainer__KELDn {
    --color-icon: var(--color-icon-onbrand);
    border-color: var(--color-border-selected-strong);
    background-color: var(--color-bg-brand)
}

.menu__checkboxItem__htoq3[aria-checked=true] .menu__checkboxIcon__FB0yg {
    display: block
}

.menu__checkboxItem__htoq3[aria-disabled=true][aria-checked=true] .menu__checkboxIconContainer__KELDn {
    --color-icon: var(--color-icon-disabled)
}

.menu__checkboxText__HXE5X {
    display: flex;
    align-items: center;
    width: 100%
}

.menu__checkboxIcon__FB0yg {
    display: none
}

.menu__checkboxContainer__i0-bq {
    display: grid;
    grid-template-columns: 1fr 1rem;
    gap: var(--spacer-2, .25rem)
}

.menu__checkboxIconContainer__KELDn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    margin: calc(var(--spacer-1, .25rem)*-1) 0;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-medium);
    background-color: var(--color-bg-secondary)
}

.menu__scrollArrow__MLCVl {
    background-color: var(--color-bg)
}

.menu__scrollArrow__MLCVl:hover {
    background-color: var(--color-bg-hover)
}

.menu__scrollArrow__MLCVl[data-fpl-select-direction=down] {
    bottom: calc(var(--spacer-2, .5rem)*-1);
    border-bottom-right-radius: var(--radius-large);
    border-bottom-left-radius: var(--radius-large)
}

.menu__scrollArrow__MLCVl[data-fpl-select-direction=up] {
    top: calc(var(--spacer-2, .5rem)*-1);
    border-top-left-radius: var(--radius-large);
    border-top-right-radius: var(--radius-large)
}

.input__md__8Ieqg {
    --height: 1.5rem
}

body:not([data-fpl-version=ui3]) .input__md__8Ieqg:where(:not([data-fpl-ui3-override] *)) {
    --height: 1.875rem
}

.input__lg__8bKGi {
    --height: 2rem
}

body:not([data-fpl-version=ui3]) .input__lg__8bKGi:where(:not([data-fpl-ui3-override] *)) {
    --height: 1.875rem
}

.input___root__acLJ9 {
    --radius: var(--radius-medium);
    --radius-left: var(--fpl-radius-left, var(--radius));
    --radius-right: var(--fpl-radius-right, var(--radius));
    --outline: transparent;
    --outline-color: var(--group-child-border, var(--color-border));
    --outline-color-focus: var(--group-child-border, var(--color-border-selected));
    height: var(--height);
    border-radius: var(--radius-left) var(--radius-right) var(--radius-right) var(--radius-left);
    background: var(--color-bg-secondary);
    outline: 1px solid var(--outline);
    outline-offset: -1px
}

body:not([data-fpl-version=ui3]) .input___root__acLJ9:where(:not([data-fpl-ui3-override] *)) {
    --radius: .125rem;
    background: transparent
}

:not(.input__root__zuNvf)>.input___root__acLJ9:is(:focus, :focus-within, #input__specificity-hack__mgE8y) {
    --outline: var(--outline-color-focus)
}

body:not([data-fpl-version=ui3]):not(.input__root__zuNvf)>.input___root__acLJ9:is(:focus, :focus-within, #input__specificity-hack__mgE8y):where(:not([data-fpl-ui3-override] *)) {
    outline-width: 2px;
    outline-offset: -2px
}

.input__input__fmfv0 {
    display: block;
    width: 100%;
    padding: 0 var(--spacer-2);
    box-sizing: border-box;
    color: var(--color-text);
    text-overflow: ellipsis;
    border: none
}

body:not([data-fpl-version=ui3]) .input__input__fmfv0:where(:not([data-fpl-ui3-override] *)) {
    padding: 0 .5rem
}

.input__input__fmfv0:hover:where(:not(:disabled, :read-only)) {
    --outline: var(--outline-color)
}

.input__input__fmfv0:disabled,
.input__input__fmfv0:read-only {
    color: var(--color-text-disabled);
    background: var(--color-bg)
}

.input__input__fmfv0::selection {
    background: var(--color-texthighlight)
}

.input__input__fmfv0::placeholder {
    color: var(--color-text-tertiary)
}

body:not([data-fpl-version=ui3]):not(.input__root__zuNvf)>.input__input__fmfv0:placeholder-shown:where(:not([data-fpl-ui3-override] *)) {
    background: linear-gradient(to right, transparent .5rem, var(--input-placeholder-border-color, var(--color-border)) .5rem);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: calc(100% - .5rem) 1px
}

.input__root__zuNvf .input__input__fmfv0 {
    flex: 1;
    height: 100%;
    min-width: 0;
    background: transparent;
    outline: none
}

.input__root__zuNvf .input__input__fmfv0:not(:first-child) {
    padding-left: 0
}

.input__root__zuNvf .input__input__fmfv0:not(:last-child) {
    padding-right: 0
}

.input__root__zuNvf {
    grid-column: span var(--colspan, 1);
    display: flex;
    align-items: center;
    min-width: 0;
    cursor: text
}

.input__root__zuNvf:hover:not([data-fpl-disabled]) {
    --outline: var(--outline-color)
}

.input__root__zuNvf>* {
    flex-shrink: 0
}

.input__root__zuNvf[data-fpl-disabled] {
    color: var(--color-text-disabled);
    background: var(--color-bg)
}

body:not([data-fpl-version=ui3]) .input__root__zuNvf:has(input:placeholder-shown):where(:not([data-fpl-ui3-override] *)) {
    background: linear-gradient(to right, transparent .5rem, var(--input-placeholder-border-color, var(--color-border)) .5rem);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: calc(100% - .5rem) 1px
}

.input__group__tnF8A {
    --outline: transparent;
    --group-child-border: transparent;
    --fpl-radius-left: 0;
    --fpl-radius-right: 0;
    display: grid;
    grid-template-rows: var(--height);
    grid-template-columns: var(--columns, repeat(auto-fit, minmax(0, 1fr)));
    gap: 1px;
    border-radius: var(--radius-medium);
    outline: 1px solid var(--outline);
    outline-offset: -1px
}

body:not([data-fpl-version=ui3]) .input__group__tnF8A:where(:not([data-fpl-ui3-override] *)):focus-within {
    outline: 2px solid var(--outline);
    outline-offset: -2px
}

body:not([data-fpl-version=ui3]) .input__group__tnF8A:where(:not([data-fpl-ui3-override] *)):is(:hover, :focus-within)>:not(:last-child) {
    border-right: 1px solid var(--color-border)
}

.input__group__tnF8A:hover {
    --outline: var(--color-border)
}

.input__group__tnF8A:focus-within {
    --outline: var(--color-border-selected)
}

.input__group__tnF8A>:first-child {
    --fpl-radius-left: initial
}

.input__group__tnF8A>:last-child {
    --fpl-radius-right: initial
}

.scroll-container__root__2RmsE {
    position: relative;
    min-width: 0;
    min-height: 0;
    overscroll-behavior: none
}

.scroll-container__scroll__8Q3Cb {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    touch-action: initial;
    overscroll-behavior: none
}

@media (pointer: fine) {
    .scroll-container__scroll__8Q3Cb {
        scrollbar-width: none
    }
    .scroll-container__scroll__8Q3Cb::-webkit-scrollbar {
        display: none
    }
}

.scroll-container__x__3bIVO {
    overflow-x: auto
}

.scroll-container__y__WrBOK {
    overflow-y: auto
}

.scroll-container__both__D9TzF {
    overflow: auto
}

.scroll-container__noScroll__6yNJu {
    overflow: initial;
    touch-action: none
}

.scroll-container__fill__qOryJ {
    width: 100%;
    height: 100%
}

.scroll-container__content__OKxPs {
    box-sizing: border-box
}

.scroll-container__scrollBars__qxWAs {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none
}

.scroll-container__scrollBar__5Nut9 {
    --scrollbar-border: transparent;
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    background: transparent;
    pointer-events: auto;
    transition: all .2s;
    overscroll-behavior: none
}

@media (pointer: fine) {
    .scroll-container__scrollBar__5Nut9 {
        display: flex
    }
}

.scroll-container__scrollBar__5Nut9:after {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: var(--radius-full, 9999px);
    background: var(--color-scrollbar);
    opacity: 0;
    transition: opacity .2s
}

.scroll-container__root__2RmsE .scroll-container__scrollBar__5Nut9:hover {
    --scrollbar-border: var(--color-border);
    background: var(--color-scrollbartrackhover, rgb(245 245 245 / 50%))
}

.scroll-container__root__2RmsE:hover .scroll-container__scrollBar__5Nut9:after {
    opacity: 1
}

:is(.scroll-container__dragging__NUd6f, #scroll-container__specificity-hack__vgVtm) .scroll-container__scrollBar__5Nut9 {
    background: var(--color-scrollbartrackdrag, rgb(255 255 255 / 50%))
}

.scroll-container__scrolling__XpT9A .scroll-container__scrollBar__5Nut9 {
    pointer-events: none
}

.scroll-container__scrollBar__5Nut9[data-fpl-orientation=horizontal] {
    top: initial;
    flex-direction: row;
    height: 11px;
    border-top: 1px solid var(--scrollbar-border)
}

.scroll-container__scrollBar__5Nut9[data-fpl-orientation=horizontal]:after {
    left: var(--scroll-percent);
    width: calc(var(--scroll-size) - 1px)
}

.scroll-container__scrollBar__5Nut9[data-fpl-orientation=vertical] {
    left: initial;
    flex-direction: column;
    width: 11px;
    border-left: 1px solid var(--scrollbar-border)
}

.scroll-container__scrollBar__5Nut9[data-fpl-orientation=vertical]:after {
    top: var(--scroll-percent);
    height: calc(var(--scroll-size) - 1px)
}

.scroll-container__pinBottom__RQoSX * {
    overflow-anchor: none
}

.scroll-container__pinBottomAnchor__kxzWs {
    overflow-anchor: auto;
    height: 1px
}

.scrubbable__cursor__xabHz {
    overflow: visible
}

.scrubbable__shadow__d13e1 {
    filter: drop-shadow(0 1.5px 1px rgb(0 0 0 / 60%))
}

.scrubbable__trigger__mjHCD {
    cursor: ew-resize
}

.scrubbable__trigger__mjHCD>* {
    pointer-events: none
}

.stack___base__BVPwS {
    display: flex;
    flex-flow: var(--dir, row) var(--wrap, nowrap);
    gap: var(--gap, 0);
    justify-content: var(--just, start)
}

.stack__row__-rJHV {
    --dir: row;
    align-items: var(--align, center)
}

.stack__row__-rJHV .stack__spacer__uMkLf+* {
    margin-left: auto
}

.stack__col__4xLd- {
    --dir: column;
    align-items: var(--align, stretch)
}

.stack__col__4xLd- .stack__spacer__uMkLf+* {
    margin-top: auto
}

.stack__spacer__uMkLf {
    display: none
}

.textarea___root__JbqVU {
    --outline: transparent;
    --outline-color: var(--color-border);
    --outline-color-focus: var(--color-border-selected);
    height: var(--height);
    border-radius: var(--radius-medium);
    background: var(--color-bg-secondary);
    outline: 1px solid var(--outline);
    outline-offset: -1px
}

body:not([data-fpl-version=ui3]) .textarea___root__JbqVU:where(:not([data-fpl-ui3-override] *)) {
    border-radius: .125rem;
    background: transparent
}

:not(.textarea__root__kusdD)>.textarea___root__JbqVU:is(:focus, :focus-within, #textarea__specificity-hack__fWTQ-) {
    --outline: var(--outline-color-focus)
}

body:not([data-fpl-version=ui3]):not(.textarea__root__kusdD)>.textarea___root__JbqVU:is(:focus, :focus-within, #textarea__specificity-hack__fWTQ-):where(:not([data-fpl-ui3-override] *)) {
    outline: 2px solid var(--outline-color-focus);
    outline-offset: -2px
}

.textarea__textarea__-mOWC {
    display: block;
    width: 100%;
    padding: var(--spacer-1) var(--spacer-2);
    box-sizing: border-box;
    color: var(--color-text);
    text-overflow: ellipsis;
    border: none;
    border-radius: var(--radius-medium)
}

body:not([data-fpl-version=ui3]) .textarea__textarea__-mOWC:where(:not([data-fpl-ui3-override] *)) {
    padding: .25rem .5rem
}

.textarea__textarea__-mOWC:hover:where(:not(:disabled, :read-only)) {
    --outline: var(--outline-color)
}

.textarea__textarea__-mOWC:disabled,
.textarea__textarea__-mOWC:read-only {
    color: var(--color-text-disabled);
    background: var(--color-bg)
}

.textarea__textarea__-mOWC::selection {
    background: var(--color-texthighlight)
}

.textarea__textarea__-mOWC::placeholder {
    color: var(--color-text-tertiary)
}

.textarea__root__kusdD .textarea__textarea__-mOWC {
    flex: 1;
    height: 100%;
    min-width: 0;
    background: transparent;
    outline: none
}

.textarea__root__kusdD .textarea__textarea__-mOWC:not(:first-child) {
    padding-left: 0
}

.textarea__root__kusdD .textarea__textarea__-mOWC:not(:last-child) {
    padding-right: 0
}

.textarea__root__kusdD:hover:not([data-fpl-disabled]) {
    --outline: var(--outline-color)
}

.textarea__root__kusdD[data-fpl-disabled] {
    color: var(--color-text-disabled);
    background: var(--color-bg)
}

@layer reset {
    .textarea-reset__textareaReset__SBluM {
        cursor: default;
        resize: none
    }
}

.banner__root__inu1D {
    position: relative;
    display: flex;
    flex-basis: 100%;
    justify-content: space-between
}

.banner__content__w-Bvk {
    display: flex
}

.banner__message__5vNg- {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    color: var(--color-text)
}

.banner__iconContainer__OJjv2 {
    display: flex
}

.banner__link__xTpa- {
    flex-shrink: 0;
    margin: calc(var(--spacer-1, .3rem)*-1) 0;
    padding: var(--spacer-1, .3rem) 0
}

.banner__link__xTpa-:active {
    background: unset!important
}

.banner__fullWidthType__Z5YjP {
    padding-left: var(--spacer-2, .5rem)
}

.banner__fullWidthType__Z5YjP .banner__content__w-Bvk {
    flex-flow: row wrap;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacer-2, .5rem) var(--spacer-2, .5rem) var(--spacer-2, .5rem) var(--spacer-1, .3rem);
    column-gap: var(--spacer-2, .5rem)
}

.banner__fullWidthType__Z5YjP .banner__iconContainer__OJjv2 {
    align-items: center
}

.banner__fullWidthType__Z5YjP .banner__message__5vNg- {
    padding: var(--spacer-1, .3rem) 0;
    column-gap: var(--spacer-2, .5rem)
}

body:not([data-fpl-version=ui3]) .banner__fullWidthType__Z5YjP .banner__message__5vNg-:where(:not([data-fpl-ui3-override] *)) {
    padding: var(--spacer-2, .5rem) 0
}

.banner__fullWidthType__Z5YjP .banner__closeWrapper__LDSV6 {
    display: flex;
    align-items: center;
    padding: var(--spacer-2, .5rem);
    border-left: 1px solid var(--color-bordertranslucent)
}

.banner__inlineType__5DSqf {
    flex-direction: column;
    align-items: flex-start;
    padding: var(--spacer-1, .3rem) var(--spacer-2, .5rem) var(--spacer-2, .5rem);
    border-radius: var(--radius-medium, .3125rem)
}

.banner__inlineType__5DSqf .banner__content__w-Bvk {
    flex-direction: column;
    row-gap: var(--spacer-2, .5rem);
    align-items: flex-start;
    padding: var(--spacer-1, .3rem) var(--spacer-1, .3rem) 0
}

.banner__inlineType__5DSqf .banner__message__5vNg- {
    flex-direction: column
}

.banner__inlineType__5DSqf .banner__closeWrapper__LDSV6 {
    position: absolute;
    top: var(--spacer-1, .3rem);
    right: var(--spacer-1, .3rem)
}

.banner__informationalType__TRLt9 {
    flex-direction: column;
    align-items: flex-start;
    padding: calc(var(--spacer-2, .5rem)+ var(--spacer-1, .3rem)) var(--spacer-2, .5rem) var(--spacer-3, 1rem)
}

.banner__informationalType__TRLt9.banner__defaultVariant__j5VVa {
    box-shadow: 0 1px 0 0 var(--color-border) inset, 0 -1.5px 0 0 var(--color-border) inset
}

.banner__informationalType__TRLt9.banner__brandVariant__bdDQa {
    box-shadow: 0 1px 0 0 var(--color-border-onselected) inset, 0 -1.5px 0 0 var(--color-border-onselected) inset
}

.banner__informationalType__TRLt9 .banner__content__w-Bvk {
    flex-direction: column;
    row-gap: var(--spacer-2, .5rem);
    align-items: flex-start;
    padding: var(--spacer-1, .3rem) var(--spacer-1, .3rem) 0
}

.banner__informationalType__TRLt9 .banner__message__5vNg- {
    flex-direction: column
}

.banner__informationalType__TRLt9 .banner__closeWrapper__LDSV6 {
    position: absolute;
    top: calc(var(--spacer-2, .5rem)+ var(--spacer-1, .3rem));
    right: var(--spacer-2, .5rem)
}

.banner__insetModalType__iKAqf {
    padding: var(--spacer-2, .5rem);
    column-gap: var(--spacer-2, .5rem);
    border-radius: var(--radius-medium, .3125rem)
}

.banner__insetModalType__iKAqf .banner__content__w-Bvk {
    flex-flow: row wrap;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    column-gap: var(--spacer-2, .5rem)
}

.banner__insetModalType__iKAqf .banner__message__5vNg- {
    flex-direction: column
}

.banner__insetType__r9XLp {
    padding-left: var(--spacer-2, .5rem);
    border-radius: var(--radius-medium, .3125rem)
}

.banner__insetType__r9XLp .banner__content__w-Bvk {
    flex-flow: row wrap;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacer-2, .5rem) var(--spacer-2, .5rem) var(--spacer-2, .5rem) var(--spacer-1, .3rem);
    column-gap: var(--spacer-2, .5rem)
}

.banner__insetType__r9XLp .banner__iconContainer__OJjv2 {
    padding-top: var(--spacer-2, .5rem)
}

body:not([data-fpl-version=ui3]) .banner__insetType__r9XLp .banner__iconContainer__OJjv2:where(:not([data-fpl-ui3-override] *)) {
    padding-top: .75rem
}

.banner__insetType__r9XLp .banner__message__5vNg- {
    padding: var(--spacer-1, .3rem) 0;
    column-gap: var(--spacer-2, .5rem)
}

body:not([data-fpl-version=ui3]) .banner__insetType__r9XLp .banner__message__5vNg-:where(:not([data-fpl-ui3-override] *)) {
    padding: var(--spacer-2, .5rem) 0
}

.banner__insetType__r9XLp .banner__closeWrapper__LDSV6 {
    padding: var(--spacer-2, .5rem);
    padding-left: 0
}

.banner__defaultVariant__j5VVa {
    background-color: var(--color-bg-secondary)
}

.banner__defaultVariant__j5VVa .banner__link__xTpa- {
    color: var(--color-text-brand)
}

.banner__brandVariant__bdDQa {
    background-color: var(--color-bg-brand-tertiary)
}

.banner__brandVariant__bdDQa .banner__link__xTpa- {
    color: var(--color-text-brand)
}

.banner__dangerVariant__yECLr {
    background-color: var(--color-bg-danger-tertiary)
}

.banner__dangerVariant__yECLr .banner__link__xTpa- {
    color: var(--color-text-danger)
}

.banner__warnVariant__E2xQR {
    background-color: var(--color-bg-warning-tertiary)
}

.banner__warnVariant__E2xQR .banner__link__xTpa- {
    color: var(--color-text-warning)
}

.banner__successVariant__1VyPp {
    background-color: var(--color-bg-success-tertiary)
}

.banner__successVariant__1VyPp .banner__link__xTpa- {
    color: var(--color-text-success)
}

body:not([data-fpl-version=ui3]) .icon-button__ghost__1ok6j:where(:not([data-fpl-ui3-override] *)) {
    --icon-button-radius: .0625rem
}

.icon-button__ghost__1ok6j[aria-disabled=true] {
    --icon-button-icon: var(--color-icon-disabled);
    --icon-button-icon-secondary: var(--color-icon-disabled);
    --icon-button-icon-tertiary: var(--color-icon-disabled)
}

.icon-button__ghost__1ok6j:not([aria-disabled=true]):hover,
:where([data-fpl-group]:hover) .icon-button__ghost__1ok6j:not([aria-disabled=true]),
[data-fpl-group]:has([data-show-focus]:focus-visible) .icon-button__ghost__1ok6j:not([aria-disabled=true]):not(:focus-visible) {
    background: var(--color-bghovertransparent)
}

.icon-button__ghost__1ok6j:not([aria-disabled=true]):active {
    background: var(--color-bgtransparent-secondary-hover)
}

.icon-button__ghost__1ok6j[data-show-focus]:focus-visible {
    --icon-button-outline-color: var(--color-border-selected)
}

[data-fpl-version=ui3] .icon-button__secondary__-jfOG,
:where([data-fpl-ui3-override]) .icon-button__secondary__-jfOG {
    --icon-button-outline-color: var(--color-bordertranslucent)
}

[data-fpl-version=ui3] .icon-button__secondary__-jfOG[aria-disabled=true],
:where([data-fpl-ui3-override]) .icon-button__secondary__-jfOG[aria-disabled=true] {
    --icon-button-icon: var(--color-icon-disabled);
    --icon-button-icon-secondary: var(--color-icon-disabled);
    --icon-button-icon-tertiary: var(--color-icon-disabled);
    --icon-button-outline-color: var(--color-border-disabled)
}

[data-fpl-version=ui3] .icon-button__secondary__-jfOG[data-show-focus]:focus-visible,
:where([data-fpl-ui3-override]) .icon-button__secondary__-jfOG[data-show-focus]:focus-visible {
    --icon-button-outline-color: var(--color-border-selected)
}

body:not([data-fpl-version=ui3]) .icon-button__secondary__-jfOG:where(:not([data-fpl-ui3-override] *)) {
    --icon-button-outline-color: var(--color-border-strong);
    --icon-button-radius: .375rem
}

body:not([data-fpl-version=ui3]) .icon-button__secondary__-jfOG[aria-disabled=true]:where(:not([data-fpl-ui3-override] *)) {
    --icon-button-icon: var(--color-icon-disabled);
    --icon-button-icon-secondary: var(--color-icon-disabled);
    --icon-button-icon-tertiary: var(--color-icon-disabled);
    --icon-button-outline-color: var(--color-border-disabled)
}

body:not([data-fpl-version=ui3]) .icon-button__secondary__-jfOG[data-show-focus]:where(:not([data-fpl-ui3-override] *)):focus-visible {
    --icon-button-outline-offset: -.125rem;
    --icon-button-outline-color: var(--color-border-selected);
    --icon-button-outline-width: .125rem
}

.icon-button__secondary__-jfOG:not([aria-disabled=true]):active {
    background: var(--color-bghovertransparent)
}

[data-fpl-version=ui3] .icon-button__iconButton__CTj--,
:where([data-fpl-ui3-override]) .icon-button__iconButton__CTj-- {
    --icon-button-size: 1.5rem;
    --icon-button-icon-size: 1.5rem;
    --icon-button-radius: var(--radius-medium)
}

body:not([data-fpl-version=ui3]) .icon-button__iconButton__CTj--:where(:not([data-fpl-ui3-override] *)) {
    --icon-button-size: 2rem;
    --icon-button-icon-size: 2rem
}

[data-fpl-version=ui3] .icon-button__largeSize__jKNM1,
:where([data-fpl-ui3-override]) .icon-button__largeSize__jKNM1 {
    --icon-button-size: 2rem
}

body:not([data-fpl-version=ui3]) .icon-button__largeSize__jKNM1:where(:not([data-fpl-ui3-override] *)) {
    --icon-button-size: 2.5rem
}

.toggle-button__input__NF3YA {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0
}

.toggle-button__input__NF3YA:focus-visible+.toggle-button__label__NRP2k {
    --icon-button-outline-color: var(--color-border-selected);
    outline: var(--icon-button-outline-color) solid var(--icon-button-outline-width);
    outline-offset: var(--icon-button-outline-offset)
}

.toggle-button__primary__M0VC3:not([aria-disabled=true]):hover+.toggle-button__label__NRP2k {
    background-color: var(--color-bghovertransparent)
}

.toggle-button__primary__M0VC3:not([aria-disabled=true]):active+.toggle-button__label__NRP2k {
    background: var(--color-bgtransparent-secondary-hover)
}

.toggle-button__primary__M0VC3:not([aria-disabled=true])+.toggle-button__label__NRP2k {
    background-color: transparent
}

.toggle-button__primary__M0VC3[aria-disabled=true]+.toggle-button__label__NRP2k {
    --icon-button-icon: var(--color-icon-disabled);
    --icon-button-icon-secondary: var(--color-icon-disabled);
    --icon-button-icon-tertiary: var(--color-icon-disabled)
}

.toggle-button__highlighted__E7ou-:not([aria-disabled=true]):hover+.toggle-button__label__NRP2k {
    background-color: var(--color-bghovertransparent)
}

.toggle-button__highlighted__E7ou-:not([aria-disabled=true]):active+.toggle-button__label__NRP2k {
    background-color: var(--color-bgtransparent-secondary-hover)
}

.toggle-button__highlighted__E7ou-:not([aria-disabled=true]):checked+.toggle-button__label__NRP2k {
    --icon-button-icon: var(--color-icon-brand);
    --icon-button-icon-secondary: var(--color-icon-brand-secondary);
    --icon-button-icon-tertiary: var(--color-icon-brand-tertiary);
    background: var(--color-bg-selected)
}

.toggle-button__highlighted__E7ou-:not([aria-disabled=true]):checked:hover+.toggle-button__label__NRP2k {
    background-color: var(--color-bg-selected-secondary)
}

.toggle-button__highlighted__E7ou-:not([aria-disabled=true]):checked:active+.toggle-button__label__NRP2k {
    background: var(--color-bg-selected)
}

.toggle-button__highlighted__E7ou-[aria-disabled=true]+.toggle-button__label__NRP2k {
    --icon-button-icon: var(--color-icon-disabled);
    --icon-button-icon-secondary: var(--color-icon-disabled);
    --icon-button-icon-tertiary: var(--color-icon-disabled)
}

.toggle-button__highlighted__E7ou-[aria-disabled=true]:checked+.toggle-button__label__NRP2k {
    background-color: var(--color-bg-disabled)
}

.toggle-button__label__NRP2k {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: var(--fpl-radius-left, var(--icon-button-radius)) var(--fpl-radius-right, var(--icon-button-radius)) var(--fpl-radius-right, var(--icon-button-radius)) var(--fpl-radius-left, var(--icon-button-radius));
    pointer-events: none
}

.toggle-button__toggleButton__opcx3 {
    position: relative;
    display: flex
}

[data-fpl-version=ui3] .toggle-button__toggleButton__opcx3,
:where([data-fpl-ui3-override]) .toggle-button__toggleButton__opcx3 {
    --icon-button-size: 1.5rem;
    --icon-button-icon-size: 1.5rem;
    --icon-button-radius: var(--radius-medium)
}

body:not([data-fpl-version=ui3]) .toggle-button__toggleButton__opcx3:where(:not([data-fpl-ui3-override] *)) {
    --icon-button-size: 2rem;
    --icon-button-icon-size: 1.5rem;
    --icon-button-radius: .125rem;
    --icon-button-outline-width: .125rem;
    --icon-button-outline-offset: -.125rem
}

.tabs-primitive__tabPanelHidden__4RMiV {
    display: none
}

.use-drag__base__YCEp1 {
    touch-action: none
}

.use-drag__dragging__ZATZH {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: auto;
    touch-action: none
}

.use-drag__dragging__ZATZH *:not([data-pointer-capture]) {
    pointer-events: none
}

.use-drag__draggingBody__Nz68k {
    -webkit-user-select: none;
    user-select: none;
    pointer-events: none;
    touch-action: none
}

[data-alt-scrub-target] {
    cursor: ew-resize
}

[data-alt-scrub-target] * {
    pointer-events: none
}

.use-scrub__scrubbing__3D3dS {
    cursor: ew-resize
}

.use-scrub__cursor__MpGYj {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2147483647;
    width: 100vw;
    height: 100vh;
    height: 100dvh
}

.use-scrub__cursor__MpGYj>div {
    position: absolute;
    display: grid;
    width: 0;
    height: 0
}

.use-scrub__cursor__MpGYj>:nth-child(1) {
    top: 0;
    left: 0
}

.use-scrub__cursor__MpGYj>:nth-child(2) {
    top: 0;
    right: 0
}

.use-scrub__cursor__MpGYj>:nth-child(3) {
    bottom: 0;
    right: 0
}

.use-scrub__cursor__MpGYj>:nth-child(4) {
    left: 0;
    bottom: 0
}

.use-scrub__cursor__MpGYj>div>* {
    transform: translate(-50%, -50%) scale(var(--scale))
}

.grid-cell-primitive__cell__rGvkT:focus-visible {
    border-radius: var(--radius-medium);
    outline: 1px solid var(--color-border-selected)
}

.dialog-common__customContents__yo2GE {
    height: var(--fpl-contents-height, auto);
    max-height: var(--fpl-contents-max-height, 80vh);
    color: var(--color-text);
    border-radius: var(--radius-large);
    background: var(--color-bg);
    box-shadow: var(--fpl-dialog-elevation, var(--elevation-500));
    overflow: hidden;
    pointer-events: auto
}

body:not([data-fpl-version=ui3]) .dialog-common__customContents__yo2GE:where(:not([data-fpl-ui3-override] *)) {
    border-radius: 2px
}

.dialog-common__customContents__yo2GE.dialog-common__allowOverflow__tuRL5 {
    overflow: initial
}

[data-modal-fullscreen] .dialog-common__customContents__yo2GE {
    width: 100%;
    height: 100%;
    border-radius: 0;
    box-shadow: none
}

.dialog-common__contents__qZfqO {
    display: grid;
    grid-template: "header header" auto "sidebar body" 1fr "sidebar footer" auto / auto 1fr
}

.dialog-common__header__MJCj3 {
    grid-area: header;
    display: flex;
    align-items: center;
    height: 2.5rem;
    padding-right: 2rem;
    padding-left: var(--spacer-2);
    box-sizing: border-box;
    box-shadow: inset 0 -1px var(--color-border)
}

body:not([data-fpl-version=ui3]) .dialog-common__header__MJCj3:where(:not([data-fpl-ui3-override] *)) {
    padding-left: .25rem
}

.dialog-common__title__-bc4G {
    margin-left: var(--spacer-2);
    -webkit-user-select: none;
    user-select: none
}

body:not([data-fpl-version=ui3]) .dialog-common__title__-bc4G:where(:not([data-fpl-ui3-override] *)) {
    margin-left: .75rem
}

.dialog-common__title__-bc4G:focus-visible {
    border-radius: var(--radius-medium);
    outline: 1px solid var(--color-border-selected);
    outline-offset: 4px
}

.dialog-common__close__3JSuS {
    position: absolute;
    top: .5rem;
    right: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: auto
}

body:not([data-fpl-version=ui3]) .dialog-common__close__3JSuS:where(:not([data-fpl-ui3-override] *)) {
    top: .25rem;
    right: .25rem
}

.dialog-common__closeButtonLight__rljK3 {
    --color-icon: var(--color-iconondarkcanvas);
    color: var(--color-iconondarkcanvas);
    fill: var(--color-iconondarkcanvas)
}

.dialog-common__closeButtonLight__rljK3:hover {
    background-color: var(--color-bghoverondarkcanvas)
}

.dialog-common__closeButtonDark__MjzZF {
    --color-icon: var(--color-icononlightcanvas);
    color: var(--color-icononlightcanvas);
    fill: var(--color-icononlightcanvas)
}

.dialog-common__closeButtonDark__MjzZF:hover {
    background-color: var(--color-bghoveronlightcanvas)
}

.dialog-common__tabStripRoot__7yf6w {
    width: calc(100%+ var(--spacer-2));
    margin-left: calc(var(--spacer-2)*-1)
}

.dialog-common__tabStripContent__yrxON {
    display: flex;
    align-items: center;
    height: 100%
}

@property --fade-left {
    syntax: "<color>";
    inherits: false;
    initial-value: transparent;
}

@property --fade-right {
    syntax: "<color>";
    inherits: false;
    initial-value: transparent;
}

.dialog-common__tabStripScroll__WUyA7 {
    padding-left: var(--spacer-2);
    transition: --fade-left, --fade-right;
    transition-timing-function: linear;
    transition-duration: var(--duration-sm)
}

.dialog-common__tabStripRoot__7yf6w:not([data-fpl-scroll-x=none]) .dialog-common__tabStripScroll__WUyA7 {
    -webkit-mask-image: linear-gradient(to right, var(--fade-left), black 32px, black calc(100% - 32px), var(--fade-right));
    mask-image: linear-gradient(to right, var(--fade-left), black 32px, black calc(100% - 32px), var(--fade-right))
}

.dialog-common__tabStripRoot__7yf6w[data-fpl-scroll-x=start] .dialog-common__tabStripScroll__WUyA7 {
    --fade-left: black
}

.dialog-common__tabStripRoot__7yf6w[data-fpl-scroll-x=end] .dialog-common__tabStripScroll__WUyA7 {
    --fade-right: black
}

.dialog-common__tabStripScroll__WUyA7[data-houdini-fallback] {
    transition: -webkit-mask-size, -webkit-mask-position;
    transition: mask-size, mask-position;
    transition: mask-size, mask-position, -webkit-mask-size, -webkit-mask-position;
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: 100%;
    mask-size: 100%
}

.dialog-common__tabStripRoot__7yf6w:not([data-fpl-scroll-x=none]) .dialog-common__tabStripScroll__WUyA7[data-houdini-fallback] {
    -webkit-mask-image: linear-gradient(to right, transparent, black 32px, black calc(100% - 32px), transparent);
    mask-image: linear-gradient(to right, transparent, black 32px, black calc(100% - 32px), transparent)
}

.dialog-common__tabStripRoot__7yf6w[data-fpl-scroll-x=start] .dialog-common__tabStripScroll__WUyA7[data-houdini-fallback] {
    -webkit-mask-position: right center;
    mask-position: right center;
    -webkit-mask-size: calc(100%+ 32px);
    mask-size: calc(100%+ 32px)
}

.dialog-common__tabStripRoot__7yf6w[data-fpl-scroll-x=end] .dialog-common__tabStripScroll__WUyA7[data-houdini-fallback] {
    -webkit-mask-position: left center;
    mask-position: left center;
    -webkit-mask-size: calc(100%+ 32px);
    mask-size: calc(100%+ 32px)
}

.dialog-common__sidebar__MySP7 {
    grid-area: sidebar;
    width: calc(15rem+ 1px);
    box-sizing: border-box;
    border-right: 1px solid var(--color-border)
}

.dialog-common__body__fKWep {
    grid-area: body;
    padding: var(--spacer-2) var(--spacer-3);
    overflow-y: auto;
    touch-action: none
}

body:not([data-fpl-version=ui3]) .dialog-common__body__fKWep:where(:not([data-fpl-ui3-override] *)) {
    padding: .5rem 1rem
}

.dialog-common__allowOverflow__tuRL5 .dialog-common__body__fKWep {
    overflow-y: initial
}

.dialog-common__body__fKWep.dialog-common__bodyNoScroll__uv5kv {
    overflow-y: hidden
}

[data-body-scrolls] .dialog-common__body__fKWep,
[data-resizing] .dialog-common__body__fKWep {
    overflow-y: auto;
    touch-action: initial
}

.dialog-common__bodyScrollContainer__lMGT7 {
    grid-area: body
}

.dialog-common__bodyInner__gf7RB {
    padding: var(--spacer-2) var(--spacer-3)
}

body:not([data-fpl-version=ui3]) .dialog-common__bodyInner__gf7RB:where(:not([data-fpl-ui3-override] *)) {
    padding: .5rem 1rem
}

.dialog-common__scroller__NIyYK {
    position: relative
}

.dialog-common__footer__YrACL {
    grid-area: footer;
    display: flex;
    align-items: center;
    min-height: var(--spacer-6);
    padding: 0 8px 0 16px;
    box-shadow: inset 0 1px var(--color-border)
}

body:not([data-fpl-version=ui3]) .dialog-common__footer__YrACL:where(:not([data-fpl-ui3-override] *)) {
    min-height: 3rem;
    padding: 0 .5rem 0 .75rem
}

.dialog-common__actionStrip__QIF-- {
    display: flex;
    gap: var(--spacer-2);
    justify-content: flex-end;
    align-items: center;
    margin-left: auto
}

body:not([data-fpl-version=ui3]) .dialog-common__actionStrip__QIF--:where(:not([data-fpl-ui3-override] *)) {
    gap: .75rem
}

.link-button__link__zeZSY {
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.sign_in_and_up_2024_brand_updates--switchFormText--EsEyE {
    color: var(--auth-color-text-cool-gray)
}

.sign_in_and_up_2024_brand_updates--orBlock--2jMvn {
    display: block;
    height: 56px;
    width: 100%;
    color: var(--auth-color-text);
    line-height: 56px;
    font-size: 14px;
    font-style: normal;
    font-weight: 320;
    letter-spacing: .14px
}

.sign_in_and_up_2024_brand_updates--termsFlattened--IhcJq {
    margin: 0 auto;
    width: 100%;
    font-size: 14px
}

.auth_form_2024_brand_updates--headerBase--sNNh- {
    color: var(--auth-color-text);
    font-style: normal;
    font-variation-settings: "wdth" 96;
    font-weight: 500;
    letter-spacing: -.32px;
    line-height: 130%;
    max-width: 100vw;
    text-align: center;
    -webkit-user-select: none;
    user-select: none
}

.auth_form_2024_brand_updates--longHeader--WgseG {
    font-size: 26px
}

@media (max-width: 500px) {
    .auth_form_2024_brand_updates--longHeader--WgseG {
        font-size: 24px
    }
}

.auth_form_2024_brand_updates--header--61wuB {
    font-size: 32px
}

@media (max-width: 500px) {
    .auth_form_2024_brand_updates--header--61wuB {
        font-size: 26px
    }
}

.auth_form_2024_brand_updates--subtitle--4JELT {
    font-size: 16px;
    text-align: center;
    margin: 8px 0;
    -webkit-user-select: none;
    user-select: none;
    color: var(--auth-color-text-secondary)
}

.auth_form_2024_brand_updates--error---NE-l {
    margin-bottom: 16px;
    margin-top: 16px;
    color: var(--auth-error-text);
    font-size: 14px;
    text-align: center
}

.validate_email_2024_brand_updates--clickTheLink--SO0Wo {
    font-size: 16px;
    font-style: normal;
    font-weight: 320;
    line-height: 145%;
    letter-spacing: .16px
}

.validate_email_2024_brand_updates--validateEmailTextWithInnerLink--fgcQB a {
    display: inline
}

.validate_email_2024_brand_updates--mobileValidateEmailTextWithInnerLink--awZ-S,
.validate_email_2024_brand_updates--mobileValidateEmailTextWithInnerLink--awZ-S a {
    font-size: 16px
}

.validate_email_2024_brand_updates--emailAddress--w5xvT {
    font-weight: 500
}

.validate_email_2024_brand_updates--resendEmailText--031Jb {
    font-weight: 320;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    font-size: 16px;
    color: var(--color-text-brand)
}

.validate_email_2024_brand_updates--emailSvgIllustration--4uW17 {
    width: 100%
}

.verify_human_form--modalContainer--7IjzI {
    padding: 48px 32px;
    border-radius: 13px;
    width: 350px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center
}

.verify_human_form--modalContainer--7IjzI * {
    font-size: 16px;
    line-height: 24px
}

.verify_human_form--title--iErts {
    font-family: var(--figma-sans);
    font-size: 32px;
    font-weight: 400;
    line-height: 100%
}

.verify_human_form--timeoutText---iomJ {
    display: inline
}

.user--avatarContainer--roppm {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.user--greyedOut--ihgyE:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--ramp-black-500-dark);
    border-radius: 50%;
    pointer-events: none
}

.google_sso_redirect--redirectOverlay--w8Of5 {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: var(--color-bg, white)
}

.inline_banner--banner--bfSc6 {
    display: flex;
    flex-direction: row;
    margin: auto;
    padding: 12px;
    border-radius: 6px;
    justify-content: start;
    font-size: 11px;
    line-height: 1.5
}

.inline_banner--infoIcon--0I8an {
    margin-top: 2px;
    margin-right: 8px;
    min-width: 16px;
    color: currentColor;
    fill: currentColor
}

.inline_banner--information--0dcgE {
    background: var(--color-bg-selected)
}

.inline_banner--error--zlHia {
    background: var(--color-bg-measure-tertiary)
}

.inline_banner--warning--n1cEI {
    background: var(--color-bg-warning-tertiary)
}

.inline_banner--figjam--Abnpu {
    background: var(--color-bg-figjam-tertiary)
}

.inline_banner--plain--2mPYl {
    background: var(--color-bg-secondary)
}

.inline_banner--fullWidth--Nus-Q {
    width: 100%
}

.inline_banner--closeWrapper--YAMth {
    display: flex;
    margin-left: auto
}

.form_inputs_2024_brand_updates--invalidInput--VaZ3e {
    appearance: none;
    display: block;
    width: 100%;
    height: 53px;
    box-sizing: border-box;
    -webkit-user-select: auto;
    user-select: auto;
    font-size: 18px;
    font-weight: 320;
    border-radius: 6px;
    line-height: 1.45;
    letter-spacing: -.005625rem;
    box-shadow: inset 0 0 0 2px var(--auth-brand-error-box-shadow);
    padding: 1.5rem .75rem .375rem
}

.form_inputs_2024_brand_updates--invalidInput--VaZ3e:focus,
.form_inputs_2024_brand_updates--invalidInput--VaZ3e:active,
.form_inputs_2024_brand_updates--invalidInput--VaZ3e:hover {
    box-shadow: inset 0 0 0 2px var(--auth-brand-error-box-shadow)!important
}

.branded_checkbox--root--K3S-Q {
    --fpl-checkbox-outer-size: 1.5rem;
    --fpl-checkbox-inner-size: 1.5rem;
    --fpl-checkbox-inset: calc((var(--fpl-checkbox-outer-size) - var(--fpl-checkbox-inner-size))/2);
    --branded-border-radius: 6px;
    display: inline-block;
    position: relative;
    flex-shrink: 0;
    -webkit-user-select: none;
    user-select: none;
    width: var(--fpl-checkbox-outer-size);
    height: var(--fpl-checkbox-outer-size);
    margin: var(--spacer-1) 0
}

.branded_checkbox--root--K3S-Q svg {
    width: var(--fpl-checkbox-inner-size);
    height: var(--fpl-checkbox-inner-size)
}

.branded_checkbox--root--K3S-Q .branded_checkbox--checkbox--ab2-o {
    opacity: 0;
    outline: none;
    margin: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0
}

.branded_checkbox--root--K3S-Q .branded_checkbox--iconCheck--fNb1N {
    display: none
}

.branded_checkbox--root--K3S-Q .branded_checkbox--checkbox--ab2-o:checked+.branded_checkbox--visuals--x58j5 .branded_checkbox--iconCheck--fNb1N {
    display: block
}

.branded_checkbox--root--K3S-Q .branded_checkbox--visuals--x58j5 {
    --checkbox-first-inner-border-color: var(--color-border);
    --checkbox-second-inner-border-color: transparent;
    --checkbox-bg: transparent;
    pointer-events: none;
    display: inline-grid;
    place-content: center;
    position: absolute;
    inset: 0;
    background: var(--checkbox-bg);
    border: 2px solid var(--checkbox-first-inner-border-color, transparent);
    border-radius: var(--branded-border-radius);
    box-sizing: border-box;
    -moz-outline-radius: var(--radius-medium)
}

.branded_checkbox--root--K3S-Q .branded_checkbox--visuals--x58j5>* {
    position: relative
}

.branded_checkbox--root--K3S-Q .branded_checkbox--visuals--x58j5:before {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent;
    border: 2px solid var(--checkbox-second-inner-border-color, transparent);
    border-radius: calc(var(--branded-border-radius) - 1px);
    box-sizing: border-box
}

.branded_checkbox--root--K3S-Q .branded_checkbox--checkbox--ab2-o:focus-visible+.branded_checkbox--visuals--x58j5 {
    --checkbox-first-inner-border-color: var(--color-border-selected-strong);
    --checkbox-second-inner-border-color: var(--color-bg)
}

.branded_checkbox--root--K3S-Q .branded_checkbox--checkbox--ab2-o:disabled+.branded_checkbox--visuals--x58j5 {
    --checkbox-bg: transparent;
    --checkbox-first-inner-border-color: var(--color-border-disabled);
    --color-icon: var(--color-icon-ondisabled)
}

.branded_checkbox--root--K3S-Q .branded_checkbox--checkbox--ab2-o:disabled:checked+.branded_checkbox--visuals--x58j5 {
    --checkbox-first-inner-border-color: transparent;
    --checkbox-bg: var(--color-bg-disabled)
}

.branded_checkbox--root--K3S-Q .branded_checkbox--checkbox--ab2-o:not(.branded_checkbox--muted--9geTZ):not(:disabled)+.branded_checkbox--visuals--x58j5 {
    --color-icon: var(--color-icon-onbrand)
}

.branded_checkbox--root--K3S-Q .branded_checkbox--checkbox--ab2-o:not(.branded_checkbox--muted--9geTZ):not(:disabled):checked+.branded_checkbox--visuals--x58j5 {
    --checkbox-first-inner-border-color: var(--color-border-selected-strong);
    --checkbox-bg: var(--color-bg-brand)
}

.branded_checkbox--container--Tm0BQ {
    display: flex;
    align-items: center;
    gap: 12px
}

.branded_inputs_2024_brand_update--inputContainer--Y3h0q {
    position: relative;
    text-align: left;
    height: 53px;
    width: 100%
}

.branded_inputs_2024_brand_update--placeholder--XsMiA {
    position: absolute;
    display: block;
    inset: .5rem .75rem auto;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
    background-color: transparent;
    color: var(--auth-color-text);
    letter-spacing: .55px;
    line-height: 125%
}

.branded_inputs_2024_brand_update--input--PFtu- {
    appearance: none;
    color: var(--auth-color-text);
    display: block;
    width: 100%;
    height: 53px;
    box-sizing: border-box;
    -webkit-user-select: auto;
    user-select: auto;
    font-size: 18px;
    font-weight: 320;
    border-radius: 6px;
    line-height: 25px;
    letter-spacing: -.005625rem;
    padding: 1.5rem .75rem .375rem;
    background-color: var(--auth-input-background)
}

.branded_inputs_2024_brand_update--input--PFtu-:active,
.branded_inputs_2024_brand_update--input--PFtu-:hover {
    box-shadow: inset 0 0 0 1px var(--auth-input-box-shadow)
}

.branded_inputs_2024_brand_update--input--PFtu-:focus {
    box-shadow: inset 0 0 0 2px var(--auth-input-box-shadow)
}

.branded_inputs_2024_brand_update--input--PFtu-::-webkit-input-placeholder {
    color: transparent
}

.branded_inputs_2024_brand_update--input--PFtu-::-moz-placeholder {
    color: transparent
}

.branded_inputs_2024_brand_update--input--PFtu-:-moz-placeholder {
    color: transparent
}

.branded_inputs_2024_brand_update--input--PFtu-[type=password] {
    letter-spacing: 3.6px
}

.branded_inputs_2024_brand_update--selectDropdownInput--Y4uuy {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    width: 100%;
    background-color: var(--auth-input-background);
    box-sizing: border-box;
    color: var(--auth-color-text-primary)
}

.branded_inputs_2024_brand_update--selectDropdownInput--Y4uuy:hover:not(:focus-within),
.branded_inputs_2024_brand_update--selectDropdownInput--Y4uuy:active:not(:focus-within) {
    box-shadow: inset 0 0 0 1px var(--auth-color-text-primary)
}

.branded_inputs_2024_brand_update--selectDropdownInput--Y4uuy:focus {
    box-shadow: inset 0 0 0 2px var(--auth-color-text-primary)
}

.branded_inputs_2024_brand_update--focusedDropdownInput--kfTtP {
    box-shadow: inset 0 0 0 2px var(--auth-color-text-primary)
}

.branded_inputs_2024_brand_update--focusedDropdownButtonInput--efFdT {
    box-shadow: 0 2px 0 0 var(--auth-color-text-primary)
}

.branded_inputs_2024_brand_update--selectDropdownResponseError--Bh1Go {
    box-shadow: inset 0 0 0 2px var(--auth-brand-error-box-shadow, rgba(151, 33, 33, 1));
    border-radius: 8px
}

.branded_inputs_2024_brand_update--selectDropdownResponseError--Bh1Go:focus-within,
.branded_inputs_2024_brand_update--selectDropdownResponseError--Bh1Go:focus {
    box-shadow: inset 0 0 0 2px var(--auth-brand-error-box-shadow, rgba(151, 33, 33, 1));
    border-radius: 8px
}

.branded_inputs_2024_brand_update--dropdownToggle--pYyez {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-flex;
    align-items: baseline;
    border-radius: 8px;
    background-color: transparent
}

.branded_inputs_2024_brand_update--dropdownContainer--oE-RT {
    line-height: 23px;
    box-sizing: border-box;
    position: relative;
    z-index: 100
}

.branded_inputs_2024_brand_update--visuallyHidden--rjPt9 {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden
}

.branded_inputs_2024_brand_update--dropdownItem--aRAFP {
    background-color: transparent;
    padding: .375rem .75rem .375rem 2.25rem;
    text-align: left;
    display: flex;
    position: relative
}

.branded_inputs_2024_brand_update--dropdownItemHighlight--Z60JN {
    background-color: var(--auth-input-background)
}

.branded_inputs_2024_brand_update--dropdownItemIcon--djOI4 {
    position: absolute;
    left: 8px
}

.branded_inputs_2024_brand_update--dropdownIcon--NR-1- {
    fill: var(--auth-color-text-primary);
    position: absolute;
    right: 8px;
    bottom: 3px
}

.branded_inputs_2024_brand_update--selectDropdownInputTextContainer--vQI52 {
    position: relative;
    text-align: left;
    height: 53px;
    width: 100%
}

.branded_inputs_2024_brand_update--selectDropdownInputText--EoxwM {
    appearance: none;
    color: var(--auth-color-text-primary);
    display: block;
    width: 100%;
    height: 53px;
    box-sizing: border-box;
    -webkit-user-select: auto;
    user-select: auto;
    font-size: 18px;
    font-weight: 320;
    border-radius: 6px;
    line-height: 25px;
    letter-spacing: -.005625rem;
    padding: 1.5rem .75rem .375rem;
    background-color: transparent;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.branded_inputs_2024_brand_update--selectDropdownInputText--EoxwM::-webkit-input-placeholder {
    color: transparent
}

.branded_inputs_2024_brand_update--selectDropdownInputText--EoxwM[type=password] {
    letter-spacing: 3.6px
}

@media (max-width: 420px) {
    .branded_inputs_2024_brand_update--selectDropdownInputText--EoxwM {
        max-width: 250px
    }
}

@media (max-width: 360px) {
    .branded_inputs_2024_brand_update--selectDropdownInputText--EoxwM {
        max-width: 200px
    }
}

.branded_inputs_2024_brand_update--selectDropdownInputPlaceholderText--owf7c {
    opacity: .5
}

.password_reset_2024_brand_updates--center--ccdDS {
    font-size: 12px;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    color: var(--color-text-brand);
    margin: 0 auto
}

.password_reset_2024_brand_updates--header--8pO1j {
    color: var(--auth-color-text, #2c2c2c);
    line-height: 1.5;
    margin-bottom: 12px;
    font-size: 16px;
    text-align: center;
    text-wrap: pretty
}

.password_reset_2024_brand_updates--email--4Qa1Z {
    font-weight: 500
}

.landing_form_2024_brand_updates--brandButtonHoverIconEffects--Ca32N {
    transition: border-radius .16s ease-out 0s
}

.landing_form_2024_brand_updates--brandButtonHoverIconEffects--Ca32N>span {
    transition: translate .16s ease-out 0s
}

.landing_form_2024_brand_updates--brandButtonHoverIconEffects--Ca32N>span>span>svg {
    fill: var(--color-bg);
    transition: opacity .16s ease-out 0s;
    opacity: 0
}

.landing_form_2024_brand_updates--brandButtonHoverIconEffects--Ca32N:hover,
.landing_form_2024_brand_updates--brandButtonHoverIconEffects--Ca32N:active,
.landing_form_2024_brand_updates--brandButtonHoverIconEffects--Ca32N:focus {
    border-radius: 0
}

.landing_form_2024_brand_updates--brandButtonHoverIconEffects--Ca32N:hover>span,
.landing_form_2024_brand_updates--brandButtonHoverIconEffects--Ca32N:active>span,
.landing_form_2024_brand_updates--brandButtonHoverIconEffects--Ca32N:focus>span {
    translate: 9px
}

.landing_form_2024_brand_updates--brandButtonHoverIconEffects--Ca32N:hover>span>span>svg,
.landing_form_2024_brand_updates--brandButtonHoverIconEffects--Ca32N:active>span>span>svg,
.landing_form_2024_brand_updates--brandButtonHoverIconEffects--Ca32N:focus>span>span>svg {
    opacity: 1
}

@keyframes landing_form_2024_brand_updates--loadingSpinner--BvnEA {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.landing_form_2024_brand_updates--brandButtonLoadingIconEffects--th3V0 {
    transition: border-radius .16s ease-out 0s;
    border-radius: 0
}

.landing_form_2024_brand_updates--brandButtonLoadingIconEffects--th3V0>span {
    transition: translate .16s ease-out 0s;
    translate: 9px
}

.landing_form_2024_brand_updates--brandButtonLoadingIconEffects--th3V0>span>span>svg {
    fill: var(--color-bg);
    animation: landing_form_2024_brand_updates--loadingSpinner--BvnEA 2s infinite linear
}

.landing_form_2024_brand_updates--brandButton--0je-o {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--standard-brand-button)
}

.landing_form_2024_brand_updates--brandButton--0je-o:disabled {
    background-color: var(--standard-button-disabled, #000)
}

.landing_form_2024_brand_updates--brandButton--0je-o:hover:not(:disabled) {
    background-color: var(--standard-brand-button)
}

.landing_form_2024_brand_updates--brandButton--0je-o:focus {
    border-radius: 8px;
    outline: 2px solid var(--color-border-strong);
    outline-offset: 4px;
    outline-style: dashed
}

.landing_form_2024_brand_updates--brandButtonContent--u0Kkj {
    font-size: 18px;
    font-weight: 480;
    line-height: 140%;
    letter-spacing: -.09px;
    position: relative;
    display: block
}

.landing_form_2024_brand_updates--standardButtonContent--pwYH- {
    color: var(--standard-brand-button-content)
}

.landing_form_2024_brand_updates--iconContainer--SeWKn {
    display: inline-block;
    position: absolute;
    inset: 50% auto auto -23px;
    translate: 0px -50%;
    pointer-events: none
}

.landing_form_2024_brand_updates--hollowButton--WGr1- {
    color: var(--auth-color-text, #000);
    border: 1px solid var(--color-border-strong);
    border-radius: 8px;
    background-color: var(--hollow-button-background);
    font-size: 16px;
    width: 100%
}

.landing_form_2024_brand_updates--hollowButton--WGr1-:hover:not(:disabled) {
    box-shadow: unset;
    background-color: var(--hollow-button-background)
}

.landing_form_2024_brand_updates--hollowButton--WGr1-:focus {
    box-shadow: unset;
    outline: 2px solid var(--color-border-strong);
    outline-offset: 4px;
    outline-style: dashed
}

.landing_form_2024_brand_updates--googleText--lnuvW {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-style: normal;
    font-weight: 480;
    line-height: 140%;
    letter-spacing: -.09px
}

@layer priority1,
priority2,
priority3,
priority4,
priority5;
@layer priority1 {
    body:not([data-fpl-version="ui3"]),
    [data-fpl-version="ui3"],
    [data-fpl-ui3-override],
    [data-preferred-theme="dark"],
    [data-preferred-theme="dark"][data-editor-theme="design"],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"]),
    [data-preferred-theme="light"],
    [data-preferred-theme="light"][data-editor-theme="design"],
    :where([data-preferred-theme="light"] [data-editor-theme="design"]),
    [data-fpl-selected="true"],
    [data-fpl-selected="false"]:hover,
    [data-fpl-selected="focus"]:focus-within,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="dark"][data-editor-theme="piper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="piper"],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="seascape"],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"]),
    [data-preferred-theme="light"][data-editor-theme="cooper"],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"]),
    [data-preferred-theme="light"][data-editor-theme="sulli"],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"]),
    [data-preferred-theme="light"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="light"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="dark"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-enhanced-contrast],
    [data-preferred-theme="dark"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-enhanced-contrast],
    [data-preferred-theme="light"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-fpl-selected="true"][data-enhanced-contrast],
    [data-fpl-selected="false"][data-enhanced-contrast]:hover,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    :root,
    .x79hu4w {
        --x15hzb0x: var(--spacer-0, 0);
        --xlvinaf: var(--spacer-1, 0.25rem);
        --x1sh6x3y: var(--spacer-2, 0.5rem);
        --x1oa9wwn: var(--spacer-2-5, 0.75rem);
        --x18a5pxj: var(--spacer-3, 1rem);
        --x3itv0u: var(--spacer-4, 1.5rem);
        --x1r9kx1n: var(--spacer-5, 2rem);
        --x1r5b59o: var(--spacer-6, 2.5rem);
        --xjuzimz: var(--spacer-0px);
        --xzeh6fk: var(--spacer-4px);
        --x14t73z5: var(--spacer-8px);
        --xo07kro: var(--spacer-16px);
        --x1eioor9: var(--spacer-24px);
        --xq3vp05: var(--spacer-32px);
        --x17f05f8: var(--spacer-40px);
    }
    body:not([data-fpl-version="ui3"]),
    [data-fpl-version="ui3"],
    [data-fpl-ui3-override],
    [data-preferred-theme="dark"],
    [data-preferred-theme="dark"][data-editor-theme="design"],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"]),
    [data-preferred-theme="light"],
    [data-preferred-theme="light"][data-editor-theme="design"],
    :where([data-preferred-theme="light"] [data-editor-theme="design"]),
    [data-fpl-selected="true"],
    [data-fpl-selected="false"]:hover,
    [data-fpl-selected="focus"]:focus-within,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="dark"][data-editor-theme="piper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="piper"],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="seascape"],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"]),
    [data-preferred-theme="light"][data-editor-theme="cooper"],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"]),
    [data-preferred-theme="light"][data-editor-theme="sulli"],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"]),
    [data-preferred-theme="light"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="light"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="dark"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-enhanced-contrast],
    [data-preferred-theme="dark"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-enhanced-contrast],
    [data-preferred-theme="light"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-fpl-selected="true"][data-enhanced-contrast],
    [data-fpl-selected="false"][data-enhanced-contrast]:hover,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    :root,
    .x1ezdwnm {
        --x1h9cysf: var(--radius-none, 0);
        --x1hntdz4: var(--radius-small, 0.125rem);
        --xq55ydl: var(--radius-medium, 0.3125rem);
        --x1vo1yfx: var(--radius-large, 0.8125rem);
        --xoxa076: var(--radius-full, 9999px);
    }
    body:not([data-fpl-version="ui3"]),
    [data-fpl-version="ui3"],
    [data-fpl-ui3-override],
    [data-preferred-theme="dark"],
    [data-preferred-theme="dark"][data-editor-theme="design"],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"]),
    [data-preferred-theme="light"],
    [data-preferred-theme="light"][data-editor-theme="design"],
    :where([data-preferred-theme="light"] [data-editor-theme="design"]),
    [data-fpl-selected="true"],
    [data-fpl-selected="false"]:hover,
    [data-fpl-selected="focus"]:focus-within,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="dark"][data-editor-theme="piper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="piper"],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="seascape"],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"]),
    [data-preferred-theme="light"][data-editor-theme="cooper"],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"]),
    [data-preferred-theme="light"][data-editor-theme="sulli"],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"]),
    [data-preferred-theme="light"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="light"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="dark"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-enhanced-contrast],
    [data-preferred-theme="dark"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-enhanced-contrast],
    [data-preferred-theme="light"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-fpl-selected="true"][data-enhanced-contrast],
    [data-fpl-selected="false"][data-enhanced-contrast]:hover,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    :root,
    .x143v1co {
        --x1rwjgsf: var(--text-display-font-family);
        --x151g8os: var(--text-display-font-size);
        --xyqu3li: var(--text-display-font-weight);
        --x1yrn3sf: var(--text-display-line-height);
        --x1y5o906: var(--text-display-letter-spacing);
        --xnsyyq6: var(--text-heading-large-font-family);
        --x19mdn2n: var(--text-heading-large-font-size);
        --x12026zx: var(--text-heading-large-font-weight);
        --x144uy1v: var(--text-heading-large-line-height);
        --x11d1qbh: var(--text-heading-large-letter-spacing);
        --x1uxk4pb: var(--text-heading-medium-font-family);
        --x3lnwg7: var(--text-heading-medium-font-size);
        --xx6gm6t: var(--text-heading-medium-font-weight);
        --x123a5y4: var(--text-heading-medium-line-height);
        --x1f21mic: var(--text-heading-medium-letter-spacing);
        --x19r2np0: var(--text-heading-small-font-family);
        --xns1myh: var(--text-heading-small-font-size);
        --x1n07dhg: var(--text-heading-small-font-weight);
        --x1j30vuv: var(--text-heading-small-line-height);
        --x1b4010: var(--text-heading-small-letter-spacing);
        --x2srcqi: var(--text-body-large-font-family);
        --x1m0ofve: var(--text-body-large-font-size);
        --xl7i9ki: var(--text-body-large-font-weight);
        --xrze3ox: var(--text-body-large-line-height);
        --x12bmc40: var(--text-body-large-letter-spacing);
        --x1dijlki: var(--text-body-large-strong-font-family);
        --xr8fdfy: var(--text-body-large-strong-font-size);
        --xeschz: var(--text-body-large-strong-font-weight);
        --x8a24vr: var(--text-body-large-strong-line-height);
        --x1qfzjgs: var(--text-body-large-strong-letter-spacing);
        --xsbhre9: var(--text-body-medium-font-family);
        --xc1ru8a: var(--text-body-medium-font-size);
        --x3hiqv0: var(--text-body-medium-font-weight);
        --x1vcglbm: var(--text-body-medium-line-height);
        --x1rx4fq0: var(--text-body-medium-letter-spacing);
        --x183vzmc: var(--text-body-medium-strong-font-family);
        --xqasiu6: var(--text-body-medium-strong-font-size);
        --xqgel44: var(--text-body-medium-strong-font-weight);
        --x6y93qo: var(--text-body-medium-strong-line-height);
        --x1rry8xr: var(--text-body-medium-strong-letter-spacing);
        --x152nayk: var(--text-body-small-font-family);
        --xec8xp: var(--text-body-small-font-size);
        --x10iyovq: var(--text-body-small-font-weight);
        --xbpvwc0: var(--text-body-small-line-height);
        --x1jfczun: var(--text-body-small-letter-spacing);
        --x1cfn30f: var(--text-body-small-strong-font-family);
        --x1kkwsgb: var(--text-body-small-strong-font-size);
        --x1yaoipo: var(--text-body-small-strong-font-weight);
        --x1509ajy: var(--text-body-small-strong-line-height);
        --x1qjo5zy: var(--text-body-small-strong-letter-spacing);
    }
    body:not([data-fpl-version="ui3"]),
    [data-fpl-version="ui3"],
    [data-fpl-ui3-override],
    [data-preferred-theme="dark"],
    [data-preferred-theme="dark"][data-editor-theme="design"],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"]),
    [data-preferred-theme="light"],
    [data-preferred-theme="light"][data-editor-theme="design"],
    :where([data-preferred-theme="light"] [data-editor-theme="design"]),
    [data-fpl-selected="true"],
    [data-fpl-selected="false"]:hover,
    [data-fpl-selected="focus"]:focus-within,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="dark"][data-editor-theme="piper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="piper"],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="seascape"],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"]),
    [data-preferred-theme="light"][data-editor-theme="cooper"],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"]),
    [data-preferred-theme="light"][data-editor-theme="sulli"],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"]),
    [data-preferred-theme="light"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="light"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="dark"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-enhanced-contrast],
    [data-preferred-theme="dark"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-enhanced-contrast],
    [data-preferred-theme="light"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-fpl-selected="true"][data-enhanced-contrast],
    [data-fpl-selected="false"][data-enhanced-contrast]:hover,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    :root,
    .x1gtb044 {
        --xdk0nyw: var(--z-index-tooltip);
        --x7fyu2s: var(--z-index-dropdown);
        --x1p9f0it: var(--z-index-modal);
        --x1dnyvit: var(--z-index-visual-bell);
        --x1xy8v5f: var(--z-index-assistant);
        --x1dkm5lb: var(--z-index-nav);
        --xlptnqs: var(--z-index-context-editing);
        --xj2qbhk: var(--z-index-toolbar-widgets);
        --x1g61h3w: var(--z-index-window);
        --x197z4jo: var(--z-index-sidebar);
        --x1o0ks19: var(--z-index-cursor-multiplayer-emote);
        --xer4j45: var(--z-index-cursor-multiplayer);
        --xtcte2v: var(--z-index-cursor-user);
        --xi4w3st: var(--z-index-cursor-user-emote);
        --x13o5do5: var(--z-index-canvas-pin-active);
        --xxk2x6r: var(--z-index-canvas-pin);
        --x5dj6bi: var(--z-index-canvas-modifiers);
        --xzp57ma: var(--z-index-canvas-base);
    }
    body:not([data-fpl-version="ui3"]),
    [data-fpl-version="ui3"],
    [data-fpl-ui3-override],
    [data-preferred-theme="dark"],
    [data-preferred-theme="dark"][data-editor-theme="design"],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"]),
    [data-preferred-theme="light"],
    [data-preferred-theme="light"][data-editor-theme="design"],
    :where([data-preferred-theme="light"] [data-editor-theme="design"]),
    [data-fpl-selected="true"],
    [data-fpl-selected="false"]:hover,
    [data-fpl-selected="focus"]:focus-within,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="dark"][data-editor-theme="piper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="piper"],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="seascape"],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"]),
    [data-preferred-theme="light"][data-editor-theme="cooper"],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"]),
    [data-preferred-theme="light"][data-editor-theme="sulli"],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"]),
    [data-preferred-theme="light"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="light"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="dark"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-enhanced-contrast],
    [data-preferred-theme="dark"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-enhanced-contrast],
    [data-preferred-theme="light"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-fpl-selected="true"][data-enhanced-contrast],
    [data-fpl-selected="false"][data-enhanced-contrast]:hover,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    :root,
    .x1d5emiz {
        --xhgxhj0: var(--duration-none);
        --x5p84jb: var(--duration-sm);
        --x16cthuw: var(--duration-md);
        --x8017w7: var(--duration-lg);
    }
    body:not([data-fpl-version="ui3"]),
    [data-fpl-version="ui3"],
    [data-fpl-ui3-override],
    [data-preferred-theme="dark"],
    [data-preferred-theme="dark"][data-editor-theme="design"],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"]),
    [data-preferred-theme="light"],
    [data-preferred-theme="light"][data-editor-theme="design"],
    :where([data-preferred-theme="light"] [data-editor-theme="design"]),
    [data-fpl-selected="true"],
    [data-fpl-selected="false"]:hover,
    [data-fpl-selected="focus"]:focus-within,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="dark"][data-editor-theme="piper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="piper"],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="seascape"],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"]),
    [data-preferred-theme="light"][data-editor-theme="cooper"],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"]),
    [data-preferred-theme="light"][data-editor-theme="sulli"],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"]),
    [data-preferred-theme="light"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="light"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="dark"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-enhanced-contrast],
    [data-preferred-theme="dark"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-enhanced-contrast],
    [data-preferred-theme="light"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-fpl-selected="true"][data-enhanced-contrast],
    [data-fpl-selected="false"][data-enhanced-contrast]:hover,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    :root,
    .x1fu2q6f {
        --xir6n1e: var(--elevation-100);
        --x1h264fw: var(--elevation-200);
        --xq7t5yd: var(--elevation-300);
        --x1wao1qo: var(--elevation-400);
        --xne9c5u: var(--elevation-500);
    }
    body:not([data-fpl-version="ui3"]),
    [data-fpl-version="ui3"],
    [data-fpl-ui3-override],
    [data-preferred-theme="dark"],
    [data-preferred-theme="dark"][data-editor-theme="design"],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"]),
    [data-preferred-theme="light"],
    [data-preferred-theme="light"][data-editor-theme="design"],
    :where([data-preferred-theme="light"] [data-editor-theme="design"]),
    [data-fpl-selected="true"],
    [data-fpl-selected="false"]:hover,
    [data-fpl-selected="focus"]:focus-within,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="dark"][data-editor-theme="piper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="piper"],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="seascape"],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"]),
    [data-preferred-theme="light"][data-editor-theme="cooper"],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"]),
    [data-preferred-theme="light"][data-editor-theme="sulli"],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"]),
    [data-preferred-theme="light"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="light"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="dark"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-enhanced-contrast],
    [data-preferred-theme="dark"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-enhanced-contrast],
    [data-preferred-theme="light"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-fpl-selected="true"][data-enhanced-contrast],
    [data-fpl-selected="false"][data-enhanced-contrast]:hover,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    :root,
    .x1upt2zc {
        --xjq8bcn: var(--font-weight-default);
        --x1l28fqa: var(--font-weight-strong);
    }
    body:not([data-fpl-version="ui3"]),
    [data-fpl-version="ui3"],
    [data-fpl-ui3-override],
    [data-preferred-theme="dark"],
    [data-preferred-theme="dark"][data-editor-theme="design"],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"]),
    [data-preferred-theme="light"],
    [data-preferred-theme="light"][data-editor-theme="design"],
    :where([data-preferred-theme="light"] [data-editor-theme="design"]),
    [data-fpl-selected="true"],
    [data-fpl-selected="false"]:hover,
    [data-fpl-selected="focus"]:focus-within,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="dark"][data-editor-theme="piper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="piper"],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="seascape"],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"]),
    [data-preferred-theme="light"][data-editor-theme="cooper"],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"]),
    [data-preferred-theme="light"][data-editor-theme="sulli"],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"]),
    [data-preferred-theme="light"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="light"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="dark"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-enhanced-contrast],
    [data-preferred-theme="dark"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-enhanced-contrast],
    [data-preferred-theme="light"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-fpl-selected="true"][data-enhanced-contrast],
    [data-fpl-selected="false"][data-enhanced-contrast]:hover,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    :root,
    .x1n2w6nl {
        --xp1z7en: var(--color-bg);
        --xkqspef: var(--color-bg-assistive);
        --xrs1oqh: var(--color-bg-assistive-hover);
        --x1v751g3: var(--color-bg-assistive-pressed);
        --x872b3y: var(--color-bg-assistive-secondary);
        --x1715ifn: var(--color-bg-assistive-tertiary);
        --xznhjno: var(--color-bg-brand);
        --x1bkwq79: var(--color-bg-brand-hover);
        --x1yk8dxs: var(--color-bg-brand-pressed);
        --x88e7g0: var(--color-bg-brand-secondary);
        --xzt4mmc: var(--color-bg-brand-tertiary);
        --x1s20yk6: var(--color-bg-component);
        --x1e42dxd: var(--color-bg-component-hover);
        --x1f6f292: var(--color-bg-component-pressed);
        --x1y6jtj8: var(--color-bg-component-secondary);
        --x1rmyiv1: var(--color-bg-component-tertiary);
        --xiiz0be: var(--color-bg-component-tertiary-hover);
        --x1a2hwto: var(--color-bg-danger);
        --x10dk80x: var(--color-bg-danger-hover);
        --xarpv2q: var(--color-bg-danger-pressed);
        --xdhzrkq: var(--color-bg-danger-secondary);
        --x3rvex: var(--color-bg-danger-tertiary);
        --xj7amjv: var(--color-bg-design);
        --x1n32kkc: var(--color-bg-design-hover);
        --x1yvizo7: var(--color-bg-design-pressed);
        --xumjsby: var(--color-bg-design-secondary);
        --x1gxi5op: var(--color-bg-design-tertiary);
        --xrdnlov: var(--color-bg-desktopBackgrounded);
        --xjb3d21: var(--color-bg-desktopBackgrounded-disabled);
        --xbgjlli: var(--color-bg-desktopBackgrounded-hover);
        --xrj74at: var(--color-bg-desktopBackgrounded-pressed);
        --x1sw5d2v: var(--color-bg-desktopBackgrounded-secondary);
        --x1afvzib: var(--color-bg-desktopBackgrounded-tertiary);
        --x1i5g9qg: var(--color-bg-desktopForeground);
        --x137tovj: var(--color-bg-desktopForeground-disabled);
        --x4jdk4a: var(--color-bg-desktopForeground-hover);
        --xp46n8d: var(--color-bg-desktopForeground-pressed);
        --x1mzelhl: var(--color-bg-desktopForeground-secondary);
        --x1rhtp7f: var(--color-bg-desktopForeground-tertiary);
        --x19ak431: var(--color-bg-desktopFullscreen);
        --xs548fu: var(--color-bg-desktopFullscreen-disabled);
        --x5lb10x: var(--color-bg-desktopFullscreen-hover);
        --xnh7jcz: var(--color-bg-desktopFullscreen-pressed);
        --x1g20mz: var(--color-bg-desktopFullscreen-secondary);
        --xdw0daf: var(--color-bg-desktopFullscreen-tertiary);
        --xgwpav8: var(--color-bg-disabled);
        --xm29n2f: var(--color-bg-disabled-secondary);
        --x14ma859: var(--color-bg-elevated);
        --xn7tb2: var(--color-bg-elevated-hover);
        --x13gc2df: var(--color-bg-figjam);
        --x1godfoe: var(--color-bg-figjam-hover);
        --x11b92up: var(--color-bg-figjam-pressed);
        --x16w5nxc: var(--color-bg-figjam-secondary);
        --x5khlaw: var(--color-bg-figjam-tertiary);
        --x12abm5p: var(--color-bg-fs);
        --xe1upak: var(--color-bg-fs-assistive);
        --x11ogvo1: var(--color-bg-fs-assistive-secondary);
        --xpfnyv9: var(--color-bg-fs-assistive-tertiary);
        --x1gz4tvc: var(--color-bg-fs-component);
        --x1hpy6p2: var(--color-bg-fs-component-secondary);
        --x1ox6upo: var(--color-bg-fs-component-tertiary);
        --xx7cj47: var(--color-bg-fs-design);
        --xuwp2ks: var(--color-bg-fs-design-secondary);
        --x1pc9hzf: var(--color-bg-fs-design-tertiary);
        --xx9as9h: var(--color-bg-fs-measure);
        --xcms85x: var(--color-bg-fs-measure-hover);
        --x1n95nbh: var(--color-bg-fs-measure-secondary);
        --xlgz2k0: var(--color-bg-fs-measure-tertiary);
        --x19jxdqu: var(--color-bg-fs-selected);
        --x14qbctr: var(--color-bg-fs-selected-secondary);
        --xd7r8z5: var(--color-bg-fs-tertiary);
        --x6oit1w: var(--color-bg-handoff);
        --xd9k3ew: var(--color-bg-handoff-hover);
        --x1gtdfap: var(--color-bg-handoff-pressed);
        --x1l25mbs: var(--color-bg-handoff-secondary);
        --x26eov: var(--color-bg-handoff-tertiary);
        --xew6hgh: var(--color-bg-hover);
        --x1i2e4ki: var(--color-bg-info);
        --xd3sayf: var(--color-bg-inverse);
        --x1hmm3wk: var(--color-bg-measure);
        --xl6f1hu: var(--color-bg-measure-hover);
        --x1p4ioyz: var(--color-bg-measure-pressed);
        --x1903zyw: var(--color-bg-measure-secondary);
        --x196vtnw: var(--color-bg-measure-tertiary);
        --x76lalo: var(--color-bg-menu);
        --x788v3r: var(--color-bg-menu-disabled);
        --xbse0ua: var(--color-bg-menu-hover);
        --x16mozyl: var(--color-bg-menu-pressed);
        --x3czsry: var(--color-bg-menu-secondary);
        --x881pox: var(--color-bg-menu-selected);
        --x1kp8jk7: var(--color-bg-menu-selected-hover);
        --x1q3oxia: var(--color-bg-menu-selected-pressed);
        --xr37xmm: var(--color-bg-menu-selected-secondary);
        --x7zyygo: var(--color-bg-menu-selected-tertiary);
        --xedas2c: var(--color-bg-menu-tertiary);
        --x18ogj1g: var(--color-bg-onselected);
        --x103p9ha: var(--color-bg-onselected-hover);
        --xquxm60: var(--color-bg-onselected-pressed);
        --xh7jg82: var(--color-bg-pressed);
        --xt341mt: var(--color-bg-secondary);
        --x1chpa49: var(--color-bg-secondary-hover);
        --x1ouq215: var(--color-bg-secondary-pressed);
        --xt5e0wg: var(--color-bg-selected);
        --x1267qt1: var(--color-bg-selected-hover);
        --xfy7fhp: var(--color-bg-selected-pressed);
        --x1ou1ba6: var(--color-bg-selected-secondary);
        --x1fwib8l: var(--color-bg-selected-strong);
        --x10c8pdy: var(--color-bg-selected-tertiary);
        --x1jldmgy: var(--color-bg-strong-hover);
        --x1tk4kzk: var(--color-bg-strong-pressed);
        --x1tkfiha: var(--color-bg-success);
        --xnzlmwo: var(--color-bg-success-hover);
        --x1o5hprf: var(--color-bg-success-pressed);
        --x1u04af3: var(--color-bg-success-secondary);
        --x15xgdlu: var(--color-bg-success-tertiary);
        --x1fwoq0: var(--color-bg-tertiary);
        --xt3evaj: var(--color-bg-toolbar);
        --x20shzx: var(--color-bg-toolbar-disabled);
        --xecejxa: var(--color-bg-toolbar-hover);
        --xgm5k16: var(--color-bg-toolbar-pressed);
        --xz6o0ac: var(--color-bg-toolbar-secondary);
        --xx4drbu: var(--color-bg-toolbar-selected);
        --xb6h5v5: var(--color-bg-toolbar-selected-hover);
        --xqv80ln: var(--color-bg-toolbar-selected-pressed);
        --x1uzoihm: var(--color-bg-toolbar-selected-secondary);
        --xdjyzpm: var(--color-bg-toolbar-selected-tertiary);
        --x1089tse: var(--color-bg-toolbar-tertiary);
        --x1lzicsm: var(--color-bg-tooltip);
        --xzrrqfv: var(--color-bg-tooltip-disabled);
        --x1e0pnj4: var(--color-bg-tooltip-hover);
        --xtdc6yd: var(--color-bg-tooltip-pressed);
        --xmmc9y5: var(--color-bg-tooltip-secondary);
        --xxfz60a: var(--color-bg-tooltip-selected);
        --xin7w92: var(--color-bg-tooltip-selected-hover);
        --x14tz0nj: var(--color-bg-tooltip-selected-pressed);
        --x1gaela8: var(--color-bg-tooltip-selected-secondary);
        --x1bzkni1: var(--color-bg-tooltip-selected-tertiary);
        --x1ppaiml: var(--color-bg-tooltip-tertiary);
        --x14f2dr8: var(--color-bg-transparent-hover);
        --x12yipjg: var(--color-bg-transparent-pressed);
        --x1erydca: var(--color-bg-warning);
        --xct77kp: var(--color-bg-warning-hover);
        --x1810f85: var(--color-bg-warning-pressed);
        --xa165oi: var(--color-bg-warning-secondary);
        --x1imp591: var(--color-bg-warning-tertiary);
        --x1kr3hfy: var(--color-bghoverondarkcanvas);
        --x1b0vpvu: var(--color-bghoveronlightcanvas);
        --xbgii0n: var(--color-bghovertransparent);
        --x1x8aiup: var(--color-bginspectpadding);
        --x1ulkidh: var(--color-bginspectpaddingtertiary);
        --xsys07q: var(--color-bginspectspacing);
        --xqplr57: var(--color-bgsecondaryoncanvas);
        --xrsktmh: var(--color-bgselectedarea);
        --x1a6shn9: var(--color-bgtransparent);
        --x144ebg8: var(--color-bgtransparent-secondary-hover);
        --xpj5jr2: var(--color-bgtransparent-secondary-pressed);
        --xo7qbfu: var(--color-bgtransparentsecondary);
        --x12d3tyu: var(--color-bgvoting);
        --x7omdll: var(--color-bgvotingsecondary);
        --xwq3kga: var(--color-bgvotingtertiary);
        --x7f8yif: var(--color-bgvotingwheeldial);
        --xv4et58: var(--color-bgvotingwheelhover);
        --xnwjt7a: var(--color-border);
        --xzvut4d: var(--color-border-assistive);
        --x1svdxfv: var(--color-border-assistive-strong);
        --x1ehtixw: var(--color-border-brand);
        --xhgjq7m: var(--color-border-brand-strong);
        --x1wdsjgz: var(--color-border-component);
        --xrghtiy: var(--color-border-component-hover);
        --x1a9ckoh: var(--color-border-component-selected);
        --xh3xwy6: var(--color-border-component-strong);
        --x1hbxvg6: var(--color-border-danger);
        --x5jevv0: var(--color-border-danger-strong);
        --x1gzu65y: var(--color-border-design);
        --xesth0: var(--color-border-design-strong);
        --x17ihvml: var(--color-border-desktopBackgrounded);
        --xahwq6b: var(--color-border-desktopBackgrounded-disabled);
        --x1cygc0z: var(--color-border-desktopBackgrounded-strong);
        --xfo3pvd: var(--color-border-desktopForeground);
        --x237v4c: var(--color-border-desktopForeground-disabled);
        --x104lz4e: var(--color-border-desktopForeground-strong);
        --xxlollq: var(--color-border-desktopFullscreen);
        --x8mfyoj: var(--color-border-desktopFullscreen-disabled);
        --xaft15i: var(--color-border-desktopFullscreen-strong);
        --x1du9j5l: var(--color-border-disabled);
        --x1ud8svn: var(--color-border-disabled-strong);
        --x1i5hqyi: var(--color-border-figjam);
        --x160v4lt: var(--color-border-figjam-strong);
        --x4isf5l: var(--color-border-fs);
        --x1nsjzm3: var(--color-border-fs-assistive);
        --x1ql1cgn: var(--color-border-fs-assistive-strong);
        --x19gg8u0: var(--color-border-fs-component);
        --xbg6jmb: var(--color-border-fs-component-strong);
        --x2qnxed: var(--color-border-fs-design);
        --x1cbeci5: var(--color-border-fs-design-strong);
        --x1de6q98: var(--color-border-fs-measure);
        --x1q4w0cy: var(--color-border-fs-measure-strong);
        --x1doswui: var(--color-border-fs-onassistive);
        --x1jjbeav: var(--color-border-fs-onassistive-strong);
        --x1iei904: var(--color-border-fs-oncomponent);
        --x14j157f: var(--color-border-fs-oncomponent-strong);
        --x162732o: var(--color-border-fs-ondesign);
        --x1dl6nxt: var(--color-border-fs-ondesign-strong);
        --x7xuy1h: var(--color-border-fs-onmeasure);
        --x97len5: var(--color-border-fs-onmeasure-strong);
        --x1hlfcjg: var(--color-border-fs-onselected);
        --x15idh1k: var(--color-border-fs-onselected-strong);
        --x1hj5nnh: var(--color-border-fs-selected);
        --x1rzt145: var(--color-border-fs-selected-strong);
        --x1r79yza: var(--color-border-fs-strong);
        --x19i56st: var(--color-border-handoff);
        --x53xnx: var(--color-border-handoff-strong);
        --x1erl4d6: var(--color-border-measure);
        --x1212hw0: var(--color-border-measure-strong);
        --xoqfh4n: var(--color-border-menu);
        --x1r9251t: var(--color-border-menu-disabled);
        --xwlihyy: var(--color-border-menu-disabled-strong);
        --x1qkpn0e: var(--color-border-menu-onselected);
        --x1mt4rmy: var(--color-border-menu-onselected-strong);
        --x7dnc7r: var(--color-border-menu-selected);
        --xvtj27v: var(--color-border-menu-selected-strong);
        --x14chc6m: var(--color-border-menu-strong);
        --xgquwui: var(--color-border-onassistive);
        --x1t7jjtq: var(--color-border-onassistive-strong);
        --xqfymjw: var(--color-border-onbrand);
        --x9amtsg: var(--color-border-onbrand-strong);
        --xkwo2g3: var(--color-border-oncomponent);
        --xwl5l31: var(--color-border-oncomponent-strong);
        --xrolbre: var(--color-border-ondanger);
        --xv3obaw: var(--color-border-ondanger-strong);
        --x1ubpxpa: var(--color-border-ondesign);
        --xt807j3: var(--color-border-ondesign-strong);
        --x12g10nv: var(--color-border-onfigjam);
        --xvza0up: var(--color-border-onfigjam-strong);
        --x1am969l: var(--color-border-onmeasure);
        --x1ux53yw: var(--color-border-onmeasure-strong);
        --x1nsuqxc: var(--color-border-onselected);
        --x11qaf6q: var(--color-border-onselected-strong);
        --x1sx22tp: var(--color-border-onsuccess);
        --x11fvheq: var(--color-border-onsuccess-strong);
        --xq9xdi7: var(--color-border-onwarning);
        --xhj1qq4: var(--color-border-onwarning-strong);
        --xq3x21d: var(--color-border-selected);
        --xtx0gs8: var(--color-border-selected-strong);
        --x1hq9kds: var(--color-border-strong);
        --xn8ykkm: var(--color-border-success);
        --x1ii9lqw: var(--color-border-success-strong);
        --xo0rqh8: var(--color-border-toolbar);
        --x1ka5rtr: var(--color-border-toolbar-disabled);
        --x2r69gc: var(--color-border-toolbar-onselected);
        --xbrj0nl: var(--color-border-toolbar-selected);
        --x2e2a7x: var(--color-border-toolbar-selected-strong);
        --x1blpa84: var(--color-border-toolbar-strong);
        --x1o68niw: var(--color-border-tooltip);
        --x1224nx2: var(--color-border-tooltip-disabled);
        --x1laspt7: var(--color-border-tooltip-disabled-strong);
        --x17a5kdx: var(--color-border-tooltip-onselected);
        --x1tcycxo: var(--color-border-tooltip-onselected-strong);
        --xty87m3: var(--color-border-tooltip-selected);
        --x15ftufy: var(--color-border-tooltip-selected-strong);
        --x1mlf28t: var(--color-border-tooltip-strong);
        --x1cx54ly: var(--color-border-warning);
        --x1yrvl5j: var(--color-border-warning-strong);
        --x43qbu5: var(--color-borderinspectpadding);
        --x1b7zfi8: var(--color-borderinspectspacing);
        --x1kfpd9i: var(--color-borderplacecrosshair);
        --xkf9a0g: var(--color-borderselectedec);
        --x1jtz2c1: var(--color-bordertranslucent);
        --x1riu0mj: var(--color-bordertranslucentstrong);
        --x1nwr8ji: var(--color-code);
        --x89iv96: var(--color-codeaccent);
        --xvzr10c: var(--color-codeattribute);
        --x1e32kfs: var(--color-codeclassname);
        --x1l6hmgh: var(--color-codecomment);
        --x1f1xexn: var(--color-codeproperty);
        --xbd780o: var(--color-codestring);
        --x1qs3u08: var(--color-codestylename);
        --xpwcmfe: var(--color-codetag);
        --xnntl75: var(--color-codevalue);
        --x17hnwyz: var(--color-codevariable);
        --x1p4b41l: var(--color-conditionalborder);
        --xgfcwfz: var(--color-fsAutoFillHighlight);
        --x10czis6: var(--color-fsBorderDesignShadowStrong);
        --x3f47ba: var(--color-fsBorderPlaceholder);
        --x1a82cat: var(--color-fsBorderSelectedImmutableNode);
        --x1qyu4zn: var(--color-fsBorderSelectedImmutableNodeSecondary);
        --x1h3hrav: var(--color-fsCanvasDefaultFill);
        --x1q708bh: var(--color-fsCodeNodeBorder);
        --x1f4rxwa: var(--color-fsCodeNodeBorderSecondary);
        --x1udwble: var(--color-fsCodeNodeTextErrorOnDarkCanvas);
        --x1ufc1vp: var(--color-fsCodeNodeTextErrorOnLightCanvas);
        --x1eml9nq: var(--color-fsCodeNodeTextOnDarkCanvas);
        --xnltbbl: var(--color-fsCodeNodeTextOnLightCanvas);
        --x1qqctz6: var(--color-fsDevHandoffAutolayoutPadding);
        --x9msbpz: var(--color-fsDevHandoffAutolayoutSpacing);
        --xkyx1m0: var(--color-fsFrameDefaultFill);
        --x1o0hg2y: var(--color-fsIconOnDarkCanvas);
        --xplppg: var(--color-fsIconOnDarkCanvasSecondary);
        --x175uwpt: var(--color-fsIconOnLightCanvas);
        --x1fyi101: var(--color-fsIconOnLightCanvasSecondary);
        --x120do3m: var(--color-fsNodeHandle);
        --xwoxxt: var(--color-fsNodeLabelNoBG);
        --xuhfy07: var(--color-fsNodeSymbolSelectedSecondary);
        --xmednuu: var(--color-fsShapeDefaultFill);
        --xb8ui87: var(--color-fsSitesResponsiveSetTextOnDarkCanvas);
        --x1bsfr2u: var(--color-fsSitesResponsiveSetTextOnLightCanvas);
        --x1c3msxq: var(--color-fsSnappingOverlay);
        --xo3qpa9: var(--color-fsStickyAuthorTextOnDark);
        --xpcd4r4: var(--color-fsStickyAuthorTextOnLight);
        --x1pd49li: var(--color-fsTextComponentOnDarkCanvas);
        --x1moqi9h: var(--color-fsTextComponentOnLightCanvas);
        --xmj1zt4: var(--color-fsTextOnDarkCanvas);
        --x1shvic0: var(--color-fsTextOnDarkCanvasSecondary);
        --xmdzcem: var(--color-fsTextOnLightCanvas);
        --x1thdjyv: var(--color-fsTextOnLightCanvasSecondary);
        --x1dvhoxj: var(--color-fsTextSelectedOnDarkCanvas);
        --x17rc4ea: var(--color-fsTextSelectedOnLightCanvas);
        --x1k36rtg: var(--color-fsVectorInactive);
        --x7a3xc7: var(--color-fsWidgetFrameTextOnDarkCanvas);
        --x1vrjuo4: var(--color-fsWidgetFrameTextOnLightCanvas);
        --x2gt7nl: var(--color-fsWidgetFrameTextSelectedOnDarkCanvas);
        --x146fm3u: var(--color-fsWidgetFrameTextSelectedOnLightCanvas);
        --xao8hs5: var(--color-icon);
        --xbzcbx4: var(--color-icon-assistive);
        --x7blxze: var(--color-icon-assistive-pressed);
        --x13b7ik: var(--color-icon-assistive-secondary);
        --xfdvvhm: var(--color-icon-assistive-tertiary);
        --x1wxt8mt: var(--color-icon-brand);
        --xqex5pl: var(--color-icon-brand-pressed);
        --x124n2qp: var(--color-icon-brand-secondary);
        --x17sndl7: var(--color-icon-brand-tertiary);
        --xe2mbh0: var(--color-icon-component);
        --x1j6jx71: var(--color-icon-component-pressed);
        --x8km10y: var(--color-icon-component-secondary);
        --x1g1xkdo: var(--color-icon-component-tertiary);
        --xsz8057: var(--color-icon-danger);
        --xfkkhwn: var(--color-icon-danger-hover);
        --xuzdlb3: var(--color-icon-danger-pressed);
        --x1byasb7: var(--color-icon-danger-secondary);
        --xgrmvo8: var(--color-icon-danger-secondary-hover);
        --x2402hh: var(--color-icon-danger-tertiary);
        --x102hfqm: var(--color-icon-design);
        --x11pi6cn: var(--color-icon-design-pressed);
        --xzca3i8: var(--color-icon-design-secondary);
        --x1g3n3bp: var(--color-icon-design-tertiary);
        --xf9rtbh: var(--color-icon-desktopBackgrounded);
        --x1ea8i4o: var(--color-icon-desktopBackgrounded-danger);
        --x1o36gsf: var(--color-icon-desktopBackgrounded-disabled);
        --x1dqxi1s: var(--color-icon-desktopBackgrounded-hover);
        --xat3win: var(--color-icon-desktopBackgrounded-ondisabled);
        --x1lllyym: var(--color-icon-desktopBackgrounded-secondary);
        --xo8l1pf: var(--color-icon-desktopBackgrounded-secondary-hover);
        --x112v7p: var(--color-icon-desktopBackgrounded-tertiary);
        --x19xm7gc: var(--color-icon-desktopBackgrounded-tertiary-hover);
        --x5z7bmg: var(--color-icon-desktopBackgrounded-warning);
        --x1ahs4yr: var(--color-icon-desktopForeground);
        --xgxu6t: var(--color-icon-desktopForeground-danger);
        --x1qeg5s: var(--color-icon-desktopForeground-disabled);
        --x6f02hu: var(--color-icon-desktopForeground-hover);
        --xlczyyl: var(--color-icon-desktopForeground-ondisabled);
        --x1avnms3: var(--color-icon-desktopForeground-secondary);
        --x1hr26nb: var(--color-icon-desktopForeground-secondary-hover);
        --x1nign6t: var(--color-icon-desktopForeground-tertiary);
        --x15xmeek: var(--color-icon-desktopForeground-tertiary-hover);
        --x14aly51: var(--color-icon-desktopForeground-warning);
        --x12bcu9i: var(--color-icon-desktopFullscreen);
        --xx17f60: var(--color-icon-desktopFullscreen-danger);
        --xgqsq9j: var(--color-icon-desktopFullscreen-disabled);
        --xhdhimd: var(--color-icon-desktopFullscreen-hover);
        --x1iapgo3: var(--color-icon-desktopFullscreen-ondisabled);
        --xib1rhl: var(--color-icon-desktopFullscreen-secondary);
        --x29x2vv: var(--color-icon-desktopFullscreen-secondary-hover);
        --x1d88lx5: var(--color-icon-desktopFullscreen-tertiary);
        --xvoyg30: var(--color-icon-desktopFullscreen-tertiary-hover);
        --x1lxzljv: var(--color-icon-desktopFullscreen-warning);
        --xohazba: var(--color-icon-disabled);
        --x1us7pal: var(--color-icon-figjam);
        --x8adrzh: var(--color-icon-figjam-pressed);
        --xfhe6u8: var(--color-icon-figjam-secondary);
        --xhqfd3w: var(--color-icon-figjam-tertiary);
        --x18nj76x: var(--color-icon-fs);
        --x1iw6vle: var(--color-icon-fs-assistive);
        --x27dm5f: var(--color-icon-fs-component);
        --xmsnot3: var(--color-icon-fs-design);
        --x1tk7i7z: var(--color-icon-fs-measure);
        --x1t5c0ke: var(--color-icon-fs-onassistive);
        --x1yugctc: var(--color-icon-fs-oncomponent);
        --xwe7usi: var(--color-icon-fs-ondesign);
        --x19m8l2a: var(--color-icon-fs-onmeasure);
        --xwsmlrj: var(--color-icon-fs-onselected);
        --xrl3bri: var(--color-icon-fs-secondary);
        --x184crqu: var(--color-icon-fs-selected);
        --xm2avld: var(--color-icon-fs-tertiary);
        --x37cp4j: var(--color-icon-handoff);
        --x1l8wfj6: var(--color-icon-handoff-pressed);
        --xrogby4: var(--color-icon-handoff-secondary);
        --x17ww8f6: var(--color-icon-handoff-tertiary);
        --x1io1drl: var(--color-icon-hover);
        --x1uzm60i: var(--color-icon-measure);
        --x103tmov: var(--color-icon-measure-hover);
        --x1cn82nc: var(--color-icon-measure-pressed);
        --x1ds09jr: var(--color-icon-measure-secondary);
        --x3e3jmx: var(--color-icon-measure-secondary-hover);
        --x1l03ure: var(--color-icon-measure-tertiary);
        --x1x5h53g: var(--color-icon-menu);
        --x1vhw91p: var(--color-icon-menu-danger);
        --x9uokow: var(--color-icon-menu-disabled);
        --xmk0raz: var(--color-icon-menu-hover);
        --x1dbvt32: var(--color-icon-menu-ondisabled);
        --xni2u7y: var(--color-icon-menu-onselected);
        --x12i6web: var(--color-icon-menu-pressed);
        --xo94zg5: var(--color-icon-menu-secondary);
        --x1id7r54: var(--color-icon-menu-secondary-hover);
        --x1kkv5v: var(--color-icon-menu-selected);
        --xu1r3cw: var(--color-icon-menu-selected-secondary);
        --x10ygwiu: var(--color-icon-menu-selected-tertiary);
        --x1h8sg45: var(--color-icon-menu-tertiary);
        --xrxtbw5: var(--color-icon-menu-tertiary-hover);
        --x18yjd39: var(--color-icon-menu-warning);
        --x1ogcrb9: var(--color-icon-onassistive);
        --x17ej6yy: var(--color-icon-onassistive-secondary);
        --x1jeawts: var(--color-icon-onassistive-tertiary);
        --xlt51lg: var(--color-icon-onbrand);
        --x10b1v4s: var(--color-icon-onbrand-secondary);
        --xgveitg: var(--color-icon-onbrand-tertiary);
        --x1l91f5y: var(--color-icon-oncomponent);
        --x3mtql8: var(--color-icon-oncomponent-secondary);
        --xjnvwvz: var(--color-icon-oncomponent-tertiary);
        --xj6t2c: var(--color-icon-ondanger);
        --x1oo7ebl: var(--color-icon-ondanger-secondary);
        --xw6nw5f: var(--color-icon-ondanger-tertiary);
        --x1oo8xo7: var(--color-icon-ondesign);
        --x9xcemc: var(--color-icon-ondesign-secondary);
        --x1lp440z: var(--color-icon-ondesign-tertiary);
        --x1e99kav: var(--color-icon-ondisabled);
        --x1kiydjr: var(--color-icon-onfigjam);
        --xqq8lft: var(--color-icon-onfigjam-secondary);
        --x11zaz0j: var(--color-icon-onfigjam-tertiary);
        --xqw1cv2: var(--color-icon-oninverse);
        --x1tygmtk: var(--color-icon-onmeasure);
        --x1u1x2vr: var(--color-icon-onmeasure-secondary);
        --x1ahirhs: var(--color-icon-onmeasure-tertiary);
        --xk0o2me: var(--color-icon-onselected);
        --x1rxbjmg: var(--color-icon-onselected-secondary);
        --x39ak4s: var(--color-icon-onselected-strong);
        --xfoaugn: var(--color-icon-onselected-tertiary);
        --x1f83cgy: var(--color-icon-onsuccess);
        --x9wcmy6: var(--color-icon-onsuccess-secondary);
        --xbe0ouc: var(--color-icon-onsuccess-tertiary);
        --x1nl4dnz: var(--color-icon-onwarning);
        --x17vdfko: var(--color-icon-onwarning-secondary);
        --x1phbito: var(--color-icon-onwarning-tertiary);
        --x1pgez1h: var(--color-icon-pressed);
        --x1e4vtdy: var(--color-icon-secondary);
        --x1hwh7bg: var(--color-icon-secondary-hover);
        --x1ulj4gh: var(--color-icon-selected);
        --xrgqk1m: var(--color-icon-selected-secondary);
        --x12cvlry: var(--color-icon-selected-tertiary);
        --x1clfsvw: var(--color-icon-success);
        --x1mallav: var(--color-icon-success-pressed);
        --xexzcsy: var(--color-icon-success-secondary);
        --xu4ig7b: var(--color-icon-success-tertiary);
        --xoz0shn: var(--color-icon-tertiary);
        --x1f8c5p6: var(--color-icon-tertiary-hover);
        --xjt2osq: var(--color-icon-toolbar);
        --x14t9d4g: var(--color-icon-toolbar-danger);
        --xq1ylvy: var(--color-icon-toolbar-disabled);
        --xj8zzl9: var(--color-icon-toolbar-hover);
        --x1jkb1ob: var(--color-icon-toolbar-ondisabled);
        --x1engum3: var(--color-icon-toolbar-onselected);
        --x15kj266: var(--color-icon-toolbar-pressed);
        --xnnnhpq: var(--color-icon-toolbar-secondary);
        --x10a9ouh: var(--color-icon-toolbar-secondary-hover);
        --xndam5o: var(--color-icon-toolbar-selected);
        --x1uube9s: var(--color-icon-toolbar-selected-secondary);
        --x162192: var(--color-icon-toolbar-selected-tertiary);
        --x180i6jw: var(--color-icon-toolbar-tertiary);
        --x1ktrhhd: var(--color-icon-toolbar-tertiary-hover);
        --x1foblfr: var(--color-icon-toolbar-warning);
        --x15eo82l: var(--color-icon-tooltip);
        --x1eg64ks: var(--color-icon-tooltip-danger);
        --x12ym7x3: var(--color-icon-tooltip-disabled);
        --x17xa40d: var(--color-icon-tooltip-hover);
        --x17texpm: var(--color-icon-tooltip-ondisabled);
        --x1wknkj3: var(--color-icon-tooltip-onselected);
        --x13rmuf4: var(--color-icon-tooltip-pressed);
        --xapra2h: var(--color-icon-tooltip-secondary);
        --x1wvqc7p: var(--color-icon-tooltip-secondary-hover);
        --x1m42u4w: var(--color-icon-tooltip-selected);
        --x1x81w14: var(--color-icon-tooltip-selected-secondary);
        --xbd2upz: var(--color-icon-tooltip-selected-tertiary);
        --x1mx6gzn: var(--color-icon-tooltip-tertiary);
        --xbu5ie7: var(--color-icon-tooltip-tertiary-hover);
        --xarbiio: var(--color-icon-tooltip-warning);
        --x19sbyw3: var(--color-icon-warning);
        --xuc83lf: var(--color-icon-warning-pressed);
        --x1oevq5p: var(--color-icon-warning-secondary);
        --xxmx066: var(--color-icon-warning-tertiary);
        --x1fes5eo: var(--color-icondesignfilesecondary);
        --x1h5dy0f: var(--color-iconfavorite);
        --x7z3pt4: var(--color-iconfigjamfilesecondary);
        --xfsv8gp: var(--color-iconondarkcanvas);
        --xj191tb: var(--color-icononlightcanvas);
        --xbvxwke: var(--color-icononvoting);
        --x1adzk1g: var(--color-iconprototypefile);
        --x1txzlb7: var(--color-iconprototypefilesecondary);
        --xz6op65: var(--color-iconpublishedfile);
        --xox067x: var(--color-iconpublishedfilesecondary);
        --x1u1vt35: var(--color-loading);
        --x1g2ljr1: var(--color-loadingmenu);
        --x1l9g9by: var(--color-loadingsecondary);
        --x59gv68: var(--color-loadingsecondarymenu);
        --x1jlex4m: var(--color-modalbackdrop);
        --x6icwve: var(--color-multiplayerblue);
        --xdmw4of: var(--color-multiplayerbluehover);
        --x1eryx23: var(--color-multiplayerbluesecondary);
        --xppdnef: var(--color-multiplayergreen);
        --x1437ddr: var(--color-multiplayergreenhover);
        --x3m9139: var(--color-multiplayergreensecondary);
        --x161r39p: var(--color-multiplayergrey);
        --x15iiqpy: var(--color-multiplayergreyhover);
        --x1hgyw0f: var(--color-multiplayergreysecondary);
        --x16s3ung: var(--color-multiplayerpink);
        --x1brss0o: var(--color-multiplayerpinkhover);
        --x1jact4y: var(--color-multiplayerpinksecondary);
        --x17rnvy2: var(--color-multiplayerpurple);
        --xjf1zhn: var(--color-multiplayerpurplehover);
        --xg9475m: var(--color-multiplayerpurplesecondary);
        --x7zxyc: var(--color-multiplayerred);
        --xezg6vf: var(--color-multiplayerredhover);
        --xj8almw: var(--color-multiplayerredsecondary);
        --x1xiyfrn: var(--color-multiplayeryellow);
        --x190h7mp: var(--color-multiplayeryellowhover);
        --xtbhlas: var(--color-multiplayeryellowsecondary);
        --xb11838: var(--color-nodehandle);
        --xt9f6o5: var(--color-prototypeloadingbackdrop);
        --x190krbz: var(--color-scrollbar);
        --x9unui5: var(--color-shadow);
        --x1nqhen9: var(--color-tablenodehoveredprimary);
        --xy7hrib: var(--color-tablenodehoveredsecondary);
        --x1mfnsbf: var(--color-tablenodeselected);
        --x1fx47jz: var(--color-text);
        --xriflk3: var(--color-text-assistive);
        --x1atrp57: var(--color-text-assistive-pressed);
        --xxmx9e8: var(--color-text-assistive-secondary);
        --xs0yw5r: var(--color-text-assistive-tertiary);
        --x1puwod6: var(--color-text-brand);
        --x1wu6l2g: var(--color-text-brand-secondary);
        --x9o00bb: var(--color-text-brand-tertiary);
        --x18v7ko: var(--color-text-component);
        --x1ipc9l2: var(--color-text-component-pressed);
        --xn5rrlt: var(--color-text-component-secondary);
        --x1jn4ert: var(--color-text-component-tertiary);
        --xwllxrk: var(--color-text-danger);
        --x13kgzvy: var(--color-text-danger-secondary);
        --x1gzuwta: var(--color-text-danger-tertiary);
        --x166yins: var(--color-text-design);
        --x1itmf7u: var(--color-text-design-pressed);
        --xum8tfy: var(--color-text-design-secondary);
        --x1nq9kpf: var(--color-text-design-tertiary);
        --x1obsyhp: var(--color-text-desktopBackgrounded);
        --x1bbw3mk: var(--color-text-desktopBackgrounded-danger);
        --xstc1wy: var(--color-text-desktopBackgrounded-disabled);
        --xyvw6nv: var(--color-text-desktopBackgrounded-hover);
        --x1abd5j0: var(--color-text-desktopBackgrounded-ondisabled);
        --xqy29jg: var(--color-text-desktopBackgrounded-secondary);
        --x1w8jr5x: var(--color-text-desktopBackgrounded-secondary-hover);
        --x18kj1v0: var(--color-text-desktopBackgrounded-tertiary);
        --x7wvhq8: var(--color-text-desktopBackgrounded-tertiary-hover);
        --x56f0rg: var(--color-text-desktopBackgrounded-warning);
        --xlp2enu: var(--color-text-desktopForeground);
        --x1ysuwca: var(--color-text-desktopForeground-danger);
        --x1kib46n: var(--color-text-desktopForeground-disabled);
        --x15rbo3a: var(--color-text-desktopForeground-hover);
        --xar7qpf: var(--color-text-desktopForeground-ondisabled);
        --x1blvtpa: var(--color-text-desktopForeground-secondary);
        --xvf8ki8: var(--color-text-desktopForeground-secondary-hover);
        --xckkday: var(--color-text-desktopForeground-tertiary);
        --x1kb9x41: var(--color-text-desktopForeground-tertiary-hover);
        --x2j4ul8: var(--color-text-desktopForeground-warning);
        --xoocbt3: var(--color-text-desktopFullscreen);
        --xzxndo8: var(--color-text-desktopFullscreen-danger);
        --x1ay80ol: var(--color-text-desktopFullscreen-disabled);
        --x1g424w9: var(--color-text-desktopFullscreen-hover);
        --x1bdh4o5: var(--color-text-desktopFullscreen-ondisabled);
        --xxjzc0h: var(--color-text-desktopFullscreen-secondary);
        --xk9u4x1: var(--color-text-desktopFullscreen-secondary-hover);
        --x2z7dd1: var(--color-text-desktopFullscreen-tertiary);
        --x1ne0rzd: var(--color-text-desktopFullscreen-tertiary-hover);
        --xcft7ok: var(--color-text-desktopFullscreen-warning);
        --x13be15p: var(--color-text-disabled);
        --x1mfa7yz: var(--color-text-figjam);
        --x75we2q: var(--color-text-figjam-pressed);
        --xsku40b: var(--color-text-figjam-secondary);
        --x1iopwbx: var(--color-text-figjam-tertiary);
        --x1lb5myj: var(--color-text-fs);
        --x1vmrank: var(--color-text-fs-assistive);
        --x16ubwaq: var(--color-text-fs-component);
        --xv0bakv: var(--color-text-fs-design);
        --x1q1ip0o: var(--color-text-fs-measure);
        --xg5n90h: var(--color-text-fs-onassistive);
        --xq2atwt: var(--color-text-fs-oncomponent);
        --xtlbz86: var(--color-text-fs-ondesign);
        --xynm5w2: var(--color-text-fs-onmeasure);
        --x13syd1n: var(--color-text-fs-onselected);
        --xgwh55s: var(--color-text-fs-secondary);
        --x1dfh53m: var(--color-text-fs-selected);
        --x15vpf6q: var(--color-text-fs-tertiary);
        --x1g7126q: var(--color-text-handoff);
        --x1y0m7c7: var(--color-text-handoff-secondary);
        --x133ki8z: var(--color-text-handoff-tertiary);
        --x99tre4: var(--color-text-hover);
        --xdyquc6: var(--color-text-measure);
        --x2713q6: var(--color-text-measure-secondary);
        --xmdj4jv: var(--color-text-measure-tertiary);
        --x1qry0by: var(--color-text-menu);
        --xpcxvfl: var(--color-text-menu-danger);
        --xwaljtb: var(--color-text-menu-disabled);
        --x14hrq2m: var(--color-text-menu-hover);
        --xc4qwwf: var(--color-text-menu-ondisabled);
        --xwpdmt3: var(--color-text-menu-onselected);
        --x1nik6c: var(--color-text-menu-secondary);
        --x16h57nj: var(--color-text-menu-secondary-hover);
        --x1rx2pap: var(--color-text-menu-selected);
        --x7m7hec: var(--color-text-menu-selected-secondary);
        --x1shyhpk: var(--color-text-menu-selected-tertiary);
        --x10clc03: var(--color-text-menu-tertiary);
        --x5h7obu: var(--color-text-menu-tertiary-hover);
        --xc6f64s: var(--color-text-menu-warning);
        --x3uq7su: var(--color-text-onassistive);
        --xtfb39c: var(--color-text-onassistive-secondary);
        --xp4gyzo: var(--color-text-onassistive-tertiary);
        --x1nwgk92: var(--color-text-onbrand);
        --x10q9bg1: var(--color-text-onbrand-secondary);
        --x190kumn: var(--color-text-onbrand-tertiary);
        --x1elxa0: var(--color-text-oncomponent);
        --x1peev9v: var(--color-text-oncomponent-secondary);
        --x1vyu4v4: var(--color-text-oncomponent-tertiary);
        --x7alrgf: var(--color-text-ondanger);
        --xk6sook: var(--color-text-ondanger-secondary);
        --xooi2o2: var(--color-text-ondanger-tertiary);
        --x1t21jry: var(--color-text-ondesign);
        --x2u5b7d: var(--color-text-ondesign-secondary);
        --xs9vdrn: var(--color-text-ondesign-tertiary);
        --x1bdcbhe: var(--color-text-ondisabled);
        --x1c93ntj: var(--color-text-onfigjam);
        --x1g2hh99: var(--color-text-onfigjam-secondary);
        --xjz2n9i: var(--color-text-onfigjam-tertiary);
        --x1djshts: var(--color-text-oninverse);
        --xi5lv4r: var(--color-text-onmeasure);
        --xvzoyex: var(--color-text-onmeasure-secondary);
        --xzzx4ka: var(--color-text-onmeasure-tertiary);
        --x11mkxiq: var(--color-text-onselected);
        --x15hce04: var(--color-text-onselected-secondary);
        --x74srz: var(--color-text-onselected-strong);
        --xo9ivy7: var(--color-text-onselected-tertiary);
        --x1dsmhnv: var(--color-text-onsuccess);
        --x1bjos82: var(--color-text-onsuccess-secondary);
        --xglgqhl: var(--color-text-onsuccess-tertiary);
        --x1tfk618: var(--color-text-onwarning);
        --xm6zqty: var(--color-text-onwarning-secondary);
        --x1x9xvou: var(--color-text-onwarning-tertiary);
        --x81xuyh: var(--color-text-secondary);
        --xrv3lfq: var(--color-text-secondary-hover);
        --xl60ei4: var(--color-text-selected);
        --x157yf95: var(--color-text-selected-secondary);
        --x1phac9g: var(--color-text-selected-tertiary);
        --xqfiq8l: var(--color-text-success);
        --x1o6swe7: var(--color-text-success-secondary);
        --x1s13qbz: var(--color-text-success-tertiary);
        --xowo857: var(--color-text-tertiary);
        --x1vx6zcg: var(--color-text-tertiary-hover);
        --x12kclpj: var(--color-text-toolbar);
        --xg91cy1: var(--color-text-toolbar-danger);
        --x1x0pmbk: var(--color-text-toolbar-disabled);
        --x1t0vfmj: var(--color-text-toolbar-hover);
        --x1ez4q0x: var(--color-text-toolbar-ondisabled);
        --x1if1srv: var(--color-text-toolbar-onselected);
        --x11umenh: var(--color-text-toolbar-secondary);
        --xo1xesb: var(--color-text-toolbar-secondary-hover);
        --xzxh5xp: var(--color-text-toolbar-selected);
        --xbkh22v: var(--color-text-toolbar-selected-secondary);
        --x1p35yj0: var(--color-text-toolbar-selected-tertiary);
        --xzg2jvv: var(--color-text-toolbar-tertiary);
        --x1y0kx5h: var(--color-text-toolbar-tertiary-hover);
        --x39xibb: var(--color-text-toolbar-warning);
        --xaquizb: var(--color-text-tooltip);
        --xbir0ai: var(--color-text-tooltip-danger);
        --xtet54d: var(--color-text-tooltip-disabled);
        --x1s1o5gu: var(--color-text-tooltip-hover);
        --x1gncfj2: var(--color-text-tooltip-ondisabled);
        --x877r6w: var(--color-text-tooltip-onselected);
        --x1ufmx5w: var(--color-text-tooltip-secondary);
        --x1htxe8b: var(--color-text-tooltip-secondary-hover);
        --xinacsy: var(--color-text-tooltip-selected);
        --x1o3qe3j: var(--color-text-tooltip-selected-secondary);
        --xltnoa4: var(--color-text-tooltip-selected-tertiary);
        --x4rrocq: var(--color-text-tooltip-tertiary);
        --xtg29pq: var(--color-text-tooltip-tertiary-hover);
        --x19bod75: var(--color-text-tooltip-warning);
        --x673bm9: var(--color-text-warning);
        --x1xyd2yb: var(--color-text-warning-secondary);
        --xxrdt37: var(--color-text-warning-tertiary);
        --x17tk8ib: var(--color-texthighlight);
        --xnx7ugf: var(--color-textondarkcanvas);
        --x1mgnvjv: var(--color-textondarkcanvassecondary);
        --x1tlbvcq: var(--color-textoninspectpadding);
        --x1incs1x: var(--color-textoninspectspacing);
        --x81mwgf: var(--color-textonlightcanvas);
        --xx0bkfd: var(--color-textonlightcanvassecondary);
        --x5xrsnu: var(--color-textonmultiplayerblue);
        --x1t7dii5: var(--color-textonmultiplayergreen);
        --x1tjulds: var(--color-textonmultiplayergrey);
        --x1o2scti: var(--color-textonmultiplayerpink);
        --x1plo7qh: var(--color-textonmultiplayerpurple);
        --xilpd0s: var(--color-textonmultiplayerred);
        --x1cmm6uo: var(--color-textonmultiplayeryellow);
        --x16rqmbq: var(--color-textonvoting);
    }
    body:not([data-fpl-version="ui3"]),
    [data-fpl-version="ui3"],
    [data-fpl-ui3-override],
    [data-preferred-theme="dark"],
    [data-preferred-theme="dark"][data-editor-theme="design"],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"]),
    [data-preferred-theme="light"],
    [data-preferred-theme="light"][data-editor-theme="design"],
    :where([data-preferred-theme="light"] [data-editor-theme="design"]),
    [data-fpl-selected="true"],
    [data-fpl-selected="false"]:hover,
    [data-fpl-selected="focus"]:focus-within,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"]),
    [data-preferred-theme="dark"][data-editor-theme="piper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="piper"],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"]),
    [data-preferred-theme="light"][data-editor-theme="seascape"],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"]),
    [data-preferred-theme="light"][data-editor-theme="cooper"],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"]),
    [data-preferred-theme="light"][data-editor-theme="sulli"],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"]),
    [data-preferred-theme="light"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="light"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-editor-theme="bake-filebrowser"],
    :where([data-preferred-theme="dark"] [data-editor-theme="bake-filebrowser"]),
    [data-preferred-theme="dark"][data-enhanced-contrast],
    [data-preferred-theme="dark"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-enhanced-contrast],
    [data-preferred-theme="light"][data-editor-theme="design"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="design"][data-enhanced-contrast]),
    [data-fpl-selected="true"][data-enhanced-contrast],
    [data-fpl-selected="false"][data-enhanced-contrast]:hover,
    [data-preferred-theme="light"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="whiteboard"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="whiteboard"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="dev-handoff"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="dev-handoff"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="piper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="piper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="seascape"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="seascape"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="cooper"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="cooper"][data-enhanced-contrast]),
    [data-preferred-theme="light"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="light"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    [data-preferred-theme="dark"][data-editor-theme="sulli"][data-enhanced-contrast],
    :where([data-preferred-theme="dark"] [data-editor-theme="sulli"][data-enhanced-contrast]),
    :root,
    .x1nfebm4 {
        --xtenx28: var(--font-family-display);
        --xmkx43o: var(--font-family-default);
        --x1k2xmj0: var(--font-family-mono);
    }
}

@layer priority2 {
    .x1lsv3so {
        margin: 0 32px
    }
    .x1j5rzib {
        margin: 8px auto 0
    }
    .x1tppyt {
        margin: 8px auto
    }
    .xxepmn2 {
        padding: 0 11px
    }
    .x1xk1jr8 {
        padding: 0 16px
    }
    .x1i0f7ym {
        padding: 0 8px 0 16px
    }
    .x1xq1gxn {
        padding: 0 8px
    }
    .x1h4j7j7 {
        padding: 24px 24px 0
    }
}

@layer priority3 {
    .x1n5zjp5 {
        border-bottom: 1px solid var(--xnwjt7a)
    }
    .x1kogg8i {
        border-radius: 6px
    }
    .xdyg6lv {
        border-top: 1px solid var(--xnwjt7a)
    }
    .xb3r6kr {
        overflow: hidden
    }
}

@layer priority4 {
    .x6s0dn4 {
        align-items: center
    }
    .x1akne3o {
        color: var(--x1fx47jz)
    }
    .x1quhyk7 {
        color: var(--x1puwod6)
    }
    .x1n0bwc9 {
        color: var(--x81xuyh)
    }
    .xt0e3qv {
        cursor: default
    }
    .x1ypdohk {
        cursor: pointer
    }
    .x78zum5 {
        display: flex
    }
    .x1ja3g5x {
        fill: var(--xao8hs5)
    }
    .xdt5ytf {
        flex-direction: column
    }
    .x1iyjqo2 {
        flex-grow: 1
    }
    .x122x9cr {
        font-family: Inter
    }
    .x1j6dyjg {
        font-size: 11px
    }
    .xfifm61 {
        font-size: 12px
    }
    .x4z9k3i {
        font-size: 13px
    }
    .xwsyq91 {
        font-size: 20px
    }
    .xk50ysn {
        font-weight: 500
    }
    .x13a6bvl {
        justify-content: flex-end
    }
    .x1d3mw78 {
        line-height: 16px
    }
    .x1o2sk6j {
        line-height: 24px
    }
    .xcgk4ki {
        line-height: 32px
    }
    .x2b8uid {
        text-align: center
    }
    .xdpxx8g {
        text-align: left
    }
    .xlyipyv {
        text-overflow: ellipsis
    }
    .xeaf4i8 {
        white-space: normal
    }
    .xuxw1ft {
        white-space: nowrap
    }
    .x13faqbe {
        word-break: break-word
    }
    .xv2f06h:hover {
        background-color: var(--xew6hgh)
    }
    .x1ptam9a:focus {
        background-color: var(--xew6hgh)
    }
}

@layer priority5 {
    .x1peatla {
        height: 64px
    }
    .x8x9d4c {
        margin-left: auto
    }
    .x1xmf6yo {
        margin-top: 8px
    }
    .x16q51m2 {
        max-width: 150px
    }
    .x1j9u4d2 {
        max-width: 400px
    }
    .x18ip3f8 {
        min-width: 344px
    }
    .xwxc41k {
        padding-bottom: 24px
    }
    .xnm25rq {
        padding-left: 16px
    }
    .x1tudf5h {
        padding-left: 32px
    }
    .xh8yej3 {
        width: 100%
    }
    .x1dz1jew {
        width: 280px
    }
    .xi55695 {
        width: 328px
    }
    .x168biu4 {
        width: 344px
    }
}