@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-xl: .75rem;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--spacing-0: var(--syt-spacing-0);--spacing-4: var(--syt-spacing-4);--spacing-8: var(--syt-spacing-8);--spacing-12: var(--syt-spacing-12);--spacing-16: var(--syt-spacing-16);--spacing-24: var(--syt-spacing-24);--spacing-32: var(--syt-spacing-32);--spacing-48: var(--syt-spacing-48);--spacing-64: var(--syt-spacing-64);--color-accent-500: var(--syt-accent-500);--color-accent-50: var(--syt-accent-50);--color-neutral-300: var(--syt-neutral-300);--color-neutral-100: var(--syt-neutral-100);--color-neutral-50: var(--syt-neutral-50);--color-alert-500: var(--syt-alert-500);--color-success-500: var(--syt-success-500);--color-warning-500: var(--syt-warning-500);--color-faded: var(--syt-faded-font-color);--color-border: var(--syt-border-color);--color-bg: var(--syt-bg-color);--color-raised: var(--syt-raised-bg-color);--color-bg-hover: var(--syt-bg-hover-color);--radius-control: var(--syt-radius-control);--radius-surface: var(--syt-radius-surface)}}@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:var(--spacing-0)}.top-0{top:var(--spacing-0)}.bottom-16{bottom:var(--spacing-16)}.left-16{left:var(--spacing-16)}.z-10{z-index:10}.container{width:100%}@media(width>=40rem){.container{max-width:40rem}}@media(width>=48rem){.container{max-width:48rem}}@media(width>=64rem){.container{max-width:64rem}}@media(width>=80rem){.container{max-width:80rem}}@media(width>=96rem){.container{max-width:96rem}}.m-auto{margin:auto}.mt-64{margin-top:var(--spacing-64)}.mr-4{margin-right:var(--spacing-4)}.mr-12{margin-right:var(--spacing-12)}.mb-32{margin-bottom:var(--spacing-32)}.ml-4{margin-left:var(--spacing-4)}.ml-8{margin-left:var(--spacing-8)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.size-32{width:var(--spacing-32);height:var(--spacing-32)}.size-full{width:100%;height:100%}.h-screen{height:100vh}.max-h-\[40vh\]{max-height:40vh}.max-h-\[50vh\]{max-height:50vh}.w-\[12px\]{width:12px}.w-\[160px\]{width:160px}.w-\[370px\]{width:370px}.w-\[420px\]{width:420px}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[160px\]{max-width:160px}.max-w-\[340px\]{max-width:340px}.max-w-full{max-width:100%}.min-w-0{min-width:var(--spacing-0)}.min-w-\[370px\]{min-width:370px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-4{gap:var(--spacing-4)}.gap-8{gap:var(--spacing-8)}.gap-12{gap:var(--spacing-12)}.gap-16{gap:var(--spacing-16)}.gap-24{gap:var(--spacing-24)}.self-center{align-self:center}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-control{border-radius:var(--radius-control)}.rounded-surface{border-radius:var(--radius-surface)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-accent-50{background-color:var(--color-accent-50)}.bg-bg{background-color:var(--color-bg)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-raised{background-color:var(--color-raised)}.bg-cover{background-size:cover}.bg-center{background-position:center}.object-cover{object-fit:cover}.p-4{padding:var(--spacing-4)}.p-8{padding:var(--spacing-8)}.p-12{padding:var(--spacing-12)}.p-16{padding:var(--spacing-16)}.py-24{padding-block:var(--spacing-24)}.py-48{padding-block:var(--spacing-48)}.font-mono{font-family:var(--font-mono)}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-\[18px\]{font-size:18px}.text-\[24px\]{font-size:24px}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-alert-500{color:var(--color-alert-500)}.text-faded{color:var(--color-faded)}.text-neutral-300{color:var(--color-neutral-300)}.text-success-500{color:var(--color-success-500)}.text-warning-500{color:var(--color-warning-500)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.opacity-50{opacity:50%}.shadow-high{--tw-shadow: var(--syt-box-shadow-high);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-thin{--tw-ring-shadow: 0 0 0 1px var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow,),var(--tw-inset-ring-shadow,),var(--tw-ring-offset-shadow,),var(--tw-ring-shadow,),var(--tw-shadow,)}.ring-border{--tw-ring-color: var(--color-border)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-250{--tw-duration: .25s;transition-duration:.25s}.ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-all{-webkit-user-select:all;user-select:all}@media(hover:hover){.hover\:bg-bg-hover:hover{background-color:var(--color-bg-hover)}.hover\:text-accent-500:hover{color:var(--color-accent-500)}}@media(width<40rem){.max-sm\:right-16{right:var(--spacing-16)}.max-sm\:w-full{width:100%}.max-sm\:max-w-none{max-width:none}.max-sm\:min-w-0{min-width:var(--spacing-0)}}}@layer components{.text-title-large{font-size:32px;font-weight:600;color:var(--syt-font-color)}.text-title-1{font-size:var(--syt-text-title1-size);font-weight:var(--syt-text-title1-weight);color:var(--syt-font-color)}.text-title-2{font-size:var(--syt-text-title2-size);font-weight:var(--syt-text-title2-weight);color:var(--syt-font-color)}.text-title3{font-size:var(--syt-text-title3-size);font-weight:var(--syt-text-title3-weight);color:var(--syt-font-color)}.text-title4{font-size:var(--syt-text-title4-size);font-weight:var(--syt-text-title4-weight);color:var(--syt-font-color)}.text-caption{font-size:var(--syt-text-caption-size);font-weight:var(--syt-text-caption-weight);color:var(--syt-faded-font-color)}.text-headline{font-size:var(--syt-text-headline-size);font-weight:var(--syt-text-headline-weight);letter-spacing:var(--syt-text-headline-spacing);text-transform:var(--syt-text-headline-transform);color:var(--syt-faded-font-color)}.text-body{font-size:var(--syt-text-body-size);font-weight:var(--syt-text-body-weight);color:var(--syt-font-color)}.text-button{font-size:var(--syt-text-button-size);font-weight:var(--syt-text-button-weight);color:var(--syt-font-color)}}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@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-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-font-weight: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-duration: initial;--tw-ease: initial}}}:root{color-scheme:light;--syt-accent-500: #606ff7;--syt-accent-400: #8891fa;--syt-accent-300: #b0b5fc;--syt-accent-200: #cacdfe;--syt-accent-100: #e2e4fe;--syt-accent-50: #f1f2fe;--syt-accent-25: #f8fafe;--syt-neutral-500: #363636;--syt-neutral-400: #696969;--syt-neutral-300: #9c9c9c;--syt-neutral-200: #d2d2d2;--syt-neutral-100: #ededed;--syt-neutral-50: #f5f5f5;--syt-neutral-25: #f9f9f9;--syt-neutral-10: #fbfbfb;--syt-alert-500: #f44336;--syt-alert-400: #f6685e;--syt-alert-300: #f97b70;--syt-alert-200: #ffc9c9;--syt-alert-100: #fddbdc;--syt-alert-50: #fef2f2;--syt-success-500: #28a97b;--syt-success-400: #4caf50;--syt-success-300: #7bc4a4;--syt-success-200: #a9d6a9;--syt-success-100: #e8f5e9;--syt-success-50: #f4faf7;--syt-info-500: #2196f3;--syt-info-400: #42a5f5;--syt-info-300: #6ab1f6;--syt-info-200: #90caf9;--syt-info-100: #bbdefb;--syt-warning-600: #e6941a;--syt-warning-500: #ffa825;--syt-warning-400: #ffb84d;--syt-warning-300: #ffde98;--syt-warning-200: #ffeecb;--syt-warning-100: #fff7e6;--syt-gradient-ocean-from: #5566ef;--syt-gradient-ocean-to: #8e5ad6;--syt-gradient-forest-from: #238464;--syt-gradient-forest-to: #1c7f96;--syt-gradient-sunset-from: #ae620c;--syt-gradient-sunset-to: #bd5440;--syt-gradient-slate-from: #ffffff;--syt-gradient-slate-to: #eef0f5;--syt-gradient-midnight-from: #2f3350;--syt-gradient-midnight-to: #191b2a;--syt-series-1-color: var(--syt-accent-500);--syt-series-2-color: #5ca0ba;--syt-series-3-color: #ec4899;--syt-series-4-color: #8c9460;--syt-series-5-color: #a855f7;--syt-series-6-color: #f97316;--syt-series-7-color: #06b6d4;--syt-series-8-color: #a3626a;--syt-workflow-milestone-1-color: #2563eb;--syt-workflow-milestone-2-color: #f59e0b;--syt-workflow-milestone-3-color: #10b981;--syt-workflow-milestone-4-color: #8b5cf6;--syt-workflow-milestone-5-color: #ec4899;--syt-workflow-milestone-6-color: #14b8a6;--syt-workflow-milestone-7-color: #ea580c;--syt-workflow-milestone-8-color: #6366f1;--syt-workflow-milestone-9-color: #84cc16;--syt-workflow-milestone-10-color: #06b6d4;--syt-workflow-milestone-11-color: #a855f7;--syt-workflow-milestone-12-color: #ca8a04;--syt-chart-neutral: #5b6b7f;--syt-chart-remainder: #6f6a60;--syt-done-500: #8b5cf6;--syt-done-200: #dacafe;--syt-done-100: #ebe2fe;--syt-done-50: #f5f1fe;--syt-font-color: #363636;--syt-contrast-font-color: #fff;--syt-border-color: #dddddd;--syt-dark-border-color: #9c9c9c;--syt-hairline-border-color: #eaeaea;--syt-on-solid-color: #fff;--syt-accent-solid-bg-color: #5967e6;--syt-accent-solid-ink-color: #fff;--syt-success-solid-bg-color: #39843c;--syt-success-solid-ink-color: #fff;--syt-alert-solid-bg-color: #d73b30;--syt-alert-solid-ink-color: #fff;--syt-info-solid-bg-color: #1a78c2;--syt-info-solid-ink-color: #fff;--syt-warning-solid-bg-color: var(--syt-warning-500);--syt-warning-solid-ink-color: var(--syt-on-fill-ink-dark-color);--syt-done-solid-bg-color: var(--syt-done-on-tint);--syt-done-solid-ink-color: var(--syt-on-solid-color);--syt-badge-neutral-color: #696969;--syt-badge-soft-neutral-color: var(--syt-neutral-100);--syt-link-color: #606ff7;--syt-workflow-link-color: #cacdfe;--syt-workflow-link-faded-color: #cacdfe;--syt-accent-on-tint: #4e5ac8;--syt-alert-on-tint: #b73228;--syt-info-on-tint: #15619e;--syt-success-on-tint: #2c7a30;--syt-warning-on-tint: #e6941a;--syt-done-on-tint: #6b46c1;--syt-alert-text-color: #f44336;--syt-input-border-color: #dddddd;--syt-scrollbar-thumb-color: rgba(18, 18, 18, .2);--syt-rule-color: #d2d2d2;--syt-box-shadow-low: lch(0 0 0 / .05) 0px 3px 6px -2px, lch(0 0 0 / .08) 0px 1px 1px;--syt-box-shadow-medium: lch(0 0 0 / .05) 0px 8px 16px -4px, lch(0 0 0 / .08) 0px 2px 4px;--syt-box-shadow-high: lch(0 0 0 / .1) 0px 24px 48px -12px, lch(0 0 0 / .14) 0px 8px 16px;--syt-box-shadow-low-outer: lch(0 0 0 / .05) 0px 3px 6px -2px, lch(0 0 0 / .08) 0px 1px 1px;--syt-box-shadow-medium-outer: lch(0 0 0 / .05) 0px 8px 16px -4px, lch(0 0 0 / .08) 0px 2px 4px;--syt-button-shadow: lch(0 0 0 / .1) 0px 1px 2px, lch(0 0 0 / .06) 0px 1px 1px;--syt-button-shadow-hover: lch(0 0 0 / .14) 0px 2px 6px, lch(0 0 0 / .08) 0px 1px 2px;--syt-button-shadow-pressed: inset 0px 1px 2px lch(0 0 0 / .22);--syt-button-shadow-hairline: lch(0 0 0 / .04) 0px 1px 1px;--syt-solid-wash-hover-color: rgba(0, 0, 0, .15);--syt-solid-wash-active-color: rgba(0, 0, 0, .25);--syt-ring-border: 0 0 0 1px var(--syt-border-color);--syt-ring-border-strong: 0 0 0 1px var(--syt-dark-border-color);--syt-main-color: #00bcd4;--syt-faded-font-color: #6b6b6b;--syt-disabled-font-color: #a3a3a3;--syt-hover-font-color: #111111;--syt-field-label-font-color: #999999;--syt-tint-shade: 0%;--syt-tint-top: 12%;--syt-bg-color: #fff;--syt-raised-bg-color: var(--syt-bg-color);--syt-raised-bg-hover-color: var(--syt-bg-hover-color);--syt-chrome-raised-bg-color: var(--syt-bg-color);--syt-surface-wash-color: color-mix(in srgb, var(--syt-accent-500) 8%, var(--syt-raised-bg-color));--syt-page-wash-color: color-mix(in srgb, var(--syt-accent-500) 8%, var(--syt-bg-color));--syt-backdrop-bg-color: rgba(0, 0, 0, .2509803922);--syt-lightbox-bg-color: rgba(0, 0, 0, .8);--syt-canvas-bg-color: #f5f5f5;--syt-canvas-bg-faded-color: rgba(245, 245, 245, .5019607843);--syt-tooltip-bg-color: rgba(0, 0, 0, .7490196078);--syt-call-surface-bg-color: var(--syt-canvas-bg-color);--syt-call-surface-bg-hover-color: var(--syt-neutral-100);--syt-call-surface-font-color: var(--syt-font-color);--syt-call-surface-faded-font-color: var(--syt-faded-font-color);--syt-call-tile-bg-color: var(--syt-bg-color);--syt-call-control-bg-color: var(--syt-neutral-100);--syt-call-control-bg-hover-color: var(--syt-neutral-200);--syt-call-control-ink-color: var(--syt-neutral-500);--syt-avatar-plate-bg: var(--syt-neutral-25);--syt-bg-faded-color: rgba(255, 255, 255, .5019607843);--syt-loading-scrim-bg-color: rgba(255, 255, 255, .7);--syt-new-message-blink-color: rgba(255, 235, 59, .4);--syt-bg-hover-color: #f4f4f4;--syt-fade-bg-hover-color: rgba(0, 0, 0, .0509803922);--syt-shadow-color: rgba(0, 0, 0, .1490196078);--syt-highlight-bg-color: #fafafa;--syt-recessed-bg-color: #f5f5f5;--syt-button-font-color: #6b6b6b;--syt-button-bg-active-color: rgba(0, 0, 0, .1019607843);--syt-table-head-bg-color: #f5f5f5;--syt-grid-head-bg-color: #d2d2d2;--syt-grid-odd-row-bg-color: #e9e9e9;--syt-table-odd-row-bg-color: #fafafa;--syt-table-row-bg-selected-color: #d7f2f7;--syt-table-row-bg-hover-color: #efefef;--syt-light-outline-color: rgba(101, 102, 103, .0509803922);--syt-dark-outline-color: rgba(0, 0, 0, .1019607843);--syt-main-outline-color: rgba(0, 188, 212, .5019607843);--syt-contrast-bg-color: #515151;--syt-default-status-color: #a0a0a0;--syt-logo-surface-bg-color: #757575;--syt-darker-border-color: rgba(0, 0, 0, .1490196078);--syt-color-white: #fff;--syt-color-black: #000;--syt-on-fill-ink-light-color: var(--syt-color-white);--syt-on-fill-ink-dark-color: #363636;--syt-color-blue: #2196f3;--syt-color-blue-faded: rgba(33, 150, 243, .4);--syt-color-blue-50: #6ab1f6;--syt-color-green: #4caf50;--syt-color-green-100: #5bad5e;--syt-color-green-25: #e8f5e9;--syt-color-green-50: #a9d6a9;--syt-color-green-50-faded: rgba(169, 214, 169, .4);--syt-color-grey: #5c7279;--syt-color-light-blue: #00bcd4;--syt-color-light-green: #b5cc26;--syt-color-light-grey: #8ba1a7;--syt-color-soft-grey: #dddddd;--syt-color-soft-grey-faded: rgba(221, 221, 221, .6666666667);--syt-color-red: #f44336;--syt-color-red-50: #f97b70;--syt-color-rejected: #ff4d4d;--syt-color-rejected-bg: #ffc9c9;--syt-color-approved: #28a97b;--syt-color-approved-bg: rgba(40, 169, 124, .2509803922);--syt-color-ignored: #f9a825;--syt-color-ignored-bg: rgba(249, 168, 37, .2509803922);--syt-color-pink: #f49393;--syt-color-orange: #ffa825;--syt-color-orange-faded: rgba(255, 222, 152, .5294117647);--syt-color-yellow: #ffd371;--syt-color-yellow-50: #ffde98;--syt-color-agent: #8b7ff0;--syt-color-budget: #ffd371;--syt-color-checkin-record: #cc92f0;--syt-color-checklist: #47c9bd;--syt-color-contact: #f49393;--syt-color-client: #f49393;--syt-color-custom-report: #47c9bd;--syt-color-external-report: #47c9bd;--syt-color-engineering: #fbac80;--syt-color-engineering-form: #fbac80;--syt-color-file-document: #47c9bd;--syt-color-form: #3bb7f2;--syt-color-form-template: #3bb7f2;--syt-color-full-shipment: #9597e2;--syt-color-invoice: #ffd371;--syt-color-material: #9597e2;--syt-color-material-kit: #9597e2;--syt-color-material-operation: #9597e2;--syt-color-material-stock: #9597e2;--syt-color-material-operation-template: #9597e2;--syt-color-milestone-category: #47c9bd;--syt-color-network-element: #fbac80;--syt-color-network-element-type: #fbac80;--syt-color-price-list: #ffd371;--syt-color-project: #47c9bd;--syt-color-purchase-order: #ffd371;--syt-color-quotation: #ffd371;--syt-color-role: #47c9bd;--syt-color-sales-order: #ffd371;--syt-color-site: #607ee0;--syt-color-site-access-request: #607ee0;--syt-color-site-access-request-type: #47c9bd;--syt-color-staff: #cc92f0;--syt-color-stopper: #f44336;--syt-color-supplier: #f49393;--syt-color-task: #47c9bd;--syt-color-task-quota: #47c9bd;--syt-color-task-template: #47c9bd;--syt-color-timer: #47c9bd;--syt-color-tracking-time-frame: #cc92f0;--syt-color-transformation-script: var(--syt-color-agent);--syt-color-trigger: #47c9bd;--syt-color-wizard: #47c9bd;--syt-color-workflow: #47c9bd;--syt-color-workflow-template: #47c9bd;--syt-color-workspace: #ad92f0;--syt-color-attribute: #47c9bd}:root[data-theme-family=dark]{color-scheme:dark;--syt-tint-shade: 78%;--syt-tint-top: 20%;--syt-neutral-500: #c9cbcd;--syt-neutral-400: #b6b8bc;--syt-neutral-300: #909298;--syt-neutral-200: #585b60;--syt-neutral-100: #424448;--syt-neutral-50: #35373a;--syt-neutral-25: #2e2f31;--syt-neutral-10: #1e1e1e;--syt-chart-neutral: #8aa6c9;--syt-chart-remainder: #7e786b;--syt-gradient-ocean-from: #3d4bc2;--syt-gradient-ocean-to: #794eb4;--syt-gradient-forest-from: #237a5d;--syt-gradient-forest-to: #176e83;--syt-gradient-sunset-from: #aa641b;--syt-gradient-sunset-to: #aa4838;--syt-gradient-slate-from: #2a2b31;--syt-gradient-slate-to: #1e1f24;--syt-gradient-midnight-from: #232a3e;--syt-gradient-midnight-to: #161a28;--syt-accent-200: #292f60;--syt-accent-100: #1d2249;--syt-accent-50: #171b3a;--syt-accent-25: #13162f;--syt-done-200: #3a2960;--syt-done-100: #2a1d49;--syt-done-50: #22173a;--syt-info-200: #294760;--syt-alert-200: #602d29;--syt-alert-100: #49211d;--syt-alert-50: #3a1a17;--syt-success-200: #29604d;--syt-success-100: #1d4939;--syt-success-50: #173a2f;--syt-info-100: #1d3549;--syt-warning-200: #604b29;--syt-warning-100: #49381d;--syt-color-rejected-bg: #49211d;--syt-color-approved-bg: #1d4939;--syt-color-blue-faded: #1d3549;--syt-color-ignored-bg: #49381d;--syt-color-orange-faded: #4d3d1f;--syt-font-color: #c9cbcd;--syt-border-color: #454545;--syt-dark-border-color: #70737a;--syt-hairline-border-color: #343434;--syt-darker-border-color: rgba(255, 255, 255, .2117647059);--syt-faded-font-color: #909298;--syt-disabled-font-color: #74767c;--syt-hover-font-color: #d8d8da;--syt-field-label-font-color: #909298;--syt-bg-color: #1e1e1e;--syt-raised-bg-color: #272727;--syt-raised-bg-hover-color: #313131;--syt-chrome-raised-bg-color: color-mix(in srgb, var(--syt-color-white) 15%, var(--syt-neutral-50));--syt-backdrop-bg-color: rgba(0, 0, 0, .4509803922);--syt-call-surface-bg-color: #0d0d0d;--syt-call-surface-bg-hover-color: #2d2d2d;--syt-call-surface-font-color: #f5f5f5;--syt-call-surface-faded-font-color: #d2d2d2;--syt-call-tile-bg-color: var(--syt-bg-color);--syt-call-control-bg-color: #2d2d2d;--syt-call-control-bg-hover-color: #414347;--syt-call-control-ink-color: #f5f5f5;--syt-canvas-bg-color: #121212;--syt-canvas-bg-faded-color: rgba(18, 18, 18, .5019607843);--syt-bg-faded-color: rgba(30, 30, 30, .5019607843);--syt-loading-scrim-bg-color: rgba(30, 30, 30, .7);--syt-new-message-blink-color: rgba(84, 65, 36, .4);--syt-bg-hover-color: #2a2a2a;--syt-fade-bg-hover-color: rgba(255, 255, 255, .0784313725);--syt-shadow-color: rgba(0, 0, 0, .3490196078);--syt-highlight-bg-color: #191919;--syt-recessed-bg-color: #141414;--syt-button-font-color: #c9cbcd;--syt-button-bg-active-color: rgba(255, 255, 255, .1215686275);--syt-table-head-bg-color: #171717;--syt-grid-head-bg-color: #171717;--syt-grid-odd-row-bg-color: #262626;--syt-table-odd-row-bg-color: #191919;--syt-table-row-bg-selected-color: #181e50;--syt-table-row-bg-hover-color: #2a2a2a;--syt-light-outline-color: rgba(255, 255, 255, .08);--syt-dark-outline-color: rgba(255, 255, 255, .2117647059);--syt-on-solid-color: #0e1213;--syt-accent-solid-bg-color: #8891fa;--syt-accent-solid-ink-color: #0e1213;--syt-success-solid-bg-color: var(--syt-success-400);--syt-success-solid-ink-color: var(--syt-on-solid-color);--syt-alert-solid-bg-color: var(--syt-alert-500);--syt-alert-solid-ink-color: var(--syt-on-solid-color);--syt-info-solid-bg-color: var(--syt-info-500);--syt-info-solid-ink-color: var(--syt-on-solid-color);--syt-badge-neutral-color: #585b60;--syt-badge-soft-neutral-color: var(--syt-neutral-100);--syt-link-color: #8891fa;--syt-workflow-link-faded-color: rgba(202, 205, 254, .5019607843);--syt-accent-on-tint: #b0b5fc;--syt-alert-on-tint: #fa8a80;--syt-info-on-tint: #90caf9;--syt-success-on-tint: #94e0c5;--syt-warning-on-tint: #facb85;--syt-done-on-tint: #c4b5fd;--syt-alert-text-color: #f6685e;--syt-input-border-color: #70737a;--syt-scrollbar-thumb-color: rgba(255, 255, 255, .35);--syt-rule-color: #70737a;--syt-default-status-color: #70737a;--syt-box-shadow-low: inset 0 0 0 100vmax lch(100 0 0 / .03), lch(0 0 0 / .24) 0px 3px 6px -2px, lch(0 0 0 / .32) 0px 1px 1px;--syt-box-shadow-medium: inset 0 0 0 100vmax lch(100 0 0 / .05), lch(0 0 0 / .24) 0px 8px 16px -4px, lch(0 0 0 / .32) 0px 2px 4px;--syt-box-shadow-high: inset 0 0 0 100vmax lch(100 0 0 / .07), lch(0 0 0 / .32) 0px 24px 48px -12px, lch(0 0 0 / .45) 0px 8px 16px;--syt-box-shadow-low-outer: lch(0 0 0 / .24) 0px 3px 6px -2px, lch(0 0 0 / .32) 0px 1px 1px;--syt-box-shadow-medium-outer: lch(0 0 0 / .24) 0px 8px 16px -4px, lch(0 0 0 / .32) 0px 2px 4px;--syt-button-shadow: lch(0 0 0 / .5) 0px 1px 2px, lch(0 0 0 / .35) 0px 1px 1px;--syt-button-shadow-hover: lch(0 0 0 / .6) 0px 2px 8px, lch(0 0 0 / .4) 0px 1px 2px;--syt-button-shadow-pressed: inset 0px 1px 2px lch(0 0 0 / .55);--syt-button-shadow-hairline: lch(0 0 0 / .35) 0px 1px 1px}:root[data-theme=midnight]{--syt-bg-color: #24252b;--syt-raised-bg-color: #2b2c33;--syt-raised-bg-hover-color: #34353d;--syt-bg-faded-color: rgba(36, 37, 43, .5019607843);--syt-call-surface-bg-color: #16171c;--syt-call-surface-bg-hover-color: #33343c;--syt-call-control-bg-color: #33343c;--syt-call-control-bg-hover-color: #45464f;--syt-loading-scrim-bg-color: rgba(36, 37, 43, .7);--syt-neutral-10: #24252b;--syt-canvas-bg-color: #1a1b20;--syt-canvas-bg-faded-color: rgba(26, 27, 32, .5019607843);--syt-bg-hover-color: #2e2f37;--syt-highlight-bg-color: #202126;--syt-recessed-bg-color: #1c1d22;--syt-table-head-bg-color: #1d1e23;--syt-grid-head-bg-color: #1d1e23;--syt-grid-odd-row-bg-color: #2c2c32;--syt-table-odd-row-bg-color: #202126;--syt-table-row-bg-hover-color: #2e2f37;--syt-border-color: #4a4c58;--syt-hairline-border-color: #373945}:root{--syt-spacing-0: 0px;--syt-spacing-1: 1px;--syt-spacing-2: 2px;--syt-spacing-4: 4px;--syt-spacing-6: 6px;--syt-spacing-8: 8px;--syt-spacing-12: 12px;--syt-spacing-16: 16px;--syt-spacing-20: 20px;--syt-spacing-24: 24px;--syt-spacing-32: 32px;--syt-spacing-48: 48px;--syt-spacing-64: 64px;--syt-window-inset: var(--syt-spacing-4);--syt-window-border-color: var(--syt-neutral-200);--syt-window-radius: var(--syt-radius-control)}:root[data-full-bleed]{--syt-window-inset: var(--syt-spacing-8);--syt-window-border-color: transparent;--syt-window-radius: 0}:root{--syt-radius-detail: 4px;--syt-radius-chip: 6px;--syt-radius-control: 8px;--syt-radius-surface: 12px;--syt-radius-pill: 20px}:root{--syt-text-title1-size: 26px;--syt-text-title1-weight: 600;--syt-text-title2-size: 21px;--syt-text-title2-weight: 600;--syt-text-title3-size: 17px;--syt-text-title3-weight: 600;--syt-text-title4-size: 15px;--syt-text-title4-weight: 600;--syt-text-caption-size: 11px;--syt-text-caption-weight: 400;--syt-text-headline-size: 12px;--syt-text-headline-weight: 600;--syt-text-headline-spacing: .04em;--syt-text-headline-transform: uppercase;--syt-text-body-size: 14px;--syt-text-body-weight: 400;--syt-text-button-size: 12px;--syt-text-button-weight: 400}@keyframes fadeAnimation{0%{opacity:0;pointer-events:none}to{opacity:1}}@keyframes slideFromRightAnimation{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideFromLeftAnimation{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideFromTopAnimation{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideFromBottomAnimation{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes marginLeftAnimation{0%{margin-left:var(--margin-left-for-animation, 0)}to{margin-left:0}}@keyframes marginRightAnimation{0%{margin-right:var(--margin-right-for-animation, 0)}to{margin-right:0}}@keyframes marginTopAnimation{0%{margin-top:var(--margin-top-for-animation, 0)}to{margin-top:0}}@keyframes marginBottomAnimation{0%{margin-bottom:var(--margin-bottom-for-animation, 0)}to{margin-bottom:0}}.fade-in{animation:fadeAnimation .25s ease forwards}.fade-out{animation:fadeAnimation .25s ease reverse forwards}html,body{height:100%;box-sizing:border-box;overflow:auto}html{background-color:var(--syt-bg-color)}body{margin:0;font-family:Nunito,sans-serif;color:var(--syt-font-color)}body *{box-sizing:border-box;scrollbar-color:var(--syt-scrollbar-thumb-color) transparent;scrollbar-width:thin}body a{text-decoration:none}body a:link,body a:visited,body a:hover,body a:active{color:inherit}*{font-family:Nunito,sans-serif}*:before,*:after{box-sizing:border-box}fa-icon{display:flex}.syt-modal-backdrop{background:var(--syt-backdrop-bg-color)}:root:not([data-theme-family=dark]) .theme-asset-dark,:root[data-theme-family=dark] .theme-asset-light{display:none}