xel/themes/fluent-dark.css

Widget toolkit for building native-like Web, Electron and Hybrid apps

:root{width:100%;height:100%;margin:0;interpolate-size:allow-keywords;font-family:sans-serif;line-height:1.6}body{width:100vw;height:100%;margin:0;overflow-y:overlay}h1{margin:22px 0 16px;box-sizing:border-box;line-height:1;font-size:3.25rem;font-weight:700}h2{margin:18px 0 14px 0;box-sizing:border-box;line-height:1;font-size:2.125rem;font-weight:700}h3{margin:16px 0 12px 0;box-sizing:border-box;line-height:1.2;font-size:1.75rem;font-weight:700}h4{margin:14px 0 10px 0;box-sizing:border-box;line-height:1.1;font-size:1.5rem;font-weight:700}h5{margin:12px 0 8px 0;box-sizing:border-box;line-height:1.1;font-size:1.25rem;font-weight:700}h6{margin:8px 0 5px 0;box-sizing:border-box;line-height:1.1;font-size:1rem;font-weight:700}h1 em, h2 em, h3 em, h4 em, h5 em, h6 em{font-weight:inherit}h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{font-weight:900}p{margin:16px 0}p:last-child{margin-bottom:0}a{font-weight:500}table{width:100%;margin:16px 0;border-collapse:collapse;border-style:hidden;box-shadow:0 0 0 1px var(--border-color)}th{text-align:start;padding:8px 14px;border-spacing:0}td{padding:8px 14px;border-spacing:0}em{font-weight:500}pre, code, var{font-size:0.875rem;font-style:normal;padding:0 4px}pre{margin:14px 0;padding:4px 6px;white-space:pre-wrap;box-sizing:border-box}pre > code{display:block;padding:0;box-sizing:border-box;background-color:transparent;outline-width:0px;line-height:1.3}hr{width:100%;height:1px;min-height:1px;margin:24px 0;box-sizing:border-box;border:none}blockquote{box-sizing:border-box;margin:16px 0;padding:5px 14px;border-left-width:8px;border-left-style:solid}blockquote > blockquote{margin:6px 0}blockquote > p:first-child{margin-top:0}ul, ol{margin:12px 0;padding:0}p + ul{margin:-10px 0 0 0}li > ul, li > ol{margin:0}li{position:relative;margin:0;padding:0}ul li{margin-left:20px}ol li{margin-left:16px}li > p{margin:4px 0}ol > li::marker{font-weight:700}img{display:block;height:auto;margin:14px auto;max-width:100%;user-select:none;box-sizing:border-box;background:var(--checkboard-background);border-width:1px;border-style:solid;border-color:var(--border-color);-webkit-user-select:none;-webkit-user-modify:read-only}img:active{cursor:-webkit-grabbing}[popover]{color:var(--text-color);background-color:var(--foreground-color)}::-webkit-scrollbar{max-width:6px;max-height:6px}::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin}}x-card:not(:defined){display:none}x-card > footer{padding:8px 16px;width:calc(100% + 40px);height:calc(100% + 20px);margin-left:-20px;margin-bottom:-16px;box-sizing:border-box;background:lightgrey}x-card > footer:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}x-card > footer:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}x-card > h1:first-child{margin-top:0}x-card > h2:first-child{margin-top:0}x-card > h3:first-child{margin-top:0}x-card > h4:first-child{margin-top:0}x-card > h5:first-child{margin-top:0}x-card > h6:first-child{margin-top:0}x-avatar[size="small"]{width:28px;height:28px}x-avatar[size="large"]{width:54px;height:54px}x-avatar > img{width:100%;height:100%;-webkit-user-drag:none}x-avatar > x-icon{width:55%;height:55%}x-avatar > x-label{font-size:1rem;pointer-events:none}x-avatar[size="small"] > x-label{font-size:0.75rem}x-avatar[size="large"] > x-label{font-size:1.5rem}x-accordion:not(:defined){display:none}x-accordion[size="small"]::part(arrow){width:14px;height:14px}x-accordion[size="large"]::part(arrow){width:18px;height:18px}x-accordion > header{display:flex;align-items:center;box-sizing:border-box;width:100%;padding:7px 0 7px 20px}x-accordion[size="small"] > header{padding-left:18px}x-accordion[size="large"] > header{padding-left:22px}x-accordion > header > x-label:first-child{flex:1}x-accordion > header > *:not(:last-child){margin-right:20px}x-accordion:not([expanded]):not([animating]) > *:not(header){display:none!important}x-icon[size="small"]{width:15px;height:15px}x-icon[size="large"]{width:21px;height:21px}x-icon:not(:defined){display:none}x-label:not(:defined){display:none}x-shortcut:not(:defined){display:none}x-stepper:not(:defined){display:none}x-swatch[size="small"]{width:16px;height:16px}x-swatch[size="large"]{width:20px;height:20px}x-swatch:not(:defined){display:none}x-button{--min-pressed-time: 150ms;}@media (pointer:coarse){x-button{--min-pressed-time: 600ms;}}a:has(x-button){text-decoration:none}x-button[toggled]{z-index:1}x-button[condensed]{padding:2px 7px}x-button[size="small"]{min-height:24px}x-button[size="large"]{min-height:38px}x-buttons[vertical] > x-button{width:100%;justify-content:flex-start}x-button:not(:defined){display:none}x-button > x-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center;min-width:1px;pointer-events:none}x-button > x-label ~ x-icon, x-button > x-icon ~ x-label{margin:0 0 0 6px}x-button > x-menu{font-size:0.875rem}x-button[skin="normal"][size="small"] > x-icon{width:14px;height:14px}x-button[skin="normal"][size="large"] > x-icon{width:20px;height:20px}x-button[skin="flat"]{padding:0}x-buttons:not([vertical]) > x-button[skin="flat"]:not(:first-of-type){margin-left:10px}x-buttons:not([vertical]) > x-button[skin="flat"][size="small"]:not(:first-of-type){margin-left:5px}x-buttons[vertical] > x-button[skin="flat"]:not(:first-of-type){margin-top:10px}x-buttons[vertical] > x-button[skin="flat"][size="small"]:not(:first-of-type){margin-top:5px}x-button[skin="flat"] > x-icon{width:26px;height:26px}x-button[skin="flat"][size="small"] > x-icon{width:22px;height:22px}x-button[skin="flat"][size="large"] > x-icon{width:28px;height:28px}x-button[skin="recessed"]{min-height:18px;padding:4px 8px}x-button[skin="recessed"][size="small"]{padding:3px 8px}x-button[skin="recessed"][size="large"]{padding:5px 8px}x-buttons:not([vertical]) > x-button[skin="recessed"] + x-button[skin="recessed"]{margin-left:4px}x-buttons[vertical] > x-button[skin="recessed"] + x-button[skin="recessed"]{margin-top:4px}x-button[skin="recessed"] > x-icon{width:16px;height:16px}x-button[skin="recessed"][size="small"] > x-icon{width:12px;height:12px}x-button[skin="recessed"][size="large"] > x-icon{width:20px;height:20px}x-button[skin="dock"], x-buttons[vertical] > x-button[skin="dock"]{width:38px;height:38px;min-height:38px;padding:0;justify-content:center}x-button[skin="dock"][size="small"], x-buttons[vertical] > x-button[skin="dock"][size="small"]{width:30px;height:30px;min-height:30px}x-button[skin="dock"][size="large"], x-buttons[vertical] > x-button[skin="dock"][size="large"]{width:45px;height:45px;min-height:45px}x-buttons:not([vertical]) > x-button[skin="dock"] + x-button[skin="dock"]{margin-left:-1px}x-buttons[vertical] > x-button[skin="dock"] + x-button[skin="dock"]{margin-top:-1px}x-button[skin="dock"] > x-icon{width:17px;height:17px}x-button[skin="dock"][size="small"] > x-icon{width:14px;height:14px}x-button[skin="dock"][size="large"] > x-icon{width:20px;height:20px}x-buttons[vertical]{flex-flow:column;align-items:flex-start;justify-content:center}x-buttons:not(:defined){display:none}x-tag[size="small"]{height:18px}x-tag[size="large"]{height:30px}x-tag:not(:defined){display:none}x-tag > x-swatch{width:14px;height:14px}x-tag[size="small"] > x-swatch{width:12px;height:12px}x-tag[size="large"] > x-swatch{width:16px;height:16px}x-tag > x-label{font-size:0.75rem}x-tag :not(x-label) + x-label{margin-left:0.25rem}x-tag[size="small"] > x-label{font-size:0.6875rem}x-tag > x-icon{width:15px;height:15px}x-tags{margin-top:-2px;margin-left:-2px}x-tags:not(:defined){display:none}x-tags x-tag{margin:2px}x-tagsinput[size="small"]{padding:0px;gap:0px}x-tagsinput[size="small"] > x-tag{height:22px;transform:scale(0.92)}x-tagsinput[size="large"]{padding:6px;gap:6px}x-tagsinput:focus-within{z-index:10}x-tagsinput:not(:defined){display:none}x-tagsinput > x-label{position:absolute;top:50%;left:8px;transform:translateY(-50%);pointer-events:none}x-tagsinput[size="small"][error]::before{top:27px}x-tagsinput[size="large"][error]::before{top:41px}x-tab[size="small"]{min-height:24px}x-tab[size="large"]{min-height:38px}x-tab:not(:defined){display:none}x-tab x-icon{width:17px;height:17px;min-width:17px;color:inherit}x-tab[size="small"] x-icon{width:15px;height:15px;min-width:15px}x-tab[size="large"] x-icon{width:19px;height:19px;min-width:19px}x-tab x-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.2;cursor:inherit;flex:1}x-tab x-icon + x-label{margin-left:6px}x-tab x-box:is([vertical]) x-icon + x-label{margin-left:0px}x-tabs:not(:defined){display:none}x-menu:not(:defined){display:none}x-menu:has(x-menu[opened]){overflow:-webkit-paged-x}x-menu > x-label{margin:6px;font-weight:700}x-menu img{margin:0;background:none;border:none}x-menu hr{width:100%;height:1px;margin:4px 0px;box-sizing:border-box}x-menu hr + hr, x-menu hr:last-child{display:none}x-menuitem[size="small"]{min-height:24px}x-menuitem[size="large"]{min-height:38px}x-menuitem:not(:defined){display:none}x-menuitem[highlighted]{color:white;background:var(--accent-color)}x-menuitem img{width:16px;height:16px}x-menuitem x-icon{width:16px;height:16px}x-menuitem x-label{display:block;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:inherit;line-height:1.4}x-menuitem img + x-label, x-menuitem x-swatch + x-label, x-menuitem x-icon + x-label{margin-left:8px}x-menuitem x-shortcut{margin-left:auto}x-menuitem x-label + x-shortcut{margin-left:8px}x-menubar[size="small"]{height:30px}x-menubar[size="large"]{height:42px}x-menubar:not(:defined){display:none}x-menubar > x-menuitem{height:100%;padding:0 11px;min-height:0}x-menubar > x-menuitem[autohidden]{display:none}x-navitem + x-navitem, a:has(x-navitem) + a:has(x-navitem), a:has(x-navitem) + x-navitem, x-navitem + a:has(x-navitem){margin:3px 0}x-nav x-nav > *:first-child{margin-top:3px}x-nav x-nav > *:last-child{margin-bottom:0}x-nav x-nav > *{margin-left:34px!important}x-nav x-nav > *{max-width:calc(100% - 34px)!important}x-nav > a{display:block;text-decoration:none}x-nav x-label{max-width:100%;flex:1 1 0%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;font-size:0.9375rem;text-align:start}x-nav x-icon + x-label{margin-left:14px}x-nav[collapsed] x-navitem > x-label{display:none}x-nav x-icon{width:20px;height:20px}x-nav x-label + x-icon{width:18px;height:18px;margin:0 0 0 10px}x-nav[collapsed] x-navitem > x-label + x-icon{display:none}x-nav[collapsed] x-navitem::part(button){padding:0}x-nav[collapsed] x-navitem::part(arrow){display:none}x-contextmenu:not(:defined){display:none}dialog{overflow:hidden;position:fixed;min-width:200px;min-height:100px;max-height:none;margin:auto;padding:20px 24px;box-sizing:border-box;font-size:0.8125rem;line-height:1.6}dialog:focus{outline:none}dialog:not(:defined){display:none}dialog > footer{display:flex;flex-flow:row;justify-content:flex-end;padding:12px 24px;width:calc(100% + 48px);height:calc(100% + 22px);margin-top:10px;margin-left:-24px;margin-bottom:-20px;box-sizing:border-box;background:lightgrey}dialog > footer:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}dialog > footer:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}dialog > footer x-button + x-button{margin-left:8px}dialog h3{font-size:1.125rem;font-weight:700}dialog > *:first-child{margin-top:0}x-popover{padding:12px;overflow:auto}x-popover:has(footer){overflow:hidden}x-popover:not(:defined){display:none}x-popover > footer{padding:12px;width:calc(100% + 24px);height:calc(100% + 12px);margin-left:-12px;margin-bottom:-12px;margin-top:12px;box-sizing:border-box;background:lightgrey}x-popover > footer:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}x-popover > footer:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}x-notification[size="small"]{padding:3px 12px}x-notification[size="large"]{padding:8px 12px}x-notification:not(:defined){display:none}x-notification > p{margin:0}x-checkbox:not(:defined){display:none}x-checkbox + x-checkbox{margin-top:6px}x-checkbox[size="small"]::part(indicator){width:17px;height:17px}x-checkbox[size="large"]::part(indicator){width:21px;height:21px}x-checkbox > x-label{display:block;margin-left:8px;padding:1px 0}x-radio + x-radio{margin-top:6px}x-radio:not(:defined){display:none}x-radio[size="small"]::part(indicator){width:17px;height:17px}x-radio[size="large"]::part(indicator){width:21px;height:21px}x-radio > x-label{margin:0 0 0 8px;padding:1px 0}x-radio[size="small"] > x-label{margin-left:6px}x-radio[size="large"] > x-label{margin-left:10px}x-radios:not(:defined){display:none}x-switch + x-switch{margin-top:12px}x-switch:not(:defined){display:none}x-switch[size="large"]::part(indicator){width:42px;height:20px}x-switch[size="small"]::part(indicator){width:28px;height:12px}x-switch > x-label{margin:0 0 0 8px;padding:1px 0}x-switch[size="small"] > x-label{margin-left:6px}x-switch[size="large"] > x-label{margin-left:10px}x-select[size="small"]{height:24px}x-select[size="large"]{height:38px}x-select:not(:defined){display:none}x-colorselect[size="small"]{width:24px;height:24px}x-colorselect[size="large"]{width:38px;height:38px}x-colorselect:not(:defined){display:none}x-input[size="small"]{height:24px}x-input[size="large"]{height:38px}x-input:not(:defined){display:none}x-input + x-input{margin-top:20px}x-input > x-icon{width:15px;height:15px;min-width:15px;margin:0 0 0 8px}x-input[size="small"] > x-icon{transform:scale(0.8)}x-input[size="large"] > x-icon{transform:scale(1.1)}x-input > x-icon:hover{cursor:default}x-input > x-label{display:none;position:absolute;top:50%;max-width:100%;padding:0 5px 0 5px;transform:translateY(-50%);font-family:inherit;font-size:inherit;line-height:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}x-input[empty] > x-label{display:block}x-input > x-icon + x-label{padding:0 5px 0 29px}x-numberinput[size="small"]{height:24px}x-numberinput[size="large"]{height:38px}x-numberinput:focus{z-index:10}x-numberinput:not(:defined){display:none}x-numberinput > x-label{display:none;position:absolute;top:50%;max-width:100%;padding:0 5px 0 5px;transform:translateY(-50%);font-family:inherit;font-size:inherit;line-height:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}x-numberinput[empty] > x-label{display:block}x-numberinput[size="small"][error]::before{top:27px}x-numberinput[size="large"][error]::before{top:41px}x-texteditor:focus{z-index:10}x-texteditor:not(:defined){display:none}x-texteditor > x-label{display:none;position:absolute;width:100%;top:0;left:0;padding:2px 6px;font-family:inherit;font-size:inherit;line-height:inherit;pointer-events:none}x-texteditor[empty] > x-label{display:block}x-slider:not(:defined){display:none}x-colorpicker:not(:defined){display:none}x-progressbar[size="small"]{height:6px}x-progressbar[size="large"]{height:10px}x-progressbar:not(:defined){display:none}x-throbber[size="small"]{width:26px;height:26px}x-throbber[size="large"]{width:34px;height:34px}x-throbber:not(:defined){display:none}x-titlebar x-icon + x-label{margin-left:6px}:root{color:var(--text-color);background-color:var(--background-color);font-family:"Segoe UI", "SegoeUI", system-ui, sans-serif;--theme-id:                   "fluent-dark";--preset-accent-colors:       blue     color(srgb 0.30 0.76 1.00),
                                purple   color(srgb 0.85 0.36 0.90),
                                pink     color(srgb 1.00 0.31 0.80),
                                red      color(srgb 0.96 0.40 0.38),
                                orange   color(srgb 0.98 0.61 0.26),
                                yellow   color(srgb 1.00 0.84 0.16),
                                green    color(srgb 0.27 0.90 0.20),
                                gray     color(srgb 0.74 0.73 0.72);--accent-color:               color(srgb 0.30 0.76 1.00);--background-color:           color(srgb 0.12 0.12 0.12);--foreground-color:           color(srgb 0.18 0.18 0.18);--border-color:               color(srgb 0.22 0.22 0.22);--text-color:                 color(srgb 1 1 1 / 0.9);--error-color:                color(srgb 1 0.6 0.64);--selection-color:            color(srgb 1 1 1);--selection-background-color: oklch(from var(--accent-color) calc(l - 0.2) c h);--autofill-background-color:  color(srgb 0.99 0.88 0 / 0.35);--titlebar-color:             auto;--autocapitalize:             none;--checkboard-background:      linear-gradient( 45deg, #5b5b5b 25%, #0000   25%)  0px  0px / 10px 10px,
                                linear-gradient(-45deg, #5b5b5b 25%, #0000   25%)  0px  5px / 10px 10px,
                                linear-gradient( 45deg, #0000   75%, #5b5b5b 75%)  5px -5px / 10px 10px,
                                linear-gradient(-45deg, #0000   75%, #5b5b5b 75%) -5px  0px / 10px 10px, #919191;--arrow-left-path-data: M 68.75 79.17 C 68.75 78 68.33 77 67.5 76.25 L 41.25 50 L 67.5 23.75 C 68.33 23 68.75 22 68.75 20.84 C 68.75 19.75 68.33 18.75 67.5 17.92 C 66.75 17.09 65.75 16.67 64.58 16.67 C 63.42 16.67 62.42 17.09 61.67 17.84 L 32.42 47.09 C 31.58 47.92 31.25 48.84 31.25 50 C 31.25 51.17 31.58 52.09 32.42 52.92 L 61.67 82.17 C 62.42 82.92 63.42 83.34 64.58 83.34 C 65.75 83.34 66.75 82.92 67.5 82.17 C 68.33 81.25 68.75 80.34 68.75 79.17 Z;--arrow-right-path-data: M 31.25 79.17 C 31.25 78 31.67 77 32.5 76.25 L 58.75 50 L 32.5 23.75 C 31.67 23 31.25 22 31.25 20.84 C 31.25 19.75 31.67 18.75 32.5 17.92 C 33.25 17.09 34.25 16.67 35.42 16.67 C 36.58 16.67 37.58 17.09 38.33 17.84 L 67.58 47.09 C 68.42 47.92 68.75 48.84 68.75 50 C 68.75 51.17 68.42 52.09 67.58 52.92 L 38.33 82.17 C 37.58 82.92 36.58 83.34 35.42 83.34 C 34.25 83.34 33.25 82.92 32.5 82.17 C 31.67 81.25 31.25 80.34 31.25 79.17 Z;--arrow-down-path-data: M 20.83 31.25 C 22 31.25 23 31.67 23.75 32.5 L 50 58.75 L 76.25 32.5 C 77 31.67 78 31.25 79.16 31.25 C 80.25 31.25 81.25 31.67 82.08 32.5 C 82.91 33.25 83.33 34.25 83.33 35.42 C 83.33 36.58 82.91 37.58 82.16 38.33 L 52.91 67.58 C 52.08 68.42 51.16 68.75 50 68.75 C 48.83 68.75 47.91 68.42 47.08 67.58 L 17.83 38.33 C 17.08 37.58 16.66 36.58 16.66 35.42 C 16.66 34.25 17.08 33.25 17.83 32.5 C 18.75 31.67 19.66 31.25 20.83 31.25 Z;--arrow-up-path-data: M 20.83 68.75 C 22 68.75 23 68.33 23.75 67.5 L 50 41.25 L 76.25 67.5 C 77 68.33 78 68.75 79.16 68.75 C 80.25 68.75 81.25 68.33 82.08 67.5 C 82.91 66.75 83.33 65.75 83.33 64.58 C 83.33 63.42 82.91 62.42 82.16 61.67 L 52.91 32.42 C 52.08 31.58 51.16 31.25 50 31.25 C 48.83 31.25 47.91 31.58 47.08 32.42 L 17.83 61.67 C 17.08 62.42 16.66 63.42 16.66 64.58 C 16.66 65.75 17.08 66.75 17.83 67.5 C 18.75 68.33 19.66 68.75 20.83 68.75 Z;--double-arrow-left-path-data: M 81.24 79.17 C 81.24 78 80.82 77 79.99 76.25 L 53.74 50 L 79.99 23.75 C 80.82 23 81.24 22 81.24 20.84 C 81.24 19.75 80.82 18.75 79.99 17.92 C 79.24 17.09 78.24 16.67 77.07 16.67 C 75.91 16.67 74.91 17.09 74.16 17.84 L 44.91 47.09 C 44.07 47.92 43.74 48.84 43.74 50 C 43.74 51.17 44.07 52.09 44.91 52.92 L 74.16 82.17 C 74.91 82.92 75.91 83.34 77.07 83.34 C 78.24 83.34 79.24 82.92 79.99 82.17 C 80.82 81.25 81.24 80.34 81.24 79.17 Z M 56.26 79.17 C 56.26 78 55.84 77 55.01 76.25 L 28.76 50 L 55.01 23.75 C 55.84 23 56.26 22 56.26 20.84 C 56.26 19.75 55.84 18.75 55.01 17.92 C 54.26 17.09 53.26 16.67 52.09 16.67 C 50.93 16.67 49.93 17.09 49.18 17.84 L 19.93 47.09 C 19.09 47.92 18.76 48.84 18.76 50 C 18.76 51.17 19.09 52.09 19.93 52.92 L 49.18 82.17 C 49.93 82.92 50.93 83.34 52.09 83.34 C 53.26 83.34 54.26 82.92 55.01 82.17 C 55.84 81.25 56.26 80.34 56.26 79.17 Z;--double-arrow-right-path-data: M 18.76 79.17 C 18.76 78 19.18 77 20.01 76.25 L 46.26 50 L 20.01 23.75 C 19.18 23 18.76 22 18.76 20.84 C 18.76 19.75 19.18 18.75 20.01 17.92 C 20.76 17.09 21.76 16.67 22.93 16.67 C 24.09 16.67 25.09 17.09 25.84 17.84 L 55.09 47.09 C 55.93 47.92 56.26 48.84 56.26 50 C 56.26 51.17 55.93 52.09 55.09 52.92 L 25.84 82.17 C 25.09 82.92 24.09 83.34 22.93 83.34 C 21.76 83.34 20.76 82.92 20.01 82.17 C 19.18 81.25 18.76 80.34 18.76 79.17 Z M 43.74 79.17 C 43.74 78 44.16 77 44.99 76.25 L 71.24 50 L 44.99 23.75 C 44.16 23 43.74 22 43.74 20.84 C 43.74 19.75 44.16 18.75 44.99 17.92 C 45.74 17.09 46.74 16.67 47.91 16.67 C 49.07 16.67 50.07 17.09 50.82 17.84 L 80.07 47.09 C 80.91 47.92 81.24 48.84 81.24 50 C 81.24 51.17 80.91 52.09 80.07 52.92 L 50.82 82.17 C 50.07 82.92 49.07 83.34 47.91 83.34 C 46.74 83.34 45.74 82.92 44.99 82.17 C 44.16 81.25 43.74 80.34 43.74 79.17 Z;--checkmark-path-data: M 15.51 49.52 C 15.51 48.35 15.93 47.35 16.76 46.6 C 17.59 45.77 18.51 45.35 19.68 45.35 C 20.84 45.35 21.76 45.77 22.59 46.6 L 39.73 64.13 L 77.41 27.04 C 78.24 26.21 79.16 25.79 80.33 25.79 C 80.91 25.79 81.41 25.87 81.91 26.12 C 82.49 26.29 82.91 26.62 83.24 27.04 C 83.66 27.37 83.91 27.79 84.16 28.29 C 84.41 28.79 84.49 29.37 84.49 29.96 C 84.49 31.04 84.08 32.04 83.24 32.87 L 42.64 72.96 C 41.81 73.8 40.89 74.21 39.73 74.21 C 38.56 74.21 37.64 73.8 36.81 72.96 L 16.76 52.43 C 15.93 51.68 15.51 50.68 15.51 49.52 Z;--mixed-checkmark-path-data: M 25.22 53.98 C 24.66 53.98 24.11 53.89 23.62 53.67 C 23.15 53.5 22.76 53.17 22.35 52.86 C 22.05 52.47 21.72 52.07 21.47 51.6 C 21.33 51.12 21.17 50.56 21.17 50 C 21.17 49.44 21.33 48.97 21.47 48.48 C 21.72 48.01 22.05 47.53 22.35 47.21 C 22.76 46.83 23.15 46.57 23.62 46.33 C 24.11 46.18 24.66 46.02 25.22 46.02 L 74.77 46.02 C 75.33 46.02 75.88 46.18 76.37 46.33 C 76.84 46.57 77.23 46.83 77.55 47.21 C 77.94 47.53 78.27 48.01 78.52 48.48 C 78.66 48.97 78.82 49.44 78.82 50 C 78.82 50.56 78.66 51.12 78.52 51.6 C 78.27 52.07 77.94 52.47 77.55 52.86 C 77.23 53.17 76.84 53.5 76.37 53.67 C 75.88 53.89 75.33 53.98 74.77 53.98 L 25.22 53.98 Z;--clear-path-data: M 50 55.57 L 25.59 79.97 C 24.82 80.75 23.87 81.14 22.8 81.14 C 21.71 81.14 20.78 80.75 20.07 79.97 C 19.3 79.19 18.91 78.34 18.91 77.18 C 18.91 76.16 19.3 75.23 20.07 74.45 L 44.48 50.05 L 20.07 25.56 C 19.3 24.78 18.91 23.85 18.91 22.76 C 18.91 22.23 18.98 21.76 19.21 21.28 C 19.45 20.82 19.69 20.36 20.07 20.04 C 20.39 19.65 20.85 19.41 21.32 19.26 C 21.79 19.02 22.26 18.87 22.8 18.87 C 23.87 18.87 24.82 19.26 25.59 20.04 L 50 44.53 L 74.49 20.04 C 75.27 19.26 76.13 18.87 77.2 18.87 C 78.29 18.87 79.22 19.26 80 20.04 C 80.79 20.82 81.09 21.76 81.09 22.83 C 81.09 23.92 80.79 24.78 80 25.56 L 55.52 50.05 L 80 74.45 C 80.79 75.23 81.09 76.16 81.09 77.25 C 81.09 77.78 81.02 78.34 80.79 78.8 C 80.62 79.27 80.31 79.65 79.93 80.04 C 79.61 80.36 79.22 80.66 78.68 80.83 C 78.29 81.05 77.74 81.14 77.2 81.14 C 76.13 81.14 75.27 80.75 74.49 79.97 L 50 55.57 Z;--minimize-path-data: M 15 46 L 85 46 L 85 54 L 15 54 L 15 46 Z;--maximize-path-data: M 27 16 L 74 16 C 79 16 85 21 85 27 L 85 73 C 85 79 79 85 74 85 L 27 85 C 21 85 16 79 16 73 L 16 27 C 16 21 21 16 27 16 Z M 27 24 C 25 24 24 25 24 27 L 24 73 C 24 76 25 77 27 77 L 74 77 C 76 77 77 76 77 73 L 77 27 C 77 25 76 24 74 24 L 27 24 Z;--restore-path-data: M 27 32 L 58 32 C 63 32 69 37 69 43 L 69 73 C 69 79 63 85 58 85 L 27 85 C 21 85 16 79 16 73 L 16 43 C 16 37 21 32 27 32 Z M 27 40 C 25 40 24 41 24 43 L 24 73 C 24 76 25 77 27 77 L 58 77 C 60 77 61 76 61 73 L 61 43 C 61 41 60 40 58 40 Z M 80 64.83 C 80 68.15 77.43 70.88 74.15 71.14 L 74.15 35.63 C 74.15 31.33 68.67 25.85 64.37 25.85 L 28.86 25.85 C 29.12 22.57 31.85 20 35.17 20 L 66.8 20 C 72.98 20 80 27.02 80 33.2 Z;}h1, h2, h3, h4, h5, h6{color:var(--text-color)}a{color:oklch(from var(--accent-color) calc(l + 0.15) c h);text-decoration:underline}a:hover{color:var(--accent-color);text-decoration:none}a:active{color:oklch(from var(--accent-color) calc(l + 0.1) c h)}a:focus{border-radius:2px;outline-width:2px;outline-style:solid;outline-color:color(srgb 1 1 1);outline-offset:2px}pre, code, var{background-color:color(srgb 1 1 1 / 0.0605);border-radius:4px;outline-width:1px;outline-style:solid;outline-color:var(--border-color);font-family:"Consolas", ui-monospace, monospace;font-weight:500}blockquote{color:color(srgb 1 1 1 / 0.7);border-color:var(--accent-color)}mark, ::highlight(mark){color:color(srgb 0 0 0);background-color:color(srgb 1 0.84 0.18)}hr{background-color:var(--border-color)}table{border-radius:2px;box-shadow:0 0 0 1px color(srgb 1 1 1 / 0.12)}th, td{border-width:1px;border-style:solid;border-color:color(srgb 1 1 1 / 0.12)}img{border-color:var(--border-color)}::selection{color:var(--selection-color);background-color:var(--selection-background-color)}::-webkit-scrollbar{background-color:transparent}::-webkit-scrollbar-thumb{border-radius:10px}::-webkit-scrollbar-thumb:vertical{background-image:linear-gradient( 90deg, transparent 0%, transparent 30%, color(srgb 0.62 0.62 0.62) 30%, color(srgb 0.62 0.62 0.62) 70%, transparent 70%, transparent 100% )}::-webkit-scrollbar-thumb:horizontal{background-image:linear-gradient( 0deg, transparent 0%, transparent 30%, color(srgb 0.62 0.62 0.62) 30%, color(srgb 0.62 0.62 0.62) 70%, transparent 70%, transparent 100% )}::-webkit-scrollbar-thumb:hover{background-color:color(srgb 0.62 0.62 0.62)}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:color(srgb 0.62 0.62 0.62) transparent}}x-avatar{color:color(srgb 1 1 1 / 0.786);background-color:color(srgb 1 1 1 / 0.1);border-width:0px;border-radius:999px}x-avatar > x-label{font-weight:500}x-card{background-color:var(--foreground-color);border-width:1px;border-style:solid;border-color:var(--border-color);border-radius:4px}x-card > footer{background-color:var(--background-color);border-top-width:1px;border-top-style:solid;border-top-color:var(--border-color)}x-accordion::part(arrow){color:color(srgb 1 1 1 / 0.8);--path-data: var(--arrow-right-path-data);}x-accordion::part(arrow):focus{border-radius:2px;outline-width:2px;outline-style:solid;outline-color:color(srgb 1 1 1)}x-accordion > header > x-label{font-weight:500}x-tooltip{color:var(--text-color);background-color:color(srgb 0.17 0.17 0.17);border-color:var(--border-color);border-radius:4px;box-shadow:0 4px 8px color(srgb 0 0 0 / 0.26)}x-stepper{width:40px;height:70px;padding:5px;color:color(srgb 1 1 1 / 0.786);background-color:color(srgb 0.17 0.18 0.18);border-width:1px;border-style:solid;border-color:var(--border-color);border-radius:7px}x-stepper::part(increment-button), x-stepper::part(decrement-button){border-radius:3px}x-stepper::part(increment-button):hover, x-stepper::part(decrement-button):hover{background-color:color(srgb 1 1 1 / 0.0837)}x-stepper[pressed="increment"]::part(increment-button), x-stepper[pressed="decrement"]::part(decrement-button){color:inherit;background-color:color(srgb 1 1 1 / 0.0326)}x-stepper::part(increment-arrow), x-stepper::part(decrement-arrow){width:18px;height:18px}x-stepper::part(increment-arrow){--path-data: var(--arrow-up-path-data);}x-stepper::part(decrement-arrow){--path-data: var(--arrow-down-path-data);}x-swatch{border-color:var(--border-color);border-radius:4px}x-button:focus{outline-width:2px;outline-style:solid;outline-color:color(srgb 1 1 1);outline-offset:2px}x-button[mixed]{opacity:0.7}x-button[disabled]{opacity:0.4}x-button[skin="normal"]{color:var(--text-color);background-color:color(srgb 1 1 1 / 0.0605);border-width:1px;border-style:solid;border-color:var(--border-color);border-radius:4px}x-button[skin="normal"]:hover{background-color:color(srgb 1 1 1 / 0.0837)}x-button[skin="normal"][pressed]{color:color(srgb 1 1 1 / 0.786);background-color:color(srgb 1 1 1 / 0.0326)}x-button[skin="normal"][toggled]{color:color(srgb 0 0 0);background-color:var(--accent-color);border-color:transparent}x-button[skin="normal"][toggled]:hover{background-color:oklch(from var(--accent-color) l c h / 90%)}x-button[skin="normal"][toggled][pressed]{color:color(srgb 0 0 0 / 0.5);background-color:oklch(from var(--accent-color) l c h / 80%)}x-buttons > x-button[skin="normal"][toggled]:hover{background-color:var(--accent-color)}x-buttons > x-button[skin="normal"][toggled][pressed]{background-color:oklch(from var(--accent-color) l c h / 80%)}x-buttons:not([vertical]) > x-button[skin="normal"]:not(:first-of-type){border-top-left-radius:0;border-bottom-left-radius:0}x-buttons:not([vertical]) > x-button[skin="normal"]:not(:last-of-type){border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}x-buttons:not([vertical]) > x-button[skin="normal"][toggled] + x-button[skin="normal"]{border-left-color:transparent}x-buttons[vertical] > x-button[skin="normal"]:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}x-buttons[vertical] > x-button[skin="normal"]:not(:last-of-type){border-bottom-width:0;border-bottom-left-radius:0;border-bottom-right-radius:0}x-buttons[vertical] > x-button[skin="normal"][toggled] + x-button[skin="normal"]{border-top-color:transparent}x-button[skin="flat"][pressed]{color:color(srgb 1 1 1 / 0.786)}x-button[skin="flat"][toggled]{color:var(--accent-color)}x-button[skin="flat"][toggled][pressed]{color:oklch(from var(--accent-color) l c h / 80%)}x-button[skin="recessed"]{color:color(srgb 1 1 1 / 0.8);border-radius:4px}x-button[skin="recessed"][disabled]{opacity:0.3}x-button[skin="recessed"]:hover{background-color:color(srgb 1 1 1 / 0.2)}x-button[skin="recessed"][toggled]{color:color(srgb 0 0 0 / 0.95);background-color:color(srgb 1 1 1 / 0.8)}x-button[skin="recessed"][toggled]:hover{background-color:color(srgb 1 1 1 / 0.9)}x-button[skin="recessed"][pressed],x-button[skin="recessed"][toggled][pressed]{color:color(srgb 0 0 0);background-color:color(srgb 1 1 1)}x-button[skin="recessed"] > x-label{font-size:0.75rem;font-weight:700;text-align:center}x-button[skin="dock"]{color:var(--text-color);background-color:color(srgb 1 1 1 / 0.0605);border-width:1px;border-style:solid;border-color:var(--border-color)}x-button[skin="dock"]:hover{background-color:color(srgb 1 1 1 / 0.0837)}x-button[skin="dock"][pressed]{color:color(srgb 1 1 1 / 0.786);background-color:color(srgb 1 1 1 / 0.0326)}x-button[skin="dock"][toggled]{color:color(srgb 0 0 0);background-color:var(--accent-color);border-color:var(--accent-color);z-index:1}x-button[skin="dock"][toggled][pressed]{color:color(srgb 0 0 0 / 0.5);background-color:oklch(from var(--accent-color) l c h / 80%);border-color:transparent}x-button[skin="dock"]:focus{outline-offset:-2px}x-tag{background-color:color(srgb 1 1 1 / 0.0605);border-color:transparent;border-radius:99px}x-tag:hover{background-color:color(srgb 1 1 1 / 0.0837)}x-tag:active{filter:brightness(0.8)}x-tag:focus{outline-width:2px;outline-style:solid;outline-color:color(srgb 1 1 1);outline-offset:2px}x-tag[toggled]{color:color(srgb 0 0 0);background-color:var(--accent-color);border-color:transparent}x-tag[toggled]:hover{filter:brightness(0.99)}x-tag[toggled]:active{filter:brightness(0.8)}x-tag::part(remove-button){--path-data: var(--clear-path-data);}x-tag::part(remove-button):hover{color:color(srgb 0 0 0)}x-tag::part(scope){background-color:var(--foreground-color);border-color:var(--border-color)}x-tag[scoped]::part(main){background-color:var(--background-color)}x-tagsinput{background-color:color(srgb 1 1 1 / 0.0605);border-color:var(--border-color);border-width:1px;border-style:solid;border-radius:3px}x-tagsinput:hover{background-color:color(srgb 1 1 1 / 0.0737)}x-tagsinput:focus{background-color:color(srgb 1 1 1 / 0)}x-tagsinput::before{position:absolute;bottom:-1px;left:0px;width:100%;height:1px;background-color:color(srgb 1 1 1 / 0.54);border-radius:0 0 4px 4px;content:""}x-tagsinput:focus::before{height:2px;background-color:var(--accent-color)}x-tagsinput[error]::before{height:2px;background-color:var(--error-color)}x-tagsinput[disabled]::before{display:none}x-tagsinput > x-label{color:color(srgb 1 1 1 / 0.4)}x-tabs{background-color:color(srgb 1 1 1 / 0);border-radius:4px;box-shadow:0 0 0px 1px color(srgb 1 1 1 / 0.0698)}x-tab{border-radius:4px}x-tab:hover{background-color:color(srgb 1 1 1 / 0.0605)}x-tab:active{color:color(srgb 1 1 1 / 0.786);background-color:color(srgb 1 1 1 / 0.04019)}x-tab[toggled]{background-color:color(srgb 1 1 1 / 0.0605);box-shadow:0 0 0px 1px var(--border-color)}x-tab:focus{outline-width:2px;outline-style:solid;outline-color:color(srgb 1 1 1);outline-offset:2px}x-tab::before{position:absolute;width:0px;height:2px;bottom:0px;background-color:var(--accent-color);border-radius:99px;transition-property:width;transition-duration:0.187s;transition-timing-function:cubic-bezier(0.55, 0.55, 0, 1);content:""}x-tab[toggled]::before{width:16px}x-tab[toggled]:active::before{width:12px}x-navitem:focus{outline-width:0}x-navitem::part(button){position:relative;color:color(srgb 1 1 1);border-radius:7px}x-navitem::part(button):hover{background-color:color(srgb 1 1 1 / 0.0605)}x-navitem[toggled]::part(button){background-color:color(srgb 1 1 1 / 0.0605)}x-navitem[pressed]::part(button){color:color(srgb 1 1 1 / 0.786);background-color:color(srgb 1 1 1/ 0.0326)}x-navitem:focus::part(button){outline-width:2px;outline-style:solid;outline-color:color(srgb 1 1 1);outline-offset:2px}x-navitem[disabled]{opacity:0.5}x-navitem::part(button)::before{position:absolute;left:0;width:3px;height:0px;background-color:var(--accent-color);border-radius:99px;transition-property:height;transition-duration:0.187s;transition-timing-function:cubic-bezier(0.55, 0.55, 0, 1);content:""}x-navitem[toggled]::part(button)::before{height:50%}x-navitem[pressed]::part(button)::before{height:30%}x-navitem::part(arrow){color:color(srgb 1 1 1 / 0.786);transform:scale(1.2);--path-data: var(--arrow-right-path-data);}x-nav x-icon:first-child{opacity:0.9}x-nav x-label + x-icon{color:var(--accent-color)}x-menu{padding:4px;color:var(--text-color);background-color:var(--foreground-color);border-width:1px;border-style:solid;border-color:var(--border-color);border-radius:7px;box-shadow:0 8px 16px color(srgb 0 0 0 / 0.26);--open-transition: 100 transform cubic-bezier(0.4, 0, 0.2, 1);--close-transition: 200 opacity cubic-bezier(0.4, 0, 0.2, 1);}x-menuitem{color:var(--text-color);border-radius:4px;--trigger-effect: none;}x-menuitem:focus{background-color:color(srgb 1 1 1 / 0.0605)}x-menuitem[expanded]{background-color:color(srgb 1 1 1 / 0.0605)}x-menuitem[pressed]:active{background-color:color(srgb 1 1 1/ 0.0326)}x-menu x-menuitem + x-menuitem{margin-top:4px}x-menuitem::part(checkmark){--path-data: var(--checkmark-path-data);}x-menuitem::part(arrow){--path-data: var(--arrow-right-path-data);}x-menuitem x-shortcut{color:color(srgb 1 1 1 / 0.786);font-size:0.75rem}x-menubar > x-menuitem:hover{background-color:color(srgb 1 1 1 / 0.0605)}x-menubar > x-menuitem[highlighted]{color:color(srgb 0 0 0);background:var(--accent-color)}dialog{color:inherit;background-color:var(--foreground-color);border-width:1px;border-style:solid;border-color:color(srgb 1 1 1 / 0.09);border-radius:8px;box-shadow:0px 4.8px 14.4px color(srgb 0 0 0 / 0.18), 0px 25.6px 57.6px color(srgb 0 0 0 / 0.22);transition-duration:120ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--transition-type: grow;}dialog::backdrop{background-color:color(srgb 0 0 0 / 0.3)}dialog > footer{background-color:var(--background-color);border-top-width:1px;border-top-style:solid;border-top-color:var(--border-color)}dialog > footer > x-button{flex:1}x-pager{--prev-path-data: var(--arrow-left-path-data);--next-path-data: var(--arrow-right-path-data);--first-path-data: var(--double-arrow-left-path-data);--last-path-data: var(--double-arrow-right-path-data);}x-pager::part(item){color:var(--text-color);background-color:color(srgb 1 1 1 / 0.0605);border-color:var(--border-color);border-radius:3px;font-weight:500}x-pager::part(item):hover{background-color:color(srgb 1 1 1 / 0.0837)}x-pager::part(item):active{color:color(srgb 1 1 1 / 0.786);background-color:color(srgb 1 1 1 / 0.0326)}x-pager::part(item):focus{outline-width:2px;outline-style:solid;outline-color:color(srgb 1 1 1);outline-offset:2px}x-pager::part(toggled-item){color:color(srgb 0 0 0);background-color:var(--accent-color);border-color:transparent}x-pager::part(toggled-item):hover{background-color:var(--accent-color)}x-pager::part(toggled-item):active{color:color(srgb 0 0 0 / 0.5);background-color:oklch(from var(--accent-color) l c h / 80%)}x-popover{color:var(--text-color);background-color:var(--foreground-color);border-width:1px;border-style:solid;border-color:color(srgb 0.46 0.46 0.46 / 0.4);border-radius:4px;box-shadow:0px 8px 16px color(srgb 0 0 0 / 0.26);--arrow-size: 14px;--open-transition: none;}x-popover > footer{background-color:var(--background-color);border-top-width:1px;border-top-style:solid;border-top-color:var(--border-color)}x-notification{color:color(srgb 1 1 1);background-color:var(--foreground-color);border-radius:4px;box-shadow:0 4px 8px color(srgb 0 0 0 / 0.14)}x-notification a{color:oklch(from var(--accent-color) calc(l + 0.15) c h)}x-notification a:hover{color:oklch(from var(--accent-color) calc(l + 0.15) c h)}x-notification a:active{color:oklch(from var(--accent-color) calc(l + 0.25) c h)}x-checkbox[disabled]{opacity:1}x-checkbox:focus{border-radius:2px;outline-width:2px;outline-style:solid;outline-color:color(srgb 1 1 1);outline-offset:2px}x-checkbox::part(indicator){color:color(srgb 1 1 1 / 0.6);background-color:color(srgb 0 0 0 / 0.1);border-width:1px;border-style:solid;border-color:color(srgb 1 1 1 / 0.6);border-radius:3px;--path-data: var(--checkmark-path-data);}x-checkbox[mixed]::part(indicator){--path-data: var(--mixed-checkmark-path-data);}x-checkbox:hover::part(indicator){background-color:color(srgb 1 1 1 / 0.0419)}x-checkbox:active::part(indicator){color:color(srgb 1 1 1 / 0.1581);background-color:color(srgb 1 1 1 / 0.0698);border-color:color(srgb 1 1 1 / 0.1581)}x-checkbox[disabled]::part(indicator){color:color(srgb 1 1 1 / 0.1581);border-color:color(srgb 1 1 1 / 0.1581);background-color:none}x-checkbox[toggled]::part(indicator){color:color(srgb 0 0 0);background-color:var(--accent-color);border-color:var(--accent-color)}x-checkbox[toggled]:hover::part(indicator){background-color:oklch(from var(--accent-color) l c h / 0.9);border-color:transparent}x-checkbox[toggled]:active::part(indicator){color:color(srgb 0 0 0 / 0.5);background-color:oklch(from var(--accent-color) l c h / 0.8);border-color:transparent}x-checkbox[toggled][disabled]::part(indicator){color:color(srgb 1 1 1 / 0.5302);background-color:color(srgb 1 1 1 / 0.1581);border-color:transparent}x-checkbox[disabled] > x-label{opacity:0.3;filter:saturate(0)}x-radio:focus{border-radius:2px;outline-width:2px;outline-style:solid;outline-color:color(srgb 1 1 1);outline-offset:2px}x-radio[disabled]{filter:saturate(0)}x-radio[disabled][toggled]{opacity:0.5}x-radio::part(indicator){background-color:color(srgb 0 0 0 / 0.01);border-color:color(srgb 1 1 1 / 0.6047);border-width:1px;border-style:solid}x-radio:hover::part(indicator){background-color:color(srgb 1 1 1 / 0.0419)}x-radio:active::part(indicator){background-color:color(srgb 1 1 1 / 0.0698);border-color:color(srgb 1 1 1 / 0.1581)}x-radio[toggled]::part(indicator){background-color:var(--accent-color);border-color:transparent}x-radio[toggled]:hover::part(indicator){background-color:oklch(from var(--accent-color) l c h / 0.9)}x-radio[toggled]:active::part(indicator){background-color:oklch(from var(--accent-color) l c h / 0.8)}x-radio::part(indicator-dot){transform:scale(0.45);background-color:color(srgb 0 0 0);outline-width:2px;outline-style:solid;outline-color:color(srgb 1 1 1 / 0.1);visibility:hidden}x-radio[toggled]::part(indicator-dot){visibility:visible;transition:transform 100ms cubic-bezier(0.1, 0.7, 1.0, 0.1)}x-radio[toggled]:active::part(indicator-dot){transform:scale(0.33)}x-radio[mixed]::part(indicator-dot){height:16%;transform:scale(0.5);border-radius:3px}x-radio[mixed]:active::part(indicator-dot){transform:scale(0.5)}x-switch:focus{border-radius:2px;outline-width:2px;outline-style:solid;outline-color:color(srgb 1 1 1);outline-offset:2px}x-switch[disabled]{opacity:0.5}x-switch::part(indicator){width:34px;height:15px}x-switch::part(indicator-thumb){width:12px;height:12px;left:10px;transform:translate(-50%);background-color:color(srgb 1 1 1 / 0.786);transition-property:left;transition-duration:0.187s;transition-timing-function:cubic-bezier(0.55, 0.55, 0, 1)}x-switch:active::part(indicator-thumb){width:16px;margin-left:2px}x-switch[toggled]::part(indicator-thumb){left:calc(100% - 10px);background-color:color(srgb 0 0 0)}x-switch[toggled]:active::part(indicator-thumb){margin-left:-2px}x-switch[mixed]::part(indicator-thumb){left:50%!important;margin-left:0}x-switch[toggled][disabled]::part(indicator-thumb){background-color:color(srgb 1 1 1 / 0.786)}x-switch[size="small"]::part(indicator-thumb){width:8px;height:8px;left:8px}x-switch[size="small"]:active::part(indicator-thumb){width:12px}x-switch[size="small"][toggled]::part(indicator-thumb){left:calc(100% - 8px)}x-switch[size="large"]::part(indicator-thumb){width:14px;height:14px;left:12px}x-switch[size="large"]:active::part(indicator-thumb){width:18px}x-switch[size="large"][toggled]::part(indicator-thumb){left:calc(100% - 12px)}x-switch::part(indicator-track){height:100%;background-color:color(srgb 0 0 0 / 0.1);border-color:color(srgb 1 1 1 / 0.6047);border-width:1px;border-style:solid;border-radius:999px}x-switch:hover::part(indicator-track){background-color:color(srgb 1 1 1 / 0.0419)}x-switch:active::part(indicator-track){background-color:color(srgb 1 1 1 / 0.0698);border-color:color(srgb 1 1 1 / 0.6047)}x-switch[toggled]::part(indicator-track){background-color:var(--accent-color);border-color:transparent}x-switch[toggled]:hover::part(indicator-track){background-color:oklch(from var(--accent-color) l c h / 0.9)}x-switch[toggled]:active::part(indicator-track){background-color:oklch(from var(--accent-color) l c h / 0.8)}x-switch[toggled][disabled]::part(indicator-track){background-color:color(srgb 1 1 1 / 0.1581)}x-select{background-color:color(srgb 1 1 1 / 0.0605);border-color:var(--border-color);border-width:1px;border-style:solid;border-radius:3px}x-select:hover{background-color:color(srgb 1 1 1 / 0.0837)}x-select:active{color:color(srgb 1 1 1 / 0.786);background-color:color(srgb 1 1 1/ 0.0326)}x-select:focus{outline-width:2px;outline-style:solid;outline-color:color(srgb 1 1 1);outline-offset:2px}x-select[disabled]{opacity:0.5}x-select::part(arrow){width:16px;height:16px;margin:0 8px;--path-data: var(--arrow-down-path-data);}x-select x-menuitem[toggled]{background-color:color(srgb 1 1 1 / 0.0605)}x-select x-menuitem::part(checkmark){width:4px;margin:0 8px 0 -22px;color:var(--accent-color);--path-data: M 0 0 L 100 0 L 100 100 L 0 100 Z;}x-slider[disabled]{filter:saturate(0)}x-slider::part(groove-track){background-color:color(srgb 1 1 1 / 0.5442);border-radius:99px}x-slider::part(range-track){background-color:var(--accent-color);border-radius:99px}x-slider::part(thumb){background-color:var(--accent-color);border-color:color(srgb 0.27 0.27 0.27);border-width:4.5px;border-style:solid;border-radius:99px;outline-color:color(srgb 1 1 1 / 0.08);outline-width:1px;outline-style:solid;transition-property:border-width;transition-duration:0.187s;transition-timing-function:cubic-bezier(0.55, 0.55, 0, 1)}x-slider[dragging="start"]::part(start-thumb), x-slider[dragging="end"]::part(end-thumb){border-width:6px}x-slider::part(thumb):focus{outline-width:2px;outline-style:solid;outline-color:color(srgb 1 1 1)}x-slider::part(tick){background-color:color(srgb 1 1 1 / 0.5442)}x-input{background-color:color(srgb 1 1 1 / 0.0605);border-color:var(--border-color);border-width:1px;border-style:solid;border-radius:3px}x-input:hover{background-color:color(srgb 1 1 1 / 0.0737)}x-input:focus{background-color:color(srgb 1 1 1 / 0)}x-input[error]{--selection-color: white;--selection-background-color: var(--error-color);}x-input::before{position:absolute;left:0px;bottom:-1px;width:100%;height:1px;background-color:color(srgb 1 1 1 / 0.54);border-radius:0 0 4px 4px;content:""}x-input:focus::before{height:2px;background-color:var(--accent-color)}x-input[error]::before{height:2px;background-color:var(--error-color)}x-input[disabled]::before{display:none}x-input > x-label{color:color(srgb 1 1 1 / 0.4)}x-numberinput{background-color:color(srgb 1 1 1 / 0.0605);border-color:var(--border-color);border-width:1px;border-style:solid;border-radius:3px;line-height:1.5}x-numberinput:focus:has(x-stepper){padding-right:16px}x-numberinput:hover{background-color:color(srgb 1 1 1 / 0.0737)}x-numberinput:focus{background-color:color(srgb 1 1 1 / 0)}x-numberinput[error]{--selection-color: white;--selection-background-color: var(--error-color);}x-numberinput::before{position:absolute;left:0px;bottom:-1px;width:100%;height:1px;background-color:color(srgb 1 1 1 / 0.54);border-radius:0 0 4px 4px;content:""}x-numberinput:focus::before{height:2px;background-color:var(--accent-color)}x-numberinput[error]::before{height:2px;background-color:var(--error-color)}x-numberinput[disabled]::before{display:none}x-numberinput > x-label{color:color(srgb 1 1 1 / 0.4)}x-numberinput > x-stepper{width:16px;height:11px;padding:0;transform:translateX(-2px);background-color:transparent;border-width:0;pointer-events:none}x-numberinput:focus > x-stepper{position:absolute;right:-12px;width:26px;height:52px;padding:2px;z-index:1;color:color(srgb 1 1 1 / 0.786);background-color:color(srgb 0.17 0.18 0.18);border-width:1px;border-style:solid;border-color:var(--border-color);border-radius:7px;pointer-events:all}x-numberinput[size="small"]:not(:focus) > x-stepper{transform:scale(0.6)}x-numberinput[size="large"]:not(:focus) > x-stepper{transform:scale(1.1) translateX(-2px)}x-numberinput:not(:focus) > x-stepper::part(increment-button), x-numberinput:not(:focus) > x-stepper::part(decrement-button){opacity:0.5}x-texteditor{background-color:color(srgb 1 1 1 / 0.0605);border-color:var(--border-color);border-width:1px;border-style:solid;border-radius:3px;border-bottom-color:color(srgb 1 1 1 / 0.54)}x-texteditor:hover{background-color:color(srgb 1 1 1 / 0.0737)}x-texteditor:focus{background-color:color(srgb 1 1 1 / 0);border-bottom-color:var(--border-color);box-shadow:0px -2px 0 0px inset var(--accent-color)}x-texteditor[error]{border-bottom-color:var(--border-color);box-shadow:0px -2px 0 0px inset var(--error-color)}x-texteditor[disabled]{border-bottom-color:var(--border-color);box-shadow:none}x-texteditor > x-label{color:color(srgb 1 1 1 / 0.4)}x-colorinput{background-color:color(srgb 1 1 1 / 0.0605);border-width:1px;border-style:solid;border-color:var(--border-color);border-radius:3px}x-colorinput:hover{background-color:color(srgb 1 1 1 / 0.0737)}x-colorinput:focus{background-color:color(srgb 1 1 1 / 0)}x-colorinput::before{position:absolute;left:0px;bottom:-1px;width:100%;height:1px;background-color:color(srgb 1 1 1 / 0.54);border-radius:0 0 4px 4px;content:""}x-colorinput:focus::before{height:2px;background-color:var(--accent-color)}x-colorinput[error]::before{height:2px;background-color:var(--error-color)}x-colorinput[disabled]::before{display:none}x-colorinput > x-label{color:color(srgb 1 1 1 / 0.4)}x-colorinput::part(arrow){width:16px;height:16px;margin:0 2px 0 0;--path-data: var(--arrow-down-path-data);}x-colorinput x-menuitem[toggled]{background-color:color(srgb 1 1 1 / 0.2)}x-colorinput x-menuitem::part(checkmark){margin:0px 4px 0 -22px;color:var(--accent-color);--path-data: M 0 0 L 22 0 L 22 100 L 0 100 Z;}x-colorpicker::part(slider){border-radius:3px}x-colorselect{border-color:var(--border-color);border-width:1px;border-style:solid;border-radius:3px}x-colorselect:focus{outline-width:2px;outline-style:solid;outline-color:color(srgb 1 1 1);outline-offset:2px}x-colorinput::part(arrow){padding-left:0}x-progressbar{height:3px;border-radius:99px}x-progressbar::before{position:absolute;top:1px;width:100%;height:1px;background-color:color(srgb 1 1 1 / 0.6047);border-radius:99px;content:""}x-progressbar::part(bar){background-color:var(--accent-color);border-radius:99px}x-throbber{color:var(--accent-color)}x-titlebar{padding-left:8px;justify-content:flex-start}x-titlebar::part(buttons){right:0;top:0}x-titlebar::part(button){padding:0 14px;color:var(--text-color)}x-titlebar::part(button):hover{background-color:color(srgb 1 1 1 / 0.0837)}x-titlebar::part(button):active{color:color(srgb 1 1 1 / 0.786);background-color:color(srgb 1 1 1/ 0.0326)}x-titlebar::part(minimize-button){--path-data: var(--minimize-path-data);}x-titlebar::part(maximize-button){--path-data: var(--maximize-path-data);}x-titlebar::part(restore-button){--path-data: var(--restore-path-data);}x-titlebar::part(close-button){--path-data: var(--clear-path-data);}x-titlebar::part(close-button):hover{color:color(srgb 1 1 1);background-color:color(srgb 0.77 0.16 0.11)}x-titlebar::part(close-button):active{color:color(srgb 1 1 1 / 0.7);background-color:color(srgb 0.77 0.16 0.11 / 0.8)}x-titlebar::part(icon){width:16px;height:16px}