html{height:100%}body{display:flex;flex-direction:column;min-height:100%;margin:0}button{appearance:none;border:none;background-color:transparent;color:inherit}hr{background-color:green;border-style:solid;border-width:.5px;width:100%}::selection{background-color:var(--color-primary)}.app{background-color:var(--color-app-background, inherit);color:var(--color-app-text, inherit);display:flex;flex-direction:column;flex-grow:1}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;inset:0;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}:root{--screen-size: "small"}@media screen and (min-width:36rem){:root{--screen-size: "small-wide"}}@media screen and (min-width:48rem){:root{--screen-size: "medium"}}@media screen and (min-width:64rem){:root{--screen-size: "medium-wide"}}@media screen and (min-width:80rem){:root{--screen-size: "large"}}@media screen and (min-width:100rem){:root{--screen-size: "large-wide"}}.btn{appearance:none;align-items:center;display:flex;font-size:inherit;gap:.25em;padding:.25em;transition:all .25s ease-out;transition-property:background-color}.btn:hover{background-color:var(--color-primary-light)}.btn:active{background-color:var(--color-primary)}.btn-form{background-color:var(--color-neutral);padding:.5em .75em}:root{--color-black: #000;--color-dark: #1E1E1E;--color-slate: #1F2A37;--color-grey-darker: #333;--color-grey-dark: #556577;--color-grey: #9CA3AF;--color-grey-light: #D1D5DB;--color-grey-lighter: #E5E7EB;--color-light: #FAFAF7;--color-white: #FFF;--color-orange-light: #FFB060;--color-orange: #FC9020;--color-orange-dark: #C76B00;--color-red: #FA7060;--color-green: #4FD1C5;--color-blue: #A5B4FC;--color-primary: var(--color-orange);--color-primary-light: var(--color-orange-light);--color-primary-dark: var(--color-orange-dark);--color-border: var(--color-grey);--color-contrast: var(--color-dark);--color-base: var(--color-light);--color-neutral-lighter: var(--color-grey-lighter);--color-neutral-light: var(--color-grey-light);--color-neutral: var(--color-grey-light);--color-neutral-dark: var(--color-grey-dark);--color-neutral-darker: var(--color-grey-darker);--color-app-background: var(--color-base);--color-app-text: var(--color-contrast);--color-header-background: var(--color-contrast);--color-header-text: var(--color-base)}navbar,icon,logo,fieldgroup,fieldlabel,formdropdown,formnumber,formtoggle,checkboxfield,dropdownfield,numberfield,togglenav,page,shortcut,shortcutadd,add,front,settings{display:contents}.form{--curve: 0}.form-footer{align-items:center;display:flex;flex-wrap:wrap;gap:.5em}.field-group{border-style:solid;border-width:.25em;border-color:var(--color-neutral-lighter);display:flex;flex-direction:column;gap:1em;margin-block-end:1em;padding:.75em;transition:all .25s ease-out;transition-property:border-color}.field-group:focus-within{border-color:var(--color-neutral-light)}.field-group-title{padding:.125em .25em;line-height:1;text-align:right}.field-wrapper{align-items:flex-start;display:flex;flex-direction:column}.field-label{border-top-left-radius:var(--curve);border-top-right-radius:var(--curve);border-top:.125em solid transparent;display:block;line-height:1.125;padding:.25em .5em .125em;text-align:left;transition:all .25s ease-out;transition-property:background-color,border-color}.field-field{display:flex;gap:.5ch;width:100%}.field-unit{align-self:flex-end;padding-block:.5em}.field{background-color:transparent;border-color:var(--color-border);border-radius:var(--curve);border-style:solid;border-width:.125em;box-sizing:border-box;font-size:1em;font-weight:700;margin:0;padding:.5em;transition:all .25s ease-out;transition-property:background-color,border-color;width:100%}.field:focus{background-color:var(--color-white);border-color:var(--color-primary)}.field-wrapper:has(.field:focus) .field-label{background-color:var(--color-white);border-top-color:var(--color-primary)}.field-dropdown,.field-input{border-left-width:0;border-right-width:0;border-top-width:0}.field-dropdown:focus,.field-input:focus{outline:none}.field-checkbox{display:flex;line-height:1;width:1.675em}.field-checkbox:focus{outline-color:var(--color-green)}.field-label--checkbox{border-bottom:.125em solid transparent;border-top-width:0;padding-inline:.25em;transition:all .25s ease-out;transition-property:background-color,border-color}.field-checkbox:focus+.field-label--checkbox{border-color:var(--color-green)}.field-checkbox+.field-label--checkbox:hover,.field-checkbox:hover+.field-label--checkbox{background-color:var(--color-white)}.field-checkbox+.field-label--checkbox:active,.field-checkbox:active+.field-label--checkbox{border-color:var(--color-primary)}.field-wrapper:has(.field-checkbox){pointer-events:none}.field-wrapper:has(.field-checkbox)>.field-field{gap:.5em;width:auto}.field-wrapper:has(.field-checkbox)>.field-field>.field,.field-wrapper:has(.field-checkbox)>.field-field>.field-label{pointer-events:auto}.field[readonly]{color:var(--color-border);opacity:.75}.field[disabled],.field-group[disabled] legend,.field-group[disabled] .field,.field-group[disabled] .field-label,.field-wrapper:has(.field[disabled]) .field-label{color:var(--color-border);opacity:.5}.form-success-message{animation:reveal-side .25s ease-in-out forwards;color:var(--color-green);margin:0}@supports (appearance: base-select){select,::picker(select){appearance:base-select}option:focus,option:hover{background-color:var(--color-primary)}}.main-content{align-items:stretch;display:flex;flex-direction:column;flex-grow:1}.content-area{display:flex;flex-direction:column;flex-grow:1;position:relative;width:100%}.page-content{box-sizing:border-box;flex-grow:1;margin-inline:auto;max-width:var(--content-max-width, 100%);order:-1;padding:1em;transition:max-width .5s ease-in-out;width:100%}.page-title{margin-block-start:0}.icon-selector{position:relative}.icon-selector-trigger{align-items:center;display:flex;gap:.5rem;padding:.5rem;border:.125em solid var(--color-border);border-block-start-color:transparent;border-inline-end-width:0;border-inline-start-width:0;background:#fff;cursor:pointer;width:100%;text-align:left}.selected-icon{width:24px;height:24px}.icon-selector-popover{position:absolute;top:100%;left:0;z-index:100;background:#fff;border:1px solid #ccc;border-radius:4px;padding:.5rem;box-shadow:0 2px 5px #0003;width:200px}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.icon-option{padding:.25rem;border:1px solid transparent;border-radius:4px;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-option:hover{background-color:#f0f0f0}.icon-option.is-selected{background-color:#e0e0ff;border-color:#007bff}.icon-option img{width:24px;height:24px}.popover-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99}.shortcut-list{container-type:inline-size;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin-bottom:2rem}.shortcut-item{--items: 1;align-items:center;box-sizing:border-box;display:flex;flex-basis:calc((100% / var(--items)) - .5rem);flex-direction:column;flex-grow:1;gap:.5em;justify-content:space-between;max-width:calc((100% / var(--items)) - .5rem);padding:.5rem;width:100%}.shortcut-wrapper{box-sizing:border-box;border-radius:1em;display:flex;position:relative;width:100%}.shortcut-wrapper:before{background-color:currentColor;border:inherit;border-top-width:0;border-radius:inherit;bottom:0;content:"";height:100%;left:0;position:absolute;width:100%}.shortcut-link{align-items:center;background-color:var(--color-light);border:.25em solid;border-radius:inherit;box-sizing:border-box;color:inherit;display:flex;flex-direction:column;height:100%;margin-top:0;outline:transparent solid .25em;outline-offset:-.25em;padding:1em 1.5em;position:relative;text-decoration:none;transform:translateY(-.125em);transition:all .25s ease-out;transition-property:outline,transform;width:100%;z-index:1}:where(.shortcut-wrapper:hover)>.shortcut-link,.shortcut-link:hover{transform:translateY(-.25em)}.shortcut-link:focus{transform:translateY(-.325em)}.shortcut-link:focus:not(:hover){outline-color:var(--color-primary)}.shortcut-link:active{outline:none}.shortcut-link:active,.shortcut-link[aria-pressed=true]{transform:translateY(0);transition-duration:.0625s}.shortcut-icon{height:auto;max-width:100%;width:5em}@media screen and (min-width:24rem){.shortcut-item{--items: 2}}@media screen and (min-width:36rem){.shortcut-item{--items: 3;flex-grow:0}}@container (min-width: 48rem){.shortcut-item{--items: 4}}@container (min-width: 64rem){.shortcut-item{--items: 5}}@container (min-width: 80rem){.shortcut-item{--items: 6}}.shortcut-label{margin:0}.shortcut-label{font-size:.875em;width:100%}.app-settings--shortcut-trim-labels .shortcut-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.shortcut-item--add{align-items:stretch}.shortcut-add-button{align-items:center;background:transparent;border:.25em dashed currentColor;border-radius:1em;box-sizing:border-box;color:var(--color-border);cursor:pointer;display:flex;flex-direction:column;flex-grow:1;justify-content:center;outline:.25em dashed transparent;outline-offset:-.25em;padding:1em 1.5em;transition:all .25s ease-out;transition-property:color,outline,transform;width:100%}.shortcut-add-button:hover{color:var(--color-contrast)}.shortcut-add-button:focus{color:var(--color-primary);outline-color:currentColor}.shortcut-add-button:hover{transform:translateY(-.25em)}.shortcut-add-button[aria-pressed=true],.shortcut-add-button:active{transform:translateY(0);transition-duration:.0625s}.shortcut-add-icon{aspect-ratio:1;font-size:5em;line-height:1;transition:transform .125s ease-out}.shortcut-item--add>.shortcut-add-button[aria-pressed=true]>.shortcut-add-icon{transform:rotate(45deg)}.shortcut-add-text{color:transparent;font-size:.875em;pointer-events:none}.shortcut-form-container{margin-bottom:2rem;width:100%}.shortcut-menu{align-items:baseline;border-radius:.25em;box-sizing:border-box;display:flex;gap:.5em;justify-content:center;margin-block-end:auto;position:relative;width:calc(100% - 1.5em)}.shortcut-menu>.button.button--text{border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:.75em;padding:.125em .25em}.shortcut-menu>.button--text[aria-expanded=true]{background-color:var(--color-neutral)}.shortcut-submenu{position:absolute;top:100%;left:0;z-index:10;display:flex;flex-direction:column;background-color:var(--color-light);border:1px solid var(--color-border, #ddd);border-radius:.25em;min-width:100px;padding:.25rem 0;width:100%}.shortcut-submenu .button{width:100%;text-align:left;padding:.5rem 1rem;border-radius:0}.shortcut-submenu .button:hover{background:var(--color-hover, #f5f5f5)}.shortcut-popover{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center}.shortcut-popover__backdrop{position:absolute;inset:0;background:#00000080}.shortcut-popover__content{position:relative;background:var(--color-surface, #fff);border-radius:8px;box-shadow:0 4px 20px #0003;padding:1.5rem;min-width:320px;max-width:90vw;max-height:90vh;overflow:auto}.shortcut-popover__close{position:absolute;top:.5rem;right:.5rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted, #666);line-height:1;padding:.25rem}.shortcut-popover__close:hover{color:var(--color-text, #333)}.app-header{pointer-events:none;z-index:100}.navbar{background-color:var(--color-neutral);font-size:2em;max-width:100%;pointer-events:auto;width:100%}.navbar-item,.navbar-list{background-color:inherit}.navbar-list{display:flex;list-style:none;overflow:auto;margin:0;padding:0;scrollbar-color:currentColor transparent;scrollbar-width:thin}.navbar-item{display:flex;justify-content:flex-start;line-height:normal}.navbar-button,.navbar-link{align-items:center;background-color:transparent;border:none;color:inherit;display:flex;font-size:inherit;gap:.375em;padding:.25em .375em;transition:all .25s ease-out;transition-property:background-color,color}.navbar-link{text-decoration:none;width:100%}.navbar-link:hover{background-color:var(--color-primary-light);color:var(--color-contrast)}.navbar-button:focus,.navbar-link:focus{outline-offset:-.125em;outline-width:.25em}.navbar-link:hover:focus{outline-style:revert}.navbar-link:active{background-color:var(--color-primary)}.navbar-link[aria-current=true]{background-color:var(--color-base);color:var(--color-contrast);pointer-events:none}.navbar-icon{position:static}.navbar-label{font-size:.75em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-item-icon,.navbar-icon,.navbar-label{pointer-events:none}.navbar-space{margin:auto;min-height:1em;min-width:1em}.navbar-item--pin-start,.navbar-item--pin-end{position:sticky;z-index:1}.navbar-item:has(.navbar-link[aria-current=true]){inset:0;position:sticky;z-index:2}.navbar-size--small{font-size:1.375em}.navbar-size--small .navbar-item{letter-spacing:.0375em}.navbar-size--small .navbar-item--home,.navbar-size--small .navbar-item--create,.navbar-size--small .navbar-item--settings{letter-spacing:normal}.navbar-size--small .navbar-link{padding:.25em .375em}.navbar-size--small .navbar-link:focus{outline-offset:-.25em;outline-width:.125em}.navbar-dialog{background-color:var(--color-grey-lighter);border-width:0;box-sizing:border-box;margin:0;padding:0;position:static;width:100%}.navbar-form{display:flex;width:100%}.navbar-form[hidden]{display:none}.navbar-form-label{font-size:inherit;flex-grow:1;position:relative}.navbar-form-field{background-color:transparent;box-sizing:border-box;border-width:0;color:var(--color-contrast);font-size:.75em;height:100%;min-height:100%;padding:0 .25em;width:100%}.navbar-form-field:focus{outline:none}.navbar-button--icon{margin-inline-start:.125em;padding-inline:.25em}.navbar-button--add{margin-block-start:auto;margin-inline-start:auto}.navbar-item--create:has(>.navbar-dialog[open]) .navbar-button--add>.navbar-icon{transform:rotate(45deg)}.app-layout--base>.app-header{bottom:0;display:flex;flex-direction:column;position:sticky;transition:transform .25s ease-out}.app-layout--base>.app-header[hidden]{transform:translateY(100%)}.app-layout--base>.app-header[hidden]:has(.navbar:focus-within){transform:translateY(0)}.app-layout--base>.content-area{order:-1}.app-layout--base .navbar-list{flex-direction:row}.app-layout--base .navbar-item--pin-start{inset-inline-start:0}.app-layout--base .navbar-item--pin-end{inset-inline-end:0}.app-layout--base .navbar-item--home .navbar-label{display:none}.app-layout--base .navbar-settings--show-home-label .navbar-item--home .navbar-label{display:initial}.app-layout--base .navbar-item--create .navbar-form-field{min-width:6.25em}.app-layout--base .navbar-item--settings .navbar-label{display:none}.app-layout--base .navbar-settings--show-settings-label .navbar-item--settings .navbar-label{display:initial}.app-layout--base .toggle-navbar{bottom:0;justify-content:flex-end;order:-1;padding:0}.app-layout--base .toggle-navbar .btn--toggle-navbar{transform:rotate(270deg);inset-block-end:.25em;inset-inline-end:.25em;position:absolute}.app-layout--base .navbar-button-width--0 .navbar-label{display:none}.app-layout--base .navbar-button-width--0 .navbar-link{gap:0}.app-layout--base .navbar-button-width--1 .navbar-item{min-width:7.5em}.app-layout--base .navbar-button-width--1 .navbar-item--home,.app-layout--base .navbar-button-width--1 .navbar-item--settings{min-width:auto}.app-layout--side{--collapsed-width: 3.5em;flex-direction:row}.app-layout--side .app-header{--width: 100%;display:block;height:100vh;height:100dvh;max-width:calc(var(--width) - 2.5em);position:fixed;top:0;transition:all .25s ease-in-out;transition-property:max-width;width:100%;z-index:10}.app-layout--side .app-header[hidden]{max-width:var(--collapsed-width)}.navbar-position--side{height:100%}.navbar-position--side>.navbar-list{display:flex;flex-direction:column;min-height:100%;max-height:100%;overflow-x:hidden}.app-layout--side>.app-content{padding-inline-start:var(--collapsed-width)}.app-layout--side .toggle-navbar{inset-block-end:0;position:absolute;inset-inline-start:calc(100% - 1.5em)}@media screen and (min-width:36rem){.app-layout--side .app-header{--width: 67.5%}}@media screen and (min-width:48rem){.app-layout--side .app-header{--width: 50%}}@media screen and (min-width:64rem){.app-layout--side .app-header{--width: 30%;position:sticky}.app-layout--side>.app-content{padding-inline-start:0}.app-layout--side .app-header[hidden] .navbar{width:100%}}@media screen and (min-width:80rem){.app-layout--side .app-header{--width: 25%}}.app-layout--side .app-header[hidden]:has(.navbar-size--small){--collapsed-width: 2.5em}.app-layout--side>.app-header[hidden] .navbar-settings--show-minimised-labels .navbar-link{writing-mode:sideways-rl}.app-layout--side>.app-header[hidden] .navbar-settings--show-minimised-labels .navbar-item--home .navbar-label,.app-layout--side>.app-header[hidden] .navbar-settings--show-minimised-labels .navbar-item--settings .navbar-label{display:none}.app-layout--side .navbar-item--create{flex-wrap:wrap}.app-layout--side .app-header[hidden] .navbar-item--create{writing-mode:sideways-rl;flex-wrap:nowrap}.app-layout--side .app-header[hidden] .navbar-item--create .navbar-form-field{min-height:6.25em;padding:.25em 0}.app-layout--side .navbar-item--pin-start{top:0}.app-layout--side .navbar-item--pin-end{bottom:0}.app-layout--side .toggle-navbar{transform:translateY(-100%)}.app-layout--side .page-backdrop{--opacity: .5;animation:reveal-opacity .25s ease-out;background-color:var(--color-neutral-darker);inset:0;opacity:var(--opacity, .5);position:fixed;transition:opacity .25s ease-in-out}.app-layout--side:has(.app-header[hidden]) .page-backdrop{--opacity: 0;pointer-events:none}@media screen and (min-width:64rem){.app-layout--side .page-backdrop{display:none}}.toggle-navbar{display:flex;padding:.5em;pointer-events:none;position:sticky}.btn--toggle-navbar{aspect-ratio:1;background-color:var(--color-neutral);border-radius:50%;font-size:2em;padding:.175em;pointer-events:auto;width:1em}.btn--toggle-navbar .app-icon{--icon-rotate: 180deg;box-sizing:border-box;transform:rotateY(var(--icon-rotate));transition:transform .25s ease-out}.main-content:has(.app-header[hidden]) .btn--toggle-navbar .app-icon{--icon-rotate: 0deg}.app-header:has(.navbar-size--small) .toggle-navbar{font-size:.75em}p,li,h1,h2,h3,h4,h5,h6{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}p,h1,h2,h3,h4,h5,h6{margin:0;margin-block-end:.25em}@keyframes reveal-dn{0%{opacity:0;transform:translateY(-.25em)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(.25em)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-side{0%{opacity:0;transform:translate(-.25em)}to{opacity:1;transform:translate(0)}}@keyframes reveal-opacity{0%{opacity:0}to{opacity:var(--opacity, 1)}}.app-columns{--gap: var(--columns-gap, .5em);--columns: 1;display:flex;flex-wrap:wrap;gap:var(--gap)}.app-column{--width: calc(100% / var(--columns) - var(--gap));display:flex;flex-direction:column;flex-basis:var(--width);flex-grow:1;width:100%}.app-columns--constrain-width>.app-column{max-width:var(--width, 100%)}.app-column--shrink{flex-grow:0;flex-basis:auto;width:auto}.app-column--top{justify-content:flex-start}.app-column--center{justify-content:center}.app-column--bottom{justify-content:flex-end}@media screen and (min-width:36rem){.app-columns{--columns: 2}}@media screen and (min-width:48rem){.app-columns--3{--columns: 3}.app-columns--4{--columns: 4}}.debug-info{background-color:#ffffffbf;border-radius:0;border-start-start-radius:.375em;bottom:0;display:none;line-height:1;padding:.25em .375em;position:fixed;right:0;z-index:101}.debug_ui .debug-info{display:block}.debug_ui .debug-info:before{content:"Screen: "}.debug_ui .debug-info:after{content:var(--screen-size)}.app-icon{display:flex;max-width:5rem;height:auto;width:1em}