@import "https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Material+Symbols+Outlined&display=swap" layer(vendor);:root{--color-primary:#0f172a;--color-error:#f26969;--color-background:#f9fafb;--color-border:#e2e8f0;interpolate-size:allow-keywords}@layer base{*,:before,:after{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{color:var(--color-primary);accent-color:var(--color-primary);background-color:var(--color-background);margin:0;font-family:Inter,system-ui,sans-serif;display:flex}body>ui-nav{background-color:#fff;flex-direction:column;gap:1rem;min-width:286px;height:100vh;padding:2rem 1.5rem;display:flex;position:sticky;top:0}body>ui-nav .nav-header{background-color:#fff;justify-content:space-between;padding-right:0;display:inline-flex}body>ui-nav a{border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}body>ui-nav a:not(.nav-header){color:var(--color-primary);background-color:#fff}body>ui-nav a:not(.nav-header)[data-current-link]{background-color:var(--color-primary);color:#fff}main{flex-grow:1;height:100vh;padding-inline:2rem;container-type:inline-size}main ui-nav{background-color:var(--color-border);border-radius:.25rem;padding:.25rem;display:flex}main ui-nav a{border-radius:.125rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}main ui-nav a[data-current-link]{background-color:#fff}button,a:not([hx-disable]){cursor:pointer}h1{color:inherit;margin-block:2.25rem .375rem;font-size:1rem}h2{color:inherit;margin-block:0;font-size:1rem}hr{border:none;border-top:1px solid var(--color-border);width:100%;margin-block:.25rem}table{border-spacing:0;white-space:nowrap;width:100%;font-size:.875rem}table thead{z-index:2;position:sticky;top:0}table th{font-weight:700}table th,table td{text-align:left;border-color:var(--color-border);background-color:#fff;border-style:solid;border-width:0 1px 1px 0;padding:.5rem 1rem}table :is(th,td):first-child{border-left-width:1px}table tr:first-child th{border-top-width:1px}search form{gap:.5rem;display:flex}search form input{flex-grow:1}label{flex-direction:column;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}label span{margin-left:2px}input{border:1px solid var(--color-border);border-radius:6px;padding:.5rem .75rem;font-family:Inter,system-ui,sans-serif}input [type=text]{height:2.5rem}select{color:inherit;text-transform:capitalize;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;font-weight:500}button{color:#fff;background-color:var(--color-primary);border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.5rem;display:flex}.icon-button{width:var(--btn-size,1.5rem);aspect-ratio:1;border:1px solid var(--color-border);color:inherit;background:#fff;border-radius:6px;justify-content:center;padding:0}.icon-button>span{font-size:var(--icon-size,1rem)}.icon-button:hover{background:var(--color-border)}dialog{border:1px solid var(--color-border);color:inherit;min-width:min(800px,100vw - 6rem);height:calc-size(max-content, size);border-radius:10px;padding:2rem;transition:height .3s ease-out}dialog>*{opacity:0}dialog[open]>*{animation:.3s linear .1s forwards fade-in}body:has(dialog[open]){overflow:hidden}.htmx-request:not(#default-indicator){height:calc(10rem + 24px);position:relative}.htmx-request:not(#default-indicator)>*{display:none!important}.htmx-request:not(#default-indicator):after{content:"";border:6px solid var(--color-border);border-top-color:var(--color-primary);aspect-ratio:1;border-radius:100vh;width:24px;margin:5rem auto;animation:1s linear infinite spin;position:absolute;inset:0}[popover]{border:none;margin:0}[hidden]{display:none!important}details{border-radius:.25rem;overflow:hidden}details>summary{cursor:pointer;padding-block:1rem;padding-inline:3rem 1rem;list-style:none;position:relative}details>summary:before{content:"▶";transition:rotate .3s;position:absolute;top:50%;left:1rem;translate:0 -55%;rotate:0deg}details[open]>summary:before{rotate:90deg}details::details-content{transition-behavior:allow-discrete;block-size:0;transition:block-size .3s,content-visibility .3s}details[open]::details-content{block-size:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}}@layer global-elements{#environment{--badge-color:black;background-color:var(--badge-color);color:lch(from var(--badge-color) calc(l - 50) c h);text-transform:capitalize;letter-spacing:.1px;border-radius:.25rem;padding-inline:.75rem;font-size:.625rem;font-weight:500;line-height:1.25rem}#alert{background-color:var(--color-error);border:none;width:100vw;height:fit-content;margin:0;padding:0;top:0}#alert>div{color:#fff;align-items:center;gap:2rem;padding:1rem 2rem;font-size:.875rem;font-weight:300;display:flex}#alert button{--btn-size:2rem;--icon-size:1.25rem;background-color:#0000;border:none;margin-left:auto}#alert button:hover{background-color:#0000001a}}@layer utilities{.contents{display:contents}.flex{display:flex}.flex-col{flex-direction:column}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.overflow-scroll{overflow:scroll}}
