._legend-wrapper_1xlut_1{background-color:#e8e6e6;border-radius:10px;padding-top:1rem;width:320px;font-family:Atlas Grotesk Web,sans-serif;pointer-events:none}._legend-wrapper_1xlut_1._collapsed_1xlut_9{padding-bottom:.7rem}._controls-wrapper_1xlut_13{display:flex;justify-content:space-between;align-items:center;margin-top:.3rem;padding:0 1rem}._title_1xlut_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_1xlut_31{height:24px}._toggle-button_1xlut_35{background-color:#d9d9d9;border:0px solid #bdbdbd;border-radius:10px;padding:4px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12px;pointer-events:auto}._toggle-button_1xlut_35 ._arrow_1xlut_47{border:solid black;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg)}._toggle-button_1xlut_35._expanded_1xlut_54 ._arrow_1xlut_47{transform:rotate(-135deg)}._content_1xlut_58{background-color:#fff;border-radius:0 0 10px 10px;margin-top:.7rem;padding:1rem;display:flex;flex-direction:column;gap:.5rem;pointer-events:auto}._item_1xlut_69{display:flex;align-items:center;gap:1rem}._color-swatch_1xlut_75{width:40px;height:40px;border-radius:4px;flex-shrink:0;box-sizing:border-box;margin:2px}._label_1xlut_84{font-size:14px;font-weight:700;overflow-wrap:break-word;word-wrap:break-word}._toggle-switch_1xlut_91{width:40px;height:24px;border:none;border-radius:12px;cursor:pointer;padding:0;position:relative;pointer-events:auto;flex-shrink:0;transition:background-color .3s ease}._toggle-switch_1xlut_91._off_1xlut_103{background-color:#b0b0b0}._toggle-switch_1xlut_91._off_1xlut_103 ._toggle-knob_1xlut_106{left:3px}._toggle-switch_1xlut_91._on_1xlut_109{background-color:#66b606}._toggle-switch_1xlut_91._on_1xlut_109 ._toggle-knob_1xlut_106{left:20px}._toggle-knob_1xlut_106{position:absolute;top:3.5px;width:17px;height:17px;background-color:#fff;border-radius:50%;transition:left .3s ease;box-shadow:0 1px 3px #0000004d}._toggle-group-section_1xlut_127{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}._toggle-group-header_1xlut_134{display:flex;align-items:center;gap:1rem}._radio-options_1xlut_140{display:flex;flex-direction:column;gap:.5rem;padding-left:calc(40px + 1rem)}._radio-option_1xlut_140{display:flex;align-items:center;gap:.5rem;cursor:pointer;pointer-events:auto}._radio-option_1xlut_140 ._color-swatch_1xlut_75{width:20px;height:20px}._radio-input_1xlut_159{width:18px;height:18px;cursor:pointer;pointer-events:auto}@media(max-width:768px){._hideOnMobile_tr7q1_2{display:none}}._upperLeftPanel_tr7q1_7{position:absolute;top:4rem;left:1rem;z-index:2;display:flex;flex-direction:column;gap:8px;max-width:375px;width:100%;pointer-events:none}@media(max-width:768px){._upperLeftPanel_tr7q1_7{top:130px;width:auto;max-width:calc(100vw - 2rem)}}._searchDesktop_tr7q1_27{position:absolute;top:1rem;left:1rem;z-index:2}@media(max-width:768px){._searchDesktop_tr7q1_27{display:none}}._searchMobile_tr7q1_39{display:none}@media(max-width:768px){._searchMobile_tr7q1_39{display:block;position:absolute;bottom:2rem;left:1rem;z-index:2}}._cardWrapper_tr7q1_52{z-index:2;width:100%;pointer-events:auto}._card_tr7q1_52{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0003;overflow:hidden;font-family:Atlas Grotesk Web,sans-serif}._cardHeader_tr7q1_66{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1.25rem .75rem 1.25rem 1.25rem;border-bottom:1px solid #eee}._cardTitle_tr7q1_75{margin:0;font-size:1rem;font-weight:700;line-height:1.2}._cardClose_tr7q1_82{background:none;border:none;cursor:pointer;color:#888;padding:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}._cardClose_tr7q1_82 svg{width:24px;height:24px}._cardClose_tr7q1_82:hover{color:#333}._cardContent_tr7q1_101{padding:1.5rem 1rem .5rem 1.25rem;font-family:Roboto,Arial,sans-serif;font-weight:400}._attribute_tr7q1_107{margin-bottom:1.3rem;font-size:14px;line-height:1.4}._attributeCompact_tr7q1_113{margin-bottom:.25rem;font-size:14px;line-height:1.4}._attributeTitle_tr7q1_119{display:block;color:#222;font-weight:700;margin-bottom:2px}._attributeValue_tr7q1_126{display:block;color:#222222bf}._attributeValueBold_tr7q1_131{display:block;color:#222;font-weight:700;font-size:1.2rem}._overlay_tr7q1_138{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_tr7q1_152{background-color:#000000bf;color:#fff;padding:8px 12px;border-radius:4px;text-align:center;white-space:nowrap;pointer-events:all}._deactivationButton_tr7q1_162{position:absolute;bottom:2rem;right:1rem;z-index:2;padding:.6rem .75rem;background-color:#000000bf;color:#fff;border:1px solid white;border-radius:10px;cursor:pointer;white-space:nowrap}._contextMenu_tr7q1_176{position:fixed;background:#fff;border-radius:4px;box-shadow:0 2px 8px #0003;z-index:10;overflow:hidden}._contextMenu_tr7q1_176 button{display:block;padding:8px 16px;font-family:sans-serif;font-size:13px;font-weight:700;color:#444;background:none;border:none;cursor:pointer;width:100%;text-align:center;white-space:nowrap}._contextMenu_tr7q1_176 button:hover{color:#000;background:#f0f0f0}._copyRow_tr7q1_203{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.5rem -1rem 0 -1.25rem;padding:.75rem 1rem .5rem 1.25rem;border-top:1px solid #eee;font-size:14px;font-family:Roboto,Arial,sans-serif}._copyRowLeft_tr7q1_215{display:flex;align-items:center;gap:.35rem;min-width:0;flex:1}._copyPinIcon_tr7q1_223{width:16px;height:16px;flex-shrink:0;color:#444}._copyLabel_tr7q1_230{font-weight:700;white-space:nowrap;color:#222}._copyCoords_tr7q1_236{color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._copyButton_tr7q1_243{background:none;border:none;cursor:pointer;font-size:13px;font-weight:700;color:#444;white-space:nowrap;flex-shrink:0;padding:0;font-family:sans-serif}._copyButton_tr7q1_243:hover{color:#000}._popup_62prl_1{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;z-index:1;display:flex;flex-direction:column;align-items:center}._content_62prl_11{position:relative;background-color:#e8e6e6;border-radius:5px;padding:.75rem 1rem;font-family:Atlas Grotesk Web,sans-serif;box-shadow:0 2px 8px #0003;width:200px}._closeButton_62prl_21{position:absolute;top:4px;right:6px;background:none;border:none;font-size:18px;line-height:1;cursor:pointer;color:#555;padding:0 2px}._closeButton_62prl_21:hover{color:#000}._stateName_62prl_37{font-family:Montefiore Bold Condensed,sans-serif;font-size:18px;font-weight:400;margin:0;text-transform:uppercase}._explanation_62prl_45{font-size:12px;margin:.25rem 0 .5rem;padding-bottom:.5rem;border-bottom:1px solid #ccc;color:#555}._noDataMessage_62prl_53{font-size:12px;margin:0;color:#555;line-height:1.4}._statsList_62prl_60{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}._statsList_62prl_60 li{display:flex;justify-content:space-between;font-size:14px}._label_62prl_75{font-weight:700}._value_62prl_79{margin-left:1rem}._calloutPoint_62prl_83{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid #e8e6e6}._container_1oz1c_1{background-color:#fff;border-radius:10px;padding:.5rem .75rem;width:375px;font-family:Atlas Grotesk Web,sans-serif;pointer-events:auto;box-shadow:0 .125rem .3125rem #00000024,0 .0625rem .375rem #0000001f}@media(max-width:768px){._container_1oz1c_1{width:auto;max-width:calc(100vw - 2rem)}}._disabled_1oz1c_17{opacity:.85;cursor:pointer}._disabled_1oz1c_17 ._input_1oz1c_21,._disabled_1oz1c_17 ._searchIcon_1oz1c_24,._disabled_1oz1c_17 ._clearIcon_1oz1c_25{pointer-events:none}._inputRow_1oz1c_29{display:flex;align-items:center;gap:12px}._searchIcon_1oz1c_24{width:16px;height:16px;flex-shrink:0;color:#888;cursor:pointer}._searchIcon_1oz1c_24:hover{color:#333}._clearIcon_1oz1c_25{width:24px;height:24px;flex-shrink:0;color:#888;cursor:pointer}._clearIcon_1oz1c_25:hover{color:#333}._input_1oz1c_21{flex:1;padding:4px 0;border:none;font-family:Roboto,Arial,sans-serif;font-size:14px;background:transparent;outline:none;min-width:0}._input_1oz1c_21::placeholder{color:#999}._error_1oz1c_71{margin:10px 0 6px;font-size:13px;line-height:1.75;color:#c00;white-space:pre-line}/*! 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-background-scrim: #333333bf;--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-background-scrim: #333333bf;--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-background-scrim: #333333bf;--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-background-scrim: #333333bf;--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-background-scrim: #333333bf;--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-background-scrim: #333333bf;--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-background-scrim: #333333bf;--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-background-scrim: #333333bf;--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-background-scrim: #333333bf;--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-background-scrim: #333333bf;--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-background-scrim: #000000bf;--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-background-scrim: #000000bf;--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-background-scrim: #000000bf;--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-background-scrim: #000000bf;--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-background-scrim: #000000bf;--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-background-scrim: #000000bf;--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-background-scrim: #000000bf;--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-background-scrim: #000000bf;--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-background-scrim: #000000bf;--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-background-scrim: #000000bf;--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)}