.icon{width:var(--icon-size);height:var(--icon-size)}.icon-link{display:inline-flex;gap:.5rem}.button-filled,.button-outlined{display:flex;gap:var(--button-gap);padding:var(--button-padding);border:0 solid transparent;border-radius:var(--button-border-radius);cursor:pointer;text-decoration:none;justify-content:center;min-height:2.5rem;align-items:center}:is(.button-filled,.button-outlined):focus-visible{outline:var(--button-focus-outline);border-color:var(--button-focus-border-color)}.button-filled{background-color:var(--button-filled-bgcolor);color:var(--button-filled-color);border-color:var(--button-filled-border-color);border-width:var(--button-filled-border-width)}@media (hover: hover){.button-filled:hover{background-color:var(--button-filled-hover-bgcolor);color:var(--button-filled-hover-color);border-color:var(--button-filled-hover-border-color)}}.button-filled:active{background-color:var(--button-filled-active-bgcolor);color:var(--button-filled-active-color);border-color:var(--button-filled-active-border-color)}.button-outlined{background-color:var(--button-outlined-bgcolor);color:var(--button-outlined-color);border-color:var(--button-outlined-border-color);border-width:var(--button-outlined-border-width)}@media (hover: hover){.button-outlined:hover{background-color:var(--button-outlined-hover-bgcolor);color:var(--button-outlined-hover-color);border-color:var(--button-outlined-hover-border-color)}}.button-outlined:active{background-color:var(--button-outlined-active-bgcolor);color:var(--button-outlined-active-color);border-color:var(--button-outlined-active-border-color)}.page-wrapper{display:grid;max-width:90ch;margin-inline:auto;padding:1rem;width:100%}.page-wrapper.no-block-padding{padding-block:0}.form{display:grid;gap:var(--form-gap)}.button-row{display:flex;gap:.5rem;flex-wrap:wrap}.card{display:block;color:var(--card-color);background-color:var(--card-bgcolor);border:1px solid var(--card-border-color);border-radius:2rem;padding:1.5rem}.card>hgroup{margin-block:0 .5rem}.card .title{margin-block:0 .5rem}.card .subtitle{margin-block:0 .5rem;font-size:.875rem;font-weight:700;color:var(--color-muted)}.card .card-actions{float:right;justify-content:end;max-width:30%}@media (width < 60ch){.card .card-actions{float:none;max-width:none;margin-bottom:.5rem;justify-content:start}}.card.clickable{transition-property:box-shadow,background-color,color,border-color;transition:.2s}@media (hover: hover){.card.clickable:hover{color:var(--card-hover-color);background-color:var(--card-hover-bgcolor);border-color:var(--card-hover-border-color);box-shadow:var(--card-hover-shadow);text-decoration:none}}.card.clickable:active{transition-duration:50ms;color:var(--card-active-color);background-color:var(--card-active-bgcolor);border-color:var(--card-active-border-color);box-shadow:var(--card-active-shadow);text-decoration:none}.card:focus-visible{transition-duration:50ms;background-color:var(--card-focus-background-color);outline:var(--card-focus-outline);border-color:var(--card-focus-border-color)}.tag{font-size:1rem;font-weight:400;background-color:var(--accent-color);color:var(--on-accent-color);padding:.125rem .25rem;border-radius:.25rem;margin-inline-start:.5rem;display:inline-flex;vertical-align:middle;align-items:center;gap:.25rem}.separator{border-bottom:1px solid var(--border-color)}.details-list{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem 1.5rem;margin:0}.details-list dt{grid-column-start:1;font-weight:700}.details-list dd{margin:0;grid-column-start:2}.details-list dd.field{border:1px solid transparent;padding-block:.25rem;padding-inline:.5rem;border-radius:.3125rem}.error-list{margin:0;padding-inline-start:1rem}.error-item{list-style:none;color:var(--error-color)}.success-message{padding:1rem;border-radius:.5rem;color:var(--dialog-color);border:1px solid var(--success-color);background-color:light-dark(rgb(from var(--success-color) r g b / .1),rgb(from var(--success-color) r g b / .2))}.error-message{padding:1rem;border-radius:.5rem;color:var(--dialog-color);border:1px solid var(--error-color);background-color:light-dark(rgb(from var(--error-color) r g b / .1),rgb(from var(--error-color) r g b / .2))}:root{--icon-size: 1.5rem;--bgcolor: light-dark(white, hsl(0 0% 8%));--color: light-dark(hsl(0 0% 8%), white);--color-muted: rgb(from var(--color) r g b / .75);--accent-color: light-dark(rgb(0 126 7), rgb(100, 211, 106));--on-accent-color: light-dark(white, black);--border-color: rgb(from var(--color) r g b / .35);--field-bgcolor: light-dark(white, #303030);--field-color: light-dark(black, white);--error-color: light-dark(rgb(209, 0, 0), rgb(255, 104, 104));--on-error-color: light-dark(white, black);--success-color: light-dark(rgb(0 126 7), rgb(100, 211, 106));--on-success-color: light-dark(white, black);--backdrop-color: light-dark(rgb(0 0 0 / .25), rgb(0 0 0 / .65));--focus-outline: 5px solid rgb(from var(--accent-color) r g b / .5);--focus-border-color: var(--accent-color);--header-color: var(--color);--header-bgcolor: light-dark(white, hsl(0 0% 14%));--header-border-color: var(--border-color);--card-color: var(--color);--card-bgcolor: light-dark(hsl(0 0% 94%), hsl(0 0% 16%));--card-border-color: transparent;--card-shadow: none;--card-focus-outline: var(--focus-outline);--card-focus-background-color: var(--card-active-bgcolor);--card-focus-border-color: var(--focus-border-color);--card-hover-color: var(--color);--card-hover-bgcolor: light-dark(hsl(0 0% 94%), hsl(0 0% 18%));--card-hover-border-color: transparent;--card-hover-shadow: 0 10px 16px light-dark(rgb(0 0 0 / .35), rgb(0 0 0 / .35));--card-active-color: var(--color);--card-active-bgcolor: light-dark(hsl(0 0% 85%), hsl(0 0% 24%));--card-active-border-color: transparent;--card-active-shadow: 0 5px 8px light-dark(rgb(0 0 0 / .45), rgb(0 0 0 / .9));--link-color: var(--accent-color);--link-hover-color: color-mix(in oklch, var(--link-color) 80%, var(--color));--link-active-color: color-mix(in oklch, var(--link-color) 70%, var(--color));--dialog-color: var(--color);--dialog-bgcolor: light-dark(hsl(0 0% 100%), hsl(0 0% 14%));--dialog-border-color: var(--border-color);--dialog-shadow: 0 0 32px 2px light-dark(rgb(0 0 0 / .35), rgb(0 0 0 / .6));--button-padding: .375rem 1rem;--button-gap: .5rem;--button-border-radius: .5rem;--button-filled-base-color: var(--on-accent-color);--button-filled-base-bgcolor: var(--accent-color);--button-outlined-base-color: var(--accent-color);--button-focus-outline: var(--focus-outline);--button-focus-border-color: var(--focus-border-color);--button-filled-border-width: 0;--button-filled-bgcolor: var(--button-filled-base-bgcolor);--button-filled-color: var(--button-filled-base-color);--button-filled-border-color: transparent;--button-filled-hover-bgcolor: color-mix( in srgb, var(--button-filled-base-bgcolor) 80%, var(--button-filled-base-color) );--button-filled-hover-color: var(--button-filled-color);--button-filled-hover-border-color: var(--button-filled-border-color);--button-filled-active-bgcolor: color-mix( in srgb, var(--button-filled-base-bgcolor) 70%, var(--button-filled-base-color) );--button-filled-active-color: var(--button-filled-color);--button-filled-active-border-color: var(--button-filled-border-color);--button-outlined-border-width: 1px;--button-outlined-bgcolor: transparent;--button-outlined-color: var(--button-outlined-base-color);--button-outlined-border-color: var(--border-color);--button-outlined-hover-bgcolor: rgb( from var(--button-outlined-base-color) r g b / .15 );--button-outlined-hover-color: var(--button-outlined-color);--button-outlined-hover-border-color: var(--button-outlined-border-color);--button-outlined-active-bgcolor: rgb( from var(--button-outlined-base-color) r g b / .25 );--button-outlined-active-color: var(--button-outlined-color);--button-outlined-active-border-color: var(--button-outlined-border-color);--form-gap: 1rem;--input-bgcolor: var(--field-bgcolor);--input-color: var(--field-color);--input-border-color: var(--border-color);--input-border-radius: .5rem;--input-label-font-size: .9em;--input-label-padding: .5rem .5rem 0rem;--input-label-color: rgb(from var(--field-color) r g b / .75);--input-field-padding: .5rem .5rem;--input-focus-outline: var(--focus-outline);--input-focus-border-color: var(--focus-border-color)}:root{font-family:system-ui,sans-serif;color-scheme:light dark;accent-color:var(--accent-color)}*{box-sizing:border-box}html,body{min-height:100vh;min-height:100dvh;margin:0;background-color:var(--bgcolor);color:var(--color)}#app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}main{flex:1}button,input,select,textarea{font:inherit;text-align:inherit;text-indent:inherit;text-shadow:inherit;text-transform:inherit;word-spacing:inherit;letter-spacing:inherit}img{max-width:100%}:where(a){color:var(--link-color);text-decoration:none}@media (hover: hover){:where(:where(a):hover){color:var(--link-hover-color);text-decoration:underline}}:where(:where(a):active){color:var(--link-active-color);text-decoration:underline}h1,h2,h3,h4,h5,h6,p,ol,ul,hgroup{margin:0;margin-block-start:0;margin-block-end:1rem}:is(h1,h2,h3,h4,h5,h6,p,ol,ul,hgroup):last-child{margin-block-end:0}h1{font-size:clamp(2rem,5vw,3rem);margin-block:1rem 1.5rem}h2{font-size:clamp(1.5rem,3.5vw,1.75rem)}.input-select[data-v-4018f86e]{display:flex;flex-direction:column;background-color:var(--input-bgcolor);border:1px solid var(--input-border-color);color:var(--input-color);border-radius:var(--input-border-radius);cursor:text;max-width:60ch}.input-select>label[data-v-4018f86e]{-webkit-user-select:none;user-select:none;padding:var(--input-label-padding);font-size:var(--input-label-font-size);color:var(--input-label-color)}.input-select>select[data-v-4018f86e]{padding:var(--input-field-padding);background:transparent;color:inherit;border:none;outline:none}.input-select>select>option[data-v-4018f86e]{background-color:var(--input-bgcolor)}.input-select[data-v-4018f86e]:focus-within{border-color:var(--input-focus-border-color);outline:var(--input-focus-outline)}dialog[data-v-1d4970fe]{position:fixed;inset:0 0 0 auto;height:100%;width:min(100%,40ch);z-index:1000000000000;overflow:auto;background-color:var(--dialog-bgcolor);color:var(--dialog-color);border:none;outline:1px solid var(--dialog-border-color);box-shadow:var(--dialog-shadow)}.header-row[data-v-1d4970fe]{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;margin-bottom:1rem}.header-row>h2[data-v-1d4970fe]{margin-block:0}.accessibility-options[data-v-1d4970fe]{display:grid;gap:1rem}main[data-v-e64fab6c]{display:flex;flex-direction:column}header[data-v-e64fab6c]{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--header-border-color);position:sticky;top:0;z-index:1000;background:var(--header-bgcolor);color:var(--header-color)}.logo-image[data-v-e64fab6c]{width:2.5rem}nav[data-v-e64fab6c]{display:flex;gap:1.5rem}nav a[data-v-e64fab6c]{color:var(--header-color)}.nav-toggle-button[data-v-e64fab6c]{display:none}.nav-menu-backdrop[data-v-e64fab6c]{position:fixed;inset:0;background-color:var(--backdrop-color);display:none;z-index:100}@media (width < 80ch){.nav-toggle-button[data-v-e64fab6c]{display:flex}.nav-list[data-v-e64fab6c]{display:none;background:var(--header-bgcolor);z-index:1000;flex-direction:column;padding-bottom:.5rem}.nav-list[data-expanded][data-v-e64fab6c]{display:flex;flex-basis:100%;order:1}.nav-menu-backdrop[data-expanded][data-v-e64fab6c]{display:block}}.end-header-buttons[data-v-e64fab6c]{flex-grow:1;justify-content:end;display:flex;gap:1rem}