:root{--brand-color:#e98cf4;}td>input:not(:focus){--bg:transparent;}td>input{min-width:3em;min-height:1.5em;}[popovertarget]{cursor:pointer;}form output{&:not(:empty){display:block;width:fit-content;font-size:0.88em;background:var(--bg-subtle);color:var(--color);font-weight:300;padding:var(--sp1);border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);opacity:0.8;}&:empty{opacity:0;display:none;}transition:opacity 0.2s,height 0.2s;}form:invalid [type="submit"]{opacity:0.5;pointer-events:none;}form:valid [type="submit"]{opacity:1;pointer-events:auto;}#flash-messages{position:fixed;top:0;right:0;padding:var(--sp2);display:grid;gap:var(--sp1);z-index:1000;[role=alert]{--dip:10px;animation:dip .5s ease-in-out;}}[contenteditable="true"]{outline:none;padding-top:var(--sp0);line-height:1.4;min-height:6em;min-width:40em;max-width:80vh;li{display:list-item;}}[contenteditable="true"]:empty:before{content:attr(placeholder);color:var(--light);}.logo{height:2em;}.ghost-center{margin:auto;font-size:1.2em;text-align:center;color:var(--subtle);}.center{max-width:20em;inset:auto;top:10%;display:block;}#profile-settings-btn{border-radius:99px;}[role=toolbar]{transition:all .2s ease-in-out;display:inline-flex;gap:1em;&>div{}}[role=toolbar]:has(+[contenteditable=true]:focus){opacity:1;}[role=toolbar]:has(+[contenteditable=true]){opacity:0;}.health-bar button{display:inline-block;width:.7em;min-block-size:1em;padding:0 .1em;margin:0;interest-delay:.2s .5s;background:var(--bg);transition:all .2s ease-in-out;&:hover{box-shadow:inset 0 -1px 99px 0 rgba(0,0,0,.2);}}.health-bar [popover]{animation:unset;}.health-bar button.FINISHED{--bg:var(--bg-green);}.health-bar button.ERROR{--bg:var(--bg-red);}.health-bar button.PENDING{--bg:var(--subtle);}#loginForm{width:fit-content;margin:20vh auto;transition:margin 0.3s;&>svg{align-self:center;height:1.8em;}[type=submit]{transition:all .3s ease-in-out;}[name="password"]{transition:all .3s ease-in-out;}}#loginForm:invalid{[type=submit]{opacity:0;}}#loginForm:has([name="username"]:invalid){[name="password"]{opacity:0;}}[data-saved="true"]{transition:background-color 0.3s;background-color:var(--bg-success-subtle) !important;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeInOut{0%{opacity:0;}5%{opacity:1;}70%{opacity:.9;}100%{opacity:0;}}@keyframes wobble{0%,100%{transform:translateX(0);}50%{transform:translateX(-5px);}}@keyframes spin{to{transform:rotate(360deg);}}@keyframes slideIn{from{right:-100%;}to{right:calc(var(--sidepanel-width) - 100%);}}@keyframes slideTop{from{top:-20%;}to{top:-10%;}}@keyframes l5{20%{background-position:0% 50%,50% 100%,100% 100%}40%{background-position:0% 0%,50% 50%,100% 100%}60%{background-position:0% 100%,50% 0%,100% 50%}80%{background-position:0% 100%,50% 100%,100% 0%}}@keyframes pulseOpacity{0%{opacity:1;}50%{opacity:.7;}100%{opacity:1;}}@keyframes grow{0%{height:0;}100%{height:var(--value,100%);}}@keyframes popInOut{0%{opacity:0;transform:scale(0.95);}5%{opacity:1;transform:scale(1.02);}10%{transform:scale(1);}70%{opacity:0.9;transform:scale(.98);}100%{opacity:0;transform:scale(1);}}@keyframes loading-slide{from{transform:translateX(-100%);}to{transform:translateX(100%);}}@keyframes shake{0%{transform:translateX(0);}50%{transform:translateX(-.25em);}75%{transform:translateX(.25em);}}@keyframes pulse{0%{opacity:1;}50%{opacity:.5;}100%{opacity:1;}}@keyframes dip{0%,100%{transform:translateY(0px);}50%{transform:translateY(var(--dip,1px));}}@keyframes pip{0%,100%{transform:translateX(0px);}50%{transform:translateX(4px);}}@keyframes pulse-grow{0%,100%{transform:scale(.7);}50%{transform:scale(1.5);}}@keyframes pop-tilt{0%{transform:rotate(10deg);}100%{transform:rotate(-10deg);}}@keyframes rotation{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes scaleY{0%{transform:scaleY(0);}100%{transform:scaleY(1);}}*{box-sizing:border-box;}html{scroll-behavior:smooth;interpolate-size:allow-keywords;}body{padding:0;margin:0;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight);line-height:1;color:var(--ink);background:var(--canvas);--color:var(--ink);--bg-op:color-mix(in srgb,var(--canvas) 85%,transparent);interpolate-size:allow-keywords;}aside[aria-expanded]{transition:width .5s;}aside[aria-expanded=false]{min-width:0 !important;width:2em;:is(:not(svg):not(#expand-button)){display:none;}}#expand-button{position:absolute;top:.5em;right:.5em;}.chart{color:var(--ink);max-width:40em;min-width:25em;--accent:var(--color,'light');--bg-color:color-mix(in srgb,var(--accent) 13%,transparent);--height:12em;--bar-color:var(--bg-color);overflow-x:auto;--red:#f9b9b9;--orange:#f1c9a0;--yellow:#e7e59e;--green:#c7e9c2;--teal:#9ec3c3;--cyan:#b7d9d9;--blue:#b0d4f2;--purple:#e2bde3;--pink:#e6b4b4;--brown:#d3b9b9;}.chart>tbody,.chart tfoot{color:var(--ink);}.chart tbody,.chart tfoot{display:flex;flex-direction:row;align-items:stretch;gap:1px;height:var(--height);}.chart tfoot{height:2em;}.chart caption{display:block;font-weight:bold;margin-bottom:1em;color:var(--color);}.chart tr:hover{background:unset;}.chart>tfoot>tr{width:100%;display:flex;align-items:center;gap:0;}.chart>tfoot>tr{container-type:inline-size;}.chart>tfoot>tr>th{max-width:10em;font-size:unset;text-align:center;color:unset;flex:1;container-type:inline-size;min-width:0;}.chart>tfoot>tr>th>span{display:block;}@media (width < 700px){.chart{max-width:100%;min-width:10em;}}@container (max-width:4em){.chart>tfoot>tr>th:nth-child(2n)>span{display:none;}}@container (max-width:2em){.chart>tfoot>tr>th:nth-child(3n)>span{display:block;}.chart>tfoot>tr>th:not(:nth-child(3n))>span{display:none;}}@container (max-width:1.5em){.chart>tfoot>tr>th:not(:nth-child(4n))>span{display:none;}.chart>tfoot>tr>th:nth-child(4n)>span{display:block;}}@container (max-width:1em){.chart>tfoot>tr>th:not(:nth-child(6n))>span{display:none;}.chart>tfoot>tr>th:nth-child(6n)>span{display:block;}}.chart>tbody>tr{height:100%;display:flex;overflow-wrap:anywhere;align-items:flex-end;flex:1;max-width:10em;cursor:pointer;container-type:inline-size;}.chart tbody>tr>td{flex-grow:1;text-align:center;display:flex;align-items:end;justify-content:center;height:var(--value,100%);background:var(--bar-color);animation:grow .3s ease-in-out;container-type:inline-size;}@container (max-width:2em){.chart tbody>tr>td{font-size:0;}}svg.chart{width:100%;height:auto;polyline{stroke:var(--color,var(--accent));stroke-width:0.1em;fill:none;stroke-linejoin:round;animation:fadeIn .5s;}path{fill:color-mix(in srgb,var(--color,var(--accent)) 25%,transparent);animation:fadeIn 1s;}.axes{fill:var(--ink);text{font-size:.7em;font-weight:300;text-anchor:middle;}text.label-y{text-anchor:end;}}.point{circle{fill:var(--color,var(--accent));transition:r .2s;}text{opacity:0;transition:opacity .3s;cursor:pointer;}&:has(circle):hover{text{opacity:1;}circle{r:7px;}}}text.cursor-label{opacity:0;pointer-events:none;fill:var(--ink);font-size:1rem;paint-order:stroke;stroke-width:2px;text-anchor:middle;}circle.cursor-dot{fill:var(--color);opacity:0;pointer-events:none;transition:opacity 0.2s}.cursor-line{stroke:var(--color);stroke-width:1;stroke-dasharray:4;opacity:0;pointer-events:none;}g.grid{stroke:var(--subtle);stroke-width:0.5;stroke-dasharray:2,2;}}.pie-label{display:flex;align-items:center;gap:.5em;line-height:2;span{display:block;border-radius:15%;width:1em;height:1em;background:var(--color,var(--accent));}}.line-bar{font-size:.85em;min-block-size:1.6em;display:flex;margin:0 1em;min-width:20em;border-radius:.4em;>span{text-align:center;border-bottom:4px solid var(--border-color)}}.table-percentage{&>div{min-width:10em;padding:.2em;&>span:last-child{float:right;}&::after{content:'';display:block;margin-top:5px;width:var(--width);border-bottom:3px solid var(--border-color)}}}#Logs{td{align-content:baseline;}}#dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(25em,1fr));gap:2.5em;}.email-content{min-width:50em;min-height:20em;border-top:1px solid var(--bg-light);border-bottom:1px solid var(--bg-light);padding:var(--sp3);font-stretch:92%;}.starred-email{background:color-mix(in srgb,var(--bg-orange) 15%,transparent);}.archived-email{opacity:.7;}.svg-preview{svg{height:4em;width:4em;}padding:1em;&:before{content:'PREVIEW';display:block;font-size:2em;color:var(--subtle);padding-bottom:1em;}}.refresh-button{.icon{animation:spin .5s linear;}}rich-textarea{pre{padding:.5em;border-radius:var(--radius-lg);background:var(--bg-subtle);}}.avatar{border-radius:99px;width:1.5em;height:1.5em;fill:var(--subtle);stroke:none;text{font-size:17px;y:18px;fill:var(--ink);}&.lg{width:4em;height:4em;}}date-picker{[part=input]{width:6em;}[part=date-range-inputs]{display:flex;align-items:center;gap:0.5em;}[part=separator]{opacity:0.5;user-select:none;}[part=trigger]{padding:0.25em 0.5em;}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp1);color:var(--ink);}[part=days-header],[part=days-grid]{display:grid;grid-template-columns:repeat(7,2em);gap:0.25em;text-align:center;color:var(--ink);}[part=days-header]{font-weight:300;margin-bottom:var(--sp1);}[part=days-grid] button{aspect-ratio:1;padding:0;text-align:center;font-weight:400;display:unset;}button.selected{background:var(--ink);color:var(--canvas);&:hover{background:var(--ink) !important;}}[part=days-grid] button.range-start,[part=days-grid] button.range-end{background:var(--ink);color:var(--canvas);&:hover{background:var(--ink) !important;}}[part=days-grid] button.in-range{background:var(--bg-success-subtle);}[part=month-grid],[part=year-grid]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp1);color:var(--ink);}[part=month-grid] button,[part=year-grid] button{text-align:center;}[part=month-grid] button.selected,[part=year-grid] button.selected{background:var(--ink);color:var(--canvas);}date-picker header [data-title]{text-align:center;background:none;border:none;cursor:pointer;font-weight:bold;}date-picker footer{display:flex;justify-content:space-between;align-items:center;}date-picker footer span{font-size:0.85em;opacity:0.7;}}rich-editor{}rich-editor .editor{min-height:2em;padding:var(--sp1);outline:none;}rich-editor .toolbar-button{outline:none;border:none;background:transparent;cursor:pointer;}rich-editor .toolbar-button:hover{background:var(--bg-subtle);}button,*::part(button),*::part(editor),input:not(:is([type="checkbox"],[type="radio"])),option,menu>li,nav a,textarea,blockquote,select,.pill,summary,[role="button"]{--bg:var(--canvas);font-size:1em;font-family:inherit;min-block-size:var(--sp4);display:inline-flex;align-items:center;vertical-align:middle;text-decoration:none;outline:none;border-radius:var(--radius);gap:var(--sp1);padding:0 var(--sp2);border:none;background:transparent;color:var(--color);img{width:var(--sp4);height:var(--sp4);border-radius:50%;}&:has(img){padding-left:0;}}button,option,menu>li,[role="button"],*::part(button){color:var(--color);}button,*::part(button){font-stretch:105%;font-weight:450;}button:has(selectedcontent){padding:0 !important;}selectedcontent{display:inline-flex;gap:var(--sp0);vertical-align:middle;}input:is([type="number"]){width:fit-content;min-width:8em;}input:not([type="checkbox"]),textarea,select{padding:0 var(--sp1);}a:has(.icon),a:has(.file-icon){display:inline-flex;gap:var(--sp1);align-items:center;vertical-align:middle;}button,menu>li,[role="button"],*::part(button){cursor:pointer;--bg:var(--bg-light);&:not(.filled):hover{background:var(--bg);}&:active{transform:translateY(0.5px);}transition:background-color 0.2s;}nav a{color:var(--light);&:hover,&[aria-selected="true"]{color:var(--ink);background-color:var(--bg-subtle);}transition:color 0.2s;.nav-label{font-size:.92em;}}button.filled{background:var(--bg);&:hover{box-shadow:inset 0 0 0 99px color-mix(in srgb,var(--ink) 2%,transparent);}}.filled:is(input,textarea,select){--bg:var(--bg-subtle);background:var(--bg);}textarea.filled{padding:var(--sp2);}label,label>span{text-wrap:nowrap;}label:has(>input[type="range"]){span{transform:translateY(-1em);}}label:has(>input:focus){opacity:1;}input:user-invalid:not(:focus)::placeholder{color:var(--danger)}label:has(>:user-invalid:not(:focus))>span{color:var(--danger) !important;}label:has(>select){position:relative;&>span{z-index:10;position:absolute;transform:translateY(-.7em);padding:0 var(--sp1);font-size:.85em;transition:all .15s;}}label:has(>date-picker){display:flex;flex-direction:column;&>span{padding:0 var(--sp1);font-size:.85em;}}label:has(>textarea){padding-top:1em;}label:has(>input:not([type="checkbox"]):not([type="radio"])),label:has(>textarea){color:var(--light);font-weight:300;position:relative;&:has(>textarea)>span{transform:translateY(-1.2em);}&>span{z-index:10;position:absolute;transform:translateY(-.7em);padding:0 var(--sp1);font-size:.85em;transition:all .15s;&:after{content:'';opacity:0;transition:opacity .4s;}}&:not(:has(:focus)):has(input[placeholder=" "]:placeholder-shown),&:not(:has(:focus)):has(textarea[placeholder=" "]:placeholder-shown){span{cursor:text;font-size:1em;transform:translateY(.5em);opacity:.4;&:after{content:'…';opacity:1;}}}}:is(input,textarea,select):is(:invalid):not(:focus){--color:var(--danger);transition:color 0.3s;animation:shake 0.3s ease-in-out;}input:autofill{background:var(--bg-success-subtle);}input::placeholder{opacity:.6;font-weight:300;transition:opacity 0.3s;}input:not([type="search"]):not(.filled):focus::placeholder{opacity:.4;}input[type="checkbox"]{cursor:pointer;accent-color:var(--color);transform:scale(1.3);min-block-size:unset;width:2em;}label:not([role="switch"]):has(input[type="checkbox"]){gap:var(--sp0);cursor:pointer;transition:background-color 0.2s;&:active{transform:translateY(0.5px);}}input[type="search"]{z-index:10;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1.1em" height="1.1em" viewBox="0 0 16 16" stroke-width="2" fill="none" stroke="%23888"><circle cx="6" cy="6" r="5"/><line x1="15" y1="15" x2="10" y2="10"/></svg>');background-repeat:no-repeat;background-position:left var(--sp1) center;width:var(--sp4);transition:width 0.2s,padding-left 0.2s;&:focus,&:not(:placeholder-shown){padding-left:var(--sp4);width:15em;}&:not(:focus)::placeholder{opacity:0;}}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;height:1em;width:1em;margin-right:5px;pointer-events:all;cursor:pointer;opacity:0.5;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 9"><path d="M1,1 L8,8 M8,1 L1,8" fill="none" stroke="currentColor"/></svg>');}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{opacity:.4;}select{appearance:base-select;cursor:pointer;white-space:nowrap;&.bold selectedcontent{font-weight:600;letter-spacing:0.02em;}&::picker(select){appearance:base-select;border:none;border-radius:calc(var(--radius) + var(--sp0));box-shadow:var(--shadow);padding:var(--sp0);background:var(--surface);max-height:40em;}&::picker-icon{opacity:0.5;content:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16" fill="none" stroke-linecap="round" stroke="%23888" stroke-width="2"><polyline points="4,8 8,12 12,8"/></svg>');transition:transform 0.2s,opacity 0.2s;}&:hover::picker-icon{opacity:1;}&:open::picker-icon{opacity:1;transform:rotate(180deg);}option{display:flex;&::checkmark{display:none;}&:is(:checked)::after{content:'';order:1;width:1em;height:1em;margin-left:auto;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12l5 5L20 6'/%3E%3C/svg%3E") center / contain no-repeat;}&:hover{background:var(--bg-subtle);}&[hidden]{display:none;}&:not(:last-child){margin-bottom:var(--sp0);}}&[data-search]>input{position:sticky;top:0;background-color:color-mix(in srgb,var(--canvas),transparent 10%);backdrop-filter:blur(2px);}}optgroup{color:var(--ink);font-weight:100;margin-top:0.7em;option:first-child{margin-top:var(--sp1);}}output{&.danger,&.info{color:var(--color);background-color:var(--bg-subtle);border-radius:var(--radius);}padding:.2em .5em;margin:0 var(--sp2);}form:not([role="search"]){display:flex;flex-direction:column;gap:var(--sp3);}[role="row"],form>section,fieldset{border:none;display:inline-flex;gap:var(--sp1);margin:var(--sp0) 0;align-items:center;& form,& section{gap:var(--sp2);}}progress{min-width:5em;appearance:none;-webkit-appearance:none;min-block-size:var(--sp2);padding:var(--sp1) 0;accent-color:var(--color);--success-p:0;}progress::-webkit-progress-bar{accent-color:var(--color);background:var(--bg-subtle);}progress::-webkit-progress-value{--hue:calc((var(--success-p) / 100) * 120);background:linear-gradient(to right,hsl(var(--hue),75%,75%),hsl(var(--hue),70%,70%));transition:width 0.5s ease;}input[type="range"]{appearance:none;-webkit-appearance:none;accent-color:color-mix(in srgb,var(--ink) 50%,transparent);&::-webkit-slider-thumb{width:.5em;height:.5em;cursor:pointer;background:var(--bg-subtle);}&::-webkit-slider-runnable-track{height:3px;background:var(--bg-light);border-radius:var(--radius);}}input[type="file"]::-webkit-file-upload-button{display:none;}search{padding:var(--sp1) 0;form{display:flex;gap:var(--sp1);align-items:center;}button[data-role="clear-search"]{--color:var(--warning);--bg:var(--bg-warn-subtle);font-weight:300;}input{background:var(--bg-subtle);padding:0 var(--sp1);}nav[role="tablist"]{display:inline-flex;& input{display:none;}& label{&>span{display:inline-flex;gap:var(--sp0);align-items:center;cursor:pointer;padding:var(--sp1);border-radius:var(--radius);color:var(--light);}&:has(:checked,:hover)>span{color:var(--info);background:var(--bg-info);}}}}form{padding:var(--sp3) var(--sp0) var(--sp0) var(--sp0);}form input{width:100%;}form>legend{font-size:1.1em;font-weight:500;line-height:1.6;}.search-select{display:flex;flex-direction:column;gap:var(--sp0);}.search-select>input[type="search"]{background:var(--bg-subtle);padding:0 var(--sp1);width:100% !important;}.search-select>select{width:100%;}nav.breadcrumbs{display:inline-flex;align-items:center;gap:0;font-size:1.1em !important;>a{padding:0;background:none !important;color:var(--info);&:after{text-decoration:none !important;content:"/";padding:0 var(--sp2);color:var(--subtle);}}}rich-textarea{padding:var(--sp2);a{color:var(--info);cursor:pointer;&:hover{text-decoration:underline;}}ul,ol{margin-left:.5em;}}menu>li,ul[popover]>li{display:flex;}tr[x-trigger="revealed"].htmx-request{position:relative;td:last-child::after{content:' ';position:absolute;left:50%;transform:translateX(-100%);text-align:center;width:45px;aspect-ratio:.75;--c:no-repeat linear-gradient(#ccc 0 0);background:var(--c) 0 100%,var(--c) 50% 100%,var(--c) 100% 100%;background-size:20% 65%;animation:l5 1s infinite linear;}}[x-get]{cursor:pointer;}[x-deleting="true"]{opacity:0;transition:opacity 1s;}[x-delete]{--color:var(--danger);}[aria-busy="true"]:is(main,div,form,section){opacity:.4;}@import 'variables.css';@import 'base.css';@import 'layout.css';@import 'forms.css';@import 'x_components.css';@import 'tables.css';@import 'topography.css';@import 'utilities.css';@import "date-picker.css";@import "chart.css";@import "editor.css";@import "animations.css";@import "htmx.css";@import "pigments.css";body{width:100vw;}body:has(aside){display:grid;grid-template-columns:auto minmax(0,1fr);transition:grid-template-columns 0.2s ease;gap:1em;}body:has(aside:first-child:last-of-type){grid-template-areas:"sidebar main";}body:has(aside:first-child:not(:last-of-type)){grid-template-areas:"sidebar main rightbar";grid-template-columns:auto minmax(0,1fr) auto;}body>aside:first-child{grid-area:sidebar;}body>header,main>header{nav:nth-child(2){margin-left:auto;}min-block-size:calc(var(--sp4) + 3 * var(--sp2));padding-bottom:var(--sp2);}main{grid-area:main;padding:0;overflow:auto;height:100vh;scrollbar-width:thin;scrollbar-color:var(--subtle) var(--bg-subtle);>*{padding-right:.5em;padding-left:1em;}>table{margin-left:calc(1em - var(--sp1));}}body>aside:nth-child(n+2){grid-area:rightbar;nav{padding-right:var(--sp0);}}body>dialog,body>[popover]{grid-column:1 / -1;}aside[popover]{animation:wobble .5s,fadeIn .2s;}.brand-icon{height:2em;display:none;}body>aside{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--subtle) var(--bg-subtle);width:max(14em,15vw);transition:width .2s;z-index:500;height:100vh;display:flex;flex-direction:column;position:relative;&:is([data-collapsed="true"]){position:relative;overflow:visible;width:calc(1em + 2 * var(--sp0) + 2 * var(--sp2));&>header [role="switch"]{cursor:e-resize;display:none;}.brand-icon{display:block;}&>header:hover{display:block;[role="switch"]{display:flex;}.brand-icon{display:none;}}&>header .brand-logo{display:none !important;}&>footer span{display:none !important;}&>footer{justify-content:center;}&>footer>button{border-radius:99px;padding:0;}&>nav{.group{visibility:hidden;display:none;}a:not([aria-haspopup="true"]){display:none;}a[aria-haspopup="true"]{transition-property:opacity,display;transition-duration:.4s;@media (hover:none){width:2.4em;.nav-label{opacity:0;display:none;}}@media (hover:hover){&:not(:hover){width:2.4em;.nav-label{opacity:0;display:none;}}&:hover{width:fit-content;border-radius:99px;text-wrap:nowrap;position:sticky;background:var(--surface) !important;box-shadow:var(--shadow);}}}}}header{padding:var(--sp2) var(--sp0) var(--sp4) var(--sp0);justify-content:space-between;[role="switch"]{cursor:w-resize;color:var(--light);}>span{display:flex;align-items:center;overflow:hidden;white-space:nowrap;max-width:12rem;padding:0 var(--sp1);opacity:1;}font-weight:650;}nav{position:relative;display:flex;flex-direction:column;gap:.25em;container-type:scroll-state;container-name:aside-nav;padding-bottom:4em;.group{margin-left:1.2em;min-height:2em;display:flex;align-items:flex-end;font-size:0.80em;font-weight:500;text-transform:capitalize;white-space:nowrap;}a{text-wrap:nowrap;margin:0 var(--sp0);}}&>footer{position:fixed;bottom:0;}}aside[popover]{height:90vh;}aside>footer{z-index:100;background:linear-gradient(to top,var(--canvas) 50%,transparent);padding:var(--sp4) var(--sp2) var(--sp2) var(--sp2);/sts}[role=doc-pagelist]{font-weight:300;font-size:0.85em;font-stretch:106%;float:right;display:flex;gap:var(--sp0);align-items:center;user-select:none;}header,footer{display:flex;align-items:center;gap:1em;text-wrap:nowrap;}header{z-index:99;}main>header,aside>header,header.sticky{position:sticky;top:0;left:0;background:linear-gradient(to bottom,var(--canvas) calc(100% - 2em),transparent 100%);container-type:scroll-state;container-name:sticky-heading;}main>*{padding-inline:1rem;width:calc(100% - 2em);}header + header{background:linear-gradient(to bottom,var(--canvas) calc(100% - 1.5em),transparent 100%);}body>aside:first-child{border-right:solid 1px var(--bg-light);}@media (max-width:500px){body:has(aside){display:grid;grid-template-columns:auto minmax(0,1fr);transition:grid-template-columns 0.2s ease;}}[aria-colspan]{width:calc(attr(aria-colspan%) * 8.333);}:root{--text-chroma:0.5;--bg-chroma:0.5;--neutral-hue:20;--danger-hue:0;--success-hue:120;--info-hue:240;}:root{--red:#983131;--orange:#935b11;--yellow:#ffcb00;--green:#366e2e;--teal:#4ba192;--cyan:#369098;--blue:#2d6d9c;--purple:#772f7e;--pink:#d56969;--brown:#5e2222;--bg-red:#faa1a1;--bg-orange:#ffd5a0;--bg-yellow:#f6e6a2;--bg-green:#a4d1a1;--bg-teal:#87dfcf;--bg-cyan:#91dfe6;--bg-blue:#a1c7e8;--bg-purple:#e5bfe8;--bg-pink:#e1bfbf;--bg-brown:#917676;}[data-theme="dark"]{--red:#f9b9b9;--orange:#f1c9a0;--yellow:#ead33c;--green:#c7e9c2;--teal:#9ec3c3;--cyan:#b7d9d9;--blue:#a1d2ff;--purple:#ebc3ec;--pink:#e6b4b4;--brown:#d3b9b9;--bg-red:#983131;--bg-orange:#b67e37;--bg-yellow:#ffcb00;--bg-green:#366e2e;--bg-teal:#4ba192;--bg-cyan:#369098;--bg-blue:#2d6d9c;--bg-purple:#772f7e;--bg-pink:#d56969;--bg-brown:#5e2222;}.num{color:var(--cyan);}.str{color:var(--green);}.const{color:var(--red);}.cls{color:var(--blue);}.func,.prop{color:var(--blue);}.comm{color:var(--light);}.tag,.punc{color:var(--orange);}.attr,.selec{color:var(--red);}.keyword,.key{color:var(--purple);}.special{color:var(--orange)}table{overflow-x:auto;border-collapse:collapse;}th{text-align:left;line-height:2;font-size:0.85em;font-weight:400;color:var(--light);}td>img{vertical-align:middle;}td,th{padding:0 var(--sp2);height:2.2em;vertical-align:middle;}tr{opacity:0;animation:fadeIn 0.1s ease-out forwards;animation-delay:calc(sibling-index() * 0.005s);}td:has([aria-controls]){padding-left:0;border-radius:var(--radius) 0 0 var(--radius);}td a:hover{text-decoration:underline dashed var(--subtle) !important;text-underline-offset:5px;}table:has(tbody>tr)>thead{display:table-header-group;}.table-empty-text{display:block;opacity:.2;font-size:1.6em;margin:10% auto;text-align:center;}tr:hover [aria-controls],tr:focus [aria-controls]{opacity:1;}tr [aria-controls]{opacity:0;&:hover{opacity:1;}}tr:has([aria-controls]){position:relative;}[x-delete],[aria-label="delete"]{--color:var(--danger);--bg:var(--bg-danger);}tr:focus{outline:none;box-shadow:inset 0 0 0 9999px color-mix(in srgb,var(--info) 4%,transparent);}tbody tr:hover{background:var(--bg-subtle);}table.striped{tr:nth-child(even){background-color:var(--bg-subtle) !important;}}td>span:has(svg),dd>span:has(svg){display:flex;align-items:center;gap:var(--sp0);}caption{font-size:1.1em;}[aria-sort]{.up,.down{color:var(--subtle);transition:all ease-in-out .3s;}}[aria-sort="ascending"],[aria-sort="descending"]:hover{.up{color:var(--ink) !important;transform:translateY(-3px);}.down{color:var(--subtle);}}[aria-sort="ascending"]:hover,[aria-sort="none"]:hover,[aria-sort="descending"]{.down{color:var(--ink) !important;transform:translateY(3px);}.up{color:var(--subtle);}}thead.sticky{position:sticky;top:4em;background:var(--canvas);container-type:scroll-state;z-index:100;tr{transition:box-shadow 0.3s;}}@container scroll-state(stuck:top){tr{box-shadow:0 10px 30px 20px var(--canvas);}}.secret{font-family:var(--mono-family);-webkit-text-security:disc;font-size:.9em;}.secret:hover{-webkit-text-security:none;}h1,h2,h3,h4{margin:.4em 0 .4em 0;font-weight:500;>svg:first-child{margin-right:.5em;}}header>h1{margin:0;}p{margin:.5em 0;}h1{font-size:1.3em;font-stretch:105%;letter-spacing:1px;&:has(.icon){display:flex;align-items:center;gap:.2em;}}h2{font-size:1.2em;}h3{font-size:1.05em;}a{color:var(--color);text-decoration:none;}a[href^="http"]{color:var(--info);}svg.icon.mono{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;rect:not([rx]){ry:.15em;rx:.15em;}}svg.icon{width:1rem;height:1rem;align-self:center;}span.icon{margin:0 var(--sp1);}cite{font-weight:300;font-style:normal;}strong{font-weight:500;}blockquote{margin:var(--sp2) 0;padding:var(--sp2);display:block;background:var(--canvas);border-radius:0 var(--radius) var(--radius) 0;border-left:.3em solid var(--border-color)}code{color:var(--magenta);font-family:var(--mono-family);padding:0 2px;font-size:0.9em;font-weight:400;}mark,del,ins{padding:.1em .3em;border-radius:var(--radius);text-decoration:none;color:var(--color);background:var(--bg);}mark{--bg:var(--bg-warning);}del{--color:var(--danger);--bg:var(--bg-danger-subtle);}ins{--bg:var(--bg-success-subtle);--color:var(--success);}pre{padding:.5em;border-radius:var(--radius-lg);font-size:0.85em;overflow:auto;flex:1;font-family:var(--mono-family);line-height:1.4;tab-size:4;word-break:break-word;background:var(--surface);}pre.code{counter-reset:line;}pre.code>.line{display:block;counter-increment:line;margin:0 -1em;padding:0 1em;&:focus{background:var(--bg-subtle);}&:target{outline:none;background:var(--bg-warning);scroll-margin-top:80px;}}pre.code>span::before{content:counter(line);display:inline-block;width:2em;text-align:end;margin:.05em 2em 0 0;font-weight:5200;font-size:.9em;color:var(--subtle);}pre ul,pre ol{line-height:1.6 !important;}hr{border:none;border-top:1px solid var(--bg-light);margin:1em 0;}kbd{font-size:1.1em;color:var(--light);padding:.2em .3em;border-radius:var(--radius);background:var(--bg-subtle);}[role=comment]{font-weight:300;}[role=note]{font-weight:200;}[aria-hidden="true"]{display:none !important;}[hidden]{display:none !important;}[aria-label="delete"]{color:var(--danger);}section{margin:var(--sp2) 0;}form>section{margin:var(--sp1) 0;}time{font-size:0.85em;color:var(--light);white-space:nowrap;}time[ago="new"]{background:rgba(185,219,255,0.13);}article>div{margin:.5em 0;}ul,ol,dl{padding-left:var(--sp3);line-height:1.2;}dt{font-weight:lighter;min-block-size:1.5em;margin-top:var(--sp3);}dd{margin-inline-start:0;}dl{padding-left:var(--sp1);}article{padding:var(--sp3) var(--sp0);border-radius:var(--radius-lg);}[role=tabpanel]{margin-top:var(--sp0);padding:var(--sp1);&:not(:target):not([aria-hidden="false"]){display:none;}}nav[role="tablist"]{display:flex;gap:.2em;}nav>a[role="tab"]{transition:back 0.2s;border-radius:var(--radius) var(--radius) 0 0;&[aria-selected="true"],&:hover{background:var(--bg-light);}&[aria-selected="true"]{font-weight:500;}}*:disabled{opacity:.5;}.mono{font-family:var(--mono-family);font-size:.83em;}.indent{margin-left:var(--sp3);margin-bottom:var(--sp3);}:is(button,input,a,select,textarea,td)[aria-busy="true"]{animation:pulse 1s infinite;pointer-events:none;}button.text{--bg:none;color:var(--light);padding:0;transition:opacity .2s;&:hover{opacity:1;}}.text-vertical{writing-mode:vertical-rl;text-orientation:mixed;}.text-vertical-upright{writing-mode:vertical-rl;text-orientation:upright;}@container (max-width:300px){.text-vertical-auto{writing-mode:vertical-rl;text-orientation:mixed;}}.tooltip{color:var(--ink);font-weight:bolder;font-size:.85em;padding:var(--sp1) var(--sp2);border-radius:var(--radius);background:var(--bg-subtle);white-space:nowrap;pointer-events:none;margin:0;border:none;animation:fadeIn .2s !important;}span[role="status"]{display:inline-flex;align-items:center;color:var(--color);padding:0 var(--sp1);min-block-size:1.5em;border-radius:99px;&::before{content:"";display:inline-block;border-radius:50%;width:.4em;height:.4em;background:color-mix(in srgb,var(--color),transparent 60%);margin-right:.5em;}&[aria-busy="true"]::before{animation:pulse 1.5s infinite,pulse-grow 2s infinite;}}[role=status].filled{background:var(--bg-subtle);}[role=switch] [role=status]:hover{background:var(--bg-subtle);}[role=switch]{cursor:pointer;input[type=checkbox]{display:none;}>span{animation:fadeIn .5s;}&:has(input:checked){>span:first-of-type{display:none;}}&:has(input:not(:checked)){>span:last-of-type{display:none;}}}:root{--font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",sans-serif;--mono-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-size:1rem;--font-weight:350;--palette-shift:0.5;--palette-spread:0.3;--text-lightness:0.5;--bg-lightness:0.5;--text-chroma:0.4;--bg-chroma:0.5;--canvas-chroma:0;--space:.5;--sp0:calc(0.15em + .2em * var(--space));--sp1:calc(var(--sp0) * 2);--sp2:calc(var(--sp0) * 2.7);--sp3:calc(var(--sp0) * 3.5);--sp4:calc(var(--sp0) * 8);--l-text:0;--l-canvas:1;--l-surface:1;--l-step:calc(0.012 + 0.04 * pow(var(--bg-lightness),2));--l-fg:calc(var(--l-canvas) - 0.7 + var(--text-lightness) * 0.5);--l-light:calc(var(--l-canvas) - 0.7 + var(--text-lightness) * 0.5);--l-lighter:calc(var(--l-canvas) - 0.5 + var(--text-lightness) * 0.5);--c-foreground:calc(0.1 + var(--text-chroma) * 0.2);--c-background:calc(0.01 + var(--bg-chroma) * 0.08);--c-border:calc(var(--c-foreground) / 2);--h-neutral:240;--c-color:0.15;--c-neutral:0;--c-canvas:clamp(0,calc(var(--canvas-chroma) / 10),0.03);--_hue-anchor:round(calc(40 * var(--palette-shift)));--_h-step:calc(55 + var(--palette-spread) * 10);--h-danger:var(--_hue-anchor);--h-warning:calc(var(--_hue-anchor) + var(--_h-step));--h-success:calc(var(--_hue-anchor) + calc(var(--_h-step) * 2));--h-info:calc(var(--_hue-anchor) + calc(var(--_h-step) * 4));--h-magenta:calc(var(--_hue-anchor) + calc(var(--_h-step) * 5));--shadow:0 0 6px 1px #ddd;--pre:#fffff5;--radius:.5em;--radius-lg:calc(var(--radius) * 2);--l-border:calc(var(--l-canvas) - calc(var(--l-step) * 4));--l-bg:calc(var(--l-canvas) - calc(var(--l-step) * 1.5));--l-bg-sb:calc(var(--l-canvas) - var(--l-step));--l-neutral:clamp(0.92,calc(var(--l-canvas) - var(--l-step) * 1.9),0.98);--l-neutral-sb:clamp(0.97,calc(var(--l-canvas) - var(--l-step)),0.99);}@media (width < 700px){body{--font-size:1.2rem !important;}}[data-theme=dark]{--l-text:.85;--l-canvas:0.17;--l-surface:0.22;--l-step:calc(-0.015 - 0.2 * pow(var(--bg-lightness),2));--font-weight:300;--shadow:0 0 0px 1px #454545;--c-foreground:calc(0.1 + var(--text-chroma) * 0.1);--pre:color-mix(in srgb,var(--bg-subtle) 15%,transparent);--l-fg:calc(var(--l-canvas) + 0.45 + var(--text-lightness) * 0.3);--l-light:calc(var(--l-canvas) + 0.4 + var(--text-lightness) * 0.3);--l-lighter:calc(var(--l-canvas) + 0.3 + var(--text-lightness) * 0.3);--l-border:calc(var(--l-canvas) - calc(var(--l-step) * 6));--l-bg:calc(var(--l-canvas) - calc(var(--l-step) * 1.2));--l-bg-sb:calc(var(--l-canvas) - var(--l-step) * 1.2);--l-neutral:calc(var(--l-canvas) - var(--l-step));--l-neutral-sb:calc(var(--l-canvas) - var(--l-step));}body{--canvas:oklch(var(--l-canvas) var(--c-canvas) var(--h-neutral));--surface:oklch(var(--l-surface) var(--c-canvas) var(--h-neutral));--ink:oklch(var(--l-text) var(--c-neutral) var(--h-neutral));--bg-subtle:oklch(var(--l-neutral-sb) var(--c-neutral) var(--h-neutral));--bg-light:oklch(var(--l-neutral) var(--c-neutral) var(--h-neutral));--subtle:oklch(var(--l-border) var(--c-neutral) var(--h-neutral));--light:oklch(var(--l-light) var(--c-neutral) var(--h-neutral));--lighter:oklch(var(--l-lighter) var(--c-neutral) var(--h-neutral));--border-color:var(--subtle);--success:oklch(var(--l-fg) var(--c-foreground) var(--h-success));--bg-success:oklch(var(--l-bg) var(--c-background) var(--h-success));--bg-success-subtle:oklch(var(--l-bg-sb) var(--c-background) var(--h-success));--border-success:oklch(var(--l-border) var(--c-border) var(--h-success));--danger:oklch(var(--l-fg) var(--c-foreground) var(--h-danger));--bg-danger:oklch(var(--l-bg) var(--c-background) var(--h-danger));--bg-danger-subtle:oklch(var(--l-bg-sb) var(--c-background) var(--h-danger));--border-danger:oklch(var(--l-border) var(--c-border) var(--h-danger));--warning:oklch(var(--l-fg) var(--c-foreground) var(--h-warning));--bg-warning:oklch(var(--l-bg) var(--c-background) var(--h-warning));--bg-warn-subtle:oklch(var(--l-bg-sb) var(--c-background) var(--h-warning));--border-warning:oklch(var(--l-border) var(--c-border) var(--h-warning));--magenta:oklch(var(--l-fg) var(--c-foreground) var(--h-magenta));--bg-magenta:oklch(var(--l-bg) var(--c-background) var(--h-magenta));--bg-magenta-subtle:oklch(var(--l-bg-sb) var(--c-background) var(--h-magenta));--border-magenta:oklch(var(--l-border) var(--c-border) var(--h-magenta));--info:oklch(var(--l-fg) var(--c-foreground) var(--h-info));--bg-info:oklch(var(--l-bg) var(--c-background) var(--h-info));--bg-info-subtle:oklch(var(--l-bg-sb) var(--c-background) var(--h-info));--border-info:oklch(var(--l-border) var(--c-border) var(--h-info));}li>a{color:inherit;text-decoration:none;}.pill{border-radius:1000px;background:var(--bg);font-weight:600;text-transform:uppercase;font-size:0.76em;max-height:1.8em;min-width:2em;}.text{color:var(--color);}span:is(.danger,.warning,.info,.success){color:var(--color);}.danger{--color:var(--danger);--bg:var(--bg-danger);--border-color:var(--border-danger);--bg-subtle:var(--bg-danger-subtle);}.warning{--color:var(--warning);--bg:var(--bg-warning);--border-color:var(--border-warning);--bg-subtle:var(--bg-warn-subtle);}.success{--color:var(--success);--bg:var(--bg-success);--border-color:var(--border-success);--bg-subtle:var(--bg-success-subtle);}.info{--color:var(--info);--bg:var(--bg-info);--border-color:var(--border-info);--bg-subtle:var(--bg-info-subtle);}.magenta{--color:var(--magenta);--bg:var(--bg-magenta);--border-color:var(--border-magenta);--bg-subtle:var(--bg-magenta-subtle);}.light{--color:var(--light);color:var(--light);--bg:var(--bg-light);}.subtle{color:var(--subtle);--color:var(--subtle);--bg:var(--bg-subtle);}.thin{font-weight:100;}.small{font-size:.85em;}.thinner{font-weight:300;}.bold{font-weight:bold;}.faint{font-weight:600;opacity:.5;}[popover]{background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);border:0;box-shadow:var(--shadow);animation:dip 0.2s ease-in-out;&>:is(div,menu,ul,ol,ul){padding:var(--sp2);}}menu[popover],[role=menu][popover]{padding:var(--sp0);border-radius:calc(var(--radius) + var(--sp0));}[popover]:is(:not(dialog)){max-width:20em;margin:.3em;position-area:bottom;}[role=tooltip]{display:none;&:interest-target{display:inline-block;left:anchor(left);top:anchor(bottom);}}footer [popover]{position-area:top;}dialog{min-width:20em;max-width:90%;max-height:90%;min-height:5em;overflow:auto;outline:none;padding:0;&::backdrop{background:color-mix(in srgb,black 3%,transparent);backdrop-filter:blur(2px);}animation:fadeIn 0.1s ease-in-out,slideTop 0.3s ease-in-out !important;top:-10%;&:has(header){padding-top:0 !important;}>footer,header{padding:var(--sp2);}&>form,>div,>article,>dl,>ul,>ol,>ol{padding:var(--sp3);}}details{>summary{list-style:none;cursor:pointer;user-select:none;padding:0;}}summary::-webkit-details-marker{display:none;}summary::before{content:'';display:inline-block;width:1em;height:1em;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") center / contain no-repeat;background-color:var(--ink);transition:transform 0.2s;}summary:hover::before{transform:translateX(0.1em);}details[open]>summary::before{transform:rotate(90deg);}details::-webkit-details-marker{display:none;}details::details-content{transition:block-size 0.3s,opacity 0.3s;transition-behavior:allow-discrete;block-size:0;opacity:0;}details[open]::details-content{block-size:auto;opacity:1;margin:1em;}[role=alert]{display:flex;align-items:center;gap:var(--sp2);background:var(--bg-subtle);color:var(--color);padding:var(--sp2);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:opacity 2s ease;width:fit-content;}[role=alert].fading{opacity:0;}[popover][role=alert]{position:fixed;top:1em;right:1em;}.code-copy-btn{position:absolute;opacity:0;top:0.25em;right:0.5em;}*:hover>.code-copy-btn{opacity:.4;}.code-copy-btn.copied{opacity:1;color:var(--success);animation:pulse-grow .3s;}[aria-live="polite"]{width:2em;height:2em;padding:0 !important;border:2px solid var(--subtle);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;position:absolute;left:calc(50% - 1em);top:calc(50% - 1em);}meter{border:none;height:1em;}meter::-webkit-meter-bar{background:var(--bg-light);height:.5em;}meter::-webkit-meter-optimum-value{background:var(--border-success);}meter::-webkit-meter-suboptimum-value{background:var(--border-warning);}meter::-webkit-meter-even-less-good-value{background:var(--border-danger);}