@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Roboto,Arial,sans-serif;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.top-0{top:calc(var(--spacing)*0)}.left-full{left:100%}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.container{margin-inline:auto;padding-inline:0}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.h-full{height:100%}.h-ys-spacing-750{height:var(--ys-spacing-750)}.w-80{width:calc(var(--spacing)*80)}.w-full{width:100%}.flex-1{flex:1}.resize{resize:both}.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-\[var\(--ys-spacing-100\)\]{gap:var(--ys-spacing-100)}.gap-\[var\(--ys-spacing-150\)\]{gap:var(--ys-spacing-150)}.overflow-hidden{overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-ys-color-surface-base{background-color:var(--ys-color-surface-base)}.p-4{padding:calc(var(--spacing)*4)}.p-\[var\(--ys-spacing-200\)\]{padding:var(--ys-spacing-200)}.px-\[var\(--ys-spacing-200\)\]{padding-inline:var(--ys-spacing-200)}.px-ys-spacing-300{padding-inline:var(--ys-spacing-300)}.py-\[var\(--ys-spacing-200\)\]{padding-block:var(--ys-spacing-200)}.pt-\[var\(--ys-spacing-50\)\]{padding-top:var(--ys-spacing-50)}.pt-\[var\(--ys-spacing-100\)\]{padding-top:var(--ys-spacing-100)}.pt-\[var\(--ys-spacing-200\)\]{padding-top:var(--ys-spacing-200)}.pb-\[var\(--ys-spacing-200\)\]{padding-bottom:var(--ys-spacing-200)}.text-ys-color-text-primary{color:var(--ys-color-text-primary)}.lowercase{text-transform:lowercase}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}html,body,#root{margin:calc(var(--spacing)*0);background-color:var(--ys-color-surface-base);padding:calc(var(--spacing)*0);color:var(--ys-color-text-primary);height:100dvh;overflow:hidden}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}: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}