diff --git a/docs/ui.css b/docs/ui.css index aa15dbd9..6c25ce0f 100644 --- a/docs/ui.css +++ b/docs/ui.css @@ -1 +1 @@ -:root{--ui-border-radius:0.3rem;--ui-border-radius-s:0.5rem;--ui-border-radius-m:0.7rem;--ui-border-radius-l:1rem;--ui-border-radius-xl:5rem;--ui-margin:0.3rem;--ui-margin-s:0.1rem;--ui-margin-m:0.5rem;--ui-margin-l:1rem;--ui-margin-xl:1.5rem;--ui-margin-xxl:2rem;--ui-animation-speed:.3s;--ui-button-height:2.206rem;--ui-shadow-focus:0 0 2px 1px var(--ui-color-accent);--ui-shadow-danger:0 0 2px 1px var(--ui-color-danger);--ui-shadow-small:0 0 0 0.5px #fff4,0 3px 10px #0006;--ui-shadow-large:0 0 0 1px #000,0 5px 20px #000a;--ui-shadow-fancy:0 0 0 0.5px #111,0 1px 5px rgb(0 0 0 / 30%),0 4px 10px rgb(0 0 0 / 10%),0 10px 25px rgb(0 0 0 / 8%)}body{font:400 102% "Helvetica Neue",Helvetica,Arial,sans-serif;box-sizing:border-box}body *{box-sizing:inherit}.icon-tabler{width:1.5rem;height:1.5rem}.icon-tabler-dots-vertical{margin-left:-1px}.theme-dark,:root{color-scheme:dark;--ui-color-accent:#bb7a00;--ui-color-highlight:#1859a3;--ui-color-highlight-1:#1e4572;--ui-color-secondary:#5a5956;--ui-color-secondary-semi:#5a595666;--ui-color-info:#30506a;--ui-color-info-semi:#30506a99;--ui-color-success:#33624d;--ui-color-success-semi:#33624d99;--ui-color-warning:#795001;--ui-color-warning-semi:#79500199;--ui-color-danger:#943737;--ui-color-danger-semi:#94373799;--ui-color-border:#1b1b1b;--ui-color-border-1:#131313;--ui-color-border-2:#0c0c0c;--ui-color-background:#2f2f2f;--ui-color-background-semi:#22222266;--ui-color-background-input:#222;--ui-color-background-1:#535353;--ui-color-background-2:#1a1a1a;--ui-color-text:#fff;--ui-color-text-semi:#fff6;--ui-color-text-1:#bbb;--ui-color-text-2:#888;--ui-popup-border:1px solid #fff3;--ui-popup-background:var(--ui-color-background);--ui-shadow-button:0 1px 0 #000c;--ui-shadow-tooltip:0 0 0 1px #000,0 0 5px #0006}.theme-light{color-scheme:light;--ui-color-accent:#b37400;--ui-color-highlight:#8ec6ff;--ui-color-highlight-1:#6ba0de;--ui-color-secondary:#c0beb4;--ui-color-secondary-semi:#c0beb466;--ui-color-info:#bbd3f0;--ui-color-info-semi:#bbd3f099;--ui-color-success:#7bd7ae;--ui-color-success-semi:#7bd7ae99;--ui-color-warning:#eec64e;--ui-color-warning-semi:#eec64e99;--ui-color-danger:#eb6e6f;--ui-color-danger-semi:#eb6e6f99;--ui-color-border:#bbb;--ui-color-border-1:#aaa;--ui-color-border-2:#999;--ui-color-background:#eee;--ui-color-background-semi:#eee6;--ui-color-background-input:#c2c2c2;--ui-color-background-1:#f0f0f0;--ui-color-background-2:#ccc;--ui-color-text:#000;--ui-color-text-semi:#0006;--ui-color-text-1:#222;--ui-color-text-2:#666;--ui-popup-border:1px solid #fff;--ui-popup-background:var(--ui-color-background);--ui-shadow-button:0 1px 0 #000c;--ui-shadow-tooltip:0 0 1px #0002,0 0 5px #0006}.button-outline{background:0 0;border:2px solid var(--ui-color-secondary);min-width:calc(var(--ui-button-size) * 4);min-height:calc(var(--ui-button-size) * 2)}.button-outline:focus,.button-outline:hover{background-color:var(--ui-color-secondary-semi)}.button-outline.info{border-color:var(--ui-color-info)}.button-outline.info:focus,.button-outline.info:hover{background-color:var(--ui-color-info-semi)}.button-outline.success{border-color:var(--ui-color-success)}.button-outline.success:focus,.button-outline.success:hover{background-color:var(--ui-color-success-semi)}.button-outline.warning{border-color:var(--ui-color-warning)}.button-outline.warning:focus,.button-outline.warning:hover{background-color:var(--ui-color-warning-semi)}.button-outline.danger,.button-outline.error{border-color:var(--ui-color-danger)}.button-outline.danger:focus,.button-outline.danger:hover,.button-outline.error:focus,.button-outline.error:hover{background-color:var(--ui-color-danger-semi)}.button-link{background:0 0;border:none;cursor:pointer;min-width:0}.button.button-link{margin:calc(var(--ui-margin) * -1);padding:var(--ui-margin);vertical-align:baseline;text-decoration:underline}.button.button-link:focus,.button.button-link:hover{text-decoration:underline;text-underline-offset:.2rem}.button-link.info:focus,.button-link.info:hover{text-decoration-color:var(--ui-color-info)}.button-link.success:focus,.button-link.success:hover{text-decoration-color:var(--ui-color-success)}.button-link.warning:focus,.button-link.warning:hover{text-decoration-color:var(--ui-color-warning)}.button-link.danger:focus,.button-link.danger:hover,.button-link.error:focus,.button-link.error:hover{text-decoration-color:var(--ui-color-danger)}.button-normal{background:var(--ui-color-secondary);border:.5px solid #0006;border-bottom-color:#000c;box-shadow:var(--ui-shadow-button);min-width:calc(var(--ui-button-size) * 4);min-height:calc(var(--ui-button-size) * 2)}.button-normal.info{background:var(--ui-color-info)}.button-normal.success{background:var(--ui-color-success)}.button-normal.warning{background:var(--ui-color-warning)}.button-normal.danger,.button-normal.error{background:var(--ui-color-danger)}.button-text{background:0 0;border:none;min-width:calc(var(--ui-button-size) * 4);min-height:calc(var(--ui-button-size) * 2);box-shadow:none}.button-text:focus,.button-text:hover{background-color:var(--ui-color-secondary)}.button-text.info:focus,.button-text.info:hover{background-color:var(--ui-color-info)}.button-text.success:focus,.button-text.success:hover{background-color:var(--ui-color-success)}.button-text.warning:focus,.button-text.warning:hover{background-color:var(--ui-color-warning)}.button-text.danger:focus,.button-text.danger:hover,.button-text.error:focus,.button-text.error:hover{background-color:var(--ui-color-danger)}.button{--ui-button-size:1rem;font:inherit;line-height:1.4;font-weight:400;font-size:var(--ui-button-size);display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-margin-m);min-width:var(--ui-button-height);min-height:var(--ui-button-height);height:auto;margin:0;padding:0 var(--ui-margin-l);color:var(--ui-color-text);-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;border-radius:var(--ui-border-radius);text-decoration:none;-ms-touch-action:manipulation;touch-action:manipulation}.button:hover{text-decoration:none}.button:focus{border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus);outline:1px solid transparent}.button.touching,.button:active{outline:1px solid transparent;box-shadow:none;transform:translateY(1px);filter:brightness(.85)}.button[disabled]{pointer-events:none;opacity:.6;box-shadow:none}.button svg{min-height:calc(var(--ui-button-size) * 1.25);max-height:calc(var(--ui-button-size) * 1.25);height:calc(var(--ui-button-size) * 1.25);min-width:var(--ui-button-size);width:auto;pointer-events:none}.button:not(.button-has-text){padding:0 var(--ui-margin-m)}.button:not(.button-has-text) svg{min-height:calc(var(--ui-button-size) * 1.4)}.button.round{padding:var(--ui-margin);border-radius:var(--ui-border-radius-xl)}.button.round:not(.button-has-text){aspect-ratio:1/1}.button-has-text.round{padding-inline:var(--ui-margin-l)}.button-group{border-radius:var(--ui-border-radius);max-width:100%;overflow:hidden}.button-group-scroller{width:100%;overflow-y:hidden;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scrollbar-gutter:none;z-index:0;border-radius:var(--ui-border-radius)}.button-group-scroller::-webkit-scrollbar{width:0;height:0}.button-group-inner{padding:0 0 2px;display:inline-flex;flex-flow:row;align-items:center;justify-content:stretch;position:relative;z-index:1;border-radius:var(--ui-border-radius);background-color:var(--ui-color-background)}.button-group-inner .button{flex-shrink:0;flex-grow:10;border-radius:0;position:relative;overflow:hidden}.button-group .button-normal[disabled]{box-shadow:var(--ui-shadow-button)}.button-group .button:first-of-type{border-top-left-radius:var(--ui-border-radius);border-bottom-left-radius:var(--ui-border-radius)}.button-group .button:last-of-type{border-top-right-radius:var(--ui-border-radius);border-bottom-right-radius:var(--ui-border-radius)}.button-group .button-outline:not(:first-of-type){margin-left:-2px}.button-group.round{border-radius:var(--ui-border-radius-xl)}.button-group.round .button:first-of-type{border-top-left-radius:var(--ui-border-radius-xl);border-bottom-left-radius:var(--ui-border-radius-xl)}.button-group.round .button:last-of-type{border-top-right-radius:var(--ui-border-radius-xl);border-bottom-right-radius:var(--ui-border-radius-xl)}.button-group .button:not(.button-has-text):first-of-type{padding-left:9px}.button-group .button:not(.button-has-text):last-of-type{padding-right:9px}.button-group.round .button:not(.button-has-text):first-of-type{padding-right:6px;padding-left:11px}.button-group.round .button:not(.button-has-text):last-of-type{padding-left:6px;padding-right:11px}.dialog-backdrop{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:99;background-color:rgba(0 0 0 / 0);transition:background-color var(--ui-animation-speed) ease-out;transform:translateZ(1px)}.dialog-backdrop.opened{background-color:rgba(0 0 0 / .6)}.dialog{opacity:0;transform:scale(.8);transition:opacity var(--ui-animation-speed) ease-out,transform var(--ui-animation-speed) ease-out;max-height:90vh;min-width:15rem;max-width:95vw;color:var(--ui-color-text);border-radius:var(--ui-border-radius-m);background:var(--ui-popup-background);border:var(--ui-popup-border);box-shadow:var(--ui-shadow-large);display:flex;flex-flow:column;align-items:stretch;justify-content:stretch;overflow:hidden}.opened .dialog{opacity:1;transform:scale(1)}.dialog-footer,.dialog-header{background:var(--ui-color-background-input)}.dialog-header{text-align:center;font-size:1.4rem;font-weight:400;margin:0;padding:.4rem 1rem;border-bottom:1px solid var(--ui-color-border)}.dialog-content{display:flex;flex-flow:row;margin:0;gap:1rem;padding:1rem;min-width:200px;flex:1;overflow-y:auto;overscroll-behavior-y:contain;outline:1px solid transparent;min-height:3rem}.dialog-content:focus{border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus) inset;outline:1px solid transparent}.dialog-footer{border-top:1px solid var(--ui-color-border);padding:.7rem 1rem;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.dialog-footer [slot=footer]{width:100%;display:flex;align-items:center;justify-content:center;flex-flow:row-reverse;gap:.5rem}.dialog-footer .button{min-width:9ch}.dialog-header:empty{display:none}.mobile .dialog-backdrop .dialog{height:100%;width:100%;min-height:0;min-width:0;max-height:100%;max-width:100%;border-radius:0;box-shadow:none}.drawer{position:fixed;background-color:var(--ui-popup-background);border-left:var(--ui-popup-border);top:0;right:0;bottom:0;width:24rem;min-height:20rem;box-shadow:var(--ui-shadow-large);z-index:11;color:var(--ui-color-text);padding:0;overflow-y:auto;overscroll-behavior-y:contain;transform:translateZ(1px)}.drawer:focus{outline:1px solid transparent}.drawer-header{position:sticky;position:-webkit-sticky;background-color:inherit;top:0;width:100%;margin:0 0 1rem;padding:0 1rem 0 1.4rem;display:flex;align-items:center;justify-content:space-between}.drawer-header h2{margin:0;padding:.5rem 0}.drawer-content{padding:0 1.4rem}.info-bar{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;gap:.5rem;padding:.4rem .6rem .4rem .4rem;margin:0 0 .75rem;border-radius:var(--ui-border-radius);border-width:1px;border-style:solid}.info-bar p{margin:0;font-size:.9rem;line-height:1.5rem}.info-bar .icon{flex-shrink:0}.info-bar-error{background-color:var(--ui-color-danger-semi);border-color:var(--ui-color-danger)}.info-bar-info{background-color:var(--ui-color-info-semi);border-color:var(--ui-color-info)}.info-bar-success{background-color:var(--ui-color-success-semi);border-color:var(--ui-color-success)}.info-bar-warning{background-color:var(--ui-color-warning-semi);border-color:var(--ui-color-warning)}.theme-dark input{color-scheme:dark}.theme-light input{color-scheme:light}input::placeholder,textarea::placeholder{color:var(--ui-color-text-1)}:where(input:not([type=radio],[type=checkbox])){font:inherit;height:calc(var(--ui-button-height) - 2px);border:1px solid transparent;line-height:1;color:var(--ui-color-text);background-color:var(--ui-color-background-input);border-radius:var(--ui-border-radius);padding:0 var(--ui-margin-m);width:25ch}:where(input:focus){outline:0;border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus)}:where(input:invalid){border-color:var(--ui-color-danger);box-shadow:var(--ui-shadow-danger)}input[type=color]{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:0 0;border:none;padding:0;cursor:pointer}:where(input:disabled){opacity:.75;cursor:default}.input{width:25ch;vertical-align:middle}.input .input-inner{display:flex;flex-flow:column;align-items:stretch;justify-content:stretch;border-radius:var(--ui-border-radius);background:var(--ui-color-background-input);border:1px solid var(--ui-color-border)}.input-inner:focus-within{border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus)}.input,.input input:disabled,.input select:disabled,.textarea textarea:disabled{opacity:1;color:var(--ui-color-text)}.input .input-inner:has(:disabled),.textarea .textarea-inner:has(:disabled){opacity:.7}.input input:not([type=radio]){width:100%;border:none}.input input:not([type=radio]):focus,.input input:not([type=radio]):invalid{box-shadow:none;border:none}.input-row{width:100%;display:flex;flex-flow:row;align-items:center;justify-content:space-between;position:relative;border-radius:inherit}.input-row>.button,.input-row>.icon{position:absolute;height:100%;z-index:1}.input-row>.button{color:var(--ui-color-text-1);right:2px}.input-row>.icon{color:var(--ui-color-text-2);left:7px;width:1.5rem;pointer-events:none}.menu{position:fixed;padding:.2rem .25rem;margin:0;display:flex;width:auto;flex-flow:column;align-items:stretch;list-style:none;overflow-x:hidden;overflow-y:auto;cursor:default;z-index:999;max-height:calc(100vh - 4px);-webkit-user-select:none;user-select:none;overscroll-behavior-y:contain;color:var(--ui-color-text);border:var(--ui-popup-border);border-radius:calc(var(--ui-border-radius) + 2px);background:var(--ui-popup-background);box-shadow:var(--ui-shadow-fancy);transform:translateZ(1px)}.menu:focus{outline:0}.menu-item{font-family:inherit;align-items:center;border-radius:var(--ui-border-radius);color:inherit;background:0 0;border:none;display:flex;flex-shrink:0;font-size:.86rem;letter-spacing:.1px;justify-content:space-between;margin:0;overflow:hidden;padding:.5rem .9rem;position:relative;text-align:left;white-space:nowrap;width:100%}.menu-item-shortcut{margin:-.1rem 0 -.1rem auto;letter-spacing:.1rem;opacity:.5}.menu-item-shortcut:empty{visibility:hidden}.menu-item.disabled{pointer-events:none;opacity:.6}.menu-item:focus{background-color:var(--ui-color-highlight);outline:1px solid transparent}.menu-item:focus.success{background-color:var(--ui-color-success)}.menu-item:focus.warning{background-color:var(--ui-color-warning)}.menu-item:focus.danger{background-color:var(--ui-color-danger)}.menu-item:focus .menu-item-shortcut{opacity:1}.menu-item svg{width:1.1rem;height:1.1rem;margin:-.1rem .5rem -.1rem 0}.menu-item-content{display:flex;align-items:center;justify-content:space-between;margin-right:2rem}.menu-separator{height:0;padding:0;margin:var(--ui-margin) .6rem;border-bottom:var(--ui-popup-border)}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.menu{background-color:var(--ui-color-background-semi);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}}.message-box .dialog-content{font-size:1.1rem;padding:1rem}.message-box .dialog-content .message{max-width:50vw;display:flex;align-items:center}.message-box .dialog-content .message-content{margin:0;line-height:1.5}.message-box .dialog-content .icon,.message-box .dialog-content svg{height:3rem}.message-box .dialog-content .icon{width:3rem;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.message-info .dialog-content{background-color:var(--ui-color-info-semi)}.message-warning .dialog-content{background-color:var(--ui-color-warning-semi)}.message-error .dialog-content{background-color:var(--ui-color-danger-semi)}.message-success .dialog-content{background-color:var(--ui-color-success-semi)}.panel{overflow:hidden;will-change:height;position:relative;border:2px solid var(--ui-color-border);background:var(--ui-color-background-2);margin-bottom:1rem}.panel details{margin:1px}.panel-header{color:var(--ui-color-text);text-align:left;border:none;display:flex;align-items:center;justify-content:space-between;font-weight:300;font-size:1rem;padding:0 .6rem 0 1rem;height:2.6rem;-webkit-user-select:none;user-select:none}.collapsible .panel-header{cursor:pointer}.panel-header::-webkit-details-marker{display:none}.panel-content{border-top:1px solid var(--ui-color-border);background:var(--ui-color-background);padding:1rem}.panel .chevron{height:1.2rem;transform:rotate(0);transition:transform var(--ui-animation-speed) ease-out}.panel .chevron svg{width:1.2rem;height:1.2rem}.panel.expanded .chevron{transform:rotate(90deg)}.panel.round{border-radius:var(--ui-border-radius-s)}.panel.round .panel-content{border-radius:calc(var(--ui-border-radius-s) - 2px)}.panel.disabled{opacity:.5}.panel-header:focus{outline:1px solid transparent}.panel:has(.panel-header:focus){border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus);z-index:2}.push-button[aria-pressed=true]{filter:brightness(.85);transform:translateY(1px);box-shadow:none}.push-button[aria-pressed=true].button-outline{background-color:var(--ui-color-secondary-semi)}.push-button[aria-pressed=true].button-outline.info{background-color:var(--ui-color-info-semi)}.push-button[aria-pressed=true].button-outline.success{background-color:var(--ui-color-success-semi)}.push-button[aria-pressed=true].button-outline.warning{background-color:var(--ui-color-warning-semi)}.push-button[aria-pressed=true].button-outline.danger{background-color:var(--ui-color-danger-semi)}.splitter{position:absolute;height:100%;width:16px;z-index:90;cursor:ew-resize}.splitter::after{content:" ";display:block;width:6px;height:100%;margin:0 auto}.splitter.vertical{width:100%;height:16px;cursor:ns-resize}.splitter.vertical::after{width:100%;height:6px;margin:auto 0}.splitter.is-dragging::after,.splitter:hover::after{background-color:var(--ui-color-background-1)}.table{width:100%;height:100%;overflow:auto;overscroll-behavior-y:contain;position:relative;border:2px solid var(--ui-color-border)}.table table{border-spacing:0;width:100%}.table.round{border-radius:var(--ui-border-radius-s)}.table.selectable{cursor:default;-webkit-user-select:none;user-select:none}.table tfoot,.table thead{position:sticky;z-index:2}.table thead{top:0}.table tfoot{bottom:0}.table tfoot td,.table thead th{padding:var(--ui-margin-m);font-weight:400;text-align:left;vertical-align:middle;background:var(--ui-color-background-2)}.table tbody:focus,.table tbody:focus tr,.table tr:focus,.table tr:focus-within{outline:1px solid transparent;background-color:var(--ui-color-highlight-1)}.table tbody td{padding:var(--ui-margin) var(--ui-margin-m) calc(var(--ui-margin) + 1px);border-bottom:1px solid var(--ui-color-border);vertical-align:middle;line-height:1.5rem}.table td:first-child,.table th:first-child{padding-left:var(--ui-margin-l)}.table td:last-child,.table th:last-child{padding-right:var(--ui-margin-l)}.text-fit{display:inline-block;transform-origin:center;white-space:nowrap;-webkit-font-smoothing:subpixel-antialiased}.tooltip-container{z-index:9999;position:absolute;left:0;top:0;right:0;transform:translateZ(1px);--tooltip-tip-size:10px;--tooltip-color:#292929;--tooltip-border:var(--ui-popup-border);--tooltip-border-radius:5px}.tooltip-plate{position:absolute;padding-bottom:var(--tooltip-tip-size)}.tooltip{position:relative;border-radius:var(--tooltip-border-radius);box-shadow:var(--ui-shadow-tooltip)}.tooltip-content::before,.tooltip::before{content:'';position:absolute;display:block;width:var(--tooltip-tip-size);height:var(--tooltip-tip-size);bottom:calc(var(--tooltip-tip-size)/ -2);transform:rotate(45deg) skew(8deg,8deg);left:50%;margin-left:calc(var(--tooltip-tip-size)/ -2)}.tooltip::before{box-shadow:var(--ui-shadow-tooltip);background-color:var(--tooltip-color);border:var(--tooltip-border);border-width:1.5px;border-radius:0 0 3px;margin-left:calc(var(--tooltip-tip-size)/ -2 - 1.5px)}.tooltip-content{padding:.5rem .7rem;text-align:center;position:relative;border-radius:inherit;z-index:1;background-color:var(--tooltip-color);border:var(--tooltip-border)}.tooltip-content *{position:relative}.tooltip-content::before{background-color:inherit;border-radius:0 0 2px;z-index:-1}.tooltip-bottom{padding-bottom:0;padding-top:var(--tooltip-tip-size)}.tooltip-bottom .tooltip-content::before,.tooltip-bottom .tooltip::before{bottom:auto;top:calc(var(--tooltip-tip-size)/ -2)}.tooltip-bottom .tooltip::before{border-radius:3px 0 0}.tooltip-bottom .tooltip-content::before{border-radius:2px 0 0}.theme-light .tooltip{--tooltip-color:#fff}.info .tooltip{--tooltip-color:var(--ui-color-info)}.success .tooltip{--tooltip-color:var(--ui-color-success)}.danger .tooltip{--tooltip-color:var(--ui-color-danger)}.warning .tooltip{--tooltip-color:var(--ui-color-warning)}.tree,.tree ul{padding:0;margin:0;list-style:none}.tree li{display:block;width:100%;padding:0}.tree{display:flex;flex-flow:column;align-items:flex-start;overflow:hidden;position:relative;margin:0;padding:.3rem;border-radius:var(--ui-border-radius)}.tree:focus{outline:0;box-shadow:0 0 0 1px var(--ui-color-accent),var(--ui-shadow-focus)}.tree-node{cursor:pointer;display:flex;align-items:center;border-radius:var(--ui-border-radius);padding:0 .5rem}.tree-node.selected{background-color:var(--ui-color-highlight-1)}.tree-node:hover{background-color:var(--ui-color-highlight)}.tree-icon{display:inline-block;width:1.5rem;height:1.5rem;mask-size:1.5rem;margin-right:.5rem;background-color:var(--ui-color-text-2);mask-repeat:no-repeat;mask-position:0 center}.tree-label{line-height:2}.tree-indent{display:block;width:.8rem;margin-right:1rem;height:2.1rem;border-right:1px solid transparent}.tree .tree-indent{border-right-color:var(--ui-color-border-1)}.tree-file-icon{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4' /%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z' /%3E%3C/svg%3E")}.tree-folder-icon{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2' /%3E%3Cline x1='12' y1='10' x2='12' y2='16' /%3E%3Cline x1='9' y1='13' x2='15' y2='13' /%3E%3C/svg%3E")}.expanded .tree-folder-icon{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2' /%3E%3Cline x1='9' y1='13' x2='15' y2='13' /%3E%3C/svg%3E")}.autocomplete .input-inner{position:relative}.autocomplete input{padding-right:36px}.autocomplete-list{position:absolute;z-index:100;overflow-y:auto;overscroll-behavior-y:contain;padding:.2rem .2rem .3rem;min-height:0;max-height:26rem;-webkit-user-select:none;user-select:none;transform:translateZ(1px);color:var(--ui-color-text);border:var(--ui-popup-border);border-radius:var(--ui-border-radius);background:var(--ui-popup-background);box-shadow:var(--ui-shadow-fancy)}.autocomplete-list:empty{padding:0;box-shadow:none;border:none}.autocomplete-list:not(:empty){min-height:2rem}.autocomplete-list.hidden{display:none}.autocomplete-list-header{padding:1rem 1rem .5rem;margin:0;color:var(--ui-color-text-2);line-height:1;font-weight:500;cursor:default;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden}.autocomplete-list-header:last-child{display:none}.autocomplete-list-empty{padding:.6rem 1.2rem;color:var(--ui-color-text-semi);cursor:default;white-space:nowrap}.autocomplete-list-item{padding:.5rem 1rem;color:var(--ui-color-text);cursor:pointer;line-height:1;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden;border-radius:var(--ui-border-radius)}.autocomplete-list-item.in-group{padding-left:2rem}.autocomplete-list-item.selected{background-color:var(--ui-color-highlight-1);outline:1px solid transparent}.autocomplete-list-item:hover{background-color:var(--ui-color-highlight);outline:1px solid transparent}.autocomplete-list-item b{color:var(--ui-color-accent)}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.autocomplete-list{background-color:var(--ui-color-background-semi);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}}.button-toggle.input{width:min-content;max-width:100%;padding:0;flex-flow:column;align-items:flex-start;justify-content:flex-start;border-radius:var(--ui-border-radius)}.button-toggle .input-inner{width:100%;overflow:hidden;border-radius:var(--ui-border-radius)}.button-toggle .input-scroller{width:100%;border-radius:var(--ui-border-radius);background-color:var(--ui-color-background-input);overflow-y:hidden;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scrollbar-gutter:none}.button-toggle .input-scroller::-webkit-scrollbar{width:0;height:0}.button-toggle .input-row{min-width:100%;width:min-content}.button-toggle .input-row .button{position:static;color:var(--ui-color-text);box-shadow:none;min-height:calc(var(--ui-button-height) - 2px);background:var(--ui-color-background-input);border:none;border-radius:0;flex:1;border-left:1px solid var(--ui-color-border);min-width:min-content}.button-toggle .button:has(:checked){background-color:var(--ui-color-highlight)}.button-toggle .input-row .button:first-child{border-left:none;border-top-left-radius:var(--ui-border-radius);border-bottom-left-radius:var(--ui-border-radius)}.button-toggle .input-row .button:last-child{border-top-right-radius:var(--ui-border-radius);border-bottom-right-radius:var(--ui-border-radius)}.button-toggle .button input{position:absolute;top:-100px;opacity:0;pointer-events:none}.button-toggle.round:not(.has-error) .input-inner{border-radius:var(--ui-border-radius-xl)}.button-toggle.round .input-row .button:first-child{border-top-left-radius:var(--ui-border-radius-xl);border-bottom-left-radius:var(--ui-border-radius-xl)}.button-toggle.round .input-row .button:last-child{border-top-right-radius:var(--ui-border-radius-xl);border-bottom-right-radius:var(--ui-border-radius-xl)}.checkbox{display:inline-flex;flex-flow:column;align-items:stretch;justify-content:flex-start;gap:.5rem}.checkbox-row{display:inline-flex;align-items:center;justify-content:flex-start;gap:.5rem}.checkbox input{appearance:none;width:1.4rem;height:1.4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.2em;background:var(--ui-color-background-input);border:1px solid var(--ui-color-text-2);color:var(--ui-color-text-1);font:inherit;flex-shrink:0}.checkbox input:focus{border-color:var(--ui-color-accent)}.checkbox input::after{content:"✕";display:block;opacity:0;font-size:1rem;line-height:1;align-self:center;color:inherit}.checkbox.indeterminate input::after{content:" ";opacity:1;background:var(--ui-color-text-1);width:70%;height:70%;margin:0;border-radius:inherit;align-self:center}.checkbox input:checked::after{opacity:1}.checkbox.disabled{opacity:.5}.checkbox.disabled input{opacity:1}.checkbox.has-error input{border-color:var(--ui-color-danger)}.checkbox.has-error input:focus{box-shadow:var(--ui-shadow-danger)}.input-date .input-text-inner{position:relative;overflow:unset}.input-date input{width:100%;padding-right:36px}.datepicker{display:none;transform:translateZ(1px)}.datepicker.active{display:block}.datepicker-dropdown{position:absolute;top:0;left:0;z-index:100;padding-top:.2rem}.datepicker-dropdown.datepicker-orient-top{padding-top:0;padding-bottom:4px}.datepicker-picker{display:inline-block;overflow:hidden;border-radius:.4em;background-color:var(--ui-color-background);border:var(--ui-popup-border);box-shadow:var(--ui-shadow-fancy)}.datepicker-picker span{display:block;flex:1;border:0;border-radius:6px;cursor:default;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.datepicker-main{padding:.1rem}.datepicker-controls,.datepicker-grid,.datepicker-view,.datepicker-view .days-of-week{display:flex}.datepicker-grid{flex-wrap:wrap;width:15.75rem}.datepicker-cell,.datepicker-view .week{height:2.25rem;line-height:2.25rem}.datepicker-view .days .datepicker-cell,.datepicker-view .dow{flex-basis:14.2857142857%}.datepicker-view.datepicker-grid .datepicker-cell{flex-basis:25%;height:4.5rem;line-height:4.5rem}.datepicker-title{padding:.375rem .75rem;text-align:center}.datepicker-footer .datepicker-controls,.datepicker-header .datepicker-controls{padding:.2rem}.datepicker-controls .button{padding:0;width:2.5rem;min-width:2.5rem;text-align:center}.datepicker-controls .button svg{margin:0;height:1.4rem}.datepicker-controls .button.disabled{visibility:hidden}.datepicker-controls .button.view-switch{flex:auto;width:auto}.datepicker-footer .datepicker-controls .button{width:100%}.datepicker-view .dow{height:1.5rem;line-height:1.5rem;font-size:.875rem}.datepicker-view .week{width:2.25rem;font-size:.75rem}.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){color:var(--ui-color-text-2)}.datepicker-cell.selected.next:not(.disabled),.datepicker-cell.selected.prev:not(.disabled){color:var(--ui-color-text-1)}.datepicker-cell.selected{background-color:var(--ui-color-highlight);color:var(--ui-color-text)}.datepicker-cell.disabled{color:var(--ui-color-text-2)}.datepicker-cell.today:not(.selected){background-color:var(--ui-color-success);color:var(--ui-color-text)}.datepicker-cell.focused,.datepicker-cell.highlighted:not(.range).focused,.datepicker-cell.highlighted:not(.range,.disabled):hover,.datepicker-cell.today.focused,.datepicker-cell:not(.disabled):hover{background-color:var(--ui-color-info);color:var(--ui-color-text);cursor:pointer}.datepicker-cell.range-start{border-radius:4px 0 0 4px}.datepicker-cell.range-end{border-radius:0 4px 4px 0}.datepicker-cell.range{border-radius:0;background-color:#dbdbdb}.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#b5b5b5;color:#fff}.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#afafaf}.datepicker-cell.range:not(.disabled,.focused,.today):hover{background-color:#d5d5d5}.datepicker-cell.range.disabled{color:#c2c2c2}.datepicker-cell.range.focused{background-color:#cfcfcf}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.datepicker-picker{background-color:var(--ui-color-background-semi);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}}.checkbox .error-wrap,.input .error-wrap,.input-radio .error-wrap{display:flex;flex-flow:row;align-items:stretch;justify-content:flex-start}.checkbox .error-wrap,.input-radio .error-wrap{overflow:hidden}.input .info-bar-error,.input-radio .info-bar-error,.textarea .info-bar-error{padding-bottom:calc(.4rem + 10px);margin-bottom:-10px;border:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.checkbox .info-bar{margin:0}.textarea .info-bar-error{grid-area:1/1/2/2}.has-error.input .input-inner,.has-error.textarea .textarea-inner{background-color:var(--ui-color-danger-semi)}.has-error.input .input-inner{border-color:var(--ui-color-danger)}.has-error.input .input-inner:focus-within{box-shadow:var(--ui-shadow-danger)}.has-error.input .info-bar-error,.has-error.textarea .info-bar-error{background-color:transparent}.input-math{position:relative;display:inline-flex;flex-flow:column;align-items:stretch;justify-content:space-between}.input-math input{padding-left:30px;text-align:right}.input-password{position:relative;display:inline-flex;flex-flow:column;align-items:stretch;justify-content:space-between}.input-password input{font-family:verdana,sans-serif;width:100%;padding-right:36px}.input-password.visible input{font-family:inherit}.input-password.visible .input-password-button{color:var(--ui-color-danger)}.input-password.visible .input-password-button svg{stroke-width:2}.password-strength{width:calc(100% - 6px);height:3px;margin:-7px 3px 0;border-radius:10px;background-color:var(--ui-color-background-input);cursor:default}.password-strength-progress{height:100%;border-radius:inherit;transition:width var(--ui-animation-speed) ease-out;background-color:var(--ui-color-danger)}.password-strength-progress.warning{background-color:var(--ui-color-warning)}.password-strength-progress.info{background-color:var(--ui-color-info)}.password-strength-progress.success{background-color:var(--ui-color-success)}.password-strength-info{position:absolute;top:0;display:none;cursor:default;width:calc(100% - 2px);flex-flow:column;align-items:stretch;gap:1rem;font-size:.8rem;margin:.2rem 1px 0;padding:.8rem;border-radius:var(--ui-border-radius);background-color:var(--ui-color-background-input);border:1px solid var(--ui-color-danger);z-index:9}.input-password:focus-within .password-strength-info{display:flex}.password-strength-info.warning{border-color:var(--ui-color-warning)}.password-strength-info.info{border-color:var(--ui-color-info)}.password-strength-info.success{border-color:var(--ui-color-success)}.password-strength-info h2{font-size:.95rem;text-align:left;margin-bottom:0}.password-strength-info small{font-size:.85rem;margin:0;line-height:1.4}.password-strength-info small:empty{display:none}.input-text .input-inner{overflow:hidden}.label{height:var(--ui-button-height);line-height:1.6;padding:0;display:inline-flex;align-items:center}.label.disabled{pointer-events:none;-webkit-user-select:none;user-select:none}:where(input:is([type=radio])){vertical-align:inherit;transform:scale(1.6);filter:brightness(1.4);accent-color:var(--ui-color-highlight);border-radius:50px}.theme-light :where(input:is([type=radio])){filter:brightness(.9)}.input-radio{min-width:26ch;width:min-content;max-width:100%}.input-radio-inner{display:flex;flex-flow:column;align-items:stretch;justify-content:flex-start;width:100%;padding:0;border:1px solid var(--ui-color-border);border-radius:calc(var(--ui-border-radius) + .26rem);background-color:var(--ui-color-background-input);overflow:hidden}.has-error .input-radio-inner{border-color:var(--ui-color-danger);background-color:var(--ui-color-danger-semi)}.input-radio-inner:focus-within,.input-radio-inner:has(:active):not(.disabled){border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus)}.has-error .input-radio-inner:focus-within,.has-error .input-radio-inner:has(:active):not(.disabled){box-shadow:var(--ui-shadow-danger);border-color:var(--ui-color-danger)}.has-error.input-radio .info-bar-error{background-color:transparent}.input-radio-items{display:flex;flex-flow:column;align-items:stretch;justify-content:flex-start;width:100%;padding:0;background-color:var(--ui-color-background-input);border-radius:inherit}.input-radio-item{display:flex;flex-flow:row;align-items:center;justify-content:flex-start;width:calc(100% - .4rem);margin:.2rem;padding:.1rem .1rem .1rem .75rem;border-radius:var(--ui-border-radius)}.input-radio-item:has(:disabled){opacity:.75;color:var(--ui-color-text-semi)}.input-radio-item .label{padding:.5rem 1rem}.input-radio-item:not(.disabled):focus-within,.input-radio-item:not(.disabled):hover{background-color:var(--ui-color-highlight-1)}.select{font:inherit;position:relative}.select optgroup{font-weight:500}.select select{-moz-appearance:none;-webkit-appearance:none;appearance:none;font:inherit;background:0 0;padding:0 30px 0 var(--ui-margin-m);width:100%;border:1px solid transparent;height:calc(var(--ui-button-height) - 2px);line-height:1;color:var(--ui-color-text);background-color:var(--ui-color-background-input);border-radius:var(--ui-border-radius)}.select select:focus{outline:0}.select .input-row::after{content:"";position:absolute;width:2rem;right:0;top:0;bottom:0;opacity:.6;pointer-events:none;background-repeat:no-repeat;background-position:right .7rem center;background-size:.6rem .8rem;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23bbb' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}.theme-light .select .input-row::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23222' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}.textarea{position:relative;width:25ch;vertical-align:top}.textarea textarea,.textarea.autogrow .textarea-inner::after{font:inherit;line-height:1.3;border:1px solid transparent;margin:0;width:100%;padding:var(--ui-margin-m);grid-area:2/1/2/2}.textarea .textarea-inner{width:100%;display:inline-grid;align-items:stretch;background-color:var(--ui-color-background-input);border-radius:var(--ui-border-radius);border:1px solid var(--ui-color-border)}.textarea textarea{resize:vertical;color:var(--ui-color-text);border-radius:var(--ui-border-radius);border:none;min-height:2.6rem;background-color:var(--ui-color-background-input)}.textarea .textarea-inner:focus-within{border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus);outline:0}.textarea textarea:focus{outline:0;box-shadow:none;border:none}.textarea textarea:invalid{border:none;box-shadow:none}.textarea textarea:disabled{opacity:.5}.textarea.autogrow .textarea-inner::after{content:attr(data-value) " ";visibility:hidden;white-space:pre-wrap;min-width:1rem;resize:none;background:0 0;appearance:none}.textarea.autogrow textarea{resize:none}.textarea.has-error .textarea-inner{border-color:var(--ui-color-danger)}.textarea.has-error .textarea-inner:focus-within{box-shadow:var(--ui-shadow-danger)}.toggle{--toggle-width:60px;--toggle-padding:2px;--border-radius:var(--ui-border-radius-xl);--toggle-height:calc(var(--toggle-width) / 2.5);--knob-size:var(--toggle-height);display:inline-flex;flex-flow:column;align-items:flex-start;position:relative;vertical-align:middle;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius)}.toggle-inner{border:1px solid var(--ui-color-text-2);padding:var(--toggle-padding);border-radius:inherit;background-color:var(--ui-color-background-2);position:relative}.toggle:has(:disabled){pointer-events:none;opacity:.6}.toggle:focus{outline:1px solid transparent}.toggle:focus .toggle-inner{box-shadow:var(--ui-shadow-focus);border-color:var(--ui-color-accent)}.toggle-input{display:none}.toggle-label{width:var(--toggle-width);height:var(--toggle-height);border-radius:calc(var(--border-radius) - var(--toggle-padding));display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;overflow:hidden;cursor:pointer}.toggle-scroller{height:100%;border-radius:inherit;display:inline-flex;align-items:center;justify-content:center;transition:margin-left .2s cubic-bezier(.85,.05,.18,1.4);flex-shrink:0;width:calc(200% - var(--toggle-height));margin-left:calc(var(--toggle-height) - var(--toggle-width) - var(--toggle-padding))}.toggle-option{width:50%;height:100%;border-radius:inherit;background-color:green;display:inline-flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:calc(var(--toggle-width)/ 5)}.toggle-option:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0;background-color:var(--ui-color-highlight);background-position:41% 47%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 17.5714286 9.6 9.4285714 22.4-22' fill='none' stroke='%23fff' stroke-width='4'/%3E%3C/svg%3E")}.toggle-option:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0;background-color:var(--ui-color-background-input);background-position:62% 55%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m27.5352.4648-27.0704 27.0704m-.4648-27.5352 28 28' stroke='%23fff' stroke-width='4'/%3E%3C/svg%3E")}.theme-light .toggle-option:first-of-type{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 17.5714286 9.6 9.4285714 22.4-22' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E")}.theme-light .toggle-option:last-of-type{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m27.5352.4648-27.0704 27.0704m-.4648-27.5352 28 28' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E")}.toggle-handle{width:0;height:0;position:absolute;transition:left .2s cubic-bezier(.85,.05,.18,1.4);border-radius:inherit;left:calc(var(--toggle-height)/ 2 + var(--toggle-padding))}.toggle-knob{width:var(--knob-size);height:var(--knob-size);background:var(--ui-color-text-1);border:1px solid var(--ui-color-text-2);transform:translate(-50%,-50%);border-radius:inherit}.notification-archive{display:flex;flex-flow:column;align-items:stretch;justify-content:flex-start;width:100%;margin-left:calc(var(--ui-notification-width) + var(--ui-notification-gap) + 1rem);transition:margin-left var(--ui-animation-speed) ease-out;z-index:5}.notification-archive .notification{z-index:1}.notification-archive header{display:flex;align-items:center;justify-content:space-between;margin:var(--ui-notification-gap) var(--ui-notification-gap) 0;color:var(--ui-color-text);z-index:1;background-color:var(--ui-color-background-input);padding:.75rem .5rem .75rem 1rem;border-radius:var(--ui-border-radius-s)}.notification-archive button{color:inherit;font-size:1.1rem;font-weight:300;min-width:1.8rem;min-height:1.8rem}.notification-archive h2{color:inherit;font-size:1.1rem;margin:0}.notification-archive h2 .button{padding-inline:var(--ui-margin-m);margin-left:-.5rem}.notification-archive h2 .button svg{transform:rotate(0);transition:transform var(--ui-animation-speed) ease-out}.notification-archive.expanded h2 .button svg{transform:rotate(90deg)}.notification-archive.inert{pointer-events:none}.notification-archive-buttons{white-space:nowrap;display:flex;align-items:center;justify-content:space-between;gap:.2rem}.notification-archive-buttons .btn-close{font-size:1.4rem;height:1.8rem;width:1.7rem;padding-bottom:.15rem}.notification.archived{filter:saturate(.3)}.notification-timestamp{color:var(--ui-color-text-semi);font-size:.85rem;margin-inline:.5rem}.show-archive .notification-archive{margin-left:0;margin-bottom:10rem;height:auto;overflow:visible}.notification-center{--ui-notification-border-radius:var(--ui-border-radius-s);--ui-notification-gap:0.75rem;--ui-notification-width:30rem;position:fixed;transform:translateZ(1px);display:flex;flex-flow:column;align-items:stretch;justify-content:flex-start;width:calc(var(--ui-notification-width) + var(--ui-notification-gap) * 2);top:0;right:0;z-index:-1;max-height:100vh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.notification-center.archive-is-visible,.notification-center.has-active-notifications{z-index:999}.notification{font-size:1rem;position:relative;overflow:hidden;flex-grow:0;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;min-height:2rem;border:none;margin:var(--ui-notification-gap) var(--ui-notification-gap) 0;box-shadow:var(--ui-shadow-fancy);border-radius:var(--ui-notification-border-radius);z-index:9}.notification:last-child{margin-bottom:calc(var(--ui-notification-gap) + 10px)}.notification button{background:0 0;color:var(--ui-color-text);height:1.8rem;min-width:1.6rem;font-size:inherit;padding:0 var(--ui-margin-m);margin:0 var(--ui-margin-m) 0 0;display:flex;align-items:center;justify-content:center;border-radius:var(--ui-border-radius);border:1px solid transparent}.notification button:focus{border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus);outline:0}.notification button:hover{color:var(--ui-color-text-2);background:#2228}.notification button:active{color:var(--ui-color-text-1);background:#0008}.notification .notification-close{font-size:1.4rem;font-weight:200;position:relative;padding-bottom:.15rem}.notification-buttons,.notification-icon{min-height:100%;display:flex;align-items:center;justify-content:flex-end}.notification-icon{width:var(--ui-button-height)}.notification-msg{color:var(--ui-color-text);flex:1;display:flex;align-items:center;justify-content:flex-start;padding:.8rem;line-height:1.4;font-weight:400}.notification-progressbar{position:absolute;inset:0;border-radius:inherit;z-index:-1}.notification-progress{height:100%;border-radius:inherit;background-color:#ffffff15;border:1px solid #ffffff25;margin:0;width:0;transition:width .2s}.notification:focus{border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus);outline:0}.notification-center-button svg{stroke:var(--ui-color-secondary)}.notification-center-button.has-notifications svg{stroke:var(--ui-color-text)}.notification-center-button.has-notifications svg>path:nth-child(2){fill:var(--ui-color-text)}@media (1px <= width <= 700px){.notification-center{--ui-notification-width:calc(100vw - var(--ui-notification-gap) * 2)}}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.notification{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.notification-info{background-color:var(--ui-color-info-semi)}.notification-success{background-color:var(--ui-color-success-semi)}.notification-warning{background-color:var(--ui-color-warning-semi)}.notification-error{background-color:var(--ui-color-danger-semi)}} \ No newline at end of file +:root{--ui-border-radius:0.3rem;--ui-border-radius-s:0.5rem;--ui-border-radius-m:0.7rem;--ui-border-radius-l:1rem;--ui-border-radius-xl:5rem;--ui-margin:0.3rem;--ui-margin-s:0.1rem;--ui-margin-m:0.5rem;--ui-margin-l:1rem;--ui-margin-xl:1.5rem;--ui-margin-xxl:2rem;--ui-animation-speed:.3s;--ui-button-height:2.206rem;--ui-shadow-focus:0 0 2px 1px var(--ui-color-accent);--ui-shadow-danger:0 0 2px 1px var(--ui-color-danger);--ui-shadow-small:0 0 0 0.5px #fff4,0 3px 10px #0006;--ui-shadow-large:0 0 0 1px #000,0 5px 20px #000a;--ui-shadow-fancy:0 0 0 0.5px #111,0 1px 5px rgb(0 0 0 / 30%),0 4px 10px rgb(0 0 0 / 10%),0 10px 25px rgb(0 0 0 / 8%)}body{font:400 102% "Helvetica Neue",Helvetica,Arial,sans-serif;box-sizing:border-box}body *{box-sizing:inherit}.icon-tabler{width:1.5rem;height:1.5rem}.icon-tabler-dots-vertical{margin-left:-1px}.theme-dark,:root{color-scheme:dark;--ui-color-accent:#bb7a00;--ui-color-highlight:#1859a3;--ui-color-highlight-1:#1e4572;--ui-color-secondary:#5a5956;--ui-color-secondary-semi:#5a595666;--ui-color-info:#30506a;--ui-color-info-semi:#30506a99;--ui-color-success:#33624d;--ui-color-success-semi:#33624d99;--ui-color-warning:#795001;--ui-color-warning-semi:#79500199;--ui-color-danger:#943737;--ui-color-danger-semi:#94373799;--ui-color-border:#1b1b1b;--ui-color-border-1:#131313;--ui-color-border-2:#0c0c0c;--ui-color-background:#2f2f2f;--ui-color-background-semi:#22222266;--ui-color-background-input:#222;--ui-color-background-1:#535353;--ui-color-background-2:#1a1a1a;--ui-color-text:#fff;--ui-color-text-semi:#fff6;--ui-color-text-1:#bbb;--ui-color-text-2:#888;--ui-popup-border:1px solid #fff3;--ui-popup-background:var(--ui-color-background);--ui-shadow-button:0 1px 0 #000c;--ui-shadow-tooltip:0 0 0 1px #000,0 0 5px #0006}.theme-light{color-scheme:light;--ui-color-accent:#b37400;--ui-color-highlight:#8ec6ff;--ui-color-highlight-1:#6ba0de;--ui-color-secondary:#c0beb4;--ui-color-secondary-semi:#c0beb466;--ui-color-info:#bbd3f0;--ui-color-info-semi:#bbd3f099;--ui-color-success:#7bd7ae;--ui-color-success-semi:#7bd7ae99;--ui-color-warning:#eec64e;--ui-color-warning-semi:#eec64e99;--ui-color-danger:#eb6e6f;--ui-color-danger-semi:#eb6e6f99;--ui-color-border:#bbb;--ui-color-border-1:#aaa;--ui-color-border-2:#999;--ui-color-background:#eee;--ui-color-background-semi:#eee6;--ui-color-background-input:#c2c2c2;--ui-color-background-1:#f0f0f0;--ui-color-background-2:#ccc;--ui-color-text:#000;--ui-color-text-semi:#0006;--ui-color-text-1:#222;--ui-color-text-2:#666;--ui-popup-border:1px solid #fff;--ui-popup-background:var(--ui-color-background);--ui-shadow-button:0 1px 0 #000c;--ui-shadow-tooltip:0 0 1px #0002,0 0 5px #0006}.button-outline{background:0 0;border:2px solid var(--ui-color-secondary);min-width:calc(var(--ui-button-size) * 4);min-height:calc(var(--ui-button-size) * 2)}.button-outline:focus,.button-outline:hover{background-color:var(--ui-color-secondary-semi)}.button-outline.info{border-color:var(--ui-color-info)}.button-outline.info:focus,.button-outline.info:hover{background-color:var(--ui-color-info-semi)}.button-outline.success{border-color:var(--ui-color-success)}.button-outline.success:focus,.button-outline.success:hover{background-color:var(--ui-color-success-semi)}.button-outline.warning{border-color:var(--ui-color-warning)}.button-outline.warning:focus,.button-outline.warning:hover{background-color:var(--ui-color-warning-semi)}.button-outline.danger,.button-outline.error{border-color:var(--ui-color-danger)}.button-outline.danger:focus,.button-outline.danger:hover,.button-outline.error:focus,.button-outline.error:hover{background-color:var(--ui-color-danger-semi)}.button-link{background:0 0;border:none;cursor:pointer;min-width:0}.button.button-link{margin:calc(var(--ui-margin) * -1);padding:var(--ui-margin);vertical-align:baseline;text-decoration:underline}.button.button-link:focus,.button.button-link:hover{text-decoration:underline;text-underline-offset:.2rem}.button-link.info:focus,.button-link.info:hover{text-decoration-color:var(--ui-color-info)}.button-link.success:focus,.button-link.success:hover{text-decoration-color:var(--ui-color-success)}.button-link.warning:focus,.button-link.warning:hover{text-decoration-color:var(--ui-color-warning)}.button-link.danger:focus,.button-link.danger:hover,.button-link.error:focus,.button-link.error:hover{text-decoration-color:var(--ui-color-danger)}.button-normal{background:var(--ui-color-secondary);border:.5px solid #0006;border-bottom-color:#000c;box-shadow:var(--ui-shadow-button);min-width:calc(var(--ui-button-size) * 4);min-height:calc(var(--ui-button-size) * 2)}.button-normal.info{background:var(--ui-color-info)}.button-normal.success{background:var(--ui-color-success)}.button-normal.warning{background:var(--ui-color-warning)}.button-normal.danger,.button-normal.error{background:var(--ui-color-danger)}.button-text{background:0 0;border:none;min-width:calc(var(--ui-button-size) * 4);min-height:calc(var(--ui-button-size) * 2);box-shadow:none}.button-text:focus,.button-text:hover{background-color:var(--ui-color-secondary)}.button-text.info:focus,.button-text.info:hover{background-color:var(--ui-color-info)}.button-text.success:focus,.button-text.success:hover{background-color:var(--ui-color-success)}.button-text.warning:focus,.button-text.warning:hover{background-color:var(--ui-color-warning)}.button-text.danger:focus,.button-text.danger:hover,.button-text.error:focus,.button-text.error:hover{background-color:var(--ui-color-danger)}.button{--ui-button-size:1rem;font:inherit;line-height:1.4;font-weight:400;font-size:var(--ui-button-size);display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-margin-m);min-width:var(--ui-button-height);min-height:var(--ui-button-height);height:auto;margin:0;padding:0 var(--ui-margin-l);color:var(--ui-color-text);-webkit-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;border-radius:var(--ui-border-radius);text-decoration:none;-ms-touch-action:manipulation;touch-action:manipulation}.button:hover{text-decoration:none}.button:focus{border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus);outline:1px solid transparent}.button.touching,.button:active{outline:1px solid transparent;box-shadow:none;transform:translateY(1px);filter:brightness(.85)}.button[disabled]{pointer-events:none;opacity:.6;box-shadow:none}.button svg{min-height:calc(var(--ui-button-size) * 1.25);max-height:calc(var(--ui-button-size) * 1.25);height:calc(var(--ui-button-size) * 1.25);min-width:var(--ui-button-size);width:auto;pointer-events:none}.button:not(.button-has-text){padding:0 var(--ui-margin-m)}.button:not(.button-has-text) svg{min-height:calc(var(--ui-button-size) * 1.4)}.button.round{padding:var(--ui-margin);border-radius:var(--ui-border-radius-xl)}.button.round:not(.button-has-text){aspect-ratio:1/1}.button-has-text.round{padding-inline:var(--ui-margin-l)}.button-group{border-radius:var(--ui-border-radius);max-width:100%;overflow:hidden}.button-group-scroller{width:100%;overflow-y:hidden;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scrollbar-gutter:none;z-index:0;border-radius:var(--ui-border-radius)}.button-group-scroller::-webkit-scrollbar{width:0;height:0}.button-group-inner{padding:0 0 2px;display:inline-flex;flex-flow:row;align-items:center;justify-content:stretch;position:relative;z-index:1;border-radius:var(--ui-border-radius);background-color:var(--ui-color-background)}.button-group-inner .button{flex-shrink:0;flex-grow:10;border-radius:0;position:relative;overflow:hidden}.button-group .button-normal[disabled]{box-shadow:var(--ui-shadow-button)}.button-group .button:first-of-type{border-top-left-radius:var(--ui-border-radius);border-bottom-left-radius:var(--ui-border-radius)}.button-group .button:last-of-type{border-top-right-radius:var(--ui-border-radius);border-bottom-right-radius:var(--ui-border-radius)}.button-group .button-outline:not(:first-of-type){margin-left:-2px}.button-group.round{border-radius:var(--ui-border-radius-xl)}.button-group.round .button:first-of-type{border-top-left-radius:var(--ui-border-radius-xl);border-bottom-left-radius:var(--ui-border-radius-xl)}.button-group.round .button:last-of-type{border-top-right-radius:var(--ui-border-radius-xl);border-bottom-right-radius:var(--ui-border-radius-xl)}.button-group .button:not(.button-has-text):first-of-type{padding-left:9px}.button-group .button:not(.button-has-text):last-of-type{padding-right:9px}.button-group.round .button:not(.button-has-text):first-of-type{padding-right:6px;padding-left:11px}.button-group.round .button:not(.button-has-text):last-of-type{padding-left:6px;padding-right:11px}.dialog-backdrop{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:99;background-color:rgba(0 0 0 / 0);transition:background-color var(--ui-animation-speed) ease-out;transform:translateZ(1px)}.dialog-backdrop.opened{background-color:rgba(0 0 0 / .6)}.dialog{opacity:0;transform:scale(.8);transition:opacity var(--ui-animation-speed) ease-out,transform var(--ui-animation-speed) ease-out;max-height:90vh;min-width:15rem;max-width:95vw;color:var(--ui-color-text);border-radius:var(--ui-border-radius-m);background:var(--ui-popup-background);border:var(--ui-popup-border);box-shadow:var(--ui-shadow-large);display:flex;flex-flow:column;align-items:stretch;justify-content:stretch;overflow:hidden}.opened .dialog{opacity:1;transform:scale(1)}.dialog-footer,.dialog-header{background:var(--ui-color-background-input)}.dialog-header{text-align:center;font-size:1.4rem;font-weight:400;margin:0;padding:.4rem 1rem;border-bottom:1px solid var(--ui-color-border)}.dialog-content{margin:0;padding:1rem;min-width:200px;flex:1;overflow-y:auto;overscroll-behavior-y:contain;outline:1px solid transparent;min-height:3rem}.dialog-content:focus{border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus) inset;outline:1px solid transparent}.dialog-footer{border-top:1px solid var(--ui-color-border);padding:.7rem 1rem;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.dialog-footer [slot=footer]{width:100%;display:flex;align-items:center;justify-content:center;flex-flow:row-reverse;gap:.5rem}.dialog-footer .button{min-width:9ch}.dialog-header:empty{display:none}.mobile .dialog-backdrop .dialog{height:100%;width:100%;min-height:0;min-width:0;max-height:100%;max-width:100%;border-radius:0;box-shadow:none}.drawer{position:fixed;background-color:var(--ui-popup-background);border-left:var(--ui-popup-border);top:0;right:0;bottom:0;width:24rem;min-height:20rem;box-shadow:var(--ui-shadow-large);z-index:11;color:var(--ui-color-text);padding:0;overflow-y:auto;overscroll-behavior-y:contain;transform:translateZ(1px)}.drawer:focus{outline:1px solid transparent}.drawer-header{position:sticky;position:-webkit-sticky;background-color:inherit;top:0;width:100%;margin:0 0 1rem;padding:0 1rem 0 1.4rem;display:flex;align-items:center;justify-content:space-between}.drawer-header h2{margin:0;padding:.5rem 0}.drawer-content{padding:0 1.4rem}.info-bar{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;gap:.5rem;padding:.4rem .6rem .4rem .4rem;margin:0 0 .75rem;border-radius:var(--ui-border-radius);border-width:1px;border-style:solid}.info-bar p{margin:0;font-size:.9rem;line-height:1.5rem}.info-bar .icon{flex-shrink:0}.info-bar-error{background-color:var(--ui-color-danger-semi);border-color:var(--ui-color-danger)}.info-bar-info{background-color:var(--ui-color-info-semi);border-color:var(--ui-color-info)}.info-bar-success{background-color:var(--ui-color-success-semi);border-color:var(--ui-color-success)}.info-bar-warning{background-color:var(--ui-color-warning-semi);border-color:var(--ui-color-warning)}.theme-dark input{color-scheme:dark}.theme-light input{color-scheme:light}input::placeholder,textarea::placeholder{color:var(--ui-color-text-1)}:where(input:not([type=radio],[type=checkbox])){font:inherit;height:calc(var(--ui-button-height) - 2px);border:1px solid transparent;line-height:1;color:var(--ui-color-text);background-color:var(--ui-color-background-input);border-radius:var(--ui-border-radius);padding:0 var(--ui-margin-m);width:25ch}:where(input:focus){outline:0;border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus)}:where(input:invalid){border-color:var(--ui-color-danger);box-shadow:var(--ui-shadow-danger)}input[type=color]{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:0 0;border:none;padding:0;cursor:pointer}:where(input:disabled){opacity:.75;cursor:default}.input{width:25ch;vertical-align:middle}.input .input-inner{display:flex;flex-flow:column;align-items:stretch;justify-content:stretch;border-radius:var(--ui-border-radius);background:var(--ui-color-background-input);border:1px solid var(--ui-color-border)}.input-inner:focus-within{border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus)}.input,.input input:disabled,.input select:disabled,.textarea textarea:disabled{opacity:1;color:var(--ui-color-text)}.input .input-inner:has(:disabled),.textarea .textarea-inner:has(:disabled){opacity:.7}.input input:not([type=radio]){width:100%;border:none}.input input:not([type=radio]):focus,.input input:not([type=radio]):invalid{box-shadow:none;border:none}.input-row{width:100%;display:flex;flex-flow:row;align-items:center;justify-content:space-between;position:relative;border-radius:inherit}.input-row>.button,.input-row>.icon{position:absolute;height:100%;z-index:1}.input-row>.button{color:var(--ui-color-text-1);right:2px}.input-row>.icon{color:var(--ui-color-text-2);left:7px;width:1.5rem;pointer-events:none}.menu{position:fixed;padding:.2rem .25rem;margin:0;display:flex;width:auto;flex-flow:column;align-items:stretch;list-style:none;overflow-x:hidden;overflow-y:auto;cursor:default;z-index:999;max-height:calc(100vh - 4px);-webkit-user-select:none;user-select:none;overscroll-behavior-y:contain;color:var(--ui-color-text);border:var(--ui-popup-border);border-radius:calc(var(--ui-border-radius) + 2px);background:var(--ui-popup-background);box-shadow:var(--ui-shadow-fancy);transform:translateZ(1px)}.menu:focus{outline:0}.menu-item{font-family:inherit;align-items:center;border-radius:var(--ui-border-radius);color:inherit;background:0 0;border:none;display:flex;flex-shrink:0;font-size:.86rem;letter-spacing:.1px;justify-content:space-between;margin:0;overflow:hidden;padding:.5rem .9rem;position:relative;text-align:left;white-space:nowrap;width:100%}.menu-item-shortcut{margin:-.1rem 0 -.1rem auto;letter-spacing:.1rem;opacity:.5}.menu-item-shortcut:empty{visibility:hidden}.menu-item.disabled{pointer-events:none;opacity:.6}.menu-item:focus{background-color:var(--ui-color-highlight);outline:1px solid transparent}.menu-item:focus.success{background-color:var(--ui-color-success)}.menu-item:focus.warning{background-color:var(--ui-color-warning)}.menu-item:focus.danger{background-color:var(--ui-color-danger)}.menu-item:focus .menu-item-shortcut{opacity:1}.menu-item svg{width:1.1rem;height:1.1rem;margin:-.1rem .5rem -.1rem 0}.menu-item-content{display:flex;align-items:center;justify-content:space-between;margin-right:2rem}.menu-separator{height:0;padding:0;margin:var(--ui-margin) .6rem;border-bottom:var(--ui-popup-border)}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.menu{background-color:var(--ui-color-background-semi);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}}.message-box .dialog-content{display:flex;flex-flow:row;gap:1rem;font-size:1.1rem;padding:1rem}.message-box .dialog-content .message{max-width:50vw;display:flex;align-items:center}.message-box .dialog-content .message-content{margin:0;line-height:1.5}.message-box .dialog-content .icon,.message-box .dialog-content svg{height:3rem}.message-box .dialog-content .icon{width:3rem;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.message-info .dialog-content{background-color:var(--ui-color-info-semi)}.message-warning .dialog-content{background-color:var(--ui-color-warning-semi)}.message-error .dialog-content{background-color:var(--ui-color-danger-semi)}.message-success .dialog-content{background-color:var(--ui-color-success-semi)}.panel{overflow:hidden;will-change:height;position:relative;border:2px solid var(--ui-color-border);background:var(--ui-color-background-2);margin-bottom:1rem}.panel details{margin:1px}.panel-header{color:var(--ui-color-text);text-align:left;border:none;display:flex;align-items:center;justify-content:space-between;font-weight:300;font-size:1rem;padding:0 .6rem 0 1rem;height:2.6rem;-webkit-user-select:none;user-select:none}.collapsible .panel-header{cursor:pointer}.panel-header::-webkit-details-marker{display:none}.panel-content{border-top:1px solid var(--ui-color-border);background:var(--ui-color-background);padding:1rem}.panel .chevron{height:1.2rem;transform:rotate(0);transition:transform var(--ui-animation-speed) ease-out}.panel .chevron svg{width:1.2rem;height:1.2rem}.panel.expanded .chevron{transform:rotate(90deg)}.panel.round{border-radius:var(--ui-border-radius-s)}.panel.round .panel-content{border-radius:calc(var(--ui-border-radius-s) - 2px)}.panel.disabled{opacity:.5}.panel-header:focus{outline:1px solid transparent}.panel:has(.panel-header:focus){border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus);z-index:2}.push-button[aria-pressed=true]{filter:brightness(.85);transform:translateY(1px);box-shadow:none}.push-button[aria-pressed=true].button-outline{background-color:var(--ui-color-secondary-semi)}.push-button[aria-pressed=true].button-outline.info{background-color:var(--ui-color-info-semi)}.push-button[aria-pressed=true].button-outline.success{background-color:var(--ui-color-success-semi)}.push-button[aria-pressed=true].button-outline.warning{background-color:var(--ui-color-warning-semi)}.push-button[aria-pressed=true].button-outline.danger{background-color:var(--ui-color-danger-semi)}.splitter{position:absolute;height:100%;width:16px;z-index:90;cursor:ew-resize}.splitter::after{content:" ";display:block;width:6px;height:100%;margin:0 auto}.splitter.vertical{width:100%;height:16px;cursor:ns-resize}.splitter.vertical::after{width:100%;height:6px;margin:auto 0}.splitter.is-dragging::after,.splitter:hover::after{background-color:var(--ui-color-background-1)}.table{width:100%;height:100%;overflow:auto;overscroll-behavior-y:contain;position:relative;border:2px solid var(--ui-color-border)}.table table{border-spacing:0;width:100%}.table.round{border-radius:var(--ui-border-radius-s)}.table.selectable{cursor:default;-webkit-user-select:none;user-select:none}.table tfoot,.table thead{position:sticky;z-index:2}.table thead{top:0}.table tfoot{bottom:0}.table tfoot td,.table thead th{padding:var(--ui-margin-m);font-weight:400;text-align:left;vertical-align:middle;background:var(--ui-color-background-2)}.table tbody:focus,.table tbody:focus tr,.table tr:focus,.table tr:focus-within{outline:1px solid transparent;background-color:var(--ui-color-highlight-1)}.table tbody td{padding:var(--ui-margin) var(--ui-margin-m) calc(var(--ui-margin) + 1px);border-bottom:1px solid var(--ui-color-border);vertical-align:middle;line-height:1.5rem}.table td:first-child,.table th:first-child{padding-left:var(--ui-margin-l)}.table td:last-child,.table th:last-child{padding-right:var(--ui-margin-l)}.text-fit{display:inline-block;transform-origin:center;white-space:nowrap;-webkit-font-smoothing:subpixel-antialiased}.tooltip-container{z-index:9999;position:absolute;left:0;top:0;right:0;transform:translateZ(1px);--tooltip-tip-size:10px;--tooltip-color:#292929;--tooltip-border:var(--ui-popup-border);--tooltip-border-radius:5px}.tooltip-plate{position:absolute;padding-bottom:var(--tooltip-tip-size)}.tooltip{position:relative;border-radius:var(--tooltip-border-radius);box-shadow:var(--ui-shadow-tooltip)}.tooltip-content::before,.tooltip::before{content:'';position:absolute;display:block;width:var(--tooltip-tip-size);height:var(--tooltip-tip-size);bottom:calc(var(--tooltip-tip-size)/ -2);transform:rotate(45deg) skew(8deg,8deg);left:50%;margin-left:calc(var(--tooltip-tip-size)/ -2)}.tooltip::before{box-shadow:var(--ui-shadow-tooltip);background-color:var(--tooltip-color);border:var(--tooltip-border);border-width:1.5px;border-radius:0 0 3px;margin-left:calc(var(--tooltip-tip-size)/ -2 - 1.5px)}.tooltip-content{padding:.5rem .7rem;text-align:center;position:relative;border-radius:inherit;z-index:1;background-color:var(--tooltip-color);border:var(--tooltip-border)}.tooltip-content *{position:relative}.tooltip-content::before{background-color:inherit;border-radius:0 0 2px;z-index:-1}.tooltip-bottom{padding-bottom:0;padding-top:var(--tooltip-tip-size)}.tooltip-bottom .tooltip-content::before,.tooltip-bottom .tooltip::before{bottom:auto;top:calc(var(--tooltip-tip-size)/ -2)}.tooltip-bottom .tooltip::before{border-radius:3px 0 0}.tooltip-bottom .tooltip-content::before{border-radius:2px 0 0}.theme-light .tooltip{--tooltip-color:#fff}.info .tooltip{--tooltip-color:var(--ui-color-info)}.success .tooltip{--tooltip-color:var(--ui-color-success)}.danger .tooltip{--tooltip-color:var(--ui-color-danger)}.warning .tooltip{--tooltip-color:var(--ui-color-warning)}.tree,.tree ul{padding:0;margin:0;list-style:none}.tree li{display:block;width:100%;padding:0}.tree{display:flex;flex-flow:column;align-items:flex-start;overflow:hidden;position:relative;margin:0;padding:.3rem;border-radius:var(--ui-border-radius)}.tree:focus{outline:0;box-shadow:0 0 0 1px var(--ui-color-accent),var(--ui-shadow-focus)}.tree-node{cursor:pointer;display:flex;align-items:center;border-radius:var(--ui-border-radius);padding:0 .5rem}.tree-node.selected{background-color:var(--ui-color-highlight-1)}.tree-node:hover{background-color:var(--ui-color-highlight)}.tree-icon{display:inline-block;width:1.5rem;height:1.5rem;mask-size:1.5rem;margin-right:.5rem;background-color:var(--ui-color-text-2);mask-repeat:no-repeat;mask-position:0 center}.tree-label{line-height:2}.tree-indent{display:block;width:.8rem;margin-right:1rem;height:2.1rem;border-right:1px solid transparent}.tree .tree-indent{border-right-color:var(--ui-color-border-1)}.tree-file-icon{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4' /%3E%3Cpath d='M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z' /%3E%3C/svg%3E")}.tree-folder-icon{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2' /%3E%3Cline x1='12' y1='10' x2='12' y2='16' /%3E%3Cline x1='9' y1='13' x2='15' y2='13' /%3E%3C/svg%3E")}.expanded .tree-folder-icon{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24' stroke-width='1.5' stroke='white' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 4h4l3 3h7a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-11a2 2 0 0 1 2 -2' /%3E%3Cline x1='9' y1='13' x2='15' y2='13' /%3E%3C/svg%3E")}.autocomplete .input-inner{position:relative}.autocomplete input{padding-right:36px}.autocomplete-list{position:absolute;z-index:100;overflow-y:auto;overscroll-behavior-y:contain;padding:.2rem .2rem .3rem;min-height:0;max-height:26rem;-webkit-user-select:none;user-select:none;transform:translateZ(1px);color:var(--ui-color-text);border:var(--ui-popup-border);border-radius:var(--ui-border-radius);background:var(--ui-popup-background);box-shadow:var(--ui-shadow-fancy)}.autocomplete-list:empty{padding:0;box-shadow:none;border:none}.autocomplete-list:not(:empty){min-height:2rem}.autocomplete-list.hidden{display:none}.autocomplete-list-header{padding:1rem 1rem .5rem;margin:0;color:var(--ui-color-text-2);line-height:1;font-weight:500;cursor:default;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden}.autocomplete-list-header:last-child{display:none}.autocomplete-list-empty{padding:.6rem 1.2rem;color:var(--ui-color-text-semi);cursor:default;white-space:nowrap}.autocomplete-list-item{padding:.5rem 1rem;color:var(--ui-color-text);cursor:pointer;line-height:1;white-space:nowrap;text-overflow:ellipsis;overflow-x:hidden;border-radius:var(--ui-border-radius)}.autocomplete-list-item.in-group{padding-left:2rem}.autocomplete-list-item.selected{background-color:var(--ui-color-highlight-1);outline:1px solid transparent}.autocomplete-list-item:hover{background-color:var(--ui-color-highlight);outline:1px solid transparent}.autocomplete-list-item b{color:var(--ui-color-accent)}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.autocomplete-list{background-color:var(--ui-color-background-semi);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}}.button-toggle.input{width:min-content;max-width:100%;padding:0;flex-flow:column;align-items:flex-start;justify-content:flex-start;border-radius:var(--ui-border-radius)}.button-toggle .input-inner{width:100%;overflow:hidden;border-radius:var(--ui-border-radius)}.button-toggle .input-scroller{width:100%;border-radius:var(--ui-border-radius);background-color:var(--ui-color-background-input);overflow-y:hidden;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scrollbar-gutter:none}.button-toggle .input-scroller::-webkit-scrollbar{width:0;height:0}.button-toggle .input-row{min-width:100%;width:min-content}.button-toggle .input-row .button{position:static;color:var(--ui-color-text);box-shadow:none;min-height:calc(var(--ui-button-height) - 2px);background:var(--ui-color-background-input);border:none;border-radius:0;flex:1;border-left:1px solid var(--ui-color-border);min-width:min-content}.button-toggle .button:has(:checked){background-color:var(--ui-color-highlight)}.button-toggle .input-row .button:first-child{border-left:none;border-top-left-radius:var(--ui-border-radius);border-bottom-left-radius:var(--ui-border-radius)}.button-toggle .input-row .button:last-child{border-top-right-radius:var(--ui-border-radius);border-bottom-right-radius:var(--ui-border-radius)}.button-toggle .button input{position:absolute;top:-100px;opacity:0;pointer-events:none}.button-toggle.round:not(.has-error) .input-inner{border-radius:var(--ui-border-radius-xl)}.button-toggle.round .input-row .button:first-child{border-top-left-radius:var(--ui-border-radius-xl);border-bottom-left-radius:var(--ui-border-radius-xl)}.button-toggle.round .input-row .button:last-child{border-top-right-radius:var(--ui-border-radius-xl);border-bottom-right-radius:var(--ui-border-radius-xl)}.checkbox{display:inline-flex;flex-flow:column;align-items:stretch;justify-content:flex-start;gap:.5rem}.checkbox-row{display:inline-flex;align-items:center;justify-content:flex-start;gap:.5rem}.checkbox input{appearance:none;width:1.4rem;height:1.4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.2em;background:var(--ui-color-background-input);border:1px solid var(--ui-color-text-2);color:var(--ui-color-text-1);font:inherit;flex-shrink:0}.checkbox input:focus{border-color:var(--ui-color-accent)}.checkbox input::after{content:"✕";display:block;opacity:0;font-size:1rem;line-height:1;align-self:center;color:inherit}.checkbox.indeterminate input::after{content:" ";opacity:1;background:var(--ui-color-text-1);width:70%;height:70%;margin:0;border-radius:inherit;align-self:center}.checkbox input:checked::after{opacity:1}.checkbox.disabled{opacity:.5}.checkbox.disabled input{opacity:1}.checkbox.has-error input{border-color:var(--ui-color-danger)}.checkbox.has-error input:focus{box-shadow:var(--ui-shadow-danger)}.input-date .input-text-inner{position:relative;overflow:unset}.input-date input{width:100%;padding-right:36px}.datepicker{display:none;transform:translateZ(1px)}.datepicker.active{display:block}.datepicker-dropdown{position:absolute;top:0;left:0;z-index:100;padding-top:.2rem}.datepicker-dropdown.datepicker-orient-top{padding-top:0;padding-bottom:4px}.datepicker-picker{display:inline-block;overflow:hidden;border-radius:.4em;background-color:var(--ui-color-background);border:var(--ui-popup-border);box-shadow:var(--ui-shadow-fancy)}.datepicker-picker span{display:block;flex:1;border:0;border-radius:6px;cursor:default;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.datepicker-main{padding:.1rem}.datepicker-controls,.datepicker-grid,.datepicker-view,.datepicker-view .days-of-week{display:flex}.datepicker-grid{flex-wrap:wrap;width:15.75rem}.datepicker-cell,.datepicker-view .week{height:2.25rem;line-height:2.25rem}.datepicker-view .days .datepicker-cell,.datepicker-view .dow{flex-basis:14.2857142857%}.datepicker-view.datepicker-grid .datepicker-cell{flex-basis:25%;height:4.5rem;line-height:4.5rem}.datepicker-title{padding:.375rem .75rem;text-align:center}.datepicker-footer .datepicker-controls,.datepicker-header .datepicker-controls{padding:.2rem}.datepicker-controls .button{padding:0;width:2.5rem;min-width:2.5rem;text-align:center}.datepicker-controls .button svg{margin:0;height:1.4rem}.datepicker-controls .button.disabled{visibility:hidden}.datepicker-controls .button.view-switch{flex:auto;width:auto}.datepicker-footer .datepicker-controls .button{width:100%}.datepicker-view .dow{height:1.5rem;line-height:1.5rem;font-size:.875rem}.datepicker-view .week{width:2.25rem;font-size:.75rem}.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){color:var(--ui-color-text-2)}.datepicker-cell.selected.next:not(.disabled),.datepicker-cell.selected.prev:not(.disabled){color:var(--ui-color-text-1)}.datepicker-cell.selected{background-color:var(--ui-color-highlight);color:var(--ui-color-text)}.datepicker-cell.disabled{color:var(--ui-color-text-2)}.datepicker-cell.today:not(.selected){background-color:var(--ui-color-success);color:var(--ui-color-text)}.datepicker-cell.focused,.datepicker-cell.highlighted:not(.range).focused,.datepicker-cell.highlighted:not(.range,.disabled):hover,.datepicker-cell.today.focused,.datepicker-cell:not(.disabled):hover{background-color:var(--ui-color-info);color:var(--ui-color-text);cursor:pointer}.datepicker-cell.range-start{border-radius:4px 0 0 4px}.datepicker-cell.range-end{border-radius:0 4px 4px 0}.datepicker-cell.range{border-radius:0;background-color:#dbdbdb}.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#b5b5b5;color:#fff}.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#afafaf}.datepicker-cell.range:not(.disabled,.focused,.today):hover{background-color:#d5d5d5}.datepicker-cell.range.disabled{color:#c2c2c2}.datepicker-cell.range.focused{background-color:#cfcfcf}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.datepicker-picker{background-color:var(--ui-color-background-semi);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}}.checkbox .error-wrap,.input .error-wrap,.input-radio .error-wrap{display:flex;flex-flow:row;align-items:stretch;justify-content:flex-start}.checkbox .error-wrap,.input-radio .error-wrap{overflow:hidden}.input .info-bar-error,.input-radio .info-bar-error,.textarea .info-bar-error{padding-bottom:calc(.4rem + 10px);margin-bottom:-10px;border:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.checkbox .info-bar{margin:0}.textarea .info-bar-error{grid-area:1/1/2/2}.has-error.input .input-inner,.has-error.textarea .textarea-inner{background-color:var(--ui-color-danger-semi)}.has-error.input .input-inner{border-color:var(--ui-color-danger)}.has-error.input .input-inner:focus-within{box-shadow:var(--ui-shadow-danger)}.has-error.input .info-bar-error,.has-error.textarea .info-bar-error{background-color:transparent}.input-math{position:relative;display:inline-flex;flex-flow:column;align-items:stretch;justify-content:space-between}.input-math input{padding-left:30px;text-align:right}.input-password{position:relative;display:inline-flex;flex-flow:column;align-items:stretch;justify-content:space-between}.input-password input{font-family:verdana,sans-serif;width:100%;padding-right:36px}.input-password.visible input{font-family:inherit}.input-password.visible .input-password-button{color:var(--ui-color-danger)}.input-password.visible .input-password-button svg{stroke-width:2}.password-strength{width:calc(100% - 6px);height:3px;margin:-7px 3px 0;border-radius:10px;background-color:var(--ui-color-background-input);cursor:default}.password-strength-progress{height:100%;border-radius:inherit;transition:width var(--ui-animation-speed) ease-out;background-color:var(--ui-color-danger)}.password-strength-progress.warning{background-color:var(--ui-color-warning)}.password-strength-progress.info{background-color:var(--ui-color-info)}.password-strength-progress.success{background-color:var(--ui-color-success)}.password-strength-info{position:absolute;top:0;display:none;cursor:default;width:calc(100% - 2px);flex-flow:column;align-items:stretch;gap:1rem;font-size:.8rem;margin:.2rem 1px 0;padding:.8rem;border-radius:var(--ui-border-radius);background-color:var(--ui-color-background-input);border:1px solid var(--ui-color-danger);z-index:9}.input-password:focus-within .password-strength-info{display:flex}.password-strength-info.warning{border-color:var(--ui-color-warning)}.password-strength-info.info{border-color:var(--ui-color-info)}.password-strength-info.success{border-color:var(--ui-color-success)}.password-strength-info h2{font-size:.95rem;text-align:left;margin-bottom:0}.password-strength-info small{font-size:.85rem;margin:0;line-height:1.4}.password-strength-info small:empty{display:none}.input-text .input-inner{overflow:hidden}.label{height:var(--ui-button-height);line-height:1.6;padding:0;display:inline-flex;align-items:center}.label.disabled{pointer-events:none;-webkit-user-select:none;user-select:none}:where(input:is([type=radio])){vertical-align:inherit;transform:scale(1.6);filter:brightness(1.4);accent-color:var(--ui-color-highlight);border-radius:50px}.theme-light :where(input:is([type=radio])){filter:brightness(.9)}.input-radio{min-width:26ch;width:min-content;max-width:100%}.input-radio-inner{display:flex;flex-flow:column;align-items:stretch;justify-content:flex-start;width:100%;padding:0;border:1px solid var(--ui-color-border);border-radius:calc(var(--ui-border-radius) + .26rem);background-color:var(--ui-color-background-input);overflow:hidden}.has-error .input-radio-inner{border-color:var(--ui-color-danger);background-color:var(--ui-color-danger-semi)}.input-radio-inner:focus-within,.input-radio-inner:has(:active):not(.disabled){border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus)}.has-error .input-radio-inner:focus-within,.has-error .input-radio-inner:has(:active):not(.disabled){box-shadow:var(--ui-shadow-danger);border-color:var(--ui-color-danger)}.has-error.input-radio .info-bar-error{background-color:transparent}.input-radio-items{display:flex;flex-flow:column;align-items:stretch;justify-content:flex-start;width:100%;padding:0;background-color:var(--ui-color-background-input);border-radius:inherit}.input-radio-item{display:flex;flex-flow:row;align-items:center;justify-content:flex-start;width:calc(100% - .4rem);margin:.2rem;padding:.1rem .1rem .1rem .75rem;border-radius:var(--ui-border-radius)}.input-radio-item:has(:disabled){opacity:.75;color:var(--ui-color-text-semi)}.input-radio-item .label{padding:.5rem 1rem}.input-radio-item:not(.disabled):focus-within,.input-radio-item:not(.disabled):hover{background-color:var(--ui-color-highlight-1)}.select{font:inherit;position:relative}.select optgroup{font-weight:500}.select select{-moz-appearance:none;-webkit-appearance:none;appearance:none;font:inherit;background:0 0;padding:0 30px 0 var(--ui-margin-m);width:100%;border:1px solid transparent;height:calc(var(--ui-button-height) - 2px);line-height:1;color:var(--ui-color-text);background-color:var(--ui-color-background-input);border-radius:var(--ui-border-radius)}.select select:focus{outline:0}.select .input-row::after{content:"";position:absolute;width:2rem;right:0;top:0;bottom:0;opacity:.6;pointer-events:none;background-repeat:no-repeat;background-position:right .7rem center;background-size:.6rem .8rem;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23bbb' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}.theme-light .select .input-row::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23222' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")}.textarea{position:relative;width:25ch;vertical-align:top}.textarea textarea,.textarea.autogrow .textarea-inner::after{font:inherit;line-height:1.3;border:1px solid transparent;margin:0;width:100%;padding:var(--ui-margin-m);grid-area:2/1/2/2}.textarea .textarea-inner{width:100%;display:inline-grid;align-items:stretch;background-color:var(--ui-color-background-input);border-radius:var(--ui-border-radius);border:1px solid var(--ui-color-border)}.textarea textarea{resize:vertical;color:var(--ui-color-text);border-radius:var(--ui-border-radius);border:none;min-height:2.6rem;background-color:var(--ui-color-background-input)}.textarea .textarea-inner:focus-within{border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus);outline:0}.textarea textarea:focus{outline:0;box-shadow:none;border:none}.textarea textarea:invalid{border:none;box-shadow:none}.textarea textarea:disabled{opacity:.5}.textarea.autogrow .textarea-inner::after{content:attr(data-value) " ";visibility:hidden;white-space:pre-wrap;min-width:1rem;resize:none;background:0 0;appearance:none}.textarea.autogrow textarea{resize:none}.textarea.has-error .textarea-inner{border-color:var(--ui-color-danger)}.textarea.has-error .textarea-inner:focus-within{box-shadow:var(--ui-shadow-danger)}.toggle{--toggle-width:60px;--toggle-padding:2px;--border-radius:var(--ui-border-radius-xl);--toggle-height:calc(var(--toggle-width) / 2.5);--knob-size:var(--toggle-height);display:inline-flex;flex-flow:column;align-items:flex-start;position:relative;vertical-align:middle;-webkit-user-select:none;user-select:none;border-radius:var(--border-radius)}.toggle-inner{border:1px solid var(--ui-color-text-2);padding:var(--toggle-padding);border-radius:inherit;background-color:var(--ui-color-background-2);position:relative}.toggle:has(:disabled){pointer-events:none;opacity:.6}.toggle:focus{outline:1px solid transparent}.toggle:focus .toggle-inner{box-shadow:var(--ui-shadow-focus);border-color:var(--ui-color-accent)}.toggle-input{display:none}.toggle-label{width:var(--toggle-width);height:var(--toggle-height);border-radius:calc(var(--border-radius) - var(--toggle-padding));display:flex;align-items:center;justify-content:flex-start;flex-shrink:0;overflow:hidden;cursor:pointer}.toggle-scroller{height:100%;border-radius:inherit;display:inline-flex;align-items:center;justify-content:center;transition:margin-left .2s cubic-bezier(.85,.05,.18,1.4);flex-shrink:0;width:calc(200% - var(--toggle-height));margin-left:calc(var(--toggle-height) - var(--toggle-width) - var(--toggle-padding))}.toggle-option{width:50%;height:100%;border-radius:inherit;background-color:green;display:inline-flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:calc(var(--toggle-width)/ 5)}.toggle-option:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0;background-color:var(--ui-color-highlight);background-position:41% 47%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 17.5714286 9.6 9.4285714 22.4-22' fill='none' stroke='%23fff' stroke-width='4'/%3E%3C/svg%3E")}.toggle-option:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0;background-color:var(--ui-color-background-input);background-position:62% 55%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m27.5352.4648-27.0704 27.0704m-.4648-27.5352 28 28' stroke='%23fff' stroke-width='4'/%3E%3C/svg%3E")}.theme-light .toggle-option:first-of-type{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m0 17.5714286 9.6 9.4285714 22.4-22' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E")}.theme-light .toggle-option:last-of-type{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m27.5352.4648-27.0704 27.0704m-.4648-27.5352 28 28' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E")}.toggle-handle{width:0;height:0;position:absolute;transition:left .2s cubic-bezier(.85,.05,.18,1.4);border-radius:inherit;left:calc(var(--toggle-height)/ 2 + var(--toggle-padding))}.toggle-knob{width:var(--knob-size);height:var(--knob-size);background:var(--ui-color-text-1);border:1px solid var(--ui-color-text-2);transform:translate(-50%,-50%);border-radius:inherit}.notification-archive{display:flex;flex-flow:column;align-items:stretch;justify-content:flex-start;width:100%;margin-left:calc(var(--ui-notification-width) + var(--ui-notification-gap) + 1rem);transition:margin-left var(--ui-animation-speed) ease-out;z-index:5}.notification-archive .notification{z-index:1}.notification-archive header{display:flex;align-items:center;justify-content:space-between;margin:var(--ui-notification-gap) var(--ui-notification-gap) 0;color:var(--ui-color-text);z-index:1;background-color:var(--ui-color-background-input);padding:.75rem .5rem .75rem 1rem;border-radius:var(--ui-border-radius-s)}.notification-archive button{color:inherit;font-size:1.1rem;font-weight:300;min-width:1.8rem;min-height:1.8rem}.notification-archive h2{color:inherit;font-size:1.1rem;margin:0}.notification-archive h2 .button{padding-inline:var(--ui-margin-m);margin-left:-.5rem}.notification-archive h2 .button svg{transform:rotate(0);transition:transform var(--ui-animation-speed) ease-out}.notification-archive.expanded h2 .button svg{transform:rotate(90deg)}.notification-archive.inert{pointer-events:none}.notification-archive-buttons{white-space:nowrap;display:flex;align-items:center;justify-content:space-between;gap:.2rem}.notification-archive-buttons .btn-close{font-size:1.4rem;height:1.8rem;width:1.7rem;padding-bottom:.15rem}.notification.archived{filter:saturate(.3)}.notification-timestamp{color:var(--ui-color-text-semi);font-size:.85rem;margin-inline:.5rem}.show-archive .notification-archive{margin-left:0;margin-bottom:10rem;height:auto;overflow:visible}.notification-center{--ui-notification-border-radius:var(--ui-border-radius-s);--ui-notification-gap:0.75rem;--ui-notification-width:30rem;position:fixed;transform:translateZ(1px);display:flex;flex-flow:column;align-items:stretch;justify-content:flex-start;width:calc(var(--ui-notification-width) + var(--ui-notification-gap) * 2);top:0;right:0;z-index:-1;max-height:100vh;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.notification-center.archive-is-visible,.notification-center.has-active-notifications{z-index:999}.notification{font-size:1rem;position:relative;overflow:hidden;flex-grow:0;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;min-height:2rem;border:none;margin:var(--ui-notification-gap) var(--ui-notification-gap) 0;box-shadow:var(--ui-shadow-fancy);border-radius:var(--ui-notification-border-radius);z-index:9}.notification:last-child{margin-bottom:calc(var(--ui-notification-gap) + 10px)}.notification button{background:0 0;color:var(--ui-color-text);height:1.8rem;min-width:1.6rem;font-size:inherit;padding:0 var(--ui-margin-m);margin:0 var(--ui-margin-m) 0 0;display:flex;align-items:center;justify-content:center;border-radius:var(--ui-border-radius);border:1px solid transparent}.notification button:focus{border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus);outline:0}.notification button:hover{color:var(--ui-color-text-2);background:#2228}.notification button:active{color:var(--ui-color-text-1);background:#0008}.notification .notification-close{font-size:1.4rem;font-weight:200;position:relative;padding-bottom:.15rem}.notification-buttons,.notification-icon{min-height:100%;display:flex;align-items:center;justify-content:flex-end}.notification-icon{width:var(--ui-button-height)}.notification-msg{color:var(--ui-color-text);flex:1;display:flex;align-items:center;justify-content:flex-start;padding:.8rem;line-height:1.4;font-weight:400}.notification-progressbar{position:absolute;inset:0;border-radius:inherit;z-index:-1}.notification-progress{height:100%;border-radius:inherit;background-color:#ffffff15;border:1px solid #ffffff25;margin:0;width:0;transition:width .2s}.notification:focus{border-color:var(--ui-color-accent);box-shadow:var(--ui-shadow-focus);outline:0}.notification-center-button svg{stroke:var(--ui-color-secondary)}.notification-center-button.has-notifications svg{stroke:var(--ui-color-text)}.notification-center-button.has-notifications svg>path:nth-child(2){fill:var(--ui-color-text)}@media (1px <= width <= 700px){.notification-center{--ui-notification-width:calc(100vw - var(--ui-notification-gap) * 2)}}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.notification{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.notification-info{background-color:var(--ui-color-info-semi)}.notification-success{background-color:var(--ui-color-success-semi)}.notification-warning{background-color:var(--ui-color-warning-semi)}.notification-error{background-color:var(--ui-color-danger-semi)}} \ No newline at end of file diff --git a/src/dialog/Dialog.css b/src/dialog/Dialog.css index 53bef46d..fe44107d 100644 --- a/src/dialog/Dialog.css +++ b/src/dialog/Dialog.css @@ -48,11 +48,7 @@ } .dialog-content { - display: flex; - flex-flow: row; margin: 0; - gap: 1rem; - padding: 1rem; min-width: 200px; flex: 1; diff --git a/src/message-box/MessageBox.css b/src/message-box/MessageBox.css index 3248eacc..6bb4599e 100644 --- a/src/message-box/MessageBox.css +++ b/src/message-box/MessageBox.css @@ -1,4 +1,11 @@ -.message-box .dialog-content { font-size: 1.1rem; padding: 1rem; } +.message-box .dialog-content { + display: flex; + flex-flow: row; + gap: 1rem; + + font-size: 1.1rem; + padding: 1rem; +} .message-box .dialog-content .message { max-width: 50vw; display: flex; align-items: center; } .message-box .dialog-content .message-content { margin: 0; line-height: 1.5; }