: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-text-title0-fontFamily: "Roboto";--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";--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";--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";--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";--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";--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";--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";--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";--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";--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";--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";--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-bold-fontFamily: "Roboto";--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";--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";--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";--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";--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";--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";--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";--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";--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";--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";--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";--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";--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";--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";--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";--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";--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";--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";--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-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-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: #ebebebb2;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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-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: #ebebebb2;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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-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: #ebebebb2;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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-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: #ebebebb2;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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-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: #ebebebb2;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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-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: #ebebebb2;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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-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: #ebebebb2;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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-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: #ebebebb2;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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-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: #ebebebb2;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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-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: #ebebebb2;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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-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: #373737b2;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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-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: #373737b2;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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-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: #373737b2;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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-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: #373737b2;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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-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: #373737b2;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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-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: #373737b2;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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-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: #ffffffff;--ys-color-surface-disabled: #373737b2;--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-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: #ffffffff;--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-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-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-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: #ffffffff;--ys-color-surface-disabled: #373737b2;--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-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: #ffffffff;--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-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-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-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: #373737b2;--ys-color-surface-inset: #110e0bff;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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-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: #373737b2;--ys-color-surface-inset: #110e0bff;--ys-color-surface-constant: #ffffffff;--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-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: #ffffffff;--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-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-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)}body{background:var(--ys-color-background-primary);direction:ltr;margin-left:var(--ys-spacing-150);margin-right:var(--ys-spacing-150);margin-bottom:var(--ys-spacing-150);margin-top:0;padding:0;font-family:var(--ys-text-body0-fontFamily),sans-serif;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)}body[data-provider]:not([data-provider=""]){visibility:hidden}.container{display:flex;flex-direction:column;position:relative}.header{width:100vw;margin-left:calc(var(--ys-spacing-150) * -1);margin-right:calc(var(--ys-spacing-150) * -1);height:52px;flex-shrink:0;border-bottom:1px solid var(--ys-color-stroke-primary);background:var(--ys-color-background-primary);display:flex;align-items:center;justify-content:center}.logo.hunt{background-image:url("data:image/svg+xml,%3csvg%20width='132'%20height='35'%20viewBox='0%200%20132%2035'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M82.6171%2015.7253H86.6881V11.4783H89.6743V22.9565H86.6881V18.5864H82.6171V22.9565H79.6309V11.4783H82.6171V15.7253Z'%20fill='%23222222'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M104.739%2018.1508C104.739%2021.2174%20102.973%2022.9565%2099.7166%2022.9565C96.4611%2022.9565%2094.6953%2021.2174%2094.6953%2018.1508V11.4783H97.7809V18.062C97.7809%2019.3584%2098.5262%2020.0263%2099.7166%2020.0263C100.908%2020.0263%20101.653%2019.3584%20101.653%2018.062V11.4783H104.739V18.1508Z'%20fill='%23222222'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M119.804%2022.9565H116.803L112.124%2016.5044V22.9565H109.043V11.4783H112.043L116.723%2017.9308V11.4783H119.804V22.9565Z'%20fill='%23222222'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M132%2014.3478H128.844V22.9565H125.83V14.3478H122.674V11.4783H132V14.3478Z'%20fill='%23222222'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M26.5441%2022.9565H23.5435L18.8645%2016.5044V22.9565H15.7832V11.4783H18.7834L23.4628%2017.9308V11.4783H26.5441V22.9565Z'%20fill='%23222222'/%3e%3cpath%20d='M3.06694%2017.2152C3.06694%2018.9093%204.16011%2020.077%205.74347%2020.077C7.32683%2020.077%208.41999%2018.9049%208.41999%2017.2152C8.41999%2015.5255%207.32683%2014.3534%205.74347%2014.3534C4.16011%2014.3534%203.06694%2015.5211%203.06694%2017.2152ZM11.4783%2017.2152C11.4783%2020.5193%209.09672%2022.9565%205.73913%2022.9565C2.38155%2022.9565%200%2020.5193%200%2017.2152C0%2013.911%202.38155%2011.4783%205.73913%2011.4783C9.09672%2011.4739%2011.4783%2013.911%2011.4783%2017.2152Z'%20fill='%23222222'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M37.3047%2034.4348H71.7395V0H37.3047V34.4348Z'%20fill='%23FF3300'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M62.4135%2022.037L59.3419%2025.1087L54.5224%2020.289L49.7024%2025.1087L46.6309%2022.037L51.4504%2017.2174L46.6309%2012.3973L49.7024%209.32605L54.5224%2014.1452L59.3419%209.32605L62.4135%2012.3973L57.594%2017.2174L62.4135%2022.037Z'%20fill='white'/%3e%3c/svg%3e");background-size:200px}.logo.offroad{background-image:url("data:image/svg+xml,%3csvg%20width='177'%20height='35'%20viewBox='0%200%20177%2035'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M63.1681%2022.141L60.0108%2025.2833L55.059%2020.3551L50.1073%2025.2833L46.95%2022.141L51.9017%2017.2127L46.95%2012.2845L50.1073%209.14215L55.059%2014.0704L60.0108%209.14215L63.1681%2012.2845L58.2163%2017.2127L63.1681%2022.141ZM37.7598%2034.43H72.3537V0H37.7598V34.43Z'%20fill='%23222222'/%3e%3cpath%20d='M63.1692%2022.141L60.0119%2025.2833L55.0602%2020.3551L50.1085%2025.2833L46.9512%2022.141L51.9029%2017.2127L46.9512%2012.2845L50.1085%209.14667L55.0602%2014.0749L60.0119%209.14667L63.1692%2012.2845L58.2175%2017.2127L63.1692%2022.141Z'%20fill='white'/%3e%3cpath%20d='M3.21181%2017.3212C3.21181%2019.0529%204.35661%2020.2465%206.01476%2020.2465C7.67291%2020.2465%208.81771%2019.0484%208.81771%2017.3212C8.81771%2015.5941%207.67291%2014.3959%206.01476%2014.3959C4.35661%2014.3959%203.21181%2015.5895%203.21181%2017.3212ZM12.0204%2017.3212C12.0204%2020.6987%209.5264%2023.1899%206.01022%2023.1899C2.49404%2023.1899%200%2020.6987%200%2017.3212C0%2013.9438%202.49404%2011.457%206.01022%2011.457C9.5264%2011.4525%2012.0204%2013.9438%2012.0204%2017.3212Z'%20fill='%23222222'/%3e%3cpath%20d='M26.9339%2022.9774H23.9265L19.2428%2016.6159V22.9774H16.1582V11.665H19.161L23.8493%2018.022V11.665H26.9339V22.9774Z'%20fill='%23222222'/%3e%3cpath%20d='M94.8192%2017.3303C94.8192%2020.7167%2092.3206%2023.2125%2088.7953%2023.2125C85.2701%2023.2125%2082.7715%2020.7167%2082.7715%2017.3303C82.7715%2013.9438%2085.2701%2011.4525%2088.7953%2011.4525C92.3206%2011.4525%2094.8192%2013.9483%2094.8192%2017.3303ZM85.9878%2017.3303C85.9878%2019.0619%2087.1372%2020.2646%2088.7953%2020.2646C90.4535%2020.2646%2091.6028%2019.0664%2091.6028%2017.3303C91.6028%2015.5986%2090.4535%2014.4004%2088.7953%2014.4004C87.1372%2014.4004%2085.9878%2015.5986%2085.9878%2017.3303Z'%20fill='%23222222'/%3e%3cpath%20d='M107.217%2018.8811H101.893V23.0045H98.7988V11.665H107.621V14.4004H101.893V16.1412H107.217V18.8811Z'%20fill='%23222222'/%3e%3cpath%20d='M120.268%2018.8811H114.943V23.0045H111.85V11.665H120.672V14.4004H114.943V16.1412H120.268V18.8811Z'%20fill='%23222222'/%3e%3cpath%20d='M134.765%2022.9548L132.021%2018.5646C133.384%2018.004%20134.11%2016.9008%20134.11%2015.4358C134.11%2013.1526%20132.589%2011.6605%20129.69%2011.6605H124.611V23H127.705V18.976C127.705%2018.976%20128.764%2018.976%20129.004%2018.976L131.439%2022.9548H134.765ZM127.705%2014.4231H129.658C130.422%2014.4231%20130.985%2014.7486%20130.985%2015.4358C130.985%2016.1231%20130.422%2016.4396%20129.658%2016.4396H127.705V14.4231Z'%20fill='%23222222'/%3e%3cpath%20d='M149.155%2017.3303C149.155%2020.7167%20146.657%2023.2125%20143.131%2023.2125C139.606%2023.2125%20137.107%2020.7167%20137.107%2017.3303C137.107%2013.9438%20139.606%2011.4525%20143.131%2011.4525C146.657%2011.4525%20149.155%2013.9483%20149.155%2017.3303ZM140.324%2017.3303C140.324%2019.0619%20141.473%2020.2646%20143.131%2020.2646C144.789%2020.2646%20145.939%2019.0664%20145.939%2017.3303C145.939%2015.5986%20144.789%2014.4004%20143.131%2014.4004C141.473%2014.4004%20140.324%2015.5986%20140.324%2017.3303Z'%20fill='%23222222'/%3e%3cpath%20d='M162.98%2023H159.7L158.941%2020.8388H154.685L153.935%2023H150.705L155.016%2011.6605H158.664L162.98%2023ZM155.648%2018.0944H157.983L156.82%2014.7396L155.648%2018.0944Z'%20fill='%23222222'/%3e%3cpath%20d='M176.282%2017.3303C176.282%2020.7484%20173.938%2023%20170.377%2023H165.348V11.6605H170.377C173.938%2011.6605%20176.282%2013.9122%20176.282%2017.3303ZM168.441%2014.4909V20.1787H170.295C172.166%2020.1787%20173.071%2018.9715%20173.071%2017.3348C173.071%2015.6755%20172.166%2014.4909%20170.295%2014.4909H168.441Z'%20fill='%23222222'/%3e%3c/svg%3e");background-size:200px}.logo.backcountry{background-image:url(/static/assets/onx_backcountry-D_BLfVlu.svg);background-size:200px}.content{margin:0 auto;width:100%;min-width:300px;max-width:400px}.consent-container{display:block;margin-left:auto;margin-right:auto}.consent-content{margin:0 auto;display:block;padding:20px;max-width:326px}.logos{display:inline-flex;margin:0 auto;width:100%}.logos .client-logo{max-height:73px;max-width:195px;object-fit:contain;margin-bottom:var(--ys-spacing-300)}.logos .swap{height:64px;background-repeat:no-repeat;transform:rotate(90deg)}.logos .onx{height:64px;background-repeat:no-repeat;margin-left:20px}.scope-item{color:#222;text-indent:16px;margin-bottom:10px}.scope-item:before{content:" ";display:inline-block;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M7.17171%2017.3538L7.17153%2017.354L8.85845%2019.0409C9.07741%2019.2599%209.37263%2019.356%209.6586%2019.3295C9.88281%2019.3087%2010.1013%2019.2125%2010.273%2019.0409L11.9599%2017.3539L11.9598%2017.3538L21.6266%207.68693C22.0172%207.2964%2022.0172%206.66324%2021.6266%206.27271L20.6468%205.29289C20.2563%204.90237%2019.6231%204.90237%2019.2326%205.29289L9.56575%2014.9598L4.68693%2010.0809C4.2964%209.69041%203.66324%209.69041%203.27271%2010.0809L2.29289%2011.0608C1.90237%2011.4513%201.90237%2012.0844%202.29289%2012.475L7.17171%2017.3538Z'%20fill='%23333333'/%3e%3c/svg%3e");background-size:20px 20px;background-repeat:no-repeat;height:20px;width:20px;margin-right:10px;margin-left:-20px}.scope-item>input{display:none}.consent-list{margin-top:var(--ys-spacing-300)}.consent-privacy{margin-top:var(--ys-spacing-300);color:var(--ys-color-text-dim);text-align:center}.consent-button{margin-top:var(--ys-spacing-300)}.consent-deny{width:100%}.consent-submit{width:100%;margin-bottom:var(--ys-spacing-300)}.banner-alert{margin-top:30px;display:block}.title{color:var(--ys-color-text-primary);margin:1em 0 0}p.subtitle{color:var(--ys-color-text-secondary)}p.subtitle>a{color:var(--ys-color-text-dim)}p.subtitle>a:visited{color:var(--ys-color-text-dim)}.input-container{width:100%;margin:16px 0}.reauth{font-size:var(--ys-text-body0-fontSize)!important;line-height:var(--ys-text-body0-lineHeight)!important;color:var(--ys-color-text-dim);border:none;width:290px}.reauth:focus{border:none;outline:none!important}.reauth-container>span{font-size:var(--ys-text-body0-fontSize)!important;line-height:var(--ys-text-body0-lineHeight)!important;color:var(--ys-color-text-dim)}.reauth-container>.lo-link{font-size:var(--ys-text-body0-fontSize)!important;line-height:var(--ys-text-body0-lineHeight)!important;color:var(--ys-color-text-dim);float:right}.full-width{width:100%}.ys-input input{font-size:var(--ys-text-body0-fontSize)!important;font-family:var(--ys-text-body0-fontFamily)!important;font-weight:var(--ys-text-body0-fontWeight)!important;line-height:var(--ys-text-body0-lineHeight)!important;letter-spacing:var(--ys-text-body0-letterSpacing)!important}.input{border:2px solid var(--ys-color-stroke-primary);border-radius:5px;font-size:var(--ys-text-body0-fontSize);font-family:var(--ys-text-body0-fontFamily);font-weight:var(--ys-text-body0-fontWeight);line-height:var(--ys-text-body0-lineHeight);letter-spacing:var(--ys-text-body0-letterSpacing);display:block;padding:16px;color:var(--ys-color-text-primary);width:100%;box-sizing:border-box}.input::placeholder{color:var(--ys-color-text-dim)}input.error{border-color:var(--ys-color-alert-error)}.error-message{display:inline-block;color:var(--ys-color-alert-error);font-size:14px;line-height:20px;margin-top:2px}.password-container{position:relative}.name-input-container{width:100%}.button-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0 15px;margin-top:20px}.button-container ys-button{min-width:192px}.button-primary{display:block;background:var(--ys-color-button-surface-primary-rest);border-radius:10px;border:none;padding:12px 40px;margin:0;color:var(--ys-color-button-text-primary-rest);font-size:var(--ys-text-button1-fontSize);font-family:var(--ys-text-button1-fontFamily);font-weight:var(--ys-text-button1-fontWeight);line-height:var(--ys-text-button1-lineHeight);letter-spacing:var(--ys-text-button1-letterSpacing);cursor:pointer}.button-primary:hover{background:var(--ys-color-button-surface-primary-hover);color:var(--ys-color-button-text-primary-hover)}.button-primary:active{background:var(--ys-color-button-surface-primary-active);color:var(--ys-color-button-text-primary-active);border-color:var(--ys-color-button-stroke-primary-active)}.button-primary:focus{background:var(--ys-color-button-surface-primary-focus);color:var(--ys-color-button-text-primary-focus);border-color:var(--ys-color-button-stroke-primary-focus)}.button-primary:disabled{background:var(--ys-color-button-surface-primary-disabled);color:var(--ys-color-button-text-primary-disabled)}.button-secondary{display:block;background:var(--ys-color-button-surface-secondary-rest);border-radius:10px;border:none;padding:12px 40px;color:var(--ys-color-button-text-secondary-rest);font-size:var(--ys-text-button1-fontSize);font-family:var(--ys-text-button1-fontFamily);font-weight:var(--ys-text-button1-fontWeight);line-height:var(--ys-text-button1-lineHeight);letter-spacing:var(--ys-text-button1-letterSpacing);cursor:pointer}.button-secondary:hover{background:var(--ys-color-button-surface-secondary-hover);color:var(--ys-color-button-text-secondary-hover)}.button-secondary:active{background:var(--ys-color-button-surface-secondary-active);color:var(--ys-color-button-text-secondary-active);border-color:var(--ys-color-button-stroke-secondary-active)}.button-secondary:focus{background:var(--ys-color-button-surface-secondary-focus);color:var(--ys-color-button-text-secondary-focus);border-color:var(--ys-color-button-stroke-secondary-focus)}.button-secondary:disabled{background:var(--ys-color-button-surface-secondary-disabled);color:var(--ys-color-button-text-secondary-disabled)}a.button-secondary{text-decoration:none;text-align:center}a.recovery-link{color:var(--ys-color-text-primary)}.link-button{background-color:transparent;border:none;text-decoration:underline;cursor:pointer}.link-list{margin:16px auto;text-align:center;padding:0}.link-list>a,.link-list>span{color:#777;text-align:center;font-size:14px}.link-list>span{display:inline-block;padding:0 5px}.product-list{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;justify-content:center;row-gap:15px}.product-list>.product{border:1px solid #bdbdbd;box-sizing:border-box;border-radius:20px;display:block;width:335px;height:170px;margin:0 20px;flex:none;background-repeat:no-repeat;background-position:center center;background-color:#fff}.hunt{background-image:url("data:image/svg+xml,%3csvg%20width='132'%20height='35'%20viewBox='0%200%20132%2035'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M82.6171%2015.7253H86.6881V11.4783H89.6743V22.9565H86.6881V18.5864H82.6171V22.9565H79.6309V11.4783H82.6171V15.7253Z'%20fill='%23222222'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M104.739%2018.1508C104.739%2021.2174%20102.973%2022.9565%2099.7166%2022.9565C96.4611%2022.9565%2094.6953%2021.2174%2094.6953%2018.1508V11.4783H97.7809V18.062C97.7809%2019.3584%2098.5262%2020.0263%2099.7166%2020.0263C100.908%2020.0263%20101.653%2019.3584%20101.653%2018.062V11.4783H104.739V18.1508Z'%20fill='%23222222'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M119.804%2022.9565H116.803L112.124%2016.5044V22.9565H109.043V11.4783H112.043L116.723%2017.9308V11.4783H119.804V22.9565Z'%20fill='%23222222'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M132%2014.3478H128.844V22.9565H125.83V14.3478H122.674V11.4783H132V14.3478Z'%20fill='%23222222'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M26.5441%2022.9565H23.5435L18.8645%2016.5044V22.9565H15.7832V11.4783H18.7834L23.4628%2017.9308V11.4783H26.5441V22.9565Z'%20fill='%23222222'/%3e%3cpath%20d='M3.06694%2017.2152C3.06694%2018.9093%204.16011%2020.077%205.74347%2020.077C7.32683%2020.077%208.41999%2018.9049%208.41999%2017.2152C8.41999%2015.5255%207.32683%2014.3534%205.74347%2014.3534C4.16011%2014.3534%203.06694%2015.5211%203.06694%2017.2152ZM11.4783%2017.2152C11.4783%2020.5193%209.09672%2022.9565%205.73913%2022.9565C2.38155%2022.9565%200%2020.5193%200%2017.2152C0%2013.911%202.38155%2011.4783%205.73913%2011.4783C9.09672%2011.4739%2011.4783%2013.911%2011.4783%2017.2152Z'%20fill='%23222222'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M37.3047%2034.4348H71.7395V0H37.3047V34.4348Z'%20fill='%23FF3300'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M62.4135%2022.037L59.3419%2025.1087L54.5224%2020.289L49.7024%2025.1087L46.6309%2022.037L51.4504%2017.2174L46.6309%2012.3973L49.7024%209.32605L54.5224%2014.1452L59.3419%209.32605L62.4135%2012.3973L57.594%2017.2174L62.4135%2022.037Z'%20fill='white'/%3e%3c/svg%3e");background-size:164px auto}.offroad{background-image:url("data:image/svg+xml,%3csvg%20width='177'%20height='35'%20viewBox='0%200%20177%2035'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M63.1681%2022.141L60.0108%2025.2833L55.059%2020.3551L50.1073%2025.2833L46.95%2022.141L51.9017%2017.2127L46.95%2012.2845L50.1073%209.14215L55.059%2014.0704L60.0108%209.14215L63.1681%2012.2845L58.2163%2017.2127L63.1681%2022.141ZM37.7598%2034.43H72.3537V0H37.7598V34.43Z'%20fill='%23222222'/%3e%3cpath%20d='M63.1692%2022.141L60.0119%2025.2833L55.0602%2020.3551L50.1085%2025.2833L46.9512%2022.141L51.9029%2017.2127L46.9512%2012.2845L50.1085%209.14667L55.0602%2014.0749L60.0119%209.14667L63.1692%2012.2845L58.2175%2017.2127L63.1692%2022.141Z'%20fill='white'/%3e%3cpath%20d='M3.21181%2017.3212C3.21181%2019.0529%204.35661%2020.2465%206.01476%2020.2465C7.67291%2020.2465%208.81771%2019.0484%208.81771%2017.3212C8.81771%2015.5941%207.67291%2014.3959%206.01476%2014.3959C4.35661%2014.3959%203.21181%2015.5895%203.21181%2017.3212ZM12.0204%2017.3212C12.0204%2020.6987%209.5264%2023.1899%206.01022%2023.1899C2.49404%2023.1899%200%2020.6987%200%2017.3212C0%2013.9438%202.49404%2011.457%206.01022%2011.457C9.5264%2011.4525%2012.0204%2013.9438%2012.0204%2017.3212Z'%20fill='%23222222'/%3e%3cpath%20d='M26.9339%2022.9774H23.9265L19.2428%2016.6159V22.9774H16.1582V11.665H19.161L23.8493%2018.022V11.665H26.9339V22.9774Z'%20fill='%23222222'/%3e%3cpath%20d='M94.8192%2017.3303C94.8192%2020.7167%2092.3206%2023.2125%2088.7953%2023.2125C85.2701%2023.2125%2082.7715%2020.7167%2082.7715%2017.3303C82.7715%2013.9438%2085.2701%2011.4525%2088.7953%2011.4525C92.3206%2011.4525%2094.8192%2013.9483%2094.8192%2017.3303ZM85.9878%2017.3303C85.9878%2019.0619%2087.1372%2020.2646%2088.7953%2020.2646C90.4535%2020.2646%2091.6028%2019.0664%2091.6028%2017.3303C91.6028%2015.5986%2090.4535%2014.4004%2088.7953%2014.4004C87.1372%2014.4004%2085.9878%2015.5986%2085.9878%2017.3303Z'%20fill='%23222222'/%3e%3cpath%20d='M107.217%2018.8811H101.893V23.0045H98.7988V11.665H107.621V14.4004H101.893V16.1412H107.217V18.8811Z'%20fill='%23222222'/%3e%3cpath%20d='M120.268%2018.8811H114.943V23.0045H111.85V11.665H120.672V14.4004H114.943V16.1412H120.268V18.8811Z'%20fill='%23222222'/%3e%3cpath%20d='M134.765%2022.9548L132.021%2018.5646C133.384%2018.004%20134.11%2016.9008%20134.11%2015.4358C134.11%2013.1526%20132.589%2011.6605%20129.69%2011.6605H124.611V23H127.705V18.976C127.705%2018.976%20128.764%2018.976%20129.004%2018.976L131.439%2022.9548H134.765ZM127.705%2014.4231H129.658C130.422%2014.4231%20130.985%2014.7486%20130.985%2015.4358C130.985%2016.1231%20130.422%2016.4396%20129.658%2016.4396H127.705V14.4231Z'%20fill='%23222222'/%3e%3cpath%20d='M149.155%2017.3303C149.155%2020.7167%20146.657%2023.2125%20143.131%2023.2125C139.606%2023.2125%20137.107%2020.7167%20137.107%2017.3303C137.107%2013.9438%20139.606%2011.4525%20143.131%2011.4525C146.657%2011.4525%20149.155%2013.9483%20149.155%2017.3303ZM140.324%2017.3303C140.324%2019.0619%20141.473%2020.2646%20143.131%2020.2646C144.789%2020.2646%20145.939%2019.0664%20145.939%2017.3303C145.939%2015.5986%20144.789%2014.4004%20143.131%2014.4004C141.473%2014.4004%20140.324%2015.5986%20140.324%2017.3303Z'%20fill='%23222222'/%3e%3cpath%20d='M162.98%2023H159.7L158.941%2020.8388H154.685L153.935%2023H150.705L155.016%2011.6605H158.664L162.98%2023ZM155.648%2018.0944H157.983L156.82%2014.7396L155.648%2018.0944Z'%20fill='%23222222'/%3e%3cpath%20d='M176.282%2017.3303C176.282%2020.7484%20173.938%2023%20170.377%2023H165.348V11.6605H170.377C173.938%2011.6605%20176.282%2013.9122%20176.282%2017.3303ZM168.441%2014.4909V20.1787H170.295C172.166%2020.1787%20173.071%2018.9715%20173.071%2017.3348C173.071%2015.6755%20172.166%2014.4909%20170.295%2014.4909H168.441Z'%20fill='%23222222'/%3e%3c/svg%3e");background-size:218px auto}.backcountry{background-image:url(/static/assets/onx_backcountry-D_BLfVlu.svg);background-size:286px auto}.fish{background-image:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20134.22%2036'%3e%3cpath%20d='M75.77,36h-36.11V0h36.15v35.96h-.04v.04Z'%20style='fill:%20%237dad21;%20stroke-width:%200px;'%3e%3c/path%3e%3cpath%20d='M66.18,23.18l-5.18-5.14,5.18-5.18h0l-3.27-3.27-5.18,5.14-5.18-5.14-3.31,3.27,5.18,5.18-5.18,5.14,3.31,3.27,5.18-5.14,5.18,5.14,3.27-3.27Z'%20style='fill:%20%23fff;%20stroke-width:%200px;'%3e%3c/path%3e%3cpath%20d='M0,18.04c0-3.42,2.74-6.16,6.43-6.16s6.39,2.7,6.39,6.09h0c0,3.42-2.74,6.16-6.43,6.16S0,21.42,0,18.04ZM9.44,18.04c0-1.75-1.26-3.23-3.04-3.23s-3.01,1.45-3.01,3.16h0c0,1.75,1.26,3.23,3.04,3.23s3.01-1.45,3.01-3.16Z'%20style='fill:%20%23222;%20stroke-width:%200px;'%3e%3c/path%3e%3cpath%20d='M16.97,12.1h3.08l4.87,6.24v-6.24h3.27v11.84h-2.89l-5.06-6.51v6.51h-3.27s0-11.84,0-11.84Z'%20style='fill:%20%23222;%20stroke-width:%200px;'%3e%3c/path%3e%3cpath%20d='M87.03,12.1h9.51v2.89h-6.2v1.98h5.63v2.74h-5.63v4.22h-3.31v-11.84Z'%20style='fill:%20%23222;%20stroke-width:%200px;'%3e%3c/path%3e%3cpath%20d='M104.58,12.1h-3.31v11.8h3.31v-11.8Z'%20style='fill:%20%23222;%20stroke-width:%200px;'%3e%3c/path%3e%3cpath%20d='M108.99,22.19l1.83-2.17c1.18.91,2.47,1.41,3.84,1.41s1.37-.3,1.37-.8v-.08c0-.49-.38-.76-2.02-1.14-2.51-.57-4.49-1.29-4.49-3.73h0c0-2.25,1.75-3.81,4.6-3.81s3.62.53,4.87,1.56l-1.64,2.32c-1.1-.76-2.28-1.18-3.31-1.18s-1.18.34-1.18.76h0c0,.57.42.8,2.05,1.18,2.74.61,4.41,1.48,4.41,3.69h0c0,2.44-1.9,3.88-4.79,3.88-2.09.04-4.11-.61-5.56-1.9Z'%20style='fill:%20%23222;%20stroke-width:%200px;'%3e%3c/path%3e%3cpath%20d='M123.41,12.1h3.27v4.41h4.26v-4.41h3.27v11.84h-3.27v-4.49h-4.26v4.49h-3.27v-11.84Z'%20style='fill:%20%23222;%20stroke-width:%200px;'%3e%3c/path%3e%3c/svg%3e");background-size:164px auto}.logout-block{padding:20px;text-align:center}.logout-button{display:inline-block;max-width:250px;text-decoration:none;text-align:center}#login-form,#register-form{max-width:600px;margin:auto}.oidc-container{max-width:600px;margin:16px auto;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:15px;align-items:flex-start}.oidc-container>.oidc-provider{flex:none;display:block;border-radius:20px;border:1px solid #bdbdbd;background-repeat:no-repeat;background-position:center center;width:42px;height:42px;text-indent:-9999px;cursor:pointer}.oidc-container>.facebook{color:#4267b2;background-color:#4267b2;border-color:#4267b2;background-size:28px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='30'%20height='30'%20viewBox='0%200%2030%2030'%3e%3cpath%20fill='%23fff'%20fill-rule='evenodd'%20d='M30.004%2015.004c0%208.285-6.719%2015-15.004%2015s-15-6.715-15-15%206.715-15%2015-15%2015.004%206.715%2015.004%2015ZM20.84%2019.34l.664-4.336h-4.16v-2.816c0-1.184.582-2.344%202.445-2.344h1.895V6.152s-1.72-.293-3.36-.293c-3.426%200-5.668%202.079-5.668%205.84v3.305H8.848v4.336h3.808v10.484a15.43%2015.43%200%200%200%204.688%200V19.34Zm0%200'%3e%3c/path%3e-->%3c/svg%3e")}.oidc-container>.google{color:#000;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg%20width='25'%20height='24'%20viewBox='0%200%2025%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M24.2021%2012.2729C24.2021%2011.422%2024.1258%2010.6038%2023.9839%209.81836H12.6821V14.4602H19.1403C18.8621%2015.9602%2018.0167%2017.2311%2016.7458%2018.082V21.0929H20.6239C22.893%2019.0038%2024.2021%2015.9274%2024.2021%2012.2729Z'%20fill='%234285F4'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.6821%2023.9993C15.9221%2023.9993%2018.6385%2022.9248%2020.624%2021.092L16.7458%2018.0811C15.6712%2018.8011%2014.2967%2019.2266%2012.6821%2019.2266C9.55668%2019.2266%206.91122%2017.1157%205.96759%2014.2793H1.9585V17.3884C3.93304%2021.3102%207.99122%2023.9993%2012.6821%2023.9993Z'%20fill='%2334A853'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.96758%2014.2804C5.72758%2013.5604%205.59122%2012.7913%205.59122%2012.0004C5.59122%2011.2095%205.72758%2010.4404%205.96758%209.72042V6.61133H1.95849C1.14577%208.23133%200.682129%2010.0641%200.682129%2012.0004C0.682129%2013.9368%201.14577%2015.7695%201.95849%2017.3895L5.96758%2014.2804Z'%20fill='%23FBBC05'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.6821%204.77273C14.444%204.77273%2016.0258%205.37818%2017.2694%206.56727L20.7112%203.12545C18.633%201.18909%2015.9167%200%2012.6821%200C7.99122%200%203.93304%202.68909%201.9585%206.61091L5.96759%209.72C6.91122%206.88364%209.55668%204.77273%2012.6821%204.77273Z'%20fill='%23EA4335'/%3e%3c/svg%3e")}.oidc-container>.apple{color:#000;background-color:#f5f5f5;border-color:#f5f5f5;background-size:23px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xml:space='preserve'%20width='814'%20height='1000'%3e%3cpath%20d='M788.1%20340.9c-5.8%204.5-108.2%2062.2-108.2%20190.5%200%20148.4%20130.3%20200.9%20134.2%20202.2-.6%203.2-20.7%2071.9-68.7%20141.9-42.8%2061.6-87.5%20123.1-155.5%20123.1s-85.5-39.5-164-39.5c-76.5%200-103.7%2040.8-165.9%2040.8s-105.6-57-155.5-127C46.7%20790.7%200%20663%200%20541.8c0-194.4%20126.4-297.5%20250.8-297.5%2066.1%200%20121.2%2043.4%20162.7%2043.4%2039.5%200%20101.1-46%20176.3-46%2028.5%200%20130.9%202.6%20198.3%2099.2zm-234-181.5c31.1-36.9%2053.1-88.1%2053.1-139.3%200-7.1-.6-14.3-1.9-20.1-50.6%201.9-110.8%2033.7-147.1%2075.8-28.5%2032.4-55.1%2083.6-55.1%20135.5%200%207.8%201.3%2015.6%201.9%2018.1%203.2.6%208.4%201.3%2013.6%201.3%2045.4%200%20102.5-30.4%20135.5-71.3z'/%3e%3c/svg%3e")}p.tou-policy{color:var(--ys-color-text-dim);text-align:center;font-feature-settings:"clig" off,"liga" off;font-family:Roboto;font-size:14px;line-height:20px}p.tou-policy>a{text-decoration:underline;color:var(--ys-color-text-primary)}p.tou-policy>a:visited{color:var(--ys-color-text-dim)}.consent-privacy a{text-decoration:underline;color:var(--ys-color-text-primary)}.consent-privacy>a:visited{color:var(--ys-color-text-dim)}.logout-options{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px}.logout-options ys-button{min-width:184px}.logout-button{min-width:184px;width:unset}@media screen and (max-width: 424px){.logout-options ys-button{min-width:100%}.logout-button{min-width:100%}}.new-login-banner{display:flex;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--ys-color-divider-base);background:var(--ys-color-surface-base);margin-left:-12px;margin-right:-12px;padding:16px 16px 16px 56px}.new-login-banner>*{display:inline-block;vertical-align:middle;margin-right:12px}.new-login-banner>svg{min-width:32px;min-height:32px;position:absolute;top:65px;left:13px}.logout-icon{width:72px;height:72px;background-color:var(--ys-color-surface-primary);border-radius:100%;display:inline-flex;margin-top:3em}.logout-icon>svg{margin:auto}.logout-page{text-align:center}.error-page-content{background-color:var(--ys-color-surface-primary);border-radius:16px;padding:var(--ys-spacing-400);margin-top:var(--ys-spacing-300)}.error-page-content a.ys-text-link1{text-decoration:underline;color:var(--ys-color-text-primary)}.cookie-icon{width:100%;height:100%;display:inline-block;background-color:var(--ys-color-text-secondary);--svg: url("data:image/svg+xml,%3csvg%20width='48'%20height='48'%20viewBox='0%200%2048%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='cookie_24dp_5F6368_FILL0_wght700_GRAD0_opsz48%201'%3e%3cpath%20id='Vector'%20d='M23.997%2044.85C21.1263%2044.85%2018.4258%2044.3%2015.8955%2043.2C13.3652%2042.1%2011.1583%2040.6083%209.27499%2038.725C7.39166%2036.8416%205.89999%2034.6301%204.79999%2032.0905C3.69999%2029.5508%203.14999%2026.854%203.14999%2024C3.14999%2020.9%203.73333%2018.0666%204.89999%2015.5C6.06666%2012.9333%207.62499%2010.7333%209.57499%208.89998C11.525%207.06664%2013.7583%205.64164%2016.275%204.62498C18.7917%203.60831%2021.3927%203.09998%2024.078%203.09998C24.8443%203.09998%2025.6063%203.14164%2026.364%203.22498C27.1213%203.30831%2027.8667%203.43331%2028.6%203.59998C28.3667%205.03331%2028.4%206.39164%2028.7%207.67498C29%208.95831%2029.5583%2010.075%2030.375%2011.025C31.1917%2011.975%2032.2583%2012.7%2033.575%2013.2C34.8917%2013.7%2036.4333%2013.8666%2038.2%2013.7C38.1667%2015.9%2038.5917%2017.75%2039.475%2019.25C40.3583%2020.75%2042.1167%2021.5333%2044.75%2021.6C44.7833%2022%2044.8083%2022.4%2044.825%2022.8C44.8417%2023.2%2044.85%2023.581%2044.85%2023.943C44.85%2026.802%2044.325%2029.4953%2043.275%2032.023C42.225%2034.5506%2040.7667%2036.766%2038.9%2038.669C37.0333%2040.572%2034.8278%2042.078%2032.2835%2043.187C29.7392%2044.2956%2026.977%2044.85%2023.997%2044.85ZM21.006%2020.1C21.8687%2020.1%2022.6%2019.798%2023.2%2019.194C23.8%2018.59%2024.1%2017.8566%2024.1%2016.994C24.1%2016.1313%2023.798%2015.4%2023.194%2014.8C22.59%2014.2%2021.8567%2013.9%2020.994%2013.9C20.1313%2013.9%2019.4%2014.202%2018.8%2014.806C18.2%2015.41%2017.9%2016.1433%2017.9%2017.006C17.9%2017.8686%2018.202%2018.6%2018.806%2019.2C19.41%2019.8%2020.1433%2020.1%2021.006%2020.1ZM17.006%2030.1C17.8687%2030.1%2018.6%2029.798%2019.2%2029.194C19.8%2028.59%2020.1%2027.8566%2020.1%2026.994C20.1%2026.1313%2019.798%2025.4%2019.194%2024.8C18.59%2024.2%2017.8567%2023.9%2016.994%2023.9C16.1313%2023.9%2015.4%2024.202%2014.8%2024.806C14.2%2025.41%2013.9%2026.1433%2013.9%2027.006C13.9%2027.8686%2014.202%2028.6%2014.806%2029.2C15.41%2029.8%2016.1433%2030.1%2017.006%2030.1ZM30%2032C30.5667%2032%2031.0417%2031.8083%2031.425%2031.425C31.8083%2031.0416%2032%2030.5666%2032%2030C32%2029.4333%2031.8083%2028.9583%2031.425%2028.575C31.0417%2028.1916%2030.5667%2028%2030%2028C29.4333%2028%2028.9583%2028.1916%2028.575%2028.575C28.1917%2028.9583%2028%2029.4333%2028%2030C28%2030.5666%2028.1917%2031.0416%2028.575%2031.425C28.9583%2031.8083%2029.4333%2032%2030%2032ZM24.015%2040.15C28.4437%2040.15%2032.1067%2038.725%2035.004%2035.875C37.9013%2033.025%2039.6%2029.5%2040.1%2025.3C38.4333%2024.6333%2037.0583%2023.6583%2035.975%2022.375C34.8917%2021.0916%2034.2167%2019.65%2033.95%2018.05C31.3833%2017.65%2029.15%2016.5%2027.25%2014.6C25.35%2012.7%2024.2167%2010.4666%2023.85%207.89998C21.8167%207.93331%2019.8417%208.33331%2017.925%209.09998C16.0083%209.86664%2014.3083%2010.9416%2012.825%2012.325C11.3417%2013.7083%2010.1417%2015.3808%209.22499%2017.3425C8.30833%2019.3041%207.84999%2021.5233%207.84999%2024C7.84999%2028.5146%209.41299%2032.335%2012.539%2035.461C15.665%2038.587%2019.4903%2040.15%2024.015%2040.15Z'%20fill='rgb(0,0,0)'/%3e%3c/g%3e%3c/svg%3e");-webkit-mask:var(--svg) no-repeat center / contain;mask:var(--svg) no-repeat center / contain}.cookie{background-color:var(--ys-color-surface-secondary);width:4rem;height:4rem;padding:var(--ys-spacing-200);border-radius:4rem;margin-bottom:var(--ys-spacing-600);margin-left:auto;margin-right:auto}.question-icon{width:1.2rem;display:inline-block;background-color:var(--ys-color-text-primary);--svg: url(/public/images/question.svg);-webkit-mask:var(--svg) no-repeat center / contain;mask:var(--svg) no-repeat center / contain}