:where(html){--ys-spacing-25: .125rem;--ys-spacing-50: .25rem;--ys-spacing-100: .5rem;--ys-spacing-150: .75rem;--ys-spacing-200: 1rem;--ys-spacing-250: 1.25rem;--ys-spacing-300: 1.5rem;--ys-spacing-400: 2rem;--ys-spacing-500: 2.5rem;--ys-spacing-600: 3rem;--ys-spacing-700: 3.5rem;--ys-spacing-750: 3.75rem;--ys-sizing-100: .5rem;--ys-sizing-150: .75rem;--ys-sizing-200: 1rem;--ys-sizing-250: 1.25rem;--ys-sizing-300: 1.5rem;--ys-sizing-400: 2rem;--ys-sizing-500: 2.5rem;--ys-sizing-600: 3rem;--ys-sizing-700: 3.5rem;--ys-sizing-800: 4rem;--ys-sizing-900: 4.5rem;--ys-sizing-1000: 5rem;--ys-text-title0-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-title0-fontWeight: 700;--ys-text-title0-lineHeight: 4rem;--ys-text-title0-fontSize: 3.5625rem;--ys-text-title0-letterSpacing: 0;--ys-text-title1-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-title1-fontWeight: 700;--ys-text-title1-lineHeight: 2.75rem;--ys-text-title1-fontSize: 2.25rem;--ys-text-title1-letterSpacing: 0;--ys-text-title2-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-title2-fontWeight: 700;--ys-text-title2-lineHeight: 2.5rem;--ys-text-title2-fontSize: 2rem;--ys-text-title2-letterSpacing: 0;--ys-text-title3-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-title3-fontWeight: 700;--ys-text-title3-lineHeight: 2rem;--ys-text-title3-fontSize: 1.5rem;--ys-text-title3-letterSpacing: 0;--ys-text-title4-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-title4-fontWeight: 700;--ys-text-title4-lineHeight: 1.5rem;--ys-text-title4-fontSize: 1.125rem;--ys-text-title4-letterSpacing: 0;--ys-text-title5-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-title5-fontWeight: 700;--ys-text-title5-lineHeight: 1.5rem;--ys-text-title5-fontSize: 1rem;--ys-text-title5-letterSpacing: 0;--ys-text-title6-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-title6-fontWeight: 700;--ys-text-title6-lineHeight: 1.25rem;--ys-text-title6-fontSize: .875rem;--ys-text-title6-letterSpacing: 0;--ys-text-subtitle1-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-subtitle1-fontWeight: 400;--ys-text-subtitle1-lineHeight: 1.75rem;--ys-text-subtitle1-fontSize: 1.375rem;--ys-text-subtitle1-letterSpacing: 0;--ys-text-subtitle2-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-subtitle2-fontWeight: 500;--ys-text-subtitle2-lineHeight: 1.25rem;--ys-text-subtitle2-fontSize: 1rem;--ys-text-subtitle2-letterSpacing: -.0125rem;--ys-text-subtitle3-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-subtitle3-fontWeight: 500;--ys-text-subtitle3-lineHeight: 1.25rem;--ys-text-subtitle3-fontSize: .875rem;--ys-text-subtitle3-letterSpacing: 0;--ys-text-subtitle4-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-subtitle4-fontWeight: 500;--ys-text-subtitle4-lineHeight: 1rem;--ys-text-subtitle4-fontSize: .75rem;--ys-text-subtitle4-letterSpacing: -.0125rem;--ys-text-body0-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body0-fontWeight: 400;--ys-text-body0-lineHeight: 1.5rem;--ys-text-body0-fontSize: 1rem;--ys-text-body0-letterSpacing: 0;--ys-text-body0-paragraphSpacing: 1.25rem;--ys-text-body0-medium-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body0-medium-fontWeight: 500;--ys-text-body0-medium-lineHeight: 1.5rem;--ys-text-body0-medium-fontSize: 1rem;--ys-text-body0-medium-letterSpacing: 0;--ys-text-body0-medium-paragraphSpacing: 1.25rem;--ys-text-body0-bold-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body0-bold-fontWeight: 700;--ys-text-body0-bold-lineHeight: 1.5rem;--ys-text-body0-bold-fontSize: 1rem;--ys-text-body0-bold-letterSpacing: 0;--ys-text-body0-bold-paragraphSpacing: 1.25rem;--ys-text-body1-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body1-fontWeight: 400;--ys-text-body1-lineHeight: 1.25rem;--ys-text-body1-fontSize: .875rem;--ys-text-body1-letterSpacing: 0;--ys-text-body1-paragraphSpacing: .875rem;--ys-text-body1-italic-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body1-italic-font-style: italic;--ys-text-body1-italic-lineHeight: 1.25rem;--ys-text-body1-italic-fontSize: .875rem;--ys-text-body1-italic-letterSpacing: 0;--ys-text-body1-italic-paragraphSpacing: .875rem;--ys-text-body1-medium-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body1-medium-fontWeight: 500;--ys-text-body1-medium-lineHeight: 1.25rem;--ys-text-body1-medium-fontSize: .875rem;--ys-text-body1-medium-letterSpacing: 0;--ys-text-body1-medium-paragraphSpacing: .875rem;--ys-text-body1-bold-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body1-bold-fontWeight: 700;--ys-text-body1-bold-lineHeight: 1.25rem;--ys-text-body1-bold-fontSize: .875rem;--ys-text-body1-bold-letterSpacing: 0;--ys-text-body1-bold-paragraphSpacing: .875rem;--ys-text-body2-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body2-fontWeight: 400;--ys-text-body2-lineHeight: 1rem;--ys-text-body2-fontSize: .75rem;--ys-text-body2-letterSpacing: 0;--ys-text-body2-paragraphSpacing: .75rem;--ys-text-body2-bold-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body2-bold-fontWeight: 700;--ys-text-body2-bold-lineHeight: 1rem;--ys-text-body2-bold-fontSize: .75rem;--ys-text-body2-bold-letterSpacing: 0;--ys-text-body2-bold-paragraphSpacing: .75rem;--ys-text-body2-italic-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body2-italic-font-style: italic;--ys-text-body2-italic-lineHeight: 1rem;--ys-text-body2-italic-fontSize: .75rem;--ys-text-body2-italic-letterSpacing: 0;--ys-text-body2-italic-paragraphSpacing: .75rem;--ys-text-metadata1-bold-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-metadata1-bold-fontWeight: 700;--ys-text-metadata1-bold-lineHeight: 1rem;--ys-text-metadata1-bold-fontSize: .6875rem;--ys-text-metadata1-bold-letterSpacing: 0;--ys-text-metadata1-medium-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-metadata1-medium-fontWeight: 500;--ys-text-metadata1-medium-lineHeight: 1rem;--ys-text-metadata1-medium-fontSize: .6875rem;--ys-text-metadata1-medium-letterSpacing: 0;--ys-text-metadata1-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-metadata1-fontWeight: 400;--ys-text-metadata1-lineHeight: 1rem;--ys-text-metadata1-fontSize: .6875rem;--ys-text-metadata1-letterSpacing: 0;--ys-text-metadata1-italic-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-metadata1-italic-font-style: italic;--ys-text-metadata1-italic-lineHeight: 1rem;--ys-text-metadata1-italic-fontSize: .6875rem;--ys-text-metadata1-italic-letterSpacing: 0;--ys-text-button1-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-button1-fontWeight: 900;--ys-text-button1-lineHeight: 1.5rem;--ys-text-button1-fontSize: 1rem;--ys-text-button1-letterSpacing: 0;--ys-text-button2-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-button2-fontWeight: 900;--ys-text-button2-lineHeight: 1.25rem;--ys-text-button2-fontSize: .875rem;--ys-text-button2-letterSpacing: 0;--ys-text-button3-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-button3-fontWeight: 900;--ys-text-button3-lineHeight: 1rem;--ys-text-button3-fontSize: .75rem;--ys-text-button3-letterSpacing: 0;--ys-text-link0-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-link0-fontWeight: 400;--ys-text-link0-lineHeight: 1.5rem;--ys-text-link0-fontSize: 1rem;--ys-text-link0-letterSpacing: 0;--ys-text-link0-textDecoration: underline;--ys-text-link1-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-link1-fontWeight: 400;--ys-text-link1-lineHeight: 1.25rem;--ys-text-link1-fontSize: .875rem;--ys-text-link1-letterSpacing: 0;--ys-text-link1-textDecoration: underline;--ys-text-link2-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-link2-fontWeight: 400;--ys-text-link2-lineHeight: 1rem;--ys-text-link2-fontSize: .75rem;--ys-text-link2-letterSpacing: 0;--ys-text-link2-textDecoration: underline;--ys-text-numeric1-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-numeric1-fontWeight: 900;--ys-text-numeric1-lineHeight: 3.75rem;--ys-text-numeric1-fontSize: 3.5rem;--ys-text-numeric1-letterSpacing: -.0625rem;--ys-radius-0: 0;--ys-radius-25: .125rem;--ys-radius-50: .25rem;--ys-radius-100: .5rem;--ys-radius-150: .75rem;--ys-radius-200: 1rem;--ys-radius-250: 1.25rem;--ys-radius-300: 1.5rem;--ys-radius-400: 2rem}:where(html:not([data-mode=dark])){color-scheme:light;--ys-color-button-surface-primary-rest: #333333ff;--ys-color-button-surface-primary-hover: #292929ff;--ys-color-button-surface-primary-active: #292929ff;--ys-color-button-surface-primary-focus: #333333ff;--ys-color-button-surface-primary-disabled: #33333380;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #333333ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #494949ff;--ys-color-button-surface-secondary-reverse-hover: #4f4f4fff;--ys-color-button-surface-secondary-reverse-active: #4f4f4fff;--ys-color-button-surface-secondary-reverse-focus: #494949ff;--ys-color-button-surface-secondary-reverse-disabled: #49494980;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #494949ff;--ys-color-button-surface-ghost-reverse-active: #494949ff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-primary-active: #555555ff;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #555555ff;--ys-color-brand-secondary: #777777ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #313231ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #333333ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #333333ff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #000000ff;--ys-color-tool-line-brand: #000000ff;--ys-color-tool-area-brand: #505050ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff}:where([data-mode=light]){color-scheme:light;--ys-color-button-surface-primary-rest: #333333ff;--ys-color-button-surface-primary-hover: #292929ff;--ys-color-button-surface-primary-active: #292929ff;--ys-color-button-surface-primary-focus: #333333ff;--ys-color-button-surface-primary-disabled: #33333380;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #333333ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #494949ff;--ys-color-button-surface-secondary-reverse-hover: #4f4f4fff;--ys-color-button-surface-secondary-reverse-active: #4f4f4fff;--ys-color-button-surface-secondary-reverse-focus: #494949ff;--ys-color-button-surface-secondary-reverse-disabled: #49494980;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #494949ff;--ys-color-button-surface-ghost-reverse-active: #494949ff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-primary-active: #555555ff;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #555555ff;--ys-color-brand-secondary: #777777ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #313231ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #333333ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #333333ff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #000000ff;--ys-color-tool-line-brand: #000000ff;--ys-color-tool-area-brand: #505050ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff}:where([data-theme=backcountry]:not([data-mode=dark])){color-scheme:light;--ys-color-button-surface-primary-rest: #006df3ff;--ys-color-button-surface-primary-hover: #006aebff;--ys-color-button-surface-primary-active: #006aebff;--ys-color-button-surface-primary-focus: #006df3ff;--ys-color-button-surface-primary-disabled: #006df380;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #006df3ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #464d54ff;--ys-color-button-surface-secondary-reverse-hover: #4b5259ff;--ys-color-button-surface-secondary-reverse-active: #4b5259ff;--ys-color-button-surface-secondary-reverse-focus: #464d54ff;--ys-color-button-surface-secondary-reverse-disabled: #464d5480;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #464d53ff;--ys-color-button-surface-ghost-reverse-active: #464d53ff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-primary-active: #087bffff;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #087bffff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333333ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #2e3033ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #006df3ff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #087affff;--ys-color-tool-line-brand: #087affff;--ys-color-tool-area-brand: #4a90e2ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff}:where([data-mode=light][data-theme=backcountry]){color-scheme:light;--ys-color-button-surface-primary-rest: #006df3ff;--ys-color-button-surface-primary-hover: #006aebff;--ys-color-button-surface-primary-active: #006aebff;--ys-color-button-surface-primary-focus: #006df3ff;--ys-color-button-surface-primary-disabled: #006df380;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #006df3ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #464d54ff;--ys-color-button-surface-secondary-reverse-hover: #4b5259ff;--ys-color-button-surface-secondary-reverse-active: #4b5259ff;--ys-color-button-surface-secondary-reverse-focus: #464d54ff;--ys-color-button-surface-secondary-reverse-disabled: #464d5480;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #464d53ff;--ys-color-button-surface-ghost-reverse-active: #464d53ff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-primary-active: #087bffff;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #087bffff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333333ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #2e3033ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #006df3ff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #087affff;--ys-color-tool-line-brand: #087affff;--ys-color-tool-area-brand: #4a90e2ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff}:where([data-theme=fish]:not([data-mode=dark])){color-scheme:light;--ys-color-button-surface-primary-rest: #60811bff;--ys-color-button-surface-primary-hover: #587619ff;--ys-color-button-surface-primary-active: #587619ff;--ys-color-button-surface-primary-focus: #60811bff;--ys-color-button-surface-primary-disabled: #60811b80;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #60811bff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #4f4b44ff;--ys-color-button-surface-secondary-reverse-hover: #555049ff;--ys-color-button-surface-secondary-reverse-active: #555049ff;--ys-color-button-surface-secondary-reverse-focus: #4f4b44ff;--ys-color-button-surface-secondary-reverse-disabled: #4f4b4480;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #4f4b44ff;--ys-color-button-surface-ghost-reverse-active: #4f4b44ff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-primary-active: #60811bff;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #60811bff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333333ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #313231ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #60811bff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #84d400ff;--ys-color-tool-line-brand: #84d400ff;--ys-color-tool-area-brand: #2a8b61ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-text-class: #333333ff;--ys-color-tag-surface-class: #ffffffff}:where([data-mode=light][data-theme=fish]){color-scheme:light;--ys-color-button-surface-primary-rest: #60811bff;--ys-color-button-surface-primary-hover: #587619ff;--ys-color-button-surface-primary-active: #587619ff;--ys-color-button-surface-primary-focus: #60811bff;--ys-color-button-surface-primary-disabled: #60811b80;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #60811bff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #4f4b44ff;--ys-color-button-surface-secondary-reverse-hover: #555049ff;--ys-color-button-surface-secondary-reverse-active: #555049ff;--ys-color-button-surface-secondary-reverse-focus: #4f4b44ff;--ys-color-button-surface-secondary-reverse-disabled: #4f4b4480;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #4f4b44ff;--ys-color-button-surface-ghost-reverse-active: #4f4b44ff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-primary-active: #60811bff;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #60811bff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333333ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #313231ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #60811bff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #84d400ff;--ys-color-tool-line-brand: #84d400ff;--ys-color-tool-area-brand: #2a8b61ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-text-class: #333333ff;--ys-color-tag-surface-class: #ffffffff}:where([data-theme=hunt]:not([data-mode=dark])){color-scheme:light;--ys-color-button-surface-primary-rest: #ff3300ff;--ys-color-button-surface-primary-hover: #c92800ff;--ys-color-button-surface-primary-active: #c92800ff;--ys-color-button-surface-primary-focus: #ff3300ff;--ys-color-button-surface-primary-disabled: #ff330080;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #ff3300ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #514c4aff;--ys-color-button-surface-secondary-reverse-hover: #55504eff;--ys-color-button-surface-secondary-reverse-active: #55504eff;--ys-color-button-surface-secondary-reverse-focus: #514c4aff;--ys-color-button-surface-secondary-reverse-disabled: #514c4a80;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #514c4aff;--ys-color-button-surface-ghost-reverse-active: #514c4aff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-stroke-primary-active: #ff3300ff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #ff3300ff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333333ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #333130ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #ff3300ff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-brand: #ff3300ff;--ys-color-tool-line-brand: #ff3300ff;--ys-color-tool-area-brand: #d4532fff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff}:where([data-mode=light][data-theme=hunt]){color-scheme:light;--ys-color-button-surface-primary-rest: #ff3300ff;--ys-color-button-surface-primary-hover: #c92800ff;--ys-color-button-surface-primary-active: #c92800ff;--ys-color-button-surface-primary-focus: #ff3300ff;--ys-color-button-surface-primary-disabled: #ff330080;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #ff3300ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #514c4aff;--ys-color-button-surface-secondary-reverse-hover: #55504eff;--ys-color-button-surface-secondary-reverse-active: #55504eff;--ys-color-button-surface-secondary-reverse-focus: #514c4aff;--ys-color-button-surface-secondary-reverse-disabled: #514c4a80;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #514c4aff;--ys-color-button-surface-ghost-reverse-active: #514c4aff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-stroke-primary-active: #ff3300ff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #ff3300ff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333333ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #333130ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #ff3300ff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-brand: #ff3300ff;--ys-color-tool-line-brand: #ff3300ff;--ys-color-tool-area-brand: #d4532fff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff}:where([data-theme=offroad]:not([data-mode=dark])){color-scheme:light;--ys-color-button-surface-primary-rest: #ff9f0eff;--ys-color-button-surface-primary-hover: #ff9a01ff;--ys-color-button-surface-primary-active: #ff9a01ff;--ys-color-button-surface-primary-focus: #ff9f0eff;--ys-color-button-surface-primary-disabled: #ff9f0e80;--ys-color-button-text-primary-rest: #333333ff;--ys-color-button-text-primary-hover: #333333ff;--ys-color-button-text-primary-active: #333333ff;--ys-color-button-text-primary-focus: #333333ff;--ys-color-button-text-primary-disabled: #33333380;--ys-color-button-stroke-primary-focus: #ff9f0eff;--ys-color-button-icon-primary: #333333ff;--ys-color-button-icon-primary-disabled: #33333380;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #5c5852ff;--ys-color-button-surface-secondary-reverse-hover: #615d56ff;--ys-color-button-surface-secondary-reverse-active: #615d56ff;--ys-color-button-surface-secondary-reverse-focus: #5c5852ff;--ys-color-button-surface-secondary-reverse-disabled: #5c585280;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #5c5852ff;--ys-color-button-surface-ghost-reverse-active: #5c5852ff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-stroke-primary-active: #ff9f0eff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #ff9f0eff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333333ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #33312eff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #ff9f0eff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #333333ff;--ys-color-tag-icon-brand: #333333ff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brand: #000000ff;--ys-color-tool-line-brand: #000000ff;--ys-color-tool-area-brand: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff}:where([data-mode=light][data-theme=offroad]){color-scheme:light;--ys-color-button-surface-primary-rest: #ff9f0eff;--ys-color-button-surface-primary-hover: #ff9a01ff;--ys-color-button-surface-primary-active: #ff9a01ff;--ys-color-button-surface-primary-focus: #ff9f0eff;--ys-color-button-surface-primary-disabled: #ff9f0e80;--ys-color-button-text-primary-rest: #333333ff;--ys-color-button-text-primary-hover: #333333ff;--ys-color-button-text-primary-active: #333333ff;--ys-color-button-text-primary-focus: #333333ff;--ys-color-button-text-primary-disabled: #33333380;--ys-color-button-stroke-primary-focus: #ff9f0eff;--ys-color-button-icon-primary: #333333ff;--ys-color-button-icon-primary-disabled: #33333380;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #5c5852ff;--ys-color-button-surface-secondary-reverse-hover: #615d56ff;--ys-color-button-surface-secondary-reverse-active: #615d56ff;--ys-color-button-surface-secondary-reverse-focus: #5c5852ff;--ys-color-button-surface-secondary-reverse-disabled: #5c585280;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #5c5852ff;--ys-color-button-surface-ghost-reverse-active: #5c5852ff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-stroke-primary-active: #ff9f0eff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #ff9f0eff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333333ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #33312eff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #ff9f0eff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #333333ff;--ys-color-tag-icon-brand: #333333ff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brand: #000000ff;--ys-color-tool-line-brand: #000000ff;--ys-color-tool-area-brand: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff}@media (prefers-color-scheme: dark){:where(html:not([data-mode=light])){color-scheme:dark;--ys-color-button-surface-primary-rest: #fafafaff;--ys-color-button-surface-primary-hover: #ffffffff;--ys-color-button-surface-primary-active: #ffffffff;--ys-color-button-surface-primary-focus: #fafafaff;--ys-color-button-surface-primary-disabled: #fafafa80;--ys-color-button-text-primary-rest: #333333ff;--ys-color-button-text-primary-hover: #333333ff;--ys-color-button-text-primary-active: #333333ff;--ys-color-button-text-primary-focus: #333333ff;--ys-color-button-text-primary-disabled: #33333380;--ys-color-button-stroke-primary-focus: #fafafaff;--ys-color-button-icon-primary: #333333ff;--ys-color-button-icon-primary-disabled: #33333380;--ys-color-button-surface-secondary-rest: #494949ff;--ys-color-button-surface-secondary-hover: #4f4f4fff;--ys-color-button-surface-secondary-active: #4f4f4fff;--ys-color-button-surface-secondary-focus: #494949ff;--ys-color-button-surface-secondary-disabled: #49494980;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #494949ff;--ys-color-button-surface-ghost-active: #494949ff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-primary-active: #e2e2e2ff;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #e2e2e2ff;--ys-color-brand-secondary: #a5a5a5ff;--ys-color-surface-base: #333333ff;--ys-color-surface-primary: #464646ff;--ys-color-surface-secondary: #555555ff;--ys-color-surface-tertiary: #777777ff;--ys-color-surface-reverse: #ffffffff;--ys-color-surface-inset: #0f0f0fff;--ys-color-surface-disabled: #3a3a3a80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #313231ff;--ys-color-background-primary: #222222ff;--ys-color-background-secondary: #0f0f0fff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #333333ff;--ys-color-icon-disabled: #555555ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #333333ff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #555555ff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #a5a5a5ff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #464646ff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #777777ff;--ys-color-controls-segmented-inactive: #464646ff;--ys-color-controls-switch-rest-off-track: #777777ff;--ys-color-controls-switch-rest-off-knob: #e2e2e2ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #8b8b8bff;--ys-color-controls-switch-hover-off-knob: #e2e2e2ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #4f4f4fff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #4f4f4fff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #4f4f4fff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #4f4f4fff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #e4e3e2ff;--ys-color-tag-surface-primary: #e4e3e2ff;--ys-color-tag-surface-secondary: #46433fff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #333333ff;--ys-color-tag-icon-brand: #333333ff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #000000ff;--ys-color-tool-line-brand: #000000ff;--ys-color-tool-area-brand: #505050ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff}}:where([data-mode=dark]){color-scheme:dark;--ys-color-button-surface-primary-rest: #fafafaff;--ys-color-button-surface-primary-hover: #ffffffff;--ys-color-button-surface-primary-active: #ffffffff;--ys-color-button-surface-primary-focus: #fafafaff;--ys-color-button-surface-primary-disabled: #fafafa80;--ys-color-button-text-primary-rest: #333333ff;--ys-color-button-text-primary-hover: #333333ff;--ys-color-button-text-primary-active: #333333ff;--ys-color-button-text-primary-focus: #333333ff;--ys-color-button-text-primary-disabled: #33333380;--ys-color-button-stroke-primary-focus: #fafafaff;--ys-color-button-icon-primary: #333333ff;--ys-color-button-icon-primary-disabled: #33333380;--ys-color-button-surface-secondary-rest: #494949ff;--ys-color-button-surface-secondary-hover: #4f4f4fff;--ys-color-button-surface-secondary-active: #4f4f4fff;--ys-color-button-surface-secondary-focus: #494949ff;--ys-color-button-surface-secondary-disabled: #49494980;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #494949ff;--ys-color-button-surface-ghost-active: #494949ff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-primary-active: #e2e2e2ff;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #e2e2e2ff;--ys-color-brand-secondary: #a5a5a5ff;--ys-color-surface-base: #333333ff;--ys-color-surface-primary: #464646ff;--ys-color-surface-secondary: #555555ff;--ys-color-surface-tertiary: #777777ff;--ys-color-surface-reverse: #ffffffff;--ys-color-surface-inset: #0f0f0fff;--ys-color-surface-disabled: #3a3a3a80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #313231ff;--ys-color-background-primary: #222222ff;--ys-color-background-secondary: #0f0f0fff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #333333ff;--ys-color-icon-disabled: #555555ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #333333ff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #555555ff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #a5a5a5ff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #464646ff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #777777ff;--ys-color-controls-segmented-inactive: #464646ff;--ys-color-controls-switch-rest-off-track: #777777ff;--ys-color-controls-switch-rest-off-knob: #e2e2e2ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #8b8b8bff;--ys-color-controls-switch-hover-off-knob: #e2e2e2ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #4f4f4fff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #4f4f4fff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #4f4f4fff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #4f4f4fff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #e4e3e2ff;--ys-color-tag-surface-primary: #e4e3e2ff;--ys-color-tag-surface-secondary: #46433fff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #333333ff;--ys-color-tag-icon-brand: #333333ff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #000000ff;--ys-color-tool-line-brand: #000000ff;--ys-color-tool-area-brand: #505050ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff}@media (prefers-color-scheme: dark){:where([data-theme=backcountry]:not([data-mode=light])){color-scheme:dark;--ys-color-button-surface-primary-rest: #006df3ff;--ys-color-button-surface-primary-hover: #0073ffff;--ys-color-button-surface-primary-active: #0073ffff;--ys-color-button-surface-primary-focus: #006df3ff;--ys-color-button-surface-primary-disabled: #006df380;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #006df3ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #464d54ff;--ys-color-button-surface-secondary-hover: #4b5259ff;--ys-color-button-surface-secondary-active: #4b5259ff;--ys-color-button-surface-secondary-focus: #464d54ff;--ys-color-button-surface-secondary-disabled: #464d5480;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #464d53ff;--ys-color-button-surface-ghost-active: #464d53ff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-primary-active: #0056bbff;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #087bffff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #2e3033ff;--ys-color-surface-primary: #3f4246ff;--ys-color-surface-secondary: #4d5155ff;--ys-color-surface-tertiary: #4d5155ff;--ys-color-surface-inset: #0a0d11ff;--ys-color-surface-reverse: #ffffffff;--ys-color-surface-disabled: #37393b80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #2e3033ff;--ys-color-background-primary: #1f2123ff;--ys-color-background-secondary: #0a0d11ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #2e3033ff;--ys-color-icon-disabled: #4d5155ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #2e3033ff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #4d5155ff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #a1a6aaff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #3f4246ff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #72787eff;--ys-color-controls-segmented-inactive: #3f4246ff;--ys-color-controls-switch-rest-off-track: #72787eff;--ys-color-controls-switch-rest-off-knob: #e2e3e4ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #878c92ff;--ys-color-controls-switch-hover-off-knob: #e2e3e4ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #4b5259ff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #4b5259ff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #4b5259ff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #4b5259ff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #006df3ff;--ys-color-tag-surface-primary: #e2e3e4ff;--ys-color-tag-surface-secondary: #3f4246ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #087affff;--ys-color-tool-line-brand: #087affff;--ys-color-tool-area-brand: #4a90e2ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #2e3033ff}}:where([data-mode=dark][data-theme=backcountry]){color-scheme:dark;--ys-color-button-surface-primary-rest: #006df3ff;--ys-color-button-surface-primary-hover: #0073ffff;--ys-color-button-surface-primary-active: #0073ffff;--ys-color-button-surface-primary-focus: #006df3ff;--ys-color-button-surface-primary-disabled: #006df380;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #006df3ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #464d54ff;--ys-color-button-surface-secondary-hover: #4b5259ff;--ys-color-button-surface-secondary-active: #4b5259ff;--ys-color-button-surface-secondary-focus: #464d54ff;--ys-color-button-surface-secondary-disabled: #464d5480;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #464d53ff;--ys-color-button-surface-ghost-active: #464d53ff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-primary-active: #0056bbff;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #087bffff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #2e3033ff;--ys-color-surface-primary: #3f4246ff;--ys-color-surface-secondary: #4d5155ff;--ys-color-surface-tertiary: #4d5155ff;--ys-color-surface-inset: #0a0d11ff;--ys-color-surface-reverse: #ffffffff;--ys-color-surface-disabled: #37393b80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #2e3033ff;--ys-color-background-primary: #1f2123ff;--ys-color-background-secondary: #0a0d11ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #2e3033ff;--ys-color-icon-disabled: #4d5155ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #2e3033ff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #4d5155ff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #a1a6aaff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #3f4246ff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #72787eff;--ys-color-controls-segmented-inactive: #3f4246ff;--ys-color-controls-switch-rest-off-track: #72787eff;--ys-color-controls-switch-rest-off-knob: #e2e3e4ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #878c92ff;--ys-color-controls-switch-hover-off-knob: #e2e3e4ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #4b5259ff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #4b5259ff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #4b5259ff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #4b5259ff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #006df3ff;--ys-color-tag-surface-primary: #e2e3e4ff;--ys-color-tag-surface-secondary: #3f4246ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #087affff;--ys-color-tool-line-brand: #087affff;--ys-color-tool-area-brand: #4a90e2ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #2e3033ff}@media (prefers-color-scheme: dark){:where([data-theme=fish]:not([data-mode=light])){color-scheme:dark;--ys-color-button-surface-primary-rest: #60811bff;--ys-color-button-surface-primary-hover: #5e7f1aff;--ys-color-button-surface-primary-active: #5e7f1aff;--ys-color-button-surface-primary-focus: #60811bff;--ys-color-button-surface-primary-disabled: #60811b80;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #60811bff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #4f4b44ff;--ys-color-button-surface-secondary-hover: #555049ff;--ys-color-button-surface-secondary-active: #555049ff;--ys-color-button-surface-secondary-focus: #4f4b44ff;--ys-color-button-surface-secondary-disabled: #4f4b4480;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #4f4b44ff;--ys-color-button-surface-ghost-active: #4f4b44ff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-primary-active: #60811bff;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #60811bff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #313231ff;--ys-color-surface-primary: #444443ff;--ys-color-surface-secondary: #525351ff;--ys-color-surface-inset: #0f0f0eff;--ys-color-surface-tertiary: #787976ff;--ys-color-surface-reverse: #ffffffff;--ys-color-surface-disabled: #3a3b3a80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #313231ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #313231ff;--ys-color-icon-disabled: #525351ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #313231ff;--ys-color-background-primary: #222220ff;--ys-color-background-secondary: #0f0f0eff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #525351ff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #a6a7a5ff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #444443ff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #787976ff;--ys-color-controls-segmented-inactive: #444443ff;--ys-color-controls-switch-rest-off-track: #787976ff;--ys-color-controls-switch-rest-off-knob: #e3e3e3ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #8c8e8bff;--ys-color-controls-switch-hover-off-knob: #e3e3e3ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #555049ff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #555049ff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #555049ff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #555049ff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #60811bff;--ys-color-tag-surface-primary: #e3e3e2ff;--ys-color-tag-surface-secondary: #444443ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #84d400ff;--ys-color-tool-line-brand: #84d400ff;--ys-color-tool-area-brand: #2a8b61ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #313231ff}}:where([data-mode=dark][data-theme=fish]){color-scheme:dark;--ys-color-button-surface-primary-rest: #60811bff;--ys-color-button-surface-primary-hover: #5e7f1aff;--ys-color-button-surface-primary-active: #5e7f1aff;--ys-color-button-surface-primary-focus: #60811bff;--ys-color-button-surface-primary-disabled: #60811b80;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #60811bff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #4f4b44ff;--ys-color-button-surface-secondary-hover: #555049ff;--ys-color-button-surface-secondary-active: #555049ff;--ys-color-button-surface-secondary-focus: #4f4b44ff;--ys-color-button-surface-secondary-disabled: #4f4b4480;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #4f4b44ff;--ys-color-button-surface-ghost-active: #4f4b44ff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-primary-active: #60811bff;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #60811bff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #313231ff;--ys-color-surface-primary: #444443ff;--ys-color-surface-secondary: #525351ff;--ys-color-surface-inset: #0f0f0eff;--ys-color-surface-tertiary: #787976ff;--ys-color-surface-reverse: #ffffffff;--ys-color-surface-disabled: #3a3b3a80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #313231ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #313231ff;--ys-color-icon-disabled: #525351ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #313231ff;--ys-color-background-primary: #222220ff;--ys-color-background-secondary: #0f0f0eff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #525351ff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #a6a7a5ff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #444443ff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #787976ff;--ys-color-controls-segmented-inactive: #444443ff;--ys-color-controls-switch-rest-off-track: #787976ff;--ys-color-controls-switch-rest-off-knob: #e3e3e3ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #8c8e8bff;--ys-color-controls-switch-hover-off-knob: #e3e3e3ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #555049ff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #555049ff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #555049ff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #555049ff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #60811bff;--ys-color-tag-surface-primary: #e3e3e2ff;--ys-color-tag-surface-secondary: #444443ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #84d400ff;--ys-color-tool-line-brand: #84d400ff;--ys-color-tool-area-brand: #2a8b61ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #313231ff}@media (prefers-color-scheme: dark){:where([data-theme=hunt]:not([data-mode=light])){color-scheme:dark;--ys-color-button-surface-primary-rest: #ff3300ff;--ys-color-button-surface-primary-hover: #ff4617ff;--ys-color-button-surface-primary-active: #ff4617ff;--ys-color-button-surface-primary-focus: #ff3300ff;--ys-color-button-surface-primary-disabled: #ff330080;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #ff3300ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #514c4aff;--ys-color-button-surface-secondary-hover: #55504eff;--ys-color-button-surface-secondary-active: #55504eff;--ys-color-button-surface-secondary-focus: #514c4aff;--ys-color-button-surface-secondary-disabled: #514c4a80;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #514c4aff;--ys-color-button-surface-ghost-active: #514c4aff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-stroke-primary-active: #ff3300ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #ff3300ff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #333130ff;--ys-color-surface-primary: #464342ff;--ys-color-surface-secondary: #555251ff;--ys-color-surface-tertiary: #7b7675ff;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333130ff;--ys-color-surface-disabled: #3b383880;--ys-color-surface-inset: #110e0eff;--ys-color-surface-reverse: #ffffffff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #333130ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #333130ff;--ys-color-icon-disabled: #555251ff;--ys-color-background-primary: #222120ff;--ys-color-background-secondary: #110e0eff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #555251ff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #a8a5a4ff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #464342ff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #7b7675ff;--ys-color-controls-segmented-inactive: #464342ff;--ys-color-controls-switch-rest-off-track: #7b7675ff;--ys-color-controls-switch-rest-off-knob: #e4e3e2ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #8f8b89ff;--ys-color-controls-switch-hover-off-knob: #e4e3e2ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #55504eff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #55504eff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #55504eff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #55504eff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #ff3300ff;--ys-color-tag-surface-primary: #e4e3e2ff;--ys-color-tag-surface-secondary: #464342ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #ff3300ff;--ys-color-tool-line-brand: #ff3300ff;--ys-color-tool-area-brand: #d4532fff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tag-text-class: #333130ff}}:where([data-mode=dark][data-theme=hunt]){color-scheme:dark;--ys-color-button-surface-primary-rest: #ff3300ff;--ys-color-button-surface-primary-hover: #ff4617ff;--ys-color-button-surface-primary-active: #ff4617ff;--ys-color-button-surface-primary-focus: #ff3300ff;--ys-color-button-surface-primary-disabled: #ff330080;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #ff3300ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #514c4aff;--ys-color-button-surface-secondary-hover: #55504eff;--ys-color-button-surface-secondary-active: #55504eff;--ys-color-button-surface-secondary-focus: #514c4aff;--ys-color-button-surface-secondary-disabled: #514c4a80;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #514c4aff;--ys-color-button-surface-ghost-active: #514c4aff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-stroke-primary-active: #ff3300ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #ff3300ff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #333130ff;--ys-color-surface-primary: #464342ff;--ys-color-surface-secondary: #555251ff;--ys-color-surface-tertiary: #7b7675ff;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333130ff;--ys-color-surface-disabled: #3b383880;--ys-color-surface-inset: #110e0eff;--ys-color-surface-reverse: #ffffffff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #333130ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #333130ff;--ys-color-icon-disabled: #555251ff;--ys-color-background-primary: #222120ff;--ys-color-background-secondary: #110e0eff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #555251ff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #a8a5a4ff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #464342ff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #7b7675ff;--ys-color-controls-segmented-inactive: #464342ff;--ys-color-controls-switch-rest-off-track: #7b7675ff;--ys-color-controls-switch-rest-off-knob: #e4e3e2ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #8f8b89ff;--ys-color-controls-switch-hover-off-knob: #e4e3e2ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #55504eff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #55504eff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #55504eff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #55504eff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #ff3300ff;--ys-color-tag-surface-primary: #e4e3e2ff;--ys-color-tag-surface-secondary: #464342ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #ff3300ff;--ys-color-tool-line-brand: #ff3300ff;--ys-color-tool-area-brand: #d4532fff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tag-text-class: #333130ff}@media (prefers-color-scheme: dark){:where([data-theme=offroad]:not([data-mode=light])){color-scheme:dark;--ys-color-button-surface-primary-rest: #ff9f0eff;--ys-color-button-surface-primary-hover: #ffa61fff;--ys-color-button-surface-primary-active: #ffa61fff;--ys-color-button-surface-primary-focus: #ff9f0eff;--ys-color-button-surface-primary-disabled: #ff9f0e80;--ys-color-button-text-primary-rest: #333333ff;--ys-color-button-text-primary-hover: #333333ff;--ys-color-button-text-primary-active: #333333ff;--ys-color-button-text-primary-focus: #333333ff;--ys-color-button-text-primary-disabled: #33333380;--ys-color-button-stroke-primary-focus: #ff9f0eff;--ys-color-button-icon-primary: #333333ff;--ys-color-button-icon-primary-disabled: #33333380;--ys-color-button-surface-secondary-rest: #5c5852ff;--ys-color-button-surface-secondary-hover: #615d56ff;--ys-color-button-surface-secondary-active: #615d56ff;--ys-color-button-surface-secondary-focus: #5c5852ff;--ys-color-button-surface-secondary-disabled: #5c585280;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #5c5852ff;--ys-color-button-surface-ghost-active: #5c5852ff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-primary-active: #bd7200ff;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #ff9f0eff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #33312eff;--ys-color-surface-primary: #46433fff;--ys-color-surface-secondary: #55524dff;--ys-color-surface-tertiary: #55524dff;--ys-color-surface-reverse: #ffffffff;--ys-color-surface-disabled: #3b3a3880;--ys-color-surface-inset: #110e0bff;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #33312eff;--ys-color-background-primary: #23211fff;--ys-color-background-secondary: #110e0bff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #33312eff;--ys-color-icon-disabled: #555240ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #33312eff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #55524dff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #aaa7a1ff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #46433fff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #7e7972ff;--ys-color-controls-segmented-inactive: #46433fff;--ys-color-controls-switch-rest-off-track: #7e7972ff;--ys-color-controls-switch-rest-off-knob: #e4e3e2ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #928e87ff;--ys-color-controls-switch-hover-off-knob: #e4e3e2ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #615d56ff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #615d56ff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #615d56ff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #615d56ff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #ff9f0eff;--ys-color-tag-surface-primary: #e4e3e2ff;--ys-color-tag-surface-secondary: #46433fff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #222222ff;--ys-color-tag-icon-brand: #222222ff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #000000ff;--ys-color-tool-line-brand: #000000ff;--ys-color-tool-area-brand: #505050ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #33313eff}}:where([data-mode=dark][data-theme=offroad]){color-scheme:dark;--ys-color-button-surface-primary-rest: #ff9f0eff;--ys-color-button-surface-primary-hover: #ffa61fff;--ys-color-button-surface-primary-active: #ffa61fff;--ys-color-button-surface-primary-focus: #ff9f0eff;--ys-color-button-surface-primary-disabled: #ff9f0e80;--ys-color-button-text-primary-rest: #333333ff;--ys-color-button-text-primary-hover: #333333ff;--ys-color-button-text-primary-active: #333333ff;--ys-color-button-text-primary-focus: #333333ff;--ys-color-button-text-primary-disabled: #33333380;--ys-color-button-stroke-primary-focus: #ff9f0eff;--ys-color-button-icon-primary: #333333ff;--ys-color-button-icon-primary-disabled: #33333380;--ys-color-button-surface-secondary-rest: #5c5852ff;--ys-color-button-surface-secondary-hover: #615d56ff;--ys-color-button-surface-secondary-active: #615d56ff;--ys-color-button-surface-secondary-focus: #5c5852ff;--ys-color-button-surface-secondary-disabled: #5c585280;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #5c5852ff;--ys-color-button-surface-ghost-active: #5c5852ff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-primary-active: #bd7200ff;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #ff9f0eff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #33312eff;--ys-color-surface-primary: #46433fff;--ys-color-surface-secondary: #55524dff;--ys-color-surface-tertiary: #55524dff;--ys-color-surface-reverse: #ffffffff;--ys-color-surface-disabled: #3b3a3880;--ys-color-surface-inset: #110e0bff;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #33312eff;--ys-color-background-primary: #23211fff;--ys-color-background-secondary: #110e0bff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #33312eff;--ys-color-icon-disabled: #555240ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #33312eff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #55524dff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #aaa7a1ff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #46433fff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #7e7972ff;--ys-color-controls-segmented-inactive: #46433fff;--ys-color-controls-switch-rest-off-track: #7e7972ff;--ys-color-controls-switch-rest-off-knob: #e4e3e2ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #928e87ff;--ys-color-controls-switch-hover-off-knob: #e4e3e2ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #615d56ff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #615d56ff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #615d56ff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #615d56ff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #ff9f0eff;--ys-color-tag-surface-primary: #e4e3e2ff;--ys-color-tag-surface-secondary: #46433fff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #222222ff;--ys-color-tag-icon-brand: #222222ff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #000000ff;--ys-color-tool-line-brand: #000000ff;--ys-color-tool-area-brand: #505050ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #33313eff}.ys-text-title0{font-family:var(--ys-text-title0-fontFamily);font-weight:var(--ys-text-title0-fontWeight);line-height:var(--ys-text-title0-lineHeight);font-size:var(--ys-text-title0-fontSize);letter-spacing:var(--ys-text-title0-letterSpacing)}.ys-text-title1{font-family:var(--ys-text-title1-fontFamily);font-weight:var(--ys-text-title1-fontWeight);line-height:var(--ys-text-title1-lineHeight);font-size:var(--ys-text-title1-fontSize);letter-spacing:var(--ys-text-title1-letterSpacing)}.ys-text-title2{font-family:var(--ys-text-title2-fontFamily);font-weight:var(--ys-text-title2-fontWeight);line-height:var(--ys-text-title2-lineHeight);font-size:var(--ys-text-title2-fontSize);letter-spacing:var(--ys-text-title2-letterSpacing)}.ys-text-title3{font-family:var(--ys-text-title3-fontFamily);font-weight:var(--ys-text-title3-fontWeight);line-height:var(--ys-text-title3-lineHeight);font-size:var(--ys-text-title3-fontSize);letter-spacing:var(--ys-text-title3-letterSpacing)}.ys-text-title4{font-family:var(--ys-text-title4-fontFamily);font-weight:var(--ys-text-title4-fontWeight);line-height:var(--ys-text-title4-lineHeight);font-size:var(--ys-text-title4-fontSize);letter-spacing:var(--ys-text-title4-letterSpacing)}.ys-text-title5{font-family:var(--ys-text-title5-fontFamily);font-weight:var(--ys-text-title5-fontWeight);line-height:var(--ys-text-title5-lineHeight);font-size:var(--ys-text-title5-fontSize);letter-spacing:var(--ys-text-title5-letterSpacing)}.ys-text-title6{font-family:var(--ys-text-title6-fontFamily);font-weight:var(--ys-text-title6-fontWeight);line-height:var(--ys-text-title6-lineHeight);font-size:var(--ys-text-title6-fontSize);letter-spacing:var(--ys-text-title6-letterSpacing)}.ys-text-subtitle1{font-family:var(--ys-text-subtitle1-fontFamily);font-weight:var(--ys-text-subtitle1-fontWeight);line-height:var(--ys-text-subtitle1-lineHeight);font-size:var(--ys-text-subtitle1-fontSize);letter-spacing:var(--ys-text-subtitle1-letterSpacing)}.ys-text-subtitle2{font-family:var(--ys-text-subtitle2-fontFamily);font-weight:var(--ys-text-subtitle2-fontWeight);line-height:var(--ys-text-subtitle2-lineHeight);font-size:var(--ys-text-subtitle2-fontSize);letter-spacing:var(--ys-text-subtitle2-letterSpacing)}.ys-text-subtitle3{font-family:var(--ys-text-subtitle3-fontFamily);font-weight:var(--ys-text-subtitle3-fontWeight);line-height:var(--ys-text-subtitle3-lineHeight);font-size:var(--ys-text-subtitle3-fontSize);letter-spacing:var(--ys-text-subtitle3-letterSpacing)}.ys-text-subtitle4{font-family:var(--ys-text-subtitle4-fontFamily);font-weight:var(--ys-text-subtitle4-fontWeight);line-height:var(--ys-text-subtitle4-lineHeight);font-size:var(--ys-text-subtitle4-fontSize);letter-spacing:var(--ys-text-subtitle4-letterSpacing)}.ys-text-body0{font-family:var(--ys-text-body0-fontFamily);font-weight:var(--ys-text-body0-fontWeight);line-height:var(--ys-text-body0-lineHeight);font-size:var(--ys-text-body0-fontSize);letter-spacing:var(--ys-text-body0-letterSpacing)}p.ys-text-body0+p.ys-text-body0{margin-top:var(--ys-text-body0-paragraphSpacing)}.ys-text-body0-medium{font-family:var(--ys-text-body0-medium-fontFamily);font-weight:var(--ys-text-body0-medium-fontWeight);line-height:var(--ys-text-body0-medium-lineHeight);font-size:var(--ys-text-body0-medium-fontSize);letter-spacing:var(--ys-text-body0-medium-letterSpacing)}p.ys-text-body0-medium+p.ys-text-body0-medium{margin-top:var(--ys-text-body0-medium-paragraphSpacing)}.ys-text-body0-bold{font-family:var(--ys-text-body0-bold-fontFamily);font-weight:var(--ys-text-body0-bold-fontWeight);line-height:var(--ys-text-body0-bold-lineHeight);font-size:var(--ys-text-body0-bold-fontSize);letter-spacing:var(--ys-text-body0-bold-letterSpacing)}p.ys-text-body0-bold+p.ys-text-body0-bold{margin-top:var(--ys-text-body0-bold-paragraphSpacing)}.ys-text-body1{font-family:var(--ys-text-body1-fontFamily);font-weight:var(--ys-text-body1-fontWeight);line-height:var(--ys-text-body1-lineHeight);font-size:var(--ys-text-body1-fontSize);letter-spacing:var(--ys-text-body1-letterSpacing)}p.ys-text-body1+p.ys-text-body1{margin-top:var(--ys-text-body1-paragraphSpacing)}.ys-text-body1-italic{font-family:var(--ys-text-body1-italic-fontFamily);font-style:var(--ys-text-body1-italic-font-style);line-height:var(--ys-text-body1-italic-lineHeight);font-size:var(--ys-text-body1-italic-fontSize);letter-spacing:var(--ys-text-body1-italic-letterSpacing)}p.ys-text-body1-italic+p.ys-text-body1-italic{margin-top:var(--ys-text-body1-italic-paragraphSpacing)}.ys-text-body1-medium{font-family:var(--ys-text-body1-medium-fontFamily);font-weight:var(--ys-text-body1-medium-fontWeight);line-height:var(--ys-text-body1-medium-lineHeight);font-size:var(--ys-text-body1-medium-fontSize);letter-spacing:var(--ys-text-body1-medium-letterSpacing)}p.ys-text-body1-medium+p.ys-text-body1-medium{margin-top:var(--ys-text-body1-medium-paragraphSpacing)}.ys-text-body1-bold{font-family:var(--ys-text-body1-bold-fontFamily);font-weight:var(--ys-text-body1-bold-fontWeight);line-height:var(--ys-text-body1-bold-lineHeight);font-size:var(--ys-text-body1-bold-fontSize);letter-spacing:var(--ys-text-body1-bold-letterSpacing)}p.ys-text-body1-bold+p.ys-text-body1-bold{margin-top:var(--ys-text-body1-bold-paragraphSpacing)}.ys-text-body2{font-family:var(--ys-text-body2-fontFamily);font-weight:var(--ys-text-body2-fontWeight);line-height:var(--ys-text-body2-lineHeight);font-size:var(--ys-text-body2-fontSize);letter-spacing:var(--ys-text-body2-letterSpacing)}p.ys-text-body2+p.ys-text-body2{margin-top:var(--ys-text-body2-paragraphSpacing)}.ys-text-body2-bold{font-family:var(--ys-text-body2-bold-fontFamily);font-weight:var(--ys-text-body2-bold-fontWeight);line-height:var(--ys-text-body2-bold-lineHeight);font-size:var(--ys-text-body2-bold-fontSize);letter-spacing:var(--ys-text-body2-bold-letterSpacing)}p.ys-text-body2-bold+p.ys-text-body2-bold{margin-top:var(--ys-text-body2-bold-paragraphSpacing)}.ys-text-body2-italic{font-family:var(--ys-text-body2-italic-fontFamily);font-style:var(--ys-text-body2-italic-font-style);line-height:var(--ys-text-body2-italic-lineHeight);font-size:var(--ys-text-body2-italic-fontSize);letter-spacing:var(--ys-text-body2-italic-letterSpacing)}p.ys-text-body2-italic+p.ys-text-body2-italic{margin-top:var(--ys-text-body2-italic-paragraphSpacing)}.ys-text-metadata1-bold{font-family:var(--ys-text-metadata1-bold-fontFamily);font-weight:var(--ys-text-metadata1-bold-fontWeight);line-height:var(--ys-text-metadata1-bold-lineHeight);font-size:var(--ys-text-metadata1-bold-fontSize);letter-spacing:var(--ys-text-metadata1-bold-letterSpacing)}.ys-text-metadata1-medium{font-family:var(--ys-text-metadata1-medium-fontFamily);font-weight:var(--ys-text-metadata1-medium-fontWeight);line-height:var(--ys-text-metadata1-medium-lineHeight);font-size:var(--ys-text-metadata1-medium-fontSize);letter-spacing:var(--ys-text-metadata1-medium-letterSpacing)}.ys-text-metadata1{font-family:var(--ys-text-metadata1-fontFamily);font-weight:var(--ys-text-metadata1-fontWeight);line-height:var(--ys-text-metadata1-lineHeight);font-size:var(--ys-text-metadata1-fontSize);letter-spacing:var(--ys-text-metadata1-letterSpacing)}.ys-text-metadata1-italic{font-family:var(--ys-text-metadata1-italic-fontFamily);font-style:var(--ys-text-metadata1-italic-font-style);line-height:var(--ys-text-metadata1-italic-lineHeight);font-size:var(--ys-text-metadata1-italic-fontSize);letter-spacing:var(--ys-text-metadata1-italic-letterSpacing)}.ys-text-button1{font-family:var(--ys-text-button1-fontFamily);font-weight:var(--ys-text-button1-fontWeight);line-height:var(--ys-text-button1-lineHeight);font-size:var(--ys-text-button1-fontSize);letter-spacing:var(--ys-text-button1-letterSpacing)}.ys-text-button2{font-family:var(--ys-text-button2-fontFamily);font-weight:var(--ys-text-button2-fontWeight);line-height:var(--ys-text-button2-lineHeight);font-size:var(--ys-text-button2-fontSize);letter-spacing:var(--ys-text-button2-letterSpacing)}.ys-text-button3{font-family:var(--ys-text-button3-fontFamily);font-weight:var(--ys-text-button3-fontWeight);line-height:var(--ys-text-button3-lineHeight);font-size:var(--ys-text-button3-fontSize);letter-spacing:var(--ys-text-button3-letterSpacing)}.ys-text-link0{font-family:var(--ys-text-link0-fontFamily);font-weight:var(--ys-text-link0-fontWeight);line-height:var(--ys-text-link0-lineHeight);font-size:var(--ys-text-link0-fontSize);letter-spacing:var(--ys-text-link0-letterSpacing);text-decoration:var(--ys-text-link0-textDecoration)}.ys-text-link1{font-family:var(--ys-text-link1-fontFamily);font-weight:var(--ys-text-link1-fontWeight);line-height:var(--ys-text-link1-lineHeight);font-size:var(--ys-text-link1-fontSize);letter-spacing:var(--ys-text-link1-letterSpacing);text-decoration:var(--ys-text-link1-textDecoration)}.ys-text-link2{font-family:var(--ys-text-link2-fontFamily);font-weight:var(--ys-text-link2-fontWeight);line-height:var(--ys-text-link2-lineHeight);font-size:var(--ys-text-link2-fontSize);letter-spacing:var(--ys-text-link2-letterSpacing);text-decoration:var(--ys-text-link2-textDecoration)}.ys-text-numeric1{font-family:var(--ys-text-numeric1-fontFamily);font-weight:var(--ys-text-numeric1-fontWeight);line-height:var(--ys-text-numeric1-lineHeight);font-size:var(--ys-text-numeric1-fontSize);letter-spacing:var(--ys-text-numeric1-letterSpacing)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bp-sm: 768px;--bp-md: 950px;--bp-lg: 1920px}html,body{margin:0;width:100%;height:100%;color:var(--ys-color-text-primary);font-family:var(--ys-text-body1-fontFamily),Helvetica,Arial,sans-serif;font-size:var(--ys-text-body0-fontSize);letter-spacing:var(--ys-text-body1-letterSpacing);font-weight:var(--ys-text-body1-fontWeight)}button{line-height:var(--ys-text-body2-lineHeight);letter-spacing:3px;font-size:var(--ys-text-body0-fontSize)}p{margin:1rem 0;font-size:1rem;line-height:1.6em}