._legend-wrapper_120mk_1{background-color:#e8e6e6;border-radius:5px;padding-top:1rem;min-width:320px;font-family:Atlas Grotesk Web,sans-serif;pointer-events:none}._legend-wrapper_120mk_1._collapsed_120mk_9{padding-bottom:.7rem}._controls-wrapper_120mk_13{display:flex;justify-content:space-between;align-items:center;margin-top:.3rem;padding:0 1rem}._title_120mk_21{font-family:Montefiore Bold Condensed,sans-serif;font-size:36px;line-height:.8;margin:0;padding:0 1rem;font-weight:400;max-width:320px}._logo_120mk_31{height:24px}._toggle-button_120mk_35{background-color:#d9d9d9;border:0px solid #bdbdbd;border-radius:15px;padding:4px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12px;pointer-events:auto}._toggle-button_120mk_35 ._arrow_120mk_47{border:solid black;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg)}._toggle-button_120mk_35._expanded_120mk_54 ._arrow_120mk_47{transform:rotate(-135deg)}._content_120mk_58{background-color:#fff;border-radius:0 0 5px 5px;margin-top:.7rem;padding:1rem;display:flex;flex-direction:column;gap:.3rem;pointer-events:auto}._item_120mk_69{display:flex;align-items:center;gap:1rem}._color-swatch_120mk_75{width:40px;height:40px;border-radius:4px}._label_120mk_81{font-size:14px;font-weight:700}._cardWrapper_pqvxs_1{position:relative;padding:1rem;z-index:2;display:block;max-width:375px;width:100%}._overlay_pqvxs_10{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;cursor:pointer;display:flex;justify-content:center;align-items:center;pointer-events:auto}._tooltip_pqvxs_24{background-color:#000000bf;color:#fff;padding:8px 12px;border-radius:4px;text-align:center;white-space:nowrap;pointer-events:all}._deactivationButton_pqvxs_34{position:absolute;bottom:2rem;right:1rem;z-index:2;padding:.5rem 1rem;background-color:#000000bf;color:#fff;border:1px solid white;border-radius:4px;cursor:pointer}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 0}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*,*:before,*:after{box-sizing:inherit}#root{display:block;position:relative;height:100%;width:100%}html{height:100%;box-sizing:border-box;font-size:16px;scroll-behavior:smooth}body{min-width:320px;height:100%;font-size:16px;font-feature-settings:"liga","kern";overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;padding:0;margin:0;background-color:#222}@font-face{font-family:Atlas Grotesk Web;src:url(https://www.onxmaps.com/assets/fonts/AtlasGrotesk-Bold-Web.eot);src:url(https://www.onxmaps.com/assets/fonts/AtlasGrotesk-Bold-Web.eot?#iefix) format("embedded-opentype"),url(https://www.onxmaps.com/assets/fonts/AtlasGrotesk-Bold-Web.woff2) format("woff2"),url(https://www.onxmaps.com/assets/fonts/AtlasGrotesk-Bold-Web.woff) format("woff");font-weight:700;font-style:normal;font-stretch:normal;font-display:swap}@font-face{font-family:Montefiore Bold Condensed;src:url(https://www.onxmaps.com/assets/fonts/Montefiore-BoldCondensed.eot);src:url(https://www.onxmaps.com/assets/fonts/Montefiore-BoldCondensed.eot?#iefix) format("embedded-opentype"),url(https://www.onxmaps.com/assets/fonts/Montefiore-BoldCondensed.woff) format("woff"),url(https://www.onxmaps.com/assets/fonts/Montefiore-BoldCondensed.woff2) format("woff2"),url(https://www.onxmaps.com/assets/fonts/Montefiore-BoldCondensed.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:where(html){--ys-spacing-25: .125rem;--ys-spacing-50: .25rem;--ys-spacing-100: .5rem;--ys-spacing-150: .75rem;--ys-spacing-200: 1rem;--ys-spacing-250: 1.25rem;--ys-spacing-300: 1.5rem;--ys-spacing-400: 2rem;--ys-spacing-500: 2.5rem;--ys-spacing-600: 3rem;--ys-spacing-700: 3.5rem;--ys-spacing-750: 3.75rem;--ys-sizing-100: .5rem;--ys-sizing-150: .75rem;--ys-sizing-200: 1rem;--ys-sizing-250: 1.25rem;--ys-sizing-300: 1.5rem;--ys-sizing-400: 2rem;--ys-sizing-500: 2.5rem;--ys-sizing-600: 3rem;--ys-sizing-700: 3.5rem;--ys-sizing-800: 4rem;--ys-sizing-900: 4.5rem;--ys-sizing-1000: 5rem;--ys-text-title0-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-title0-fontWeight: 700;--ys-text-title0-lineHeight: 4rem;--ys-text-title0-fontSize: 3.5625rem;--ys-text-title0-letterSpacing: 0;--ys-text-title1-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-title1-fontWeight: 700;--ys-text-title1-lineHeight: 2.75rem;--ys-text-title1-fontSize: 2.25rem;--ys-text-title1-letterSpacing: 0;--ys-text-title2-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-title2-fontWeight: 700;--ys-text-title2-lineHeight: 2.5rem;--ys-text-title2-fontSize: 2rem;--ys-text-title2-letterSpacing: 0;--ys-text-title3-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-title3-fontWeight: 700;--ys-text-title3-lineHeight: 2rem;--ys-text-title3-fontSize: 1.5rem;--ys-text-title3-letterSpacing: 0;--ys-text-title4-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-title4-fontWeight: 700;--ys-text-title4-lineHeight: 1.5rem;--ys-text-title4-fontSize: 1.125rem;--ys-text-title4-letterSpacing: 0;--ys-text-title5-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-title5-fontWeight: 700;--ys-text-title5-lineHeight: 1.5rem;--ys-text-title5-fontSize: 1rem;--ys-text-title5-letterSpacing: 0;--ys-text-title6-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-title6-fontWeight: 700;--ys-text-title6-lineHeight: 1.25rem;--ys-text-title6-fontSize: .875rem;--ys-text-title6-letterSpacing: 0;--ys-text-subtitle1-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-subtitle1-fontWeight: 400;--ys-text-subtitle1-lineHeight: 1.75rem;--ys-text-subtitle1-fontSize: 1.375rem;--ys-text-subtitle1-letterSpacing: 0;--ys-text-subtitle2-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-subtitle2-fontWeight: 500;--ys-text-subtitle2-lineHeight: 1.25rem;--ys-text-subtitle2-fontSize: 1rem;--ys-text-subtitle2-letterSpacing: -.0125rem;--ys-text-subtitle3-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-subtitle3-fontWeight: 500;--ys-text-subtitle3-lineHeight: 1.25rem;--ys-text-subtitle3-fontSize: .875rem;--ys-text-subtitle3-letterSpacing: 0;--ys-text-subtitle4-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-subtitle4-fontWeight: 500;--ys-text-subtitle4-lineHeight: 1rem;--ys-text-subtitle4-fontSize: .75rem;--ys-text-subtitle4-letterSpacing: -.0125rem;--ys-text-body0-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body0-fontWeight: 400;--ys-text-body0-lineHeight: 1.5rem;--ys-text-body0-fontSize: 1rem;--ys-text-body0-letterSpacing: 0;--ys-text-body0-paragraphSpacing: 1.25rem;--ys-text-body0-medium-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body0-medium-fontWeight: 500;--ys-text-body0-medium-lineHeight: 1.5rem;--ys-text-body0-medium-fontSize: 1rem;--ys-text-body0-medium-letterSpacing: 0;--ys-text-body0-medium-paragraphSpacing: 1.25rem;--ys-text-body0-bold-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body0-bold-fontWeight: 700;--ys-text-body0-bold-lineHeight: 1.5rem;--ys-text-body0-bold-fontSize: 1rem;--ys-text-body0-bold-letterSpacing: 0;--ys-text-body0-bold-paragraphSpacing: 1.25rem;--ys-text-body1-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body1-fontWeight: 400;--ys-text-body1-lineHeight: 1.25rem;--ys-text-body1-fontSize: .875rem;--ys-text-body1-letterSpacing: 0;--ys-text-body1-paragraphSpacing: .875rem;--ys-text-body1-italic-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body1-italic-font-style: italic;--ys-text-body1-italic-lineHeight: 1.25rem;--ys-text-body1-italic-fontSize: .875rem;--ys-text-body1-italic-letterSpacing: 0;--ys-text-body1-italic-paragraphSpacing: .875rem;--ys-text-body1-medium-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body1-medium-fontWeight: 500;--ys-text-body1-medium-lineHeight: 1.25rem;--ys-text-body1-medium-fontSize: .875rem;--ys-text-body1-medium-letterSpacing: 0;--ys-text-body1-medium-paragraphSpacing: .875rem;--ys-text-body1-bold-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body1-bold-fontWeight: 700;--ys-text-body1-bold-lineHeight: 1.25rem;--ys-text-body1-bold-fontSize: .875rem;--ys-text-body1-bold-letterSpacing: 0;--ys-text-body1-bold-paragraphSpacing: .875rem;--ys-text-body2-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body2-fontWeight: 400;--ys-text-body2-lineHeight: 1rem;--ys-text-body2-fontSize: .75rem;--ys-text-body2-letterSpacing: 0;--ys-text-body2-paragraphSpacing: .75rem;--ys-text-body2-bold-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body2-bold-fontWeight: 700;--ys-text-body2-bold-lineHeight: 1rem;--ys-text-body2-bold-fontSize: .75rem;--ys-text-body2-bold-letterSpacing: 0;--ys-text-body2-bold-paragraphSpacing: .75rem;--ys-text-body2-italic-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-body2-italic-font-style: italic;--ys-text-body2-italic-lineHeight: 1rem;--ys-text-body2-italic-fontSize: .75rem;--ys-text-body2-italic-letterSpacing: 0;--ys-text-body2-italic-paragraphSpacing: .75rem;--ys-text-metadata1-bold-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-metadata1-bold-fontWeight: 700;--ys-text-metadata1-bold-lineHeight: 1rem;--ys-text-metadata1-bold-fontSize: .6875rem;--ys-text-metadata1-bold-letterSpacing: 0;--ys-text-metadata1-medium-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-metadata1-medium-fontWeight: 500;--ys-text-metadata1-medium-lineHeight: 1rem;--ys-text-metadata1-medium-fontSize: .6875rem;--ys-text-metadata1-medium-letterSpacing: 0;--ys-text-metadata1-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-metadata1-fontWeight: 400;--ys-text-metadata1-lineHeight: 1rem;--ys-text-metadata1-fontSize: .6875rem;--ys-text-metadata1-letterSpacing: 0;--ys-text-metadata1-italic-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-metadata1-italic-font-style: italic;--ys-text-metadata1-italic-lineHeight: 1rem;--ys-text-metadata1-italic-fontSize: .6875rem;--ys-text-metadata1-italic-letterSpacing: 0;--ys-text-button1-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-button1-fontWeight: 900;--ys-text-button1-lineHeight: 1.5rem;--ys-text-button1-fontSize: 1rem;--ys-text-button1-letterSpacing: 0;--ys-text-button2-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-button2-fontWeight: 900;--ys-text-button2-lineHeight: 1.25rem;--ys-text-button2-fontSize: .875rem;--ys-text-button2-letterSpacing: 0;--ys-text-button3-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-button3-fontWeight: 900;--ys-text-button3-lineHeight: 1rem;--ys-text-button3-fontSize: .75rem;--ys-text-button3-letterSpacing: 0;--ys-text-link0-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-link0-fontWeight: 400;--ys-text-link0-lineHeight: 1.5rem;--ys-text-link0-fontSize: 1rem;--ys-text-link0-letterSpacing: 0;--ys-text-link0-textDecoration: underline;--ys-text-link1-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-link1-fontWeight: 400;--ys-text-link1-lineHeight: 1.25rem;--ys-text-link1-fontSize: .875rem;--ys-text-link1-letterSpacing: 0;--ys-text-link1-textDecoration: underline;--ys-text-link2-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-link2-fontWeight: 400;--ys-text-link2-lineHeight: 1rem;--ys-text-link2-fontSize: .75rem;--ys-text-link2-letterSpacing: 0;--ys-text-link2-textDecoration: underline;--ys-text-numeric1-fontFamily: "Roboto", "Arial", sans-serif;--ys-text-numeric1-fontWeight: 900;--ys-text-numeric1-lineHeight: 3.75rem;--ys-text-numeric1-fontSize: 3.5rem;--ys-text-numeric1-letterSpacing: -.0625rem;--ys-radius-0: 0;--ys-radius-25: .125rem;--ys-radius-50: .25rem;--ys-radius-100: .5rem;--ys-radius-150: .75rem;--ys-radius-200: 1rem;--ys-radius-250: 1.25rem;--ys-radius-300: 1.5rem;--ys-radius-400: 2rem}:where(html:not([data-mode=dark])){color-scheme:light;--ys-color-button-surface-primary-rest: #333333ff;--ys-color-button-surface-primary-hover: #292929ff;--ys-color-button-surface-primary-active: #292929ff;--ys-color-button-surface-primary-focus: #333333ff;--ys-color-button-surface-primary-disabled: #33333380;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #333333ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #494949ff;--ys-color-button-surface-secondary-reverse-hover: #4f4f4fff;--ys-color-button-surface-secondary-reverse-active: #4f4f4fff;--ys-color-button-surface-secondary-reverse-focus: #494949ff;--ys-color-button-surface-secondary-reverse-disabled: #49494980;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #494949ff;--ys-color-button-surface-ghost-reverse-active: #494949ff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-primary-active: #555555ff;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #555555ff;--ys-color-brand-secondary: #777777ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #313231ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #333333ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #333333ff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #000000ff;--ys-color-tool-line-brand: #000000ff;--ys-color-tool-area-brand: #505050ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff}:where([data-mode=light]){color-scheme:light;--ys-color-button-surface-primary-rest: #333333ff;--ys-color-button-surface-primary-hover: #292929ff;--ys-color-button-surface-primary-active: #292929ff;--ys-color-button-surface-primary-focus: #333333ff;--ys-color-button-surface-primary-disabled: #33333380;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #333333ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #494949ff;--ys-color-button-surface-secondary-reverse-hover: #4f4f4fff;--ys-color-button-surface-secondary-reverse-active: #4f4f4fff;--ys-color-button-surface-secondary-reverse-focus: #494949ff;--ys-color-button-surface-secondary-reverse-disabled: #49494980;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #494949ff;--ys-color-button-surface-ghost-reverse-active: #494949ff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-primary-active: #555555ff;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #555555ff;--ys-color-brand-secondary: #777777ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #313231ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #333333ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #333333ff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #000000ff;--ys-color-tool-line-brand: #000000ff;--ys-color-tool-area-brand: #505050ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff}:where([data-theme=backcountry]:not([data-mode=dark])){color-scheme:light;--ys-color-button-surface-primary-rest: #006df3ff;--ys-color-button-surface-primary-hover: #006aebff;--ys-color-button-surface-primary-active: #006aebff;--ys-color-button-surface-primary-focus: #006df3ff;--ys-color-button-surface-primary-disabled: #006df380;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #006df3ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #464d54ff;--ys-color-button-surface-secondary-reverse-hover: #4b5259ff;--ys-color-button-surface-secondary-reverse-active: #4b5259ff;--ys-color-button-surface-secondary-reverse-focus: #464d54ff;--ys-color-button-surface-secondary-reverse-disabled: #464d5480;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #464d53ff;--ys-color-button-surface-ghost-reverse-active: #464d53ff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-primary-active: #087bffff;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #087bffff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333333ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #2e3033ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #006df3ff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #087affff;--ys-color-tool-line-brand: #087affff;--ys-color-tool-area-brand: #4a90e2ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff}:where([data-mode=light][data-theme=backcountry]){color-scheme:light;--ys-color-button-surface-primary-rest: #006df3ff;--ys-color-button-surface-primary-hover: #006aebff;--ys-color-button-surface-primary-active: #006aebff;--ys-color-button-surface-primary-focus: #006df3ff;--ys-color-button-surface-primary-disabled: #006df380;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #006df3ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #464d54ff;--ys-color-button-surface-secondary-reverse-hover: #4b5259ff;--ys-color-button-surface-secondary-reverse-active: #4b5259ff;--ys-color-button-surface-secondary-reverse-focus: #464d54ff;--ys-color-button-surface-secondary-reverse-disabled: #464d5480;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #464d53ff;--ys-color-button-surface-ghost-reverse-active: #464d53ff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-primary-active: #087bffff;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #087bffff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333333ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #2e3033ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #006df3ff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #087affff;--ys-color-tool-line-brand: #087affff;--ys-color-tool-area-brand: #4a90e2ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff}:where([data-theme=fish]:not([data-mode=dark])){color-scheme:light;--ys-color-button-surface-primary-rest: #60811bff;--ys-color-button-surface-primary-hover: #587619ff;--ys-color-button-surface-primary-active: #587619ff;--ys-color-button-surface-primary-focus: #60811bff;--ys-color-button-surface-primary-disabled: #60811b80;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #60811bff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #4f4b44ff;--ys-color-button-surface-secondary-reverse-hover: #555049ff;--ys-color-button-surface-secondary-reverse-active: #555049ff;--ys-color-button-surface-secondary-reverse-focus: #4f4b44ff;--ys-color-button-surface-secondary-reverse-disabled: #4f4b4480;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #4f4b44ff;--ys-color-button-surface-ghost-reverse-active: #4f4b44ff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-primary-active: #60811bff;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #60811bff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333333ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #313231ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #60811bff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #84d400ff;--ys-color-tool-line-brand: #84d400ff;--ys-color-tool-area-brand: #2a8b61ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-text-class: #333333ff;--ys-color-tag-surface-class: #ffffffff}:where([data-mode=light][data-theme=fish]){color-scheme:light;--ys-color-button-surface-primary-rest: #60811bff;--ys-color-button-surface-primary-hover: #587619ff;--ys-color-button-surface-primary-active: #587619ff;--ys-color-button-surface-primary-focus: #60811bff;--ys-color-button-surface-primary-disabled: #60811b80;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #60811bff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #4f4b44ff;--ys-color-button-surface-secondary-reverse-hover: #555049ff;--ys-color-button-surface-secondary-reverse-active: #555049ff;--ys-color-button-surface-secondary-reverse-focus: #4f4b44ff;--ys-color-button-surface-secondary-reverse-disabled: #4f4b4480;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #4f4b44ff;--ys-color-button-surface-ghost-reverse-active: #4f4b44ff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-primary-active: #60811bff;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #60811bff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333333ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #313231ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #60811bff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #84d400ff;--ys-color-tool-line-brand: #84d400ff;--ys-color-tool-area-brand: #2a8b61ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-text-class: #333333ff;--ys-color-tag-surface-class: #ffffffff}:where([data-theme=hunt]:not([data-mode=dark])){color-scheme:light;--ys-color-button-surface-primary-rest: #ff3300ff;--ys-color-button-surface-primary-hover: #c92800ff;--ys-color-button-surface-primary-active: #c92800ff;--ys-color-button-surface-primary-focus: #ff3300ff;--ys-color-button-surface-primary-disabled: #ff330080;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #ff3300ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #514c4aff;--ys-color-button-surface-secondary-reverse-hover: #55504eff;--ys-color-button-surface-secondary-reverse-active: #55504eff;--ys-color-button-surface-secondary-reverse-focus: #514c4aff;--ys-color-button-surface-secondary-reverse-disabled: #514c4a80;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #514c4aff;--ys-color-button-surface-ghost-reverse-active: #514c4aff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-stroke-primary-active: #ff3300ff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #ff3300ff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333333ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #333130ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #ff3300ff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-brand: #ff3300ff;--ys-color-tool-line-brand: #ff3300ff;--ys-color-tool-area-brand: #d4532fff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff}:where([data-mode=light][data-theme=hunt]){color-scheme:light;--ys-color-button-surface-primary-rest: #ff3300ff;--ys-color-button-surface-primary-hover: #c92800ff;--ys-color-button-surface-primary-active: #c92800ff;--ys-color-button-surface-primary-focus: #ff3300ff;--ys-color-button-surface-primary-disabled: #ff330080;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #ff3300ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #514c4aff;--ys-color-button-surface-secondary-reverse-hover: #55504eff;--ys-color-button-surface-secondary-reverse-active: #55504eff;--ys-color-button-surface-secondary-reverse-focus: #514c4aff;--ys-color-button-surface-secondary-reverse-disabled: #514c4a80;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #514c4aff;--ys-color-button-surface-ghost-reverse-active: #514c4aff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-stroke-primary-active: #ff3300ff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #ff3300ff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333333ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #333130ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #ff3300ff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-brand: #ff3300ff;--ys-color-tool-line-brand: #ff3300ff;--ys-color-tool-area-brand: #d4532fff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff}:where([data-theme=offroad]:not([data-mode=dark])){color-scheme:light;--ys-color-button-surface-primary-rest: #ff9f0eff;--ys-color-button-surface-primary-hover: #ff9a01ff;--ys-color-button-surface-primary-active: #ff9a01ff;--ys-color-button-surface-primary-focus: #ff9f0eff;--ys-color-button-surface-primary-disabled: #ff9f0e80;--ys-color-button-text-primary-rest: #333333ff;--ys-color-button-text-primary-hover: #333333ff;--ys-color-button-text-primary-active: #333333ff;--ys-color-button-text-primary-focus: #333333ff;--ys-color-button-text-primary-disabled: #33333380;--ys-color-button-stroke-primary-focus: #ff9f0eff;--ys-color-button-icon-primary: #333333ff;--ys-color-button-icon-primary-disabled: #33333380;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #5c5852ff;--ys-color-button-surface-secondary-reverse-hover: #615d56ff;--ys-color-button-surface-secondary-reverse-active: #615d56ff;--ys-color-button-surface-secondary-reverse-focus: #5c5852ff;--ys-color-button-surface-secondary-reverse-disabled: #5c585280;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #5c5852ff;--ys-color-button-surface-ghost-reverse-active: #5c5852ff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-stroke-primary-active: #ff9f0eff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #ff9f0eff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333333ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #33312eff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #ff9f0eff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #333333ff;--ys-color-tag-icon-brand: #333333ff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brand: #000000ff;--ys-color-tool-line-brand: #000000ff;--ys-color-tool-area-brand: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff}:where([data-mode=light][data-theme=offroad]){color-scheme:light;--ys-color-button-surface-primary-rest: #ff9f0eff;--ys-color-button-surface-primary-hover: #ff9a01ff;--ys-color-button-surface-primary-active: #ff9a01ff;--ys-color-button-surface-primary-focus: #ff9f0eff;--ys-color-button-surface-primary-disabled: #ff9f0e80;--ys-color-button-text-primary-rest: #333333ff;--ys-color-button-text-primary-hover: #333333ff;--ys-color-button-text-primary-active: #333333ff;--ys-color-button-text-primary-focus: #333333ff;--ys-color-button-text-primary-disabled: #33333380;--ys-color-button-stroke-primary-focus: #ff9f0eff;--ys-color-button-icon-primary: #333333ff;--ys-color-button-icon-primary-disabled: #33333380;--ys-color-button-surface-secondary-rest: #ebebebff;--ys-color-button-surface-secondary-hover: #e6e6e6ff;--ys-color-button-surface-secondary-active: #e6e6e6ff;--ys-color-button-surface-secondary-focus: #ebebebff;--ys-color-button-surface-secondary-disabled: #ebebeb80;--ys-color-button-text-secondary-rest: #333333ff;--ys-color-button-text-secondary-hover: #333333ff;--ys-color-button-text-secondary-active: #333333ff;--ys-color-button-text-secondary-focus: #333333ff;--ys-color-button-text-secondary-disabled: #33333380;--ys-color-button-stroke-secondary-focus: #333333ff;--ys-color-button-icon-secondary: #333333ff;--ys-color-button-icon-secondary-disabled: #33333380;--ys-color-button-surface-ghost-hover: #ebebebff;--ys-color-button-surface-ghost-active: #ebebebff;--ys-color-button-stroke-ghost-focus: #333333ff;--ys-color-button-text-ghost: #333333ff;--ys-color-button-text-ghost-disabled: #33333380;--ys-color-button-icon-ghost: #333333ff;--ys-color-button-icon-ghost-disabled: #33333380;--ys-color-button-surface-secondary-reverse-rest: #5c5852ff;--ys-color-button-surface-secondary-reverse-hover: #615d56ff;--ys-color-button-surface-secondary-reverse-active: #615d56ff;--ys-color-button-surface-secondary-reverse-focus: #5c5852ff;--ys-color-button-surface-secondary-reverse-disabled: #5c585280;--ys-color-button-text-secondary-reverse-rest: #e2e2e2ff;--ys-color-button-text-secondary-reverse-hover: #e2e2e2ff;--ys-color-button-text-secondary-reverse-active: #e2e2e2ff;--ys-color-button-text-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-text-secondary-reverse-disabled: #e2e2e280;--ys-color-button-stroke-secondary-reverse-focus: #e2e2e2ff;--ys-color-button-icon-secondary-reverse: #e2e2e2ff;--ys-color-button-icon-secondary-reverse-disabled: #e2e2e280;--ys-color-button-surface-ghost-reverse-hover: #5c5852ff;--ys-color-button-surface-ghost-reverse-active: #5c5852ff;--ys-color-button-stroke-ghost-reverse-focus: #e2e2e2ff;--ys-color-button-text-ghost-reverse: #e2e2e2ff;--ys-color-button-text-ghost-reverse-disabled: #e2e2e280;--ys-color-button-icon-ghost-reverse: #e2e2e2ff;--ys-color-button-icon-ghost-reverse-disabled: #e2e2e280;--ys-color-button-surface-floating-rest: #333333ff;--ys-color-button-surface-floating-hover: #292929ff;--ys-color-button-surface-floating-active: #292929ff;--ys-color-button-surface-floating-focus: #333333ff;--ys-color-button-surface-floating-disabled: #33333380;--ys-color-button-stroke-floating-focus: #333333ff;--ys-color-button-text-floating: #ffffffff;--ys-color-button-text-floating-disabled: #ffffff80;--ys-color-button-icon-floating: #ffffffff;--ys-color-button-icon-floating-disabled: #ffffff80;--ys-color-button-stroke-secondary-active: #e2e2e2ff;--ys-color-button-stroke-primary-active: #ff9f0eff;--ys-color-button-stroke-secondaryOutline-rest: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-stroke-secondaryOutline-active: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-focus: #a5a5a5ff;--ys-color-button-stroke-secondaryOutline-disabled: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-hover: #f5f5f5ff;--ys-color-button-surface-secondaryOutline-active: #f5f5f5ff;--ys-color-button-text-secondaryOutline-rest: #333333ff;--ys-color-button-text-secondaryOutline-hover: #222222ff;--ys-color-button-text-secondaryOutline-active: #333333ff;--ys-color-button-text-secondaryOutline-focus: #333333ff;--ys-color-button-text-secondaryOutline-disabled: #a5a5a5ff;--ys-color-snackbar-icon-error: #e75b5cff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #65b604ff;--ys-color-brand-primary: #ff9f0eff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #ffffffff;--ys-color-surface-primary: #f5f5f5ff;--ys-color-surface-secondary: #e2e2e2ff;--ys-color-surface-inset: #f5f5f5ff;--ys-color-surface-tertiary: #bdbdbdff;--ys-color-surface-reverse: #333333ff;--ys-color-surface-disabled: #ebebeb80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333333ff;--ys-color-divider-base: #e2e2e2ff;--ys-color-divider-primary: #bdbdbdff;--ys-color-divider-secondary: #a5a5a5ff;--ys-color-divider-tertiary: #8b8b8bff;--ys-color-text-primary: #333333ff;--ys-color-text-secondary: #464646ff;--ys-color-text-tertiary: #555555ff;--ys-color-text-dim: #777777ff;--ys-color-text-reverse: #ffffffff;--ys-color-text-disabled: #a5a5a5ff;--ys-color-icon-primary: #333333ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #ffffffff;--ys-color-icon-disabled: #a5a5a5ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #33312eff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #ffffffff;--ys-color-alert-error: #db0000ff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #65b604ff;--ys-color-background-primary: #ffffffff;--ys-color-background-secondary: #f5f5f5ff;--ys-color-stroke-base: #8b8b8bff;--ys-color-stroke-primary: #e2e2e2ff;--ys-color-stroke-secondary: #f5f5f5ff;--ys-color-stroke-disabled: #e2e2e2ff;--ys-color-stroke-reverse: #333333ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #464646ff;--ys-color-controls-segmented-active: #ffffffff;--ys-color-controls-segmented-inactive: #f5f5f5ff;--ys-color-controls-switch-rest-off-track: #bdbdbdff;--ys-color-controls-switch-rest-off-knob: #ffffffff;--ys-color-controls-switch-rest-on-track: #65b604ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #a5a5a5ff;--ys-color-controls-switch-hover-off-knob: #ffffffff;--ys-color-controls-switch-hover-on-track: #457d03ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #292929ff;--ys-color-controls-radio-surface-hover-off: #e6e6e6ff;--ys-color-controls-radio-surface-pressed-on: #292929ff;--ys-color-controls-radio-surface-pressed-off: #e6e6e6ff;--ys-color-controls-radio-surface-disabled-on: #33333380;--ys-color-controls-checkbox-surface-hover-on: #292929ff;--ys-color-controls-checkbox-surface-hover-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-pressed-on: #292929ff;--ys-color-controls-checkbox-surface-pressed-off: #e6e6e6ff;--ys-color-controls-checkbox-surface-disabled-on: #33333380;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #ff9f0eff;--ys-color-tag-surface-primary: #333333ff;--ys-color-tag-surface-secondary: #f5f5f5ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #333333ff;--ys-color-tag-icon-brand: #333333ff;--ys-color-tag-text-primary: #ffffffff;--ys-color-tag-text-secondary: #333333ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #ffffffff;--ys-color-tag-icon-secondary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #ffffffff;--ys-color-tag-icon-extreme: #ffffffff;--ys-color-text-message-error: #b53431ff;--ys-color-surface-message-error: #fff3f3ff;--ys-color-stroke-message-error: #ce5050ff;--ys-color-icon-message-error: #ce5050ff;--ys-color-text-message-warning: #ba4e00ff;--ys-color-surface-message-warning: #fcf3ecff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #457f00ff;--ys-color-surface-message-success: #f5fee9ff;--ys-color-stroke-message-success: #559b00ff;--ys-color-icon-message-success: #559b00ff;--ys-color-text-message-info: #1c776dff;--ys-color-surface-message-info: #eefcfaff;--ys-color-stroke-message-info: #289d90ff;--ys-color-icon-message-info: #289d90ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #b23330ff;--ys-color-button-surface-danger-active: #b23330ff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brand: #000000ff;--ys-color-tool-line-brand: #000000ff;--ys-color-tool-area-brand: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff}@media (prefers-color-scheme: dark){:where(html:not([data-mode=light])){color-scheme:dark;--ys-color-button-surface-primary-rest: #fafafaff;--ys-color-button-surface-primary-hover: #ffffffff;--ys-color-button-surface-primary-active: #ffffffff;--ys-color-button-surface-primary-focus: #fafafaff;--ys-color-button-surface-primary-disabled: #fafafa80;--ys-color-button-text-primary-rest: #333333ff;--ys-color-button-text-primary-hover: #333333ff;--ys-color-button-text-primary-active: #333333ff;--ys-color-button-text-primary-focus: #333333ff;--ys-color-button-text-primary-disabled: #33333380;--ys-color-button-stroke-primary-focus: #fafafaff;--ys-color-button-icon-primary: #333333ff;--ys-color-button-icon-primary-disabled: #33333380;--ys-color-button-surface-secondary-rest: #494949ff;--ys-color-button-surface-secondary-hover: #4f4f4fff;--ys-color-button-surface-secondary-active: #4f4f4fff;--ys-color-button-surface-secondary-focus: #494949ff;--ys-color-button-surface-secondary-disabled: #49494980;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #494949ff;--ys-color-button-surface-ghost-active: #494949ff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-primary-active: #e2e2e2ff;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #e2e2e2ff;--ys-color-brand-secondary: #a5a5a5ff;--ys-color-surface-base: #333333ff;--ys-color-surface-primary: #464646ff;--ys-color-surface-secondary: #555555ff;--ys-color-surface-tertiary: #777777ff;--ys-color-surface-reverse: #ffffffff;--ys-color-surface-inset: #0f0f0fff;--ys-color-surface-disabled: #3a3a3a80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #313231ff;--ys-color-background-primary: #222222ff;--ys-color-background-secondary: #0f0f0fff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #333333ff;--ys-color-icon-disabled: #555555ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #333333ff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #555555ff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #a5a5a5ff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #464646ff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #777777ff;--ys-color-controls-segmented-inactive: #464646ff;--ys-color-controls-switch-rest-off-track: #777777ff;--ys-color-controls-switch-rest-off-knob: #e2e2e2ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #8b8b8bff;--ys-color-controls-switch-hover-off-knob: #e2e2e2ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #4f4f4fff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #4f4f4fff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #4f4f4fff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #4f4f4fff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #e4e3e2ff;--ys-color-tag-surface-primary: #e4e3e2ff;--ys-color-tag-surface-secondary: #46433fff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #333333ff;--ys-color-tag-icon-brand: #333333ff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #000000ff;--ys-color-tool-line-brand: #000000ff;--ys-color-tool-area-brand: #505050ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff}}:where([data-mode=dark]){color-scheme:dark;--ys-color-button-surface-primary-rest: #fafafaff;--ys-color-button-surface-primary-hover: #ffffffff;--ys-color-button-surface-primary-active: #ffffffff;--ys-color-button-surface-primary-focus: #fafafaff;--ys-color-button-surface-primary-disabled: #fafafa80;--ys-color-button-text-primary-rest: #333333ff;--ys-color-button-text-primary-hover: #333333ff;--ys-color-button-text-primary-active: #333333ff;--ys-color-button-text-primary-focus: #333333ff;--ys-color-button-text-primary-disabled: #33333380;--ys-color-button-stroke-primary-focus: #fafafaff;--ys-color-button-icon-primary: #333333ff;--ys-color-button-icon-primary-disabled: #33333380;--ys-color-button-surface-secondary-rest: #494949ff;--ys-color-button-surface-secondary-hover: #4f4f4fff;--ys-color-button-surface-secondary-active: #4f4f4fff;--ys-color-button-surface-secondary-focus: #494949ff;--ys-color-button-surface-secondary-disabled: #49494980;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #494949ff;--ys-color-button-surface-ghost-active: #494949ff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-primary-active: #e2e2e2ff;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #e2e2e2ff;--ys-color-brand-secondary: #a5a5a5ff;--ys-color-surface-base: #333333ff;--ys-color-surface-primary: #464646ff;--ys-color-surface-secondary: #555555ff;--ys-color-surface-tertiary: #777777ff;--ys-color-surface-reverse: #ffffffff;--ys-color-surface-inset: #0f0f0fff;--ys-color-surface-disabled: #3a3a3a80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #313231ff;--ys-color-background-primary: #222222ff;--ys-color-background-secondary: #0f0f0fff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #333333ff;--ys-color-icon-disabled: #555555ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #333333ff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #555555ff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #a5a5a5ff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #464646ff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #777777ff;--ys-color-controls-segmented-inactive: #464646ff;--ys-color-controls-switch-rest-off-track: #777777ff;--ys-color-controls-switch-rest-off-knob: #e2e2e2ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #8b8b8bff;--ys-color-controls-switch-hover-off-knob: #e2e2e2ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #4f4f4fff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #4f4f4fff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #4f4f4fff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #4f4f4fff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #e4e3e2ff;--ys-color-tag-surface-primary: #e4e3e2ff;--ys-color-tag-surface-secondary: #46433fff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #333333ff;--ys-color-tag-icon-brand: #333333ff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #000000ff;--ys-color-tool-line-brand: #000000ff;--ys-color-tool-area-brand: #505050ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #333333ff}@media (prefers-color-scheme: dark){:where([data-theme=backcountry]:not([data-mode=light])){color-scheme:dark;--ys-color-button-surface-primary-rest: #006df3ff;--ys-color-button-surface-primary-hover: #0073ffff;--ys-color-button-surface-primary-active: #0073ffff;--ys-color-button-surface-primary-focus: #006df3ff;--ys-color-button-surface-primary-disabled: #006df380;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #006df3ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #464d54ff;--ys-color-button-surface-secondary-hover: #4b5259ff;--ys-color-button-surface-secondary-active: #4b5259ff;--ys-color-button-surface-secondary-focus: #464d54ff;--ys-color-button-surface-secondary-disabled: #464d5480;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #464d53ff;--ys-color-button-surface-ghost-active: #464d53ff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-primary-active: #0056bbff;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #087bffff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #2e3033ff;--ys-color-surface-primary: #3f4246ff;--ys-color-surface-secondary: #4d5155ff;--ys-color-surface-tertiary: #4d5155ff;--ys-color-surface-inset: #0a0d11ff;--ys-color-surface-reverse: #ffffffff;--ys-color-surface-disabled: #37393b80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #2e3033ff;--ys-color-background-primary: #1f2123ff;--ys-color-background-secondary: #0a0d11ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #2e3033ff;--ys-color-icon-disabled: #4d5155ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #2e3033ff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #4d5155ff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #a1a6aaff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #3f4246ff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #72787eff;--ys-color-controls-segmented-inactive: #3f4246ff;--ys-color-controls-switch-rest-off-track: #72787eff;--ys-color-controls-switch-rest-off-knob: #e2e3e4ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #878c92ff;--ys-color-controls-switch-hover-off-knob: #e2e3e4ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #4b5259ff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #4b5259ff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #4b5259ff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #4b5259ff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #006df3ff;--ys-color-tag-surface-primary: #e2e3e4ff;--ys-color-tag-surface-secondary: #3f4246ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #087affff;--ys-color-tool-line-brand: #087affff;--ys-color-tool-area-brand: #4a90e2ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #2e3033ff}}:where([data-mode=dark][data-theme=backcountry]){color-scheme:dark;--ys-color-button-surface-primary-rest: #006df3ff;--ys-color-button-surface-primary-hover: #0073ffff;--ys-color-button-surface-primary-active: #0073ffff;--ys-color-button-surface-primary-focus: #006df3ff;--ys-color-button-surface-primary-disabled: #006df380;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #006df3ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #464d54ff;--ys-color-button-surface-secondary-hover: #4b5259ff;--ys-color-button-surface-secondary-active: #4b5259ff;--ys-color-button-surface-secondary-focus: #464d54ff;--ys-color-button-surface-secondary-disabled: #464d5480;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #464d53ff;--ys-color-button-surface-ghost-active: #464d53ff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-primary-active: #0056bbff;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #087bffff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #2e3033ff;--ys-color-surface-primary: #3f4246ff;--ys-color-surface-secondary: #4d5155ff;--ys-color-surface-tertiary: #4d5155ff;--ys-color-surface-inset: #0a0d11ff;--ys-color-surface-reverse: #ffffffff;--ys-color-surface-disabled: #37393b80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #2e3033ff;--ys-color-background-primary: #1f2123ff;--ys-color-background-secondary: #0a0d11ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #2e3033ff;--ys-color-icon-disabled: #4d5155ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #2e3033ff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #4d5155ff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #a1a6aaff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #3f4246ff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #72787eff;--ys-color-controls-segmented-inactive: #3f4246ff;--ys-color-controls-switch-rest-off-track: #72787eff;--ys-color-controls-switch-rest-off-knob: #e2e3e4ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #878c92ff;--ys-color-controls-switch-hover-off-knob: #e2e3e4ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #4b5259ff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #4b5259ff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #4b5259ff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #4b5259ff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #006df3ff;--ys-color-tag-surface-primary: #e2e3e4ff;--ys-color-tag-surface-secondary: #3f4246ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #087affff;--ys-color-tool-line-brand: #087affff;--ys-color-tool-area-brand: #4a90e2ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #2e3033ff}@media (prefers-color-scheme: dark){:where([data-theme=fish]:not([data-mode=light])){color-scheme:dark;--ys-color-button-surface-primary-rest: #60811bff;--ys-color-button-surface-primary-hover: #5e7f1aff;--ys-color-button-surface-primary-active: #5e7f1aff;--ys-color-button-surface-primary-focus: #60811bff;--ys-color-button-surface-primary-disabled: #60811b80;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #60811bff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #4f4b44ff;--ys-color-button-surface-secondary-hover: #555049ff;--ys-color-button-surface-secondary-active: #555049ff;--ys-color-button-surface-secondary-focus: #4f4b44ff;--ys-color-button-surface-secondary-disabled: #4f4b4480;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #4f4b44ff;--ys-color-button-surface-ghost-active: #4f4b44ff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-primary-active: #60811bff;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #60811bff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #313231ff;--ys-color-surface-primary: #444443ff;--ys-color-surface-secondary: #525351ff;--ys-color-surface-inset: #0f0f0eff;--ys-color-surface-tertiary: #787976ff;--ys-color-surface-reverse: #ffffffff;--ys-color-surface-disabled: #3a3b3a80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #313231ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #313231ff;--ys-color-icon-disabled: #525351ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #313231ff;--ys-color-background-primary: #222220ff;--ys-color-background-secondary: #0f0f0eff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #525351ff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #a6a7a5ff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #444443ff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #787976ff;--ys-color-controls-segmented-inactive: #444443ff;--ys-color-controls-switch-rest-off-track: #787976ff;--ys-color-controls-switch-rest-off-knob: #e3e3e3ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #8c8e8bff;--ys-color-controls-switch-hover-off-knob: #e3e3e3ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #555049ff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #555049ff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #555049ff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #555049ff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #60811bff;--ys-color-tag-surface-primary: #e3e3e2ff;--ys-color-tag-surface-secondary: #444443ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #84d400ff;--ys-color-tool-line-brand: #84d400ff;--ys-color-tool-area-brand: #2a8b61ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #313231ff}}:where([data-mode=dark][data-theme=fish]){color-scheme:dark;--ys-color-button-surface-primary-rest: #60811bff;--ys-color-button-surface-primary-hover: #5e7f1aff;--ys-color-button-surface-primary-active: #5e7f1aff;--ys-color-button-surface-primary-focus: #60811bff;--ys-color-button-surface-primary-disabled: #60811b80;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #60811bff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #4f4b44ff;--ys-color-button-surface-secondary-hover: #555049ff;--ys-color-button-surface-secondary-active: #555049ff;--ys-color-button-surface-secondary-focus: #4f4b44ff;--ys-color-button-surface-secondary-disabled: #4f4b4480;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #4f4b44ff;--ys-color-button-surface-ghost-active: #4f4b44ff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-primary-active: #60811bff;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #60811bff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #313231ff;--ys-color-surface-primary: #444443ff;--ys-color-surface-secondary: #525351ff;--ys-color-surface-inset: #0f0f0eff;--ys-color-surface-tertiary: #787976ff;--ys-color-surface-reverse: #ffffffff;--ys-color-surface-disabled: #3a3b3a80;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #313231ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #313231ff;--ys-color-icon-disabled: #525351ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #313231ff;--ys-color-background-primary: #222220ff;--ys-color-background-secondary: #0f0f0eff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #525351ff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #a6a7a5ff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #444443ff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #787976ff;--ys-color-controls-segmented-inactive: #444443ff;--ys-color-controls-switch-rest-off-track: #787976ff;--ys-color-controls-switch-rest-off-knob: #e3e3e3ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #8c8e8bff;--ys-color-controls-switch-hover-off-knob: #e3e3e3ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #555049ff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #555049ff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #555049ff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #555049ff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #60811bff;--ys-color-tag-surface-primary: #e3e3e2ff;--ys-color-tag-surface-secondary: #444443ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #84d400ff;--ys-color-tool-line-brand: #84d400ff;--ys-color-tool-area-brand: #2a8b61ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #313231ff}@media (prefers-color-scheme: dark){:where([data-theme=hunt]:not([data-mode=light])){color-scheme:dark;--ys-color-button-surface-primary-rest: #ff3300ff;--ys-color-button-surface-primary-hover: #ff4617ff;--ys-color-button-surface-primary-active: #ff4617ff;--ys-color-button-surface-primary-focus: #ff3300ff;--ys-color-button-surface-primary-disabled: #ff330080;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #ff3300ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #514c4aff;--ys-color-button-surface-secondary-hover: #55504eff;--ys-color-button-surface-secondary-active: #55504eff;--ys-color-button-surface-secondary-focus: #514c4aff;--ys-color-button-surface-secondary-disabled: #514c4a80;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #514c4aff;--ys-color-button-surface-ghost-active: #514c4aff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-stroke-primary-active: #ff3300ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #ff3300ff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #333130ff;--ys-color-surface-primary: #464342ff;--ys-color-surface-secondary: #555251ff;--ys-color-surface-tertiary: #7b7675ff;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333130ff;--ys-color-surface-disabled: #3b383880;--ys-color-surface-inset: #110e0eff;--ys-color-surface-reverse: #ffffffff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #333130ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #333130ff;--ys-color-icon-disabled: #555251ff;--ys-color-background-primary: #222120ff;--ys-color-background-secondary: #110e0eff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #555251ff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #a8a5a4ff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #464342ff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #7b7675ff;--ys-color-controls-segmented-inactive: #464342ff;--ys-color-controls-switch-rest-off-track: #7b7675ff;--ys-color-controls-switch-rest-off-knob: #e4e3e2ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #8f8b89ff;--ys-color-controls-switch-hover-off-knob: #e4e3e2ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #55504eff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #55504eff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #55504eff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #55504eff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #ff3300ff;--ys-color-tag-surface-primary: #e4e3e2ff;--ys-color-tag-surface-secondary: #464342ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #ff3300ff;--ys-color-tool-line-brand: #ff3300ff;--ys-color-tool-area-brand: #d4532fff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tag-text-class: #333130ff}}:where([data-mode=dark][data-theme=hunt]){color-scheme:dark;--ys-color-button-surface-primary-rest: #ff3300ff;--ys-color-button-surface-primary-hover: #ff4617ff;--ys-color-button-surface-primary-active: #ff4617ff;--ys-color-button-surface-primary-focus: #ff3300ff;--ys-color-button-surface-primary-disabled: #ff330080;--ys-color-button-text-primary-rest: #ffffffff;--ys-color-button-text-primary-hover: #ffffffff;--ys-color-button-text-primary-active: #ffffffff;--ys-color-button-text-primary-focus: #ffffffff;--ys-color-button-text-primary-disabled: #ffffff80;--ys-color-button-stroke-primary-focus: #ff3300ff;--ys-color-button-icon-primary: #ffffffff;--ys-color-button-icon-primary-disabled: #ffffff80;--ys-color-button-surface-secondary-rest: #514c4aff;--ys-color-button-surface-secondary-hover: #55504eff;--ys-color-button-surface-secondary-active: #55504eff;--ys-color-button-surface-secondary-focus: #514c4aff;--ys-color-button-surface-secondary-disabled: #514c4a80;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #514c4aff;--ys-color-button-surface-ghost-active: #514c4aff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-stroke-primary-active: #ff3300ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #ff3300ff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #333130ff;--ys-color-surface-primary: #464342ff;--ys-color-surface-secondary: #555251ff;--ys-color-surface-tertiary: #7b7675ff;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #333130ff;--ys-color-surface-disabled: #3b383880;--ys-color-surface-inset: #110e0eff;--ys-color-surface-reverse: #ffffffff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #333130ff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #333130ff;--ys-color-icon-disabled: #555251ff;--ys-color-background-primary: #222120ff;--ys-color-background-secondary: #110e0eff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #555251ff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #a8a5a4ff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #464342ff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #7b7675ff;--ys-color-controls-segmented-inactive: #464342ff;--ys-color-controls-switch-rest-off-track: #7b7675ff;--ys-color-controls-switch-rest-off-knob: #e4e3e2ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #8f8b89ff;--ys-color-controls-switch-hover-off-knob: #e4e3e2ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #55504eff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #55504eff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #55504eff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #55504eff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #ff3300ff;--ys-color-tag-surface-primary: #e4e3e2ff;--ys-color-tag-surface-secondary: #464342ff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #ffffffff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-brand: #ffffffff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #ff3300ff;--ys-color-tool-line-brand: #ff3300ff;--ys-color-tool-area-brand: #d4532fff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tag-text-class: #333130ff}@media (prefers-color-scheme: dark){:where([data-theme=offroad]:not([data-mode=light])){color-scheme:dark;--ys-color-button-surface-primary-rest: #ff9f0eff;--ys-color-button-surface-primary-hover: #ffa61fff;--ys-color-button-surface-primary-active: #ffa61fff;--ys-color-button-surface-primary-focus: #ff9f0eff;--ys-color-button-surface-primary-disabled: #ff9f0e80;--ys-color-button-text-primary-rest: #333333ff;--ys-color-button-text-primary-hover: #333333ff;--ys-color-button-text-primary-active: #333333ff;--ys-color-button-text-primary-focus: #333333ff;--ys-color-button-text-primary-disabled: #33333380;--ys-color-button-stroke-primary-focus: #ff9f0eff;--ys-color-button-icon-primary: #333333ff;--ys-color-button-icon-primary-disabled: #33333380;--ys-color-button-surface-secondary-rest: #5c5852ff;--ys-color-button-surface-secondary-hover: #615d56ff;--ys-color-button-surface-secondary-active: #615d56ff;--ys-color-button-surface-secondary-focus: #5c5852ff;--ys-color-button-surface-secondary-disabled: #5c585280;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #5c5852ff;--ys-color-button-surface-ghost-active: #5c5852ff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-primary-active: #bd7200ff;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #ff9f0eff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #33312eff;--ys-color-surface-primary: #46433fff;--ys-color-surface-secondary: #55524dff;--ys-color-surface-tertiary: #55524dff;--ys-color-surface-reverse: #ffffffff;--ys-color-surface-disabled: #3b3a3880;--ys-color-surface-inset: #110e0bff;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #33312eff;--ys-color-background-primary: #23211fff;--ys-color-background-secondary: #110e0bff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #33312eff;--ys-color-icon-disabled: #555240ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #33312eff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #55524dff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #aaa7a1ff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #46433fff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #7e7972ff;--ys-color-controls-segmented-inactive: #46433fff;--ys-color-controls-switch-rest-off-track: #7e7972ff;--ys-color-controls-switch-rest-off-knob: #e4e3e2ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #928e87ff;--ys-color-controls-switch-hover-off-knob: #e4e3e2ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #615d56ff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #615d56ff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #615d56ff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #615d56ff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #ff9f0eff;--ys-color-tag-surface-primary: #e4e3e2ff;--ys-color-tag-surface-secondary: #46433fff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #222222ff;--ys-color-tag-icon-brand: #222222ff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #000000ff;--ys-color-tool-line-brand: #000000ff;--ys-color-tool-area-brand: #505050ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #33313eff}}:where([data-mode=dark][data-theme=offroad]){color-scheme:dark;--ys-color-button-surface-primary-rest: #ff9f0eff;--ys-color-button-surface-primary-hover: #ffa61fff;--ys-color-button-surface-primary-active: #ffa61fff;--ys-color-button-surface-primary-focus: #ff9f0eff;--ys-color-button-surface-primary-disabled: #ff9f0e80;--ys-color-button-text-primary-rest: #333333ff;--ys-color-button-text-primary-hover: #333333ff;--ys-color-button-text-primary-active: #333333ff;--ys-color-button-text-primary-focus: #333333ff;--ys-color-button-text-primary-disabled: #33333380;--ys-color-button-stroke-primary-focus: #ff9f0eff;--ys-color-button-icon-primary: #333333ff;--ys-color-button-icon-primary-disabled: #33333380;--ys-color-button-surface-secondary-rest: #5c5852ff;--ys-color-button-surface-secondary-hover: #615d56ff;--ys-color-button-surface-secondary-active: #615d56ff;--ys-color-button-surface-secondary-focus: #5c5852ff;--ys-color-button-surface-secondary-disabled: #5c585280;--ys-color-button-text-secondary-rest: #e2e2e2ff;--ys-color-button-text-secondary-hover: #e2e2e2ff;--ys-color-button-text-secondary-active: #e2e2e2ff;--ys-color-button-text-secondary-focus: #e2e2e2ff;--ys-color-button-text-secondary-disabled: #e2e2e280;--ys-color-button-stroke-secondary-focus: #e2e2e2ff;--ys-color-button-icon-secondary: #e2e2e2ff;--ys-color-button-icon-secondary-disabled: #e2e2e280;--ys-color-button-surface-ghost-hover: #5c5852ff;--ys-color-button-surface-ghost-active: #5c5852ff;--ys-color-button-stroke-ghost-focus: #e2e2e2ff;--ys-color-button-text-ghost: #e2e2e2ff;--ys-color-button-text-ghost-disabled: #e2e2e280;--ys-color-button-icon-ghost: #e2e2e2ff;--ys-color-button-icon-ghost-disabled: #e2e2e280;--ys-color-button-surface-secondary-reverse-rest: #ebebebff;--ys-color-button-surface-secondary-reverse-hover: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-active: #e6e6e6ff;--ys-color-button-surface-secondary-reverse-focus: #ebebebff;--ys-color-button-surface-secondary-reverse-disabled: #ebebeb80;--ys-color-button-text-secondary-reverse-rest: #333333ff;--ys-color-button-text-secondary-reverse-hover: #333333ff;--ys-color-button-text-secondary-reverse-active: #333333ff;--ys-color-button-text-secondary-reverse-focus: #333333ff;--ys-color-button-text-secondary-reverse-disabled: #33333380;--ys-color-button-stroke-secondary-reverse-focus: #333333ff;--ys-color-button-icon-secondary-reverse: #333333ff;--ys-color-button-icon-secondary-reverse-disabled: #33333380;--ys-color-button-surface-ghost-reverse-hover: #ebebebff;--ys-color-button-surface-ghost-reverse-active: #ebebebff;--ys-color-button-stroke-ghost-reverse-focus: #333333ff;--ys-color-button-text-ghost-reverse: #333333ff;--ys-color-button-text-ghost-reverse-disabled: #33333380;--ys-color-button-icon-ghost-reverse: #333333ff;--ys-color-button-icon-ghost-reverse-disabled: #33333380;--ys-color-button-surface-floating-rest: #ffffffff;--ys-color-button-surface-floating-hover: #f2f2f2ff;--ys-color-button-surface-floating-active: #f2f2f2ff;--ys-color-button-surface-floating-focus: #ffffffff;--ys-color-button-surface-floating-disabled: #ffffff80;--ys-color-button-stroke-floating-focus: #ffffffff;--ys-color-button-text-floating: #333333ff;--ys-color-button-text-floating-disabled: #33333380;--ys-color-button-icon-floating: #333333ff;--ys-color-button-icon-floating-disabled: #33333380;--ys-color-button-stroke-primary-active: #bd7200ff;--ys-color-button-stroke-secondary-active: #777777ff;--ys-color-button-stroke-secondaryOutline-rest: #464646ff;--ys-color-button-stroke-secondaryOutline-hover: #777777ff;--ys-color-button-stroke-secondaryOutline-active: #777777ff;--ys-color-button-stroke-secondaryOutline-focus: #777777ff;--ys-color-button-stroke-secondaryOutline-disabled: #464646ff;--ys-color-button-text-secondaryOutline-rest: #e2e2e2ff;--ys-color-button-text-secondaryOutline-hover: #e2e2e2ff;--ys-color-button-text-secondaryOutline-active: #e2e2e2ff;--ys-color-button-text-secondaryOutline-focus: #e2e2e2ff;--ys-color-button-text-secondaryOutline-disabled: #777777ff;--ys-color-button-surface-secondaryOutline-hover: #333130ff;--ys-color-button-surface-secondaryOutline-active: #464342ff;--ys-color-snackbar-icon-error: #ce5050ff;--ys-color-snackbar-icon-warning: #d96d1fff;--ys-color-snackbar-icon-success: #559b00ff;--ys-color-brand-primary: #ff9f0eff;--ys-color-brand-secondary: #800080ff;--ys-color-surface-base: #33312eff;--ys-color-surface-primary: #46433fff;--ys-color-surface-secondary: #55524dff;--ys-color-surface-tertiary: #55524dff;--ys-color-surface-reverse: #ffffffff;--ys-color-surface-disabled: #3b3a3880;--ys-color-surface-inset: #110e0bff;--ys-color-surface-constant-primary: #ffffffff;--ys-color-surface-constant-secondary: #33312eff;--ys-color-background-primary: #23211fff;--ys-color-background-secondary: #110e0bff;--ys-color-icon-twotone-primary: #a5a5a5ff;--ys-color-icon-twotone-secondary: #110e0eff;--ys-color-icon-primary: #e2e2e2ff;--ys-color-icon-secondary: #8b8b8bff;--ys-color-icon-reverse: #33312eff;--ys-color-icon-disabled: #555240ff;--ys-color-icon-constant-primary: #ffffffff;--ys-color-icon-constant-secondary: #33312eff;--ys-color-divider-base: #464646ff;--ys-color-divider-primary: #333333ff;--ys-color-divider-secondary: #555555ff;--ys-color-divider-tertiary: #777777ff;--ys-color-text-primary: #e2e2e2ff;--ys-color-text-secondary: #bdbdbdff;--ys-color-text-tertiary: #a5a5a5ff;--ys-color-text-dim: #8b8b8bff;--ys-color-text-reverse: #333333ff;--ys-color-text-disabled: #55524dff;--ys-color-alert-error: #f91f1fff;--ys-color-alert-warning: #f5a523ff;--ys-color-alert-success: #7bcf17ff;--ys-color-stroke-base: #aaa7a1ff;--ys-color-stroke-primary: #555555ff;--ys-color-stroke-secondary: #464646ff;--ys-color-stroke-disabled: #46433fff;--ys-color-stroke-reverse: #e2e2e2ff;--ys-color-controls-stop: #db0000ff;--ys-color-controls-pause: #f5a523ff;--ys-color-controls-start: #7bcf17ff;--ys-color-controls-default: #3f4246ff;--ys-color-controls-segmented-active: #7e7972ff;--ys-color-controls-segmented-inactive: #46433fff;--ys-color-controls-switch-rest-off-track: #7e7972ff;--ys-color-controls-switch-rest-off-knob: #e4e3e2ff;--ys-color-controls-switch-rest-on-track: #457d03ff;--ys-color-controls-switch-rest-on-knob: #ffffffff;--ys-color-controls-switch-hover-off-track: #928e87ff;--ys-color-controls-switch-hover-off-knob: #e4e3e2ff;--ys-color-controls-switch-hover-on-track: #65b604ff;--ys-color-controls-switch-hover-on-knob: #ffffffff;--ys-color-controls-radio-surface-hover-on: #f2f2f2ff;--ys-color-controls-radio-surface-hover-off: #615d56ff;--ys-color-controls-radio-surface-pressed-on: #f2f2f2ff;--ys-color-controls-radio-surface-pressed-off: #615d56ff;--ys-color-controls-radio-surface-disabled-on: #ffffff80;--ys-color-controls-checkbox-surface-hover-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-hover-off: #615d56ff;--ys-color-controls-checkbox-surface-pressed-on: #f2f2f2ff;--ys-color-controls-checkbox-surface-pressed-off: #615d56ff;--ys-color-controls-checkbox-surface-disabled-on: #ffffff80;--ys-color-tag-surface-easy: #65b604ff;--ys-color-tag-surface-moderate: #087bffff;--ys-color-tag-surface-hard: #333333ff;--ys-color-tag-surface-brand: #ff9f0eff;--ys-color-tag-surface-primary: #e4e3e2ff;--ys-color-tag-surface-secondary: #46433fff;--ys-color-tag-text-easy: #ffffffff;--ys-color-tag-text-moderate: #ffffffff;--ys-color-tag-text-hard: #ffffffff;--ys-color-tag-text-brand: #222222ff;--ys-color-tag-icon-brand: #222222ff;--ys-color-tag-text-primary: #333333ff;--ys-color-tag-text-secondary: #e2e2e2ff;--ys-color-tag-icon-easy: #ffffffff;--ys-color-tag-icon-moderate: #ffffffff;--ys-color-tag-icon-hard: #ffffffff;--ys-color-tag-icon-primary: #333333ff;--ys-color-tag-surface-education: #29ae9fff;--ys-color-tag-text-education: #ffffffff;--ys-color-tag-icon-education: #ffffffff;--ys-color-tag-icon-secondary: #e2e2e2ff;--ys-color-text-constant-primary: #ffffffff;--ys-color-text-constant-secondary: #333333ff;--ys-color-tag-surface-extreme: #fe0000ff;--ys-color-tag-text-extreme: #333333ff;--ys-color-tag-icon-extreme: #333333ff;--ys-color-text-message-warning: #e7823aff;--ys-color-surface-message-warning: #1f1300ff;--ys-color-stroke-message-warning: #d96d1fff;--ys-color-icon-message-warning: #d96d1fff;--ys-color-text-message-success: #65b604ff;--ys-color-surface-message-success: #1a2909ff;--ys-color-stroke-message-success: #65b604ff;--ys-color-icon-message-success: #65b604ff;--ys-color-text-message-info: #29ae9fff;--ys-color-surface-message-info: #061f1dff;--ys-color-stroke-message-info: #29ae9fff;--ys-color-icon-message-info: #29ae9fff;--ys-color-offline-primary: #db0000ff;--ys-color-offline-secondary: #bc0000ff;--ys-color-text-message-error: #ef8a8cff;--ys-color-surface-message-error: #2f0b00ff;--ys-color-stroke-message-error: #e75b5cff;--ys-color-icon-message-error: #e75b5cff;--ys-color-button-surface-danger-rest: #c43835ff;--ys-color-button-surface-danger-hover: #d93e3bff;--ys-color-button-surface-danger-active: #d93e3bff;--ys-color-button-surface-danger-focus: #c43835ff;--ys-color-button-surface-danger-loading: #c43835ff;--ys-color-button-surface-danger-disabled: #c4383580;--ys-color-button-text-danger: #ffffffff;--ys-color-button-text-danger-disabled: #ffffff80;--ys-color-button-stroke-danger-focus: #c43835ff;--ys-color-button-icon-danger: #ffffffff;--ys-color-button-icon-danger-disabled: #ffffff80;--ys-color-tool-waypoint-brand: #000000ff;--ys-color-tool-line-brand: #000000ff;--ys-color-tool-area-brand: #505050ff;--ys-color-tool-waypoint-black: #000000ff;--ys-color-tool-line-black: #000000ff;--ys-color-tool-area-grey: #505050ff;--ys-color-tool-waypoint-brown: #8b4513ff;--ys-color-tool-line-brown: #8b4513ff;--ys-color-tool-area-brown: #715f2eff;--ys-color-tool-waypoint-red: #ff0000ff;--ys-color-tool-line-red: #ff0000ff;--ys-color-tool-area-red: #c14c2eff;--ys-color-tool-waypoint-orange: #ff3300ff;--ys-color-tool-line-orange: #ff3300ff;--ys-color-tool-area-orange: #d4532fff;--ys-color-tool-waypoint-magenta: #ff00ffff;--ys-color-tool-line-magenta: #ff00ffff;--ys-color-tool-area-magenta: #e876ffff;--ys-color-tool-waypoint-purple: #800080ff;--ys-color-tool-line-purple: #800080ff;--ys-color-tool-waypoint-yellow: #ffff00ff;--ys-color-tool-line-yellow: #ffff00ff;--ys-color-tool-area-yellow: #eeff7dff;--ys-color-tool-waypoint-cyan: #00ffffff;--ys-color-tool-line-cyan: #00ffffff;--ys-color-tool-area-cyan: #99ffffff;--ys-color-tool-waypoint-blue: #087affff;--ys-color-tool-line-blue: #087affff;--ys-color-tool-area-blue: #4a90e2ff;--ys-color-tool-waypoint-green: #84d400ff;--ys-color-tool-line-green: #84d400ff;--ys-color-tool-area-green: #2a8b61ff;--ys-color-tool-waypoint-white: #ffffffff;--ys-color-tool-line-white: #ffffffff;--ys-color-tool-area-white: #ffffffff;--ys-color-tag-surface-class: #ffffffff;--ys-color-tag-text-class: #33313eff}.ys-text-title0{font-family:var(--ys-text-title0-fontFamily);font-weight:var(--ys-text-title0-fontWeight);line-height:var(--ys-text-title0-lineHeight);font-size:var(--ys-text-title0-fontSize);letter-spacing:var(--ys-text-title0-letterSpacing)}.ys-text-title1{font-family:var(--ys-text-title1-fontFamily);font-weight:var(--ys-text-title1-fontWeight);line-height:var(--ys-text-title1-lineHeight);font-size:var(--ys-text-title1-fontSize);letter-spacing:var(--ys-text-title1-letterSpacing)}.ys-text-title2{font-family:var(--ys-text-title2-fontFamily);font-weight:var(--ys-text-title2-fontWeight);line-height:var(--ys-text-title2-lineHeight);font-size:var(--ys-text-title2-fontSize);letter-spacing:var(--ys-text-title2-letterSpacing)}.ys-text-title3{font-family:var(--ys-text-title3-fontFamily);font-weight:var(--ys-text-title3-fontWeight);line-height:var(--ys-text-title3-lineHeight);font-size:var(--ys-text-title3-fontSize);letter-spacing:var(--ys-text-title3-letterSpacing)}.ys-text-title4{font-family:var(--ys-text-title4-fontFamily);font-weight:var(--ys-text-title4-fontWeight);line-height:var(--ys-text-title4-lineHeight);font-size:var(--ys-text-title4-fontSize);letter-spacing:var(--ys-text-title4-letterSpacing)}.ys-text-title5{font-family:var(--ys-text-title5-fontFamily);font-weight:var(--ys-text-title5-fontWeight);line-height:var(--ys-text-title5-lineHeight);font-size:var(--ys-text-title5-fontSize);letter-spacing:var(--ys-text-title5-letterSpacing)}.ys-text-title6{font-family:var(--ys-text-title6-fontFamily);font-weight:var(--ys-text-title6-fontWeight);line-height:var(--ys-text-title6-lineHeight);font-size:var(--ys-text-title6-fontSize);letter-spacing:var(--ys-text-title6-letterSpacing)}.ys-text-subtitle1{font-family:var(--ys-text-subtitle1-fontFamily);font-weight:var(--ys-text-subtitle1-fontWeight);line-height:var(--ys-text-subtitle1-lineHeight);font-size:var(--ys-text-subtitle1-fontSize);letter-spacing:var(--ys-text-subtitle1-letterSpacing)}.ys-text-subtitle2{font-family:var(--ys-text-subtitle2-fontFamily);font-weight:var(--ys-text-subtitle2-fontWeight);line-height:var(--ys-text-subtitle2-lineHeight);font-size:var(--ys-text-subtitle2-fontSize);letter-spacing:var(--ys-text-subtitle2-letterSpacing)}.ys-text-subtitle3{font-family:var(--ys-text-subtitle3-fontFamily);font-weight:var(--ys-text-subtitle3-fontWeight);line-height:var(--ys-text-subtitle3-lineHeight);font-size:var(--ys-text-subtitle3-fontSize);letter-spacing:var(--ys-text-subtitle3-letterSpacing)}.ys-text-subtitle4{font-family:var(--ys-text-subtitle4-fontFamily);font-weight:var(--ys-text-subtitle4-fontWeight);line-height:var(--ys-text-subtitle4-lineHeight);font-size:var(--ys-text-subtitle4-fontSize);letter-spacing:var(--ys-text-subtitle4-letterSpacing)}.ys-text-body0{font-family:var(--ys-text-body0-fontFamily);font-weight:var(--ys-text-body0-fontWeight);line-height:var(--ys-text-body0-lineHeight);font-size:var(--ys-text-body0-fontSize);letter-spacing:var(--ys-text-body0-letterSpacing)}p.ys-text-body0+p.ys-text-body0{margin-top:var(--ys-text-body0-paragraphSpacing)}.ys-text-body0-medium{font-family:var(--ys-text-body0-medium-fontFamily);font-weight:var(--ys-text-body0-medium-fontWeight);line-height:var(--ys-text-body0-medium-lineHeight);font-size:var(--ys-text-body0-medium-fontSize);letter-spacing:var(--ys-text-body0-medium-letterSpacing)}p.ys-text-body0-medium+p.ys-text-body0-medium{margin-top:var(--ys-text-body0-medium-paragraphSpacing)}.ys-text-body0-bold{font-family:var(--ys-text-body0-bold-fontFamily);font-weight:var(--ys-text-body0-bold-fontWeight);line-height:var(--ys-text-body0-bold-lineHeight);font-size:var(--ys-text-body0-bold-fontSize);letter-spacing:var(--ys-text-body0-bold-letterSpacing)}p.ys-text-body0-bold+p.ys-text-body0-bold{margin-top:var(--ys-text-body0-bold-paragraphSpacing)}.ys-text-body1{font-family:var(--ys-text-body1-fontFamily);font-weight:var(--ys-text-body1-fontWeight);line-height:var(--ys-text-body1-lineHeight);font-size:var(--ys-text-body1-fontSize);letter-spacing:var(--ys-text-body1-letterSpacing)}p.ys-text-body1+p.ys-text-body1{margin-top:var(--ys-text-body1-paragraphSpacing)}.ys-text-body1-italic{font-family:var(--ys-text-body1-italic-fontFamily);font-style:var(--ys-text-body1-italic-font-style);line-height:var(--ys-text-body1-italic-lineHeight);font-size:var(--ys-text-body1-italic-fontSize);letter-spacing:var(--ys-text-body1-italic-letterSpacing)}p.ys-text-body1-italic+p.ys-text-body1-italic{margin-top:var(--ys-text-body1-italic-paragraphSpacing)}.ys-text-body1-medium{font-family:var(--ys-text-body1-medium-fontFamily);font-weight:var(--ys-text-body1-medium-fontWeight);line-height:var(--ys-text-body1-medium-lineHeight);font-size:var(--ys-text-body1-medium-fontSize);letter-spacing:var(--ys-text-body1-medium-letterSpacing)}p.ys-text-body1-medium+p.ys-text-body1-medium{margin-top:var(--ys-text-body1-medium-paragraphSpacing)}.ys-text-body1-bold{font-family:var(--ys-text-body1-bold-fontFamily);font-weight:var(--ys-text-body1-bold-fontWeight);line-height:var(--ys-text-body1-bold-lineHeight);font-size:var(--ys-text-body1-bold-fontSize);letter-spacing:var(--ys-text-body1-bold-letterSpacing)}p.ys-text-body1-bold+p.ys-text-body1-bold{margin-top:var(--ys-text-body1-bold-paragraphSpacing)}.ys-text-body2{font-family:var(--ys-text-body2-fontFamily);font-weight:var(--ys-text-body2-fontWeight);line-height:var(--ys-text-body2-lineHeight);font-size:var(--ys-text-body2-fontSize);letter-spacing:var(--ys-text-body2-letterSpacing)}p.ys-text-body2+p.ys-text-body2{margin-top:var(--ys-text-body2-paragraphSpacing)}.ys-text-body2-bold{font-family:var(--ys-text-body2-bold-fontFamily);font-weight:var(--ys-text-body2-bold-fontWeight);line-height:var(--ys-text-body2-bold-lineHeight);font-size:var(--ys-text-body2-bold-fontSize);letter-spacing:var(--ys-text-body2-bold-letterSpacing)}p.ys-text-body2-bold+p.ys-text-body2-bold{margin-top:var(--ys-text-body2-bold-paragraphSpacing)}.ys-text-body2-italic{font-family:var(--ys-text-body2-italic-fontFamily);font-style:var(--ys-text-body2-italic-font-style);line-height:var(--ys-text-body2-italic-lineHeight);font-size:var(--ys-text-body2-italic-fontSize);letter-spacing:var(--ys-text-body2-italic-letterSpacing)}p.ys-text-body2-italic+p.ys-text-body2-italic{margin-top:var(--ys-text-body2-italic-paragraphSpacing)}.ys-text-metadata1-bold{font-family:var(--ys-text-metadata1-bold-fontFamily);font-weight:var(--ys-text-metadata1-bold-fontWeight);line-height:var(--ys-text-metadata1-bold-lineHeight);font-size:var(--ys-text-metadata1-bold-fontSize);letter-spacing:var(--ys-text-metadata1-bold-letterSpacing)}.ys-text-metadata1-medium{font-family:var(--ys-text-metadata1-medium-fontFamily);font-weight:var(--ys-text-metadata1-medium-fontWeight);line-height:var(--ys-text-metadata1-medium-lineHeight);font-size:var(--ys-text-metadata1-medium-fontSize);letter-spacing:var(--ys-text-metadata1-medium-letterSpacing)}.ys-text-metadata1{font-family:var(--ys-text-metadata1-fontFamily);font-weight:var(--ys-text-metadata1-fontWeight);line-height:var(--ys-text-metadata1-lineHeight);font-size:var(--ys-text-metadata1-fontSize);letter-spacing:var(--ys-text-metadata1-letterSpacing)}.ys-text-metadata1-italic{font-family:var(--ys-text-metadata1-italic-fontFamily);font-style:var(--ys-text-metadata1-italic-font-style);line-height:var(--ys-text-metadata1-italic-lineHeight);font-size:var(--ys-text-metadata1-italic-fontSize);letter-spacing:var(--ys-text-metadata1-italic-letterSpacing)}.ys-text-button1{font-family:var(--ys-text-button1-fontFamily);font-weight:var(--ys-text-button1-fontWeight);line-height:var(--ys-text-button1-lineHeight);font-size:var(--ys-text-button1-fontSize);letter-spacing:var(--ys-text-button1-letterSpacing)}.ys-text-button2{font-family:var(--ys-text-button2-fontFamily);font-weight:var(--ys-text-button2-fontWeight);line-height:var(--ys-text-button2-lineHeight);font-size:var(--ys-text-button2-fontSize);letter-spacing:var(--ys-text-button2-letterSpacing)}.ys-text-button3{font-family:var(--ys-text-button3-fontFamily);font-weight:var(--ys-text-button3-fontWeight);line-height:var(--ys-text-button3-lineHeight);font-size:var(--ys-text-button3-fontSize);letter-spacing:var(--ys-text-button3-letterSpacing)}.ys-text-link0{font-family:var(--ys-text-link0-fontFamily);font-weight:var(--ys-text-link0-fontWeight);line-height:var(--ys-text-link0-lineHeight);font-size:var(--ys-text-link0-fontSize);letter-spacing:var(--ys-text-link0-letterSpacing);text-decoration:var(--ys-text-link0-textDecoration)}.ys-text-link1{font-family:var(--ys-text-link1-fontFamily);font-weight:var(--ys-text-link1-fontWeight);line-height:var(--ys-text-link1-lineHeight);font-size:var(--ys-text-link1-fontSize);letter-spacing:var(--ys-text-link1-letterSpacing);text-decoration:var(--ys-text-link1-textDecoration)}.ys-text-link2{font-family:var(--ys-text-link2-fontFamily);font-weight:var(--ys-text-link2-fontWeight);line-height:var(--ys-text-link2-lineHeight);font-size:var(--ys-text-link2-fontSize);letter-spacing:var(--ys-text-link2-letterSpacing);text-decoration:var(--ys-text-link2-textDecoration)}.ys-text-numeric1{font-family:var(--ys-text-numeric1-fontFamily);font-weight:var(--ys-text-numeric1-fontWeight);line-height:var(--ys-text-numeric1-lineHeight);font-size:var(--ys-text-numeric1-fontSize);letter-spacing:var(--ys-text-numeric1-letterSpacing)}