@font-face{src:url(/assets/font/sansation/Sansation_Bold_Latin.ttf);font-family:SansationBold;font-weight:700}@layer variables{:root{--bg: oklch(.3 0 40);--link-bg: oklch(.2 .1 148);--primary-bg: oklch(.3 .05 185);--secondary-bg: oklch(.3 .01 214);--success-bg: oklch(.3 .2 150);--info-bg: oklch(.3 .2 225);--warning-bg: oklch(.3 .2 340);--danger-bg: oklch(.3 .2 20)}:root{--padding: clamp(.5rem, 1vw, .75rem);--radius: clamp(.25rem, .5vw, .375rem);--gutter: clamp(.75rem, 1.2vw, 1.5rem)}.tone-primary{--bg: var(--primary-bg)}.tone-secondary{--bg: var(--secondary-bg)}.tone-success{--bg: var(--success-bg)}.tone-info{--bg: var(--info-bg)}.tone-warning{--bg: var(--warning-bg)}.tone-danger{--bg: var(--danger-bg)}}@layer setup{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.2}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}svg{height:1em;display:inline-block;vertical-align:top;fill:currentColor;margin:0 auto;width:auto}}picture img{display:block;width:100%;height:auto}@layer default{body{min-height:100dvh;color:oklch(from var(--bg) calc((1 - l)*1.1) c h);background:var(--bg)}input,select{accent-color:oklch(from var(--primary-bg) calc(1 - l) c h)}textarea,input:not([type=checkbox]):not([type=radio]),select,.button,.input,button{padding:calc(var(--padding) / 2) var(--padding);width:100%;background-color:oklch(from var(--bg) calc(l + .125) c h);border:1px solid oklch(from var(--bg) calc(1 - l) c h/.6);color:oklch(from var(--bg) calc(1 - l) c h);height:calc(1.5rem + var(--padding) + 2px);vertical-align:middle;line-height:1.5;font-size:1rem;border-radius:var(--radius)}textarea:has(.button-line),input:not([type=checkbox]):not([type=radio]):has(.button-line),select:has(.button-line),.button:has(.button-line),.input:has(.button-line),button:has(.button-line){padding:0}textarea:hover,input:not([type=checkbox]):not([type=radio]):hover,select:hover,.button:hover,.input:hover,button:hover{border-color:oklch(from var(--bg) calc(1 - l) c h/.8)}textarea:focus,input:not([type=checkbox]):not([type=radio]):focus,select:focus,.button:focus,.input:focus,button:focus{border-color:oklch(from var(--bg) calc(1 - l) c h);outline:none}textarea[disabled],input:not([type=checkbox]):not([type=radio])[disabled],select[disabled],.button[disabled],.input[disabled],button[disabled]{opacity:.5}textarea[type=submit],input:not([type=checkbox]):not([type=radio])[type=submit],select[type=submit],.button[type=submit],.input[type=submit],button[type=submit]{background-color:oklch(from var(--primary-bg) calc(l + .125) c h);border:1px solid oklch(from var(--primary-bg) calc(1 - l) c h/.6);color:oklch(from var(--primary-bg) calc(1 - l) c h)}form textarea:not(.no-validation):user-valid,form input:not([type=checkbox]):not([type=radio]):not(.no-validation):user-valid,form select:not(.no-validation):user-valid,form .input:not(.no-validation):user-valid{border-color:oklch(from var(--success-bg) calc(1 - l) c h)}form textarea:not(.no-validation):not(:focus):user-invalid,form input:not([type=checkbox]):not([type=radio]):not(.no-validation):not(:focus):user-invalid,form select:not(.no-validation):not(:focus):user-invalid,form .input:not(.no-validation):not(:focus):user-invalid{border-color:oklch(from var(--warning-bg) calc(1 - l) c h)}form .input-wrapper:not(.no-validation):has(:user-valid){border-color:oklch(from var(--success-bg) calc(1 - l) c h)}form .input-wrapper:not(.no-validation):not(:focus):has(:user-invalid){border-color:oklch(from var(--warning-bg) calc(1 - l) c h)}.input .option{text-align:left}.input .option.selected{background-color:oklch(from var(--primary-bg) l c h/.3)}.input .dropdown{margin-top:calc(var(--padding) / 3);background-color:oklch(from var(--bg) calc(l*.8) c h);border:solid 1px oklch(from var(--bg) calc(l/.8) c h);box-shadow:0 0 1rem #fff3;border-radius:var(--radius);max-height:15rem}.input .dropdown .option{background-color:transparent}textarea{resize:vertical;height:auto}button,.button{background-image:linear-gradient(to bottom,transparent 0%,oklch(from var(--bg) calc(1 - l) c h/.2) 7%,oklch(from var(--bg) calc(1 - l) c h/.2) 14%,transparent 95%);background-repeat:no-repeat;background-size:100% 0;background-position:left top;transition:background-size .3s ease}button:hover,.button:hover{background-size:100% 100%}.input-wrapper{border:1px solid oklch(from var(--bg) calc(1 - l) c h/.6);background-color:oklch(from var(--bg) calc(l + .125) c h);border-radius:var(--radius);overflow:hidden;display:block}.input-wrapper:focus-within{border-color:oklch(from var(--bg) calc(1 - l) c h/.8)}.input-wrapper textarea{background-color:transparent;border:none}.input-wrapper input:not([type=checkbox]):not([type=radio]),.input-wrapper select,.input-wrapper .button,.input-wrapper .input,.input-wrapper button{height:calc(1.5rem + var(--padding));background-color:transparent;border:none}.input-wrapper .input-wrapper{background-color:transparent;border:none}.placeholder,::placeholder{color:oklch(from var(--bg) calc(1 - l) c h/.5);opacity:1}.form-actions{align-items:center;gap:var(--gutter);display:flex}.form-actions button,.form-actions .button{width:auto}form>fieldset{background:none;box-shadow:none;border:none;padding:0}fieldset{border:solid 1px oklch(from var(--primary-bg) calc(1 - l) c h);background-color:oklch(from var(--bg) calc(l + .075) c h);border-radius:var(--radius);padding:var(--padding)}fieldset>legend{color:oklch(from var(--primary-bg) calc(1 - l) c h)}.link,a{color:oklch(from var(--link-bg) calc(1 - l) c h);text-decoration:none;display:inline-block;position:relative;transition:.25s color;background-image:none;background-color:transparent;line-height:inherit;box-shadow:none;border:none;height:auto;width:auto;padding:0}.link:hover,a:hover{color:oklch(from var(--link-bg) calc((1 - l)*1.1) c h);cursor:pointer;border:none}.link:focus,a:focus{border:none}table{width:100%}table thead,table tbody,table tfoot,table tr,table td,table th{border-color:inherit;border-style:solid;border-width:0}table thead{border-bottom:solid 1px oklch(from var(--bg) calc(.75 - (l/2)) c h/.6)}table thead th,table thead td{font-weight:700}table tbody+tbody{border-top:solid 1px oklch(from var(--bg) calc(.75 - (l/2)) c h/.3)}table tr:not(:first-child) th,table tr:not(:first-child) td{border-top:solid 1px oklch(from var(--bg) calc(.75 - (l/2)) c h/.3)}table th,table td{padding:calc(var(--padding) / 4 * 3) calc(var(--padding) / 5 * 3);background:transparent;text-overflow:ellipsis;vertical-align:middle;overflow:hidden}table th:first-child,table td:first-child{padding-left:var(--padding)}table th:last-child,table td:last-child{padding-right:var(--padding)}table th{text-align:-webkit-match-parent;text-align:inherit}html{font-family:Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px}h6,legend,h5,h4,h3,h2,h1{font-family:SansationBold,Times New Roman,serif;color:oklch(from var(--bg) clamp(.6,1 - l,.7) c h);margin-bottom:0;font-weight:500;margin-top:0}h1,h2,h3,h4,h5,h6{margin-top:0}h1:not(:first-child:last-child),h2:not(:first-child:last-child),h3:not(:first-child:last-child),h4:not(:first-child:last-child),h5:not(:first-child:last-child),h6:not(:first-child:last-child){margin-bottom:.5rem}h1{font-size:clamp(1.6rem,1.6vw,2.5rem)}h2{font-size:clamp(1.5rem,1.5vw,2rem)}h3{font-size:clamp(1.4rem,1.4vw,1.75rem)}h4{font-size:clamp(1.3rem,1.3vw,1.5rem)}legend,h5{font-size:clamp(1.2rem,1.2vw,1.4rem)}h6{font-size:clamp(1.2rem,1.1vw,1.2rem)}p{margin-bottom:0;margin-top:0}time[title],abbr[title]{text-decoration:underline dotted;cursor:help}b,strong{font-weight:bolder}em,i{font-style:italic}small{font-size:.875em}.tone-primary,.tone-secondary,.tone-success,.tone-info,.tone-warning,.tone-danger{color:oklch(from var(--bg) clamp(.6,1 - l,.7) c h)}}@layer layout{.layout-base{min-height:100dvh}.layout-base>header,.layout-base>nav{background-color:oklch(from var(--primary-bg) calc(l + .05) c h)}.layout-base:not(:has(nav))>header{box-shadow:0 0 1rem #00000040;margin-bottom:20vh}.layout-base>header{border-bottom:solid 1px oklch(from var(--primary-bg) calc(l + .25) c h);justify-content:space-between;padding:var(--padding);display:flex}.layout-base>header a{font-family:SansationBold,Times New Roman,serif;color:oklch(from var(--primary-bg) calc(1 - l) c h);font-weight:700}.layout-base>nav{border-right:solid 1px oklch(from var(--primary-bg) calc(l + .25) c h);flex-direction:column;display:flex}.layout-base>main{padding:var(--padding)}@media(width<=1200px){.layout-base>header .bar{display:none}.layout-base>nav{border-bottom:solid 1px oklch(from var(--primary-bg) calc(l + .25) c h);background-color:oklch(from var(--primary-bg) l c h/90%);z-index:99;position:absolute;width:clamp(10rem,80vw,20rem);left:-100vw;transition:left .2s ease-in-out;height:80vh;border-bottom-right-radius:var(--radius);overflow:scroll}.layout-base>nav.active{left:0}}@media(width>1200px){.layout-base:has(nav){width:100%;display:grid;grid-template-columns:minmax(0,1fr) 16rem minmax(55rem,120rem) minmax(0,1fr);grid-template-rows:auto 1fr}.layout-base:has(nav)>header{grid-column:1/5;grid-row:1;display:grid;grid-template-columns:subgrid}.layout-base:has(nav)>header a{text-align:center;grid-column:2/3}.layout-base:has(nav)>header .bar{padding:0 var(--padding)}.layout-base:has(nav)>header .bar .process{width:fit-content;margin-left:auto}.layout-base:has(nav)>header .toggle-menu{display:none}.layout-base:has(nav)>nav{grid-column:2/3;grid-row:2;font-size:1.1rem}.layout-base:has(nav)>main{max-width:calc(100vw - 16rem);grid-column:3/4;grid-row:2}}@media(width>120rem){.layout-base>nav{border-left:solid 1px oklch(from var(--primary-bg) calc(l + .25) c h)}}.input-line{background-color:oklch(from var(--bg) calc(l + .125) c h);border:1px solid oklch(from var(--primary-bg) calc(.75 - (l/2)) c h/.3);border-radius:var(--radius);display:flex;gap:0}.input-line button,.input-line label{margin-bottom:0}.input-line button:has(ang-lieb-shared-icon),.input-line label:has(ang-lieb-shared-icon){width:calc(1.25rem + var(--padding) * 2);justify-content:center}.input-line input,.input-line .wrapper,.input-line .input,.input-line select,.input-line .input-wrapper,.input-line .form-control-wrapper{background-color:transparent;border:none;flex-grow:1}.input-line>*{border-radius:0}.input-line>*:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius)}.input-line>*:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius)}.input-line label,.input-line .input-line-text{padding:calc(var(--padding) / 2 - 1px) var(--padding);background-color:oklch(from var(--bg) l c h/40%);border:solid 1px var(--border);white-space:nowrap;align-items:center;display:flex}.button-line{display:flex}.button-line button:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.button-line button:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.button-stack{flex-direction:column;display:flex;padding:0}.button-stack button:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-top:none}.button-stack button:not(:last-child){border-bottom-right-radius:0;border-bottom-left-radius:0}form,.form{container-type:inline-size;--label-length: 8rem}form:has(:focus),form:has(.show-dropdown),.form:has(:focus),.form:has(.show-dropdown){position:relative;z-index:5}label{margin-bottom:calc(var(--gutter) / 3);display:block}@container (width >= 32.5rem){.form .form-part,form .form-part{grid-template-columns:var(--label-length) 1fr;gap:calc(var(--gutter) / 3) var(--gutter);display:grid}.form .form-part>:not(label,.label),form .form-part>:not(label,.label){grid-column:2}.form .form-part label,.form .form-part .label,form .form-part label,form .form-part .label{grid-row:0;padding-top:calc(var(--padding) / 2);overflow-wrap:break-word;overflow-x:hidden;text-align:right;grid-column:1;-webkit-hyphens:auto;hyphens:auto}.form fieldset,form fieldset{--label-length: 7rem}.form fieldset legend,form fieldset legend{margin-left:calc(var(--label-length) + var(--gutter))}.form .form-actions,form .form-actions{padding-left:calc(var(--label-length) + var(--gutter))}}.menu-group{display:flex;flex-direction:column}@media screen and (width>1200px){.menu-group{opacity:.5;transition:opacity .3s ease}.menu-group:has(.active){opacity:.75}.menu-group:hover{opacity:1}}.menu-group h3{padding:.4rem var(--padding);margin:0;background-color:var(--secondary-bg);color:oklch(from var(--bg) calc(1 - l) c h)}.menu-group a{padding:.5rem var(--padding);display:flex}.menu-group a ang-lieb-shared-icon{display:inline-block;width:2rem}.menu-group a{background-image:linear-gradient(to right,oklch(from var(--link-bg) l c h/.6) 0%,oklch(from var(--link-bg) l c h/.3) 30%,transparent 90%);background-repeat:no-repeat;background-size:0 100%;background-position:left center;transition:background-size .3s ease}.menu-group a:hover{background-size:100% 100%}.menu-group a.active{background-color:var(--primary-bg)}.layout-sidebar{flex-direction:column;gap:var(--gutter);display:flex}@media(width>=1440px){.layout-sidebar{grid-template-columns:1fr 25rem;grid-template-areas:"main sidebar";display:grid}.layout-sidebar .main{grid-area:main}.layout-sidebar .sidebar{grid-area:sidebar}}}@layer helper{.gutter-vertical-gap{flex-direction:column;gap:var(--gutter);display:block flex}.layout-bar{display:flex;justify-content:space-between;align-items:center}.spinning{animation-name:spin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}.layout-focussed{padding-right:1rem;padding-left:1rem;max-width:42rem;margin:0 auto}.layout-focussed-lg{max-width:60rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inline-group{display:inline-flex;gap:var(--gutter)}.inline-group>*{min-width:fit-content}.mr-auto{margin-right:auto}.ml-auto{margin-left:auto}.text-center{text-align:center}.faded{opacity:.6}@media screen and (width<1440px){.collapsable.collapsed{display:none!important}}@media screen and (width>=1440px){.collapse-toggle{display:none!important}}}dialog::backdrop{background:hsl(from var(--bg) h s 30/.8)}
