@natachah/vanilla-frontend 0.4.0 → 1.0.0

package/public/bundles/vanilla-frontend-doc.css

@@ -0,0 +1 @@
+:root{--font-size: 16px;--line-height: 1.5;--font-family: Arial;--font-weight: normal;--font-weight-light: 300;--font-weight-medium: 500;--font-weight-bold: 600;--font-size-h1: 2.25em;--font-size-h2: 2em;--font-size-h3: 1.75em;--font-size-h4: 1.5em;--font-size-h5: 1.25em;--font-size-h6: 1.125em;--font-size-large: 1.25em;--font-size-medium: 1.125em;--font-size-small: .875em;--word-spacing: normal;--letter-spacing: normal;--decoration: none;--padding-inline: .75em;--padding-block: .5em;--border-size: 1px;--border-style: solid;--border-radius: .25rem;--outline-size: 3px;--outline-style: solid;--outline-offset: 0;--backdrop-color: rgba(0, 0, 0, .5);--hover-color: black;--hover-percent: 5%;--active-color: black;--active-percent: 10%;--focus-color: currentColor;--focus-percent: 50%;--disabled-opacity: 50%;--color-body: white;--color-font: black;--color-primary: #B790E5;--color-error: #DC3030;--color-success: #008A00;--color-warning: #FFA500;--color-warning-contrast: black;--form-border-color: currentColor;--form-active-background: color-mix(in srgb, var(--form-background, transparent), var(--active-color, currentColor) 40%);--icon-external: url('data: image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" ><path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5" /><path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z" /></svg>');--icon-date: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" viewBox="0 0 16 16"><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/></svg>');--icon-time: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z"/><path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z"/></svg>');--icon-file: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/><path d="M7.646 1.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 2.707V11.5a.5.5 0 0 1-1 0V2.707L5.354 4.854a.5.5 0 1 1-.708-.708l3-3z"/></svg>');--icon-select: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');--icon-radio: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" viewBox="0 0 16 16"><circle cx="8" cy="8" r="8"/></svg>');--icon-check: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" viewBox="0 0 16 16"><path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"/></svg>');--icon-switch: var(--icon-radio);--layout-width: 1280px;--layout-gap-block: 1rem;--layout-gap-inline: 1rem;--layout-columns: 1}@media(min-width:720px){:root{--layout-columns: 6;--layout-gap-block: 1rem;--layout-gap-inline: 1rem}}@media(min-width:1024px){:root{--layout-columns: 12;--layout-gap-block: 2rem;--layout-gap-inline: 2rem}}@media(min-width:1440px){:root{--layout-columns: 12;--layout-gap-block: 4rem;--layout-gap-inline: 2rem}}*:where(:not(iframe,canvas,img,video,abbr,b,strong,i,em,cite,s,u,sub,sup,mark,code,svg,defs,g,path,rect,circle,line,text)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}img,picture,video,audio,canvas,figure{max-width:100%;display:block}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}svg{width:1em;height:1em;vertical-align:-.125em;pointer-events:none}table{width:100%;border-collapse:collapse;border-spacing:0}summary{list-style:none}[hidden=true],[hidden=""]{display:none!important}[aria-controls]:not(:has([data-handle])),[data-handle]{cursor:pointer}[draggable]:not(:has([data-handle=sortable])),[draggable] [data-handle=sortable]{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto;-webkit-user-drag:element;-webkit-touch-callout:none;touch-action:none}[draggable][aria-grabbed=true],[draggable][aria-grabbed=true] [data-handle=sortable]{cursor:grabbing}@media screen and (prefers-reduced-motion:no-preference){:has(:target){scroll-behavior:smooth}}body{font-size:var(--font-size, 1rem);line-height:var(--line-height, 1.5);font-family:var(--font-family, default);font-weight:var(--font-weight, normal);word-spacing:var(--word-spacing, normal);letter-spacing:var(--letter-spacing, normal);color:var(--color-font, black);background-color:var(--color-body, white);overflow-x:hidden;margin-right:calc(100% - 100vw)}body[data-preload] *{transition-duration:0s!important}[inert]{overflow:hidden;pointer-events:none;touch-action:none}h1{font-size:var(--font-size-h1);font-weight:var(--heading-font-weight, var(--font-weight));line-height:var(--heading-line-height, var(--line-height));color:var(--heading-color, var(--color-font, currentColor));text-wrap:balance}h2{font-size:var(--font-size-h2);font-weight:var(--heading-font-weight, var(--font-weight));line-height:var(--heading-line-height, var(--line-height));color:var(--heading-color, var(--color-font, currentColor));text-wrap:balance}h3{font-size:var(--font-size-h3);font-weight:var(--heading-font-weight, var(--font-weight));line-height:var(--heading-line-height, var(--line-height));color:var(--heading-color, var(--color-font, currentColor));text-wrap:balance}h4{font-size:var(--font-size-h4);font-weight:var(--heading-font-weight, var(--font-weight));line-height:var(--heading-line-height, var(--line-height));color:var(--heading-color, var(--color-font, currentColor));text-wrap:balance}h5{font-size:var(--font-size-h5);font-weight:var(--heading-font-weight, var(--font-weight));line-height:var(--heading-line-height, var(--line-height));color:var(--heading-color, var(--color-font, currentColor));text-wrap:balance}h6{font-size:var(--font-size-h6);font-weight:var(--heading-font-weight, var(--font-weight));line-height:var(--heading-line-height, var(--line-height));color:var(--heading-color, var(--color-font, currentColor));text-wrap:balance}a,button[role=link]{cursor:pointer;-webkit-text-decoration:var(--anchor-decoration, var(--decoration));text-decoration:var(--anchor-decoration, var(--decoration));color:var(--anchor-color, currentColor)}a:hover,button[role=link]:hover{color:var(--anchor-hover-color, var(--anchor-color, currentColor))}a:focus,a:focus-visible,button[role=link]:focus,button[role=link]:focus-visible{color:var(--anchor-focus-color, var(--anchor-hover-color, var(--anchor-color, currentColor)));outline:var(--anchor-outline-size, var(--outline-size)) var(--anchor-outline-style, var(--outline-style)) var(--anchor-outline-color, var(--outline-color, color-mix(in srgb, var(--focus-color, currentColor), transparent var(--focus-percent))));outline-offset:var(--anchor-outline-offset, var(--outline-offset))}a:active,a[aria-current],a[aria-selected=true],button[role=link]:active,button[role=link][aria-current],button[role=link][aria-selected=true]{color:var(--anchor-active-color, var(--nav-hover-color, var(--nav-color, currentColor)))}a:disabled,a:is(a):not([href]),button[role=link]:disabled,button[role=link]:is(a):not([href]){pointer-events:none;opacity:var(--anchor-disabled-opacity, var(--disabled-opacity))}a[target=_blank]:after,button[role=link][target=_blank]:after{content:"";display:inline-block;width:.825em;height:.825em;vertical-align:baseline;margin-inline-start:.25em;background-color:currentColor;-webkit-mask-image:var(--icon-external);mask-image:var(--icon-external);-webkit-mask-size:cover;mask-size:cover}small{font-size:var(--font-size-small)}mark{padding:var(--mark-padding-block, .175em) var(--mark-padding-inline, .175em);background-color:var(--mark-background, #fff3cd)}kbd{white-space:nowrap;padding:var(--kbd-padding-block, .25em) var(--kbd-padding-inline, .375em);font-family:var(--kbd-font-family, monospace);color:var(--kbd-color, var(--color-body));background-color:var(--kbd-background, var(--color-font));border-radius:var(--kbd-border-radius, var(--border-radius))}:not(pre)>code{white-space:nowrap;padding:var(--code-padding-block, .25em) var(--code-padding-inline, .375em);font-family:var(--code-font-family, monospace);color:var(--code-color, currentColor);background-color:var(--code-background, #f5f2f0);border-radius:var(--code-border-radius, var(--border-radius))}ins{color:var(--color-success, green)}del{text-decoration:line-through;color:var(--color-error, red)}pre{white-space:nowrap;padding:var(--pre-padding-block, 1em) var(--pre-padding-inline, 1em);font-family:var(--pre-font-family, monospace);color:var(--pre-color, currentColor);background-color:var(--pre-background, #f5f2f0);border-radius:var(--pre-border-radius, var(--border-radius))}ul,ol{padding-left:var(--list-offset, 1.25rem)}ul{list-style:var(--list-bullet, disc)}ol{list-style:var(--list-bullet, decimal)}hr{border-top:var(--hr-border-size, 1px) var(--hr-border-style, solid) var(--hr-border-color, currentColor)}img{width:var(--image-width, auto);height:var(--image-height, auto);-o-object-fit:var(--image-fit, cover);object-fit:var(--image-fit, cover);-o-object-position:var(--image-position, center);object-position:var(--image-position, center);aspect-ratio:var(--image-ratio, auto)}video{width:var(--video-width, 100%);height:var(--video-height, auto);-o-object-fit:var(--video-fit, cover);object-fit:var(--video-fit, cover);-o-object-position:var(--video-position, center);object-position:var(--video-position, center);aspect-ratio:var(--video-ratio, 16/9)}audio{width:var(--audio-width, 100%)}figcaption{color:var(--caption-color, currentColor);font-size:var(--caption-font-size, var(--font-size-small));margin:var(--caption-margin-block, .5rem) var(--caption-margin-inline, 0)}.badge{display:inline-block;font-size:var(--badge-font-size, var(--font-size-small));line-height:1;color:var(--badge-color, var(--color-font));background-color:var(--badge-background, color-mix(in srgb, transparent, var(--hover-color) var(--hover-percent)));border:var(--badge-border-size, var(--border-size)) var(--badge-border-style, var(--border-style)) var(--badge-border-color, transparent);border-radius:var(--badge-border-radius, var(--border-radius));padding:var(--badge-padding-block, .25em) var(--badge-padding-inline, .375em)}.badge.outline{--badge-color: var(--color-font);--badge-background: transparent;--badge-border-color: var(--color-font)}.badge.primary{--badge-color: var(--color-primary-contrast, white);--badge-background: var(--color-primary);--badge-border-color: var(--color-primary)}.badge.primary.outline{--badge-color: var(--color-primary);--badge-background: transparent;--badge-border-color: var(--color-primary)}.breadcrumb{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:0}.breadcrumb li:not(:last-child):after{content:var(--breadcrumb-divider, "/");color:var(--breadcrumb-divider-color, currentColor);margin-inline:var(--breadcrumb-gap, .5rem)}.breadcrumb a{--anchor-decoration: var(--breadcrumb-decoration, currentColor);--anchor-color: var(--breadcrumb-color, currentColor);--anchor-hover-color: var(--breadcrumb-hover-color, var(--breadcrumb-color, currentColor));--anchor-active-color: var(--breadcrumb-active-color, var(--breadcrumb-hover-color, var(--breadcrumb-color, currentColor)));--anchor-disabled-opacity: var(--breadcrumb-disabled-opacity, var(--disabled-opacity))}button:not([role=link]),[type=button],[type=reset],[type=submit],[role=button]{display:inline-block;text-align:center;color:var(--button-color, var(--color-font));background-color:var(--button-background, transparent);border:var(--button-border-size, var(--border-size)) var(--button-border-style, var(--border-style)) var(--button-border-color, transparent);border-radius:var(--button-border-radius, var(--border-radius));padding:var(--button-padding-block, var(--padding-block)) var(--button-padding-inline, var(--padding-inline));cursor:var(--button-cursor, pointer);-webkit-text-decoration:var(--button-decoration, var(--decoration));text-decoration:var(--button-decoration, var(--decoration))}@media screen and (prefers-reduced-motion:no-preference){button:not([role=link]),[type=button],[type=reset],[type=submit],[role=button]{transition:var(--button-transition, all .25s ease-in-out)}}button:not([role=link]):hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover,[role=button]:hover{color:var(--button-hover-color, var(--button-color, var(--color-font)));background-color:var(--button-hover-background, color-mix(in srgb, var(--button-background, transparent), var(--hover-color) var(--hover-percent)));border-color:var(--button-hover-border-color, var(--button-border-color, transparent))}button:not([role=link]):focus,button:not([role=link]):focus-visible,[type=button]:focus,[type=button]:focus-visible,[type=reset]:focus,[type=reset]:focus-visible,[type=submit]:focus,[type=submit]:focus-visible,[role=button]:focus,[role=button]:focus-visible{color:var(--button-focus-color, var(--button-hover-color, var(--button-color, var(--color-font))));background-color:var(--button-focus-background, var(--button-hover-background, color-mix(in srgb, var(--button-background, transparent), var(--hover-color) var(--hover-percent))));border-color:var(--button-focus-border-color, var(--button-hover-border-color, var(--button-border-color, transparent)));outline:var(--button-outline-size, var(--outline-size)) var(--button-outline-style, var(--outline-style)) var(--button-outline-color, var(--outline-color, color-mix(in srgb, var(--focus-color, var(--button-color, var(--color-font))), transparent var(--focus-percent))));outline-offset:var(--button-outline-offset, var(--outline-offset))}button:not([role=link]):active,button:not([role=link])[aria-current],button:not([role=link])[aria-selected=true],button:not([role=link])[aria-pressed=true],[type=button]:active,[type=button][aria-current],[type=button][aria-selected=true],[type=button][aria-pressed=true],[type=reset]:active,[type=reset][aria-current],[type=reset][aria-selected=true],[type=reset][aria-pressed=true],[type=submit]:active,[type=submit][aria-current],[type=submit][aria-selected=true],[type=submit][aria-pressed=true],[role=button]:active,[role=button][aria-current],[role=button][aria-selected=true],[role=button][aria-pressed=true]{color:var(--button-active-color, var(--button-hover-color, var(--button-color, var(--color-font))));background-color:var(--button-active-background, var(--button-hover-background, color-mix(in srgb, var(--button-background, transparent), var(--active-color) var(--active-percent))));border-color:var(--button-active-border-color, var(--button-hover-border-color, var(--button-border-color, transparent)))}button:not([role=link]):disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,[role=button]:disabled{pointer-events:none;opacity:var(--button-disabled-opacity, var(--disabled-opacity))}button:not([role=link]):is(a):not([href]),[type=button]:is(a):not([href]),[type=reset]:is(a):not([href]),[type=submit]:is(a):not([href]),[role=button]:is(a):not([href]){pointer-events:none;opacity:var(--button-disabled-opacity, var(--disabled-opacity))}button:not([role=link]).outline,[type=button].outline,[type=reset].outline,[type=submit].outline,[role=button].outline{--button-color: var(--color-font);--button-background: transparent;--button-border-color: var(--color-font);--focus-color: var(--color-font);--button-hover-color: var(--color-body);--button-hover-background: var(--color-font);--button-hover-border-color: var(--color-font)}button:not([role=link]).primary,[type=button].primary,[type=reset].primary,[type=submit].primary,[role=button].primary{--button-color: var(--color-primary-contrast, white);--button-background: var(--color-primary);--button-border-color: var(--color-primary)}button:not([role=link]).primary.outline,[type=button].primary.outline,[type=reset].primary.outline,[type=submit].primary.outline,[role=button].primary.outline{--button-color: var(--color-primary);--button-background: transparent;--button-border-color: var(--color-primary);--focus-color: var(--color-primary);--button-hover-color: var(--color-primary-contrast, white);--button-hover-background: var(--color-primary);--button-hover-border-color: var(--color-primary)}button:not([role=link]).primary,[type=button].primary,[type=reset].primary,[type=submit].primary,[role=button].primary{--focus-color: var(--color-primary)}.card{color:var(--card-color, var(--color-font));background-color:var(--card-background, transparent);border:var(--card-border-size, var(--border-size)) var(--card-border-style, var(--border-style)) var(--card-border-color, transparent);border-radius:var(--card-border-radius, var(--border-radius));padding:var(--card-padding-block, 1rem) var(--card-padding-inline, 1rem)}.card.outline{--card-color: var(--color-font);--card-background: transparent;--card-border-color: var(--color-font)}.card.primary{--card-color: var(--color-primary-contrast, white);--card-background: var(--color-primary);--card-border-color: var(--color-primary)}.card.primary.outline{--card-color: var(--color-primary);--card-background: transparent;--card-border-color: var(--color-primary)}.card>header,.card>footer,.card>.flush{margin-inline:calc(var(--card-padding-inline, 1rem) * -1)}.card>header,.card>footer{padding:calc(var(--card-padding-block, 1rem) / 2) var(--card-padding-inline, 1rem)}.card>header,.card>:first-child:is(.flush){margin-top:calc(var(--card-padding-block, 1rem) * -1);border-start-start-radius:inherit;border-start-end-radius:inherit;border-bottom:var(--card-divider-size, var(--card-border-size, var(--border-size))) var(--card-divider-style, var(--card-border-style, var(--border-style))) var(--card-divider-color, var(--card-border-color, transparent))}.card>footer,.card>:last-child:is(.flush){margin-bottom:calc(var(--card-padding-block, 1rem) * -1);border-end-start-radius:inherit;border-end-end-radius:inherit;border-top:var(--card-divider-size, var(--card-border-size, var(--border-size))) var(--card-divider-style, var(--card-border-style, var(--border-style))) var(--card-divider-color, var(--card-border-color, transparent))}.card>:not(:first-child,:last-child):is(.flush){border-top:var(--card-divider-size, var(--card-border-size, var(--border-size))) var(--card-divider-style, var(--card-border-style, var(--border-style))) var(--card-divider-color, var(--card-border-color, transparent));border-bottom:var(--card-divider-size, var(--card-border-size, var(--border-size))) var(--card-divider-style, var(--card-border-style, var(--border-style))) var(--card-divider-color, var(--card-border-color, transparent))}.card>.flush{border-radius:0}.card>picture.flush{max-width:inherit;overflow:hidden}.card>picture.flush>img{width:100%}.card>.flush.list>*{border-inline:none!important}.card>.flush.list>*:has(>a[role=button]:only-child,>button:only-child)>*{border-inline:none!important}.card>.flush.list>*:first-child,.card>.flush.list>*:first-child>:only-child{border-top:none!important;border-start-start-radius:inherit!important;border-start-end-radius:inherit!important}.card>.flush.list>*:last-child,.card>.flush.list>*:last-child>:only-child{border-bottom:none!important;border-end-start-radius:inherit!important;border-end-end-radius:inherit!important}.card>.flush.group>*{width:100%;border-radius:inherit}.card>.flush.group>*:first-child{border-left:none}.card>.flush.group>*:last-child{border-right:none}.card>.flush.group:is(:first-child)>*{border-top:none}.card>.flush.group:is(:last-child)>*{border-bottom:none}dialog{position:fixed;inset:var(--dialog-position, 0);margin:auto;width:var(--dialog-width, 576px);height:var(--dialog-height, -moz-fit-content);height:var(--dialog-height, fit-content);max-width:var(--dialog-max-width, 100dvw);max-height:var(--dialog-max-height, 100dvh);overflow:auto;color:var(--dialog-color, var(--color-font));background-color:var(--dialog-background, var(--color-body));border:var(--dialog-border-size, var(--border-size)) var(--dialog-border-style, var(--border-style)) var(--dialog-border-color, transparent);border-radius:var(--dialog-border-radius, var(--border-radius));padding:var(--dialog-padding-block, 2rem) var(--dialog-padding-inline, 2rem)}@media screen and (prefers-reduced-motion:no-preference){dialog{animation:var(--dialog-close-animation, close-dialog .25s ease-in-out)}}dialog[open]{z-index:var(--dialog-index, 1);pointer-events:auto}@media screen and (prefers-reduced-motion:no-preference){dialog[open]{animation:var(--dialog-open-animation, open-dialog .25s ease-in-out)}}dialog::backdrop{background:var(--dialog-backdrop-background, var(--backdrop-color, rgba(0, 0, 0, .75)));backdrop-filter:var(--dialog-backdrop-filter, var(--backdrop-filter, blur(.5rem)));-webkit-backdrop-filter:var(--dialog-backdrop-filter, var(--backdrop-filter, blur(.5rem)))}dialog>header,dialog>footer{margin-inline:calc(var(--dialog-padding-inline, 2rem) * -1);padding:calc(var(--dialog-padding-block, 2rem) / 2) var(--dialog-padding-inline, 2rem)}dialog>header{margin-top:calc(var(--dialog-padding-block, 2rem) * -1);border-start-start-radius:inherit;border-start-end-radius:inherit;border-bottom:var(--dialog-divider-size, var(--dialog-border-size, var(--border-size))) var(--dialog-divider-style, var(--dialog-border-style, var(--border-style))) var(--dialog-divider-color, var(--dialog-border-color, transparent))}dialog>footer{margin-bottom:calc(var(--dialog-padding-block, 2rem) * -1);border-end-start-radius:inherit;border-end-end-radius:inherit;border-top:var(--dialog-divider-size, var(--dialog-border-size, var(--border-size))) var(--dialog-divider-style, var(--dialog-border-style, var(--border-style))) var(--dialog-divider-color, var(--dialog-border-color, transparent))}@keyframes open-dialog{0%{opacity:0;transform:var(--dialog-open-transform, translateY(100px));display:none}to{opacity:1;transform:none;display:block}}@keyframes close-dialog{0%{opacity:1;transform:none;display:block}to{opacity:0;transform:var(--dialog-close-transform, translateY(100px));display:none}}details>summary{color:var(--disclosure-color, var(--color-font));background-color:var(--disclosure-background, transparent);border:var(--disclosure-border-size, var(--border-size)) var(--disclosure-border-style, var(--border-style)) var(--disclosure-border-color, transparent);border-radius:var(--disclosure-border-radius, var(--border-radius));padding:var(--disclosure-padding-block, var(--padding-block)) var(--disclosure-padding-inline, var(--padding-inline));cursor:var(--disclosure-cursor, pointer);-webkit-text-decoration:var(--disclosure-decoration, var(--decoration));text-decoration:var(--disclosure-decoration, var(--decoration))}@media screen and (prefers-reduced-motion:no-preference){details>summary{transition:var(--disclosure-transition, all .25s ease-in-out)}}details>summary:hover{color:var(--disclosure-hover-color, var(--disclosure-color, var(--color-font)));background-color:var(--disclosure-hover-background, color-mix(in srgb, var(--disclosure-background, transparent), var(--hover-color) var(--hover-percent)));border-color:var(--disclosure-hover-border-color, var(--disclosure-border-color, transparent))}details>summary:focus,details>summary:focus-visible{color:var(--disclosure-focus-color, var(--disclosure-hover-color, var(--disclosure-color, var(--color-font))));background-color:var(--disclosure-focus-background, var(--disclosure-hover-background, color-mix(in srgb, var(--disclosure-background, transparent), var(--hover-color) var(--hover-percent))));border-color:var(--disclosure-focus-border-color, var(--disclosure-hover-border-color, var(--disclosure-border-color, transparent)));outline:var(--disclosure-outline-size, var(--outline-size)) var(--disclosure-outline-style, var(--outline-style)) var(--disclosure-outline-color, var(--outline-color, color-mix(in srgb, var(--focus-color, var(--disclosure-color, var(--color-font))), transparent var(--focus-percent))));outline-offset:var(--disclosure-outline-offset, var(--outline-offset))}@media screen and (prefers-reduced-motion:no-preference){details>summary>svg{transition:var(--disclosure-transition, all .25s ease-in-out)}}details>div{color:var(--disclosure-color, var(--color-font));background-color:var(--disclosure-background, transparent);border:var(--disclosure-border-size, var(--border-size)) var(--disclosure-border-style, var(--border-style)) var(--disclosure-border-color, transparent);border-radius:var(--disclosure-border-radius, var(--border-radius));padding:var(--disclosure-padding-block, var(--padding-block)) var(--disclosure-padding-inline, var(--padding-inline))}details[open] summary{color:var(--disclosure-active-color, var(--disclosure-color, var(--color-font)));background-color:var(--disclosure-active-background, color-mix(in srgb, var(--disclosure-background, transparent), var(--active-color) var(--active-percent)));border-color:var(--disclosure-active-border-color, var(--disclosure-border-color, transparent))}details[open] summary>svg{transform:var(--disclosure-svg-transform, rotate(90deg))}.accordion>details+details>summary,.accordion>details>div{border-top:none!important}.accordion>details:not(:first-child,:last-child)>summary,.accordion>details:not(:last-child)>div{border-radius:0}.accordion>details:last-child[open]>summary{border-end-start-radius:0;border-end-end-radius:0}.accordion>details:last-child[open]>div{border-start-start-radius:0;border-start-end-radius:0}.accordion>details:not(:only-child):first-child>summary{border-end-start-radius:0;border-end-end-radius:0}.accordion>details:not(:only-child):last-child>summary{border-start-start-radius:0;border-start-end-radius:0}.drawer{display:var(--drawer-display, block);background-color:var(--drawer-background, var(--color-body));position:fixed;z-index:var(--drawer-index, 2);inset:var(--drawer-position, auto 0 auto auto);width:var(--drawer-width, 320px);height:var(--drawer-height, 100vh);max-width:var(--drawer-max-width, 80dvw);max-height:var(--drawer-max-height, 100dvh);transform-origin:var(--drawer-origin, left);transform:none;pointer-events:initial;visibility:visible;transform:translate(0);opacity:1}@media screen and (prefers-reduced-motion:no-preference){.drawer{transition:var(--drawer-animation, all .5s ease-in-out)}}.drawer[hidden]{pointer-events:none;overflow:hidden;visibility:hidden;transform:var(--drawer-transform, translatex(100%));opacity:0;display:var(--drawer-display, block)!important}.drawer-button rect{transform-origin:center}@media screen and (prefers-reduced-motion:no-preference){.drawer-button rect{transition:y .25s ease-in-out .25s,rotate .25s ease-in-out}}@media screen and (prefers-reduced-motion:no-preference){.drawer-button[aria-expanded=true] rect{transition:y .25s ease-in-out,rotate .25s ease-in-out .25s}}.drawer-button[aria-expanded=true] rect:first-child{y:calc(50% - var(--svg-line-size, 10px) / 2);rotate:45deg}.drawer-button[aria-expanded=true] rect:not(:first-child,:last-child){opacity:0}.drawer-button[aria-expanded=true] rect:last-child{y:calc(50% - var(--svg-line-size, 10px) / 2);rotate:-45deg}body #backdrop{position:fixed;inset:0;z-index:1;background:var(--drawer-backdrop-background, var(--backdrop-color, rgba(0, 0, 0, .75)));-webkit-backdrop-filter:var(--drawer-backdrop-filter, var(--backdrop-filter, blur(.5rem)));backdrop-filter:var(--drawer-backdrop-filter, var(--backdrop-filter, blur(.5rem)));pointer-events:none;visibility:hidden;opacity:0}@media screen and (prefers-reduced-motion:no-preference){body #backdrop{transition:all .5s ease-in-out}}@media(max-width:960px){body:has(.drawer:not([hidden])) #backdrop{visibility:visible;pointer-events:initial;opacity:1}}.dropdown-js{position:relative;display:inline-block}.dropdown-js>[aria-controls]{width:100%;white-space:nowrap}@media screen and (prefers-reduced-motion:no-preference){.dropdown-js>[aria-controls]>svg{transition:var(--dropdown-transition, all .25s ease-in-out)}}.dropdown-js>[aria-controls][aria-expanded=true]>svg{transform:var(--dropdown-svg-transform, rotate(-180deg))}.dropdown-js>*:not([aria-controls]){position:absolute;z-index:var(--dropdown-index, 1);top:calc(100% + var(--dropdown-offset, .5rem))}.dropdown-js>*:not([aria-controls]):not(ul,ol){color:var(--dropdown-color, var(--color-font));background-color:var(--dropdown-background, var(--color-body));border:var(--dropdown-border-size, var(--border-size)) var(--dropdown-border-style, var(--border-style)) var(--dropdown-border-color, transparent);border-radius:var(--dropdown-border-radius, var(--border-radius));padding:var(--dropdown-padding-block, var(--padding-block)) var(--dropdown-padding-inline, var(--padding-inline))}.dropdown-js>*:not([aria-controls]):is(ul,ol){margin:0;padding:0;border-radius:var(--dropdown-border-radius, var(--border-radius));background-color:var(--dropdown-background, var(--color-body))}.dropdown-js>*:not([aria-controls]):is(ul,ol):is(ul,ol){list-style:none}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*{position:relative;margin:0;text-align:var(--list-text-align, left)}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*{display:block;width:100%;text-align:var(--list-text-align, left);color:var(--dropdown-color, var(--color-font));background-color:var(--dropdown-background, var(--color-body));border:var(--dropdown-border-size, var(--border-size)) var(--dropdown-border-style, var(--border-style)) var(--dropdown-border-color, transparent);border-radius:var(--dropdown-border-radius, var(--border-radius));padding:var(--dropdown-padding-block, var(--padding-block)) var(--dropdown-padding-inline, var(--padding-inline));cursor:var(--dropdown-cursor, pointer);-webkit-text-decoration:var(--dropdown-decoration, var(--decoration));text-decoration:var(--dropdown-decoration, var(--decoration))}@media screen and (prefers-reduced-motion:no-preference){.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*{transition:var(--dropdown-transition, all .25s ease-in-out)}}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*:hover{color:var(--dropdown-hover-color, var(--dropdown-color, var(--color-font)));background-color:var(--dropdown-hover-background, color-mix(in srgb, var(--dropdown-background, var(--color-body)), var(--hover-color) var(--hover-percent)));border-color:var(--dropdown-hover-border-color, var(--dropdown-border-color, transparent))}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*:focus,.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*:focus-visible{color:var(--dropdown-focus-color, var(--dropdown-hover-color, var(--dropdown-color, var(--color-font))));background-color:var(--dropdown-focus-background, var(--dropdown-hover-background, color-mix(in srgb, var(--dropdown-background, var(--color-body)), var(--hover-color) var(--hover-percent))));border-color:var(--dropdown-focus-border-color, var(--dropdown-hover-border-color, var(--dropdown-border-color, transparent)));outline:var(--dropdown-outline-size, var(--outline-size)) var(--dropdown-outline-style, var(--outline-style)) var(--dropdown-outline-color, var(--outline-color, color-mix(in srgb, var(--focus-color, var(--dropdown-color, var(--color-font))), transparent var(--focus-percent))));outline-offset:var(--dropdown-outline-offset, var(--outline-offset))}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*:active,.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-current],.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-selected=true],.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-pressed=true]{color:var(--dropdown-active-color, var(--dropdown-hover-color, var(--dropdown-color, var(--color-font))));background-color:var(--dropdown-active-background, var(--dropdown-hover-background, color-mix(in srgb, var(--dropdown-background, var(--color-body)), var(--active-color) var(--active-percent))));border-color:var(--dropdown-active-border-color, var(--dropdown-hover-border-color, var(--dropdown-border-color, transparent)))}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*:disabled{pointer-events:none;opacity:var(--dropdown-disabled-opacity, var(--disabled-opacity))}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:not(:has(>a[role=button]:only-child,>button:only-child)){color:var(--dropdown-color, var(--color-font));background-color:var(--dropdown-background, var(--color-body));border:var(--dropdown-border-size, var(--border-size)) var(--dropdown-border-style, var(--border-style)) var(--dropdown-border-color, transparent);border-radius:var(--dropdown-border-radius, var(--border-radius));padding:var(--dropdown-padding-block, var(--padding-block)) var(--dropdown-padding-inline, var(--padding-inline))}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*+*,.dropdown-js>*:not([aria-controls]):is(ul,ol)>*+*>:only-child{border-top:none!important}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:not(:first-child,:last-child),.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:not(:first-child,:last-child)>:only-child{border-radius:0!important}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:not(:only-child):first-child,.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:not(:only-child):first-child>:only-child{border-end-start-radius:0!important;border-end-end-radius:0!important}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:not(:only-child):last-child,.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:not(:only-child):last-child>:only-child{border-start-start-radius:0!important;border-start-end-radius:0!important}label,fieldset legend{display:block}input,textarea,select{width:100%;vertical-align:middle;color:var(--form-color, var(--color-font));background-color:var(--form-background, transparent);border:var(--form-border-size, var(--border-size)) var(--form-border-style, var(--border-style)) var(--form-border-color, transparent);border-radius:var(--form-border-radius, var(--border-radius));padding:var(--form-padding-block, var(--padding-block)) var(--form-padding-inline, var(--padding-inline));cursor:var(--form-cursor, pointer);-webkit-text-decoration:var(--form-decoration, var(--decoration));text-decoration:var(--form-decoration, var(--decoration))}@media screen and (prefers-reduced-motion:no-preference){input,textarea,select{transition:var(--form-transition, all .25s ease-in-out)}}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible{color:var(--form-focus-color, var(--form-color, var(--color-font)));background-color:var(--form-focus-background, color-mix(in srgb, var(--form-background, transparent), var(--hover-color) var(--hover-percent)));border-color:var(--form-focus-border-color, var(--form-border-color, transparent));outline:var(--form-outline-size, var(--outline-size)) var(--form-outline-style, var(--outline-style)) var(--form-outline-color, var(--outline-color, color-mix(in srgb, var(--focus-color, var(--form-color, var(--color-font))), transparent var(--focus-percent))));outline-offset:var(--form-outline-offset, var(--outline-offset))}input:disabled,textarea:disabled,select:disabled{pointer-events:none;opacity:var(--form-disabled-opacity, var(--disabled-opacity))}textarea{resize:vertical;white-space:break-spaces}[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}[type=number]::-webkit-outer-spin-button,[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}[type=date],[type=datetime-local],[type=time],[type=file],select{background-repeat:no-repeat;background-size:1rem;background-position:calc(100% - var(--form-padding-inline, var(--padding-inline))) center}[type=date],[type=datetime-local]{background-image:var(--icon-date)}[type=time]{background-image:var(--icon-time)}@-moz-document url-prefix(){[type=date],[type=datetime-local],[type=time]{padding-right:.425rem}[type=date],[type=datetime-local]{background-image:none}}[type=file]{background-image:var(--icon-file)}[type=file]::file-selector-button{visibility:hidden;width:0;padding:0;margin:0}select{background-image:var(--icon-select)}[type=color]{height:calc(var(--font-size) * var(--line-height) + var(--form-padding-block, var(--padding-block)) * 2 + var(--form-border-size, var(--border-size)) * 2)}[type=range]{padding:calc(var(--range-size, 1rem) / 2) 0;overflow:hidden;height:var(--range-size, 1rem);border-radius:var(--range-size, 1rem)}[type=range]::-moz-range-thumb{background-color:var(--range-color, currentColor);height:var(--range-size, 1rem);width:var(--range-size, 1rem);border:none;border-radius:var(--range-size, 1rem);box-shadow:calc(-1000px - var(--range-size, 1rem) / 2) 0 0 1000px color-mix(in srgb,var(--range-color, currentColor),transparent 75%)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--range-color, currentColor);height:var(--range-size, 1rem);width:var(--range-size, 1rem);border:none;border-radius:var(--range-size, 1rem);box-shadow:calc(-1000px - var(--range-size, 1rem) / 2) 0 0 1000px color-mix(in srgb,var(--range-color, currentColor),transparent 75%)}[type=radio],[type=checkbox],[type=checkbox][role=switch]{padding:0;width:1.25rem;height:1.25rem;background-repeat:no-repeat;background-position:center}[type=radio]:checked,[type=checkbox]:checked,[type=checkbox][role=switch]:checked{background-color:var(--form-active-background, currentColor);border-color:var(--form-active-border-color, currentColor)}[type=radio]:disabled:not(:checked),[type=checkbox]:disabled:not(:checked),[type=checkbox][role=switch]:disabled:not(:checked){background-color:var(--form-background, rgba(0, 0, 0, .25))}[type=radio]~label,[type=checkbox]~label,[type=checkbox][role=switch]~label{display:initial;vertical-align:middle}[type=radio]~label:not(:last-of-type),[type=checkbox]~label:not(:last-of-type),[type=checkbox][role=switch]~label:not(:last-of-type){margin-inline-end:var(--form-padding-inline, var(--padding-inline))}[type=radio]{border-radius:100%}[type=radio]:checked{background-size:50%;background-image:var(--icon-radio)}[type=checkbox]:not([role=switch]):checked{background-size:100%;background-image:var(--icon-check)}[type=checkbox][role=switch]{width:2.25rem;border-radius:1rem;background-position:.125em center;background-size:auto calc(100% - .25em);background-color:var(--form-background, rgba(0, 0, 0, .25));background-image:var(--icon-switch)}[type=checkbox][role=switch]:checked{background-position:calc(100% - .125em) center}form div:has([aria-invalid=true]) [aria-live]{color:var(--color-error)}form div:has([aria-invalid=false]) [aria-live]{color:var(--color-success)}.grid,.flex-grid{gap:var(--grid-gap-block, 1rem) var(--grid-gap-inline, 1rem);justify-content:var(--grid-justify, start);align-items:var(--grid-align, initial)}.grid{display:grid;grid-template-columns:repeat(var(--grid-min-columns, auto-fit),minmax(min(max((100% - var(--grid-gap-inline, 1rem) * (var(--grid-columns, 12) - 1)) / var(--grid-columns, 12),var(--grid-min-column-size, 0%)),100%),1fr))}.flex-grid{display:flex;flex-wrap:wrap}.flex-grid>*{flex-basis:min(max((100% - var(--grid-gap-inline, 1rem) * (var(--grid-columns, 12) - 1)) / var(--grid-columns, 12),var(--grid-min-column-size, 0%)),100%);flex-grow:var(--grid-grow, 1)}.group{display:flex}.group>*:is(label){color:var(--form-color, var(--color-font));background-color:var(--form-background, transparent);border:var(--form-border-size, var(--border-size)) var(--form-border-style, var(--border-style)) var(--form-border-color, transparent);border-radius:var(--form-border-radius, var(--border-radius));padding:var(--form-padding-block, var(--padding-block)) var(--form-padding-inline, var(--padding-inline))}.group>*+*,.group>*+:is(.dropdown-js)>[aria-controls],.group>*+:is(.dropdown)>[popovertarget]{border-left:none!important}.group>*:not(:first-child,:last-child),.group>*:not(:first-child,:last-child):is(.dropdown-js)>[aria-controls],.group>*:not(:first-child,:last-child):is(.dropdown)>[popovertarget]{border-radius:0}.group>*:not(:only-child):first-child,.group>*:not(:only-child):first-child:is(.dropdown-js)>[aria-controls],.group>*:not(:only-child):first-child:is(.dropdown)>[popovertarget]{border-start-end-radius:0;border-end-end-radius:0}.group>*:not(:only-child):last-child,.group>*:not(:only-child):last-child:is(.dropdown-js)>[aria-controls],.group>*:not(:only-child):last-child:is(.dropdown)>[popovertarget]{border-start-start-radius:0;border-end-start-radius:0}.list{margin:0;padding:0;border-radius:var(--list-border-radius, var(--border-radius));background-color:var(--list-background, transparent)}.list:is(ul,ol){list-style:none}.list>*{position:relative;margin:0;text-align:var(--list-text-align, left)}.list>*:has(>a[role=button]:only-child,>button:only-child)>*{display:block;width:100%;text-align:var(--list-text-align, left);color:var(--list-color, var(--color-font));background-color:var(--list-background, transparent);border:var(--list-border-size, var(--border-size)) var(--list-border-style, var(--border-style)) var(--list-border-color, transparent);border-radius:var(--list-border-radius, var(--border-radius));padding:var(--list-padding-block, var(--padding-block)) var(--list-padding-inline, var(--padding-inline));cursor:var(--list-cursor, pointer);-webkit-text-decoration:var(--list-decoration, var(--decoration));text-decoration:var(--list-decoration, var(--decoration))}@media screen and (prefers-reduced-motion:no-preference){.list>*:has(>a[role=button]:only-child,>button:only-child)>*{transition:var(--list-transition, all .25s ease-in-out)}}.list>*:has(>a[role=button]:only-child,>button:only-child)>*:hover{color:var(--list-hover-color, var(--list-color, var(--color-font)));background-color:var(--list-hover-background, color-mix(in srgb, var(--list-background, transparent), var(--hover-color) var(--hover-percent)));border-color:var(--list-hover-border-color, var(--list-border-color, transparent))}.list>*:has(>a[role=button]:only-child,>button:only-child)>*:focus,.list>*:has(>a[role=button]:only-child,>button:only-child)>*:focus-visible{color:var(--list-focus-color, var(--list-hover-color, var(--list-color, var(--color-font))));background-color:var(--list-focus-background, var(--list-hover-background, color-mix(in srgb, var(--list-background, transparent), var(--hover-color) var(--hover-percent))));border-color:var(--list-focus-border-color, var(--list-hover-border-color, var(--list-border-color, transparent)));outline:var(--list-outline-size, var(--outline-size)) var(--list-outline-style, var(--outline-style)) var(--list-outline-color, var(--outline-color, color-mix(in srgb, var(--focus-color, var(--list-color, var(--color-font))), transparent var(--focus-percent))));outline-offset:var(--list-outline-offset, var(--outline-offset))}.list>*:has(>a[role=button]:only-child,>button:only-child)>*:active,.list>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-current],.list>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-selected=true],.list>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-pressed=true]{color:var(--list-active-color, var(--list-hover-color, var(--list-color, var(--color-font))));background-color:var(--list-active-background, var(--list-hover-background, color-mix(in srgb, var(--list-background, transparent), var(--active-color) var(--active-percent))));border-color:var(--list-active-border-color, var(--list-hover-border-color, var(--list-border-color, transparent)))}.list>*:has(>a[role=button]:only-child,>button:only-child)>*:disabled{pointer-events:none;opacity:var(--list-disabled-opacity, var(--disabled-opacity))}.list>*:not(:has(>a[role=button]:only-child,>button:only-child)){color:var(--list-color, var(--color-font));background-color:var(--list-background, transparent);border:var(--list-border-size, var(--border-size)) var(--list-border-style, var(--border-style)) var(--list-border-color, transparent);border-radius:var(--list-border-radius, var(--border-radius));padding:var(--list-padding-block, var(--padding-block)) var(--list-padding-inline, var(--padding-inline))}.list>*+*,.list>*+*>:only-child{border-top:none!important}.list>*:not(:first-child,:last-child),.list>*:not(:first-child,:last-child)>:only-child{border-radius:0!important}.list>*:not(:only-child):first-child,.list>*:not(:only-child):first-child>:only-child{border-end-start-radius:0!important;border-end-end-radius:0!important}.list>*:not(:only-child):last-child,.list>*:not(:only-child):last-child>:only-child{border-start-start-radius:0!important;border-start-end-radius:0!important}[aria-busy=true]{white-space:nowrap;pointer-events:none}[aria-busy=true]:before{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.125em;border:2px solid currentColor;border-radius:1em;border-right-color:transparent}@media screen and (prefers-reduced-motion:no-preference){[aria-busy=true]:before{animation:busy-spinner 1s linear infinite}}[aria-busy=true]:not(:empty):before{margin-inline-end:.5rem}[aria-busy=true]:empty{text-align:center}@keyframes busy-spinner{to{transform:rotate(360deg)}}[popovertarget]{anchor-name:--popover-anchor}[popover]{position:absolute;position-anchor:--popover-anchor;position-area:var(--popover-area);inset:var(--popover-inset, anchor(bottom) auto auto anchor(start));color:var(--popover-color, var(--color-font));background-color:var(--popover-background, var(--color-body));border:var(--popover-border-size, var(--border-size)) var(--popover-border-style, var(--border-style)) var(--popover-border-color, transparent);border-radius:var(--popover-border-radius, var(--border-radius));padding:var(--popover-padding-block, var(--padding-block)) var(--popover-padding-inline, var(--padding-inline))}.popover,.dropdown{anchor-scope:--popover-anchor}.popover [popover].primary{--popover-color: var(--color-primary-contrast, white);--popover-background: var(--color-primary);--popover-border-color: var(--color-primary)}@media screen and (prefers-reduced-motion:no-preference){.dropdown [popovertarget]>svg{transition:var(--dropdown-transition, all .25s ease-in-out)}}.dropdown:has(:popover-open) [popovertarget]>svg{transform:var(--dropdown-svg-transform, rotate(-180deg))}.dropdown [popover]{margin:0;padding:0;border-radius:var(--dropdown-border-radius, var(--border-radius));background-color:var(--dropdown-background, var(--color-body))}.dropdown [popover]:is(ul,ol){list-style:none}.dropdown [popover]>*{position:relative;margin:0;text-align:var(--list-text-align, left)}.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*{display:block;width:100%;text-align:var(--list-text-align, left);color:var(--dropdown-color, var(--color-font));background-color:var(--dropdown-background, var(--color-body));border:var(--dropdown-border-size, var(--border-size)) var(--dropdown-border-style, var(--border-style)) var(--dropdown-border-color, transparent);border-radius:var(--dropdown-border-radius, var(--border-radius));padding:var(--dropdown-padding-block, var(--padding-block)) var(--dropdown-padding-inline, var(--padding-inline));cursor:var(--dropdown-cursor, pointer);-webkit-text-decoration:var(--dropdown-decoration, var(--decoration));text-decoration:var(--dropdown-decoration, var(--decoration))}@media screen and (prefers-reduced-motion:no-preference){.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*{transition:var(--dropdown-transition, all .25s ease-in-out)}}.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*:hover{color:var(--dropdown-hover-color, var(--dropdown-color, var(--color-font)));background-color:var(--dropdown-hover-background, color-mix(in srgb, var(--dropdown-background, var(--color-body)), var(--hover-color) var(--hover-percent)));border-color:var(--dropdown-hover-border-color, var(--dropdown-border-color, transparent))}.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*:focus,.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*:focus-visible{color:var(--dropdown-focus-color, var(--dropdown-hover-color, var(--dropdown-color, var(--color-font))));background-color:var(--dropdown-focus-background, var(--dropdown-hover-background, color-mix(in srgb, var(--dropdown-background, var(--color-body)), var(--hover-color) var(--hover-percent))));border-color:var(--dropdown-focus-border-color, var(--dropdown-hover-border-color, var(--dropdown-border-color, transparent)));outline:var(--dropdown-outline-size, var(--outline-size)) var(--dropdown-outline-style, var(--outline-style)) var(--dropdown-outline-color, var(--outline-color, color-mix(in srgb, var(--focus-color, var(--dropdown-color, var(--color-font))), transparent var(--focus-percent))));outline-offset:var(--dropdown-outline-offset, var(--outline-offset))}.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*:active,.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-current],.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-selected=true],.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-pressed=true]{color:var(--dropdown-active-color, var(--dropdown-hover-color, var(--dropdown-color, var(--color-font))));background-color:var(--dropdown-active-background, var(--dropdown-hover-background, color-mix(in srgb, var(--dropdown-background, var(--color-body)), var(--active-color) var(--active-percent))));border-color:var(--dropdown-active-border-color, var(--dropdown-hover-border-color, var(--dropdown-border-color, transparent)))}.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*:disabled{pointer-events:none;opacity:var(--dropdown-disabled-opacity, var(--disabled-opacity))}.dropdown [popover]>*:not(:has(>a[role=button]:only-child,>button:only-child)){color:var(--dropdown-color, var(--color-font));background-color:var(--dropdown-background, var(--color-body));border:var(--dropdown-border-size, var(--border-size)) var(--dropdown-border-style, var(--border-style)) var(--dropdown-border-color, transparent);border-radius:var(--dropdown-border-radius, var(--border-radius));padding:var(--dropdown-padding-block, var(--padding-block)) var(--dropdown-padding-inline, var(--padding-inline))}.dropdown [popover]>*+*,.dropdown [popover]>*+*>:only-child{border-top:none!important}.dropdown [popover]>*:not(:first-child,:last-child),.dropdown [popover]>*:not(:first-child,:last-child)>:only-child{border-radius:0!important}.dropdown [popover]>*:not(:only-child):first-child,.dropdown [popover]>*:not(:only-child):first-child>:only-child{border-end-start-radius:0!important;border-end-end-radius:0!important}.dropdown [popover]>*:not(:only-child):last-child,.dropdown [popover]>*:not(:only-child):last-child>:only-child{border-start-start-radius:0!important;border-start-end-radius:0!important}progress{display:inline-block;vertical-align:middle;width:var(--progress-width, 100%);height:var(--progress-height, 1rem);background-color:var(--progress-background, color-mix(in srgb, var(--progress-color, currentColor), transparent 75%));border-radius:var(--progress-border-radius, 1rem);overflow:hidden}progress::-webkit-progress-bar{background:none}progress::-webkit-progress-value{background-color:var(--progress-color, currentColor)}progress::-moz-progress-bar{background-color:var(--progress-color, currentColor)}table th,table td{padding:var(--table-padding-block, var(--padding-block)) var(--table-padding-inline, var(--padding-inline));text-align:var(--table-align-inline, left);vertical-align:var(--table-align-block, middle)}table tr:not(:first-child){border-top:var(--table-border-size, var(--border-size)) var(--table-border-style, var(--border-style)) var(--table-border-color, transparent)}table thead+tbody>tr:first-child,table tfoot>tr:first-child{border-top:var(--table-divider-size, var(--table-border-size, var(--border-size))) var(--table-divider-style, var(--table-border-style, var(--border-style))) var(--table-divider-color, var(--table-border-color, transparent))}.slider{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc(100% / var(--slider-columns, 1) - var(--slider-gap, 0rem));gap:var(--slider-gap, 0);overflow:hidden}.as-container{container-type:inline-size;min-height:300px;overflow:hidden}@container (max-width:500px){#responsiveTable thead{display:none}#responsiveTable tbody tr:first-child{border-top:none}#responsiveTable th,#responsiveTable td{display:grid;grid-template-columns:var(--table-grid-template, 15ch 1fr)}#responsiveTable th[data-label]:before,#responsiveTable td[data-label]:before{padding-right:var(--table-padding-inline, var(--padding-inline));content:attr(data-label)}}#drawer{--drawer-position: 0 0 0 auto }.grid:not(.demo-inline)>*,.flex-grid:not(.demo-inline)>*{background-color:#eee;text-align:center;padding-block:1rem}.grid.demo-inline,.flex-grid.demo-inline{--grid-columns: 3 }#flexGridDemoOffset{margin-left:calc(100% / var(--grid-columns, 12))}#flexGridDemoWider{flex-basis:calc(2 / var(--grid-columns, 12) * 100% - var(--grid-gap-inline, 1rem) * (var(--grid-columns, 12) - 1) / var(--grid-columns, 12))}

package/public/bundles/vanilla-frontend-doc.js

@@ -0,0 +1 @@
+let n=class{static instanceOf(t,e){return`Whoops, the "${t}" parameter must be an instance of ${e} !`}static typeOf(t,e){return`Whoops, the "${t}" parameter must be a ${e} !`}static enumOf(t,e){return`Whoops, the "${t}" parameter must be as ${e} !`}static exist(t){return`Whoops, there is no <${t}> !`}static existById(t,e){return`Whoops, there is no <${t}> with the id "#${e}" !`}static withAttribute(t,e){return`Whoops, the <${t}> must have the attribute [${e}] !`}};class h{#t;constructor(t,e={},i=this.constructor.name.toLowerCase()){if(!(t instanceof HTMLElement))throw new Error(n.instanceOf("el","HTMLElement"));if(!(e instanceof Object))throw new Error(n.instanceOf("options","Object"));this.#t=i,this._element=t;const r=this.constructor.OPTIONS??{};this._options=this.mergeObject(r,e)}mergeObject(t,e){if(!(t instanceof Object))throw new Error(n.instanceOf("one","Object"));if(!(e instanceof Object))throw new Error(n.instanceOf("two","Object"));return Object.keys(t).reduce((i,r)=>{const s=e.hasOwnProperty(r)?t[r]instanceof Object?this.mergeObject(t[r],e[r]):e[r]:t[r];return{...i,[r]:s}},{})}emmitEvent(t,e={},i=this._element){if(typeof t!="string")throw new Error(n.typeOf("name","string"));if(!(e instanceof Object))throw new Error(n.instanceOf("data","Object"));if(!(i instanceof HTMLElement))throw new Error(n.instanceOf("selector","HTMLElement"));const r=`${this.#t}:${t}`,s=new CustomEvent(r,{cancelable:!0,detail:e});return i.dispatchEvent(s),s}}class g{#t;constructor(t){if(typeof t!="string")throw new Error(n.typeOf("name","string"));this.#t=t}get value(){const t=`${this.#t}=`;let i=decodeURIComponent(document.cookie).split(";");for(let r=0;r<i.length;r++){let s=i[r];for(;s.charAt(0)==" ";)s=s.substring(1);if(s.indexOf(t)==0)return JSON.parse(s.substring(t.length,s.length))}return{}}set(t){if(!(t instanceof Object))throw new Error(n.instanceOf("value","Object"));document.cookie=`${this.#t}=${JSON.stringify(t)};SameSite=Lax;Path=/;`}has(t){if(typeof t!="string")throw new Error(n.typeOf("key","string"));return this.value.hasOwnProperty(t)}get(t){if(typeof t!="string")throw new Error(n.typeOf("key","string"));return this.has(t)?this.value[t]:null}delete(){document.cookie=this.#t+"=;SameSite=Lax;Path=/; expires = Thu, 01 Jan 1970 00:00:00 GMT"}}class I{static togglePassword(t){if(!(t instanceof HTMLElement))throw new Error(n.instanceOf("button","HTMLElement"));if(!t.hasAttribute("aria-controls"))throw new Error(n.withAttribute("button","aria-controls"));const e=document.getElementById(t.getAttribute("aria-controls"));if(!e)throw new Error(n.existById("input",t.getAttribute("aria-controls")));const i=e.type==="password"?"text":"password";e.setAttribute("type",i),t.setAttribute("aria-pressed",i!=="password")}static toggleAttributes(t,e,i={}){if(!(t instanceof Object))throw new Error(n.instanceOf("fields","Object"));if(typeof e!="boolean")throw new Error(n.typeOf("isVisible","boolean"));if(!(i instanceof Object))throw new Error(n.instanceOf("customOptions","Object"));if(i.reset&&!["boolean","object"].includes(typeof i.reset))throw new Error(n.typeOf("customOptions.reset","boolean|object"));if(i.disabled&&!["boolean","object"].includes(typeof i.disabled))throw new Error(n.typeOf("customOptions.disabled","boolean|object"));if(i.required&&!["boolean","object"].includes(typeof i.required))throw new Error(n.typeOf("customOptions.required","boolean|object"));if(i.unchanged&&typeof i.unchanged!="object")throw new Error(n.typeOf("customOptions.unchanged","object"));const s={...{reset:!0,disabled:!0,required:!1,unchanged:[]},...i};t.forEach(a=>{const l=a.getAttribute("name");if(s.unchanged.includes(l))return;let c=typeof s.reset=="boolean"?s.reset:s.reset.includes(l),B=typeof s.disabled=="boolean"?s.disabled:s.disabled.includes(l),M=typeof s.required=="boolean"?s.required:s.required.includes(l);c&&!e&&(a.value=null,a.checked=null),B&&(a.disabled=!e),M&&(a.required=e)})}}class $ extends h{constructor(t,e={}){if(super(t,e,"autofill"),t.tagName!=="SELECT"&&t.tagName!=="INPUT")throw new Error(n.typeOf("el","input|select"));if(!t.hasAttribute("aria-controls"))throw new Error(n.withAttribute("el","aria-controls"));if(t.tagName==="INPUT"){if(t.type!=="text"&&t.type!=="file")throw new Error(n.typeOf("type","text|file"));if(t.type==="text"&&!t.hasAttribute("list"))throw new Error(n.withAttribute("input","list"))}this._type=t.tagName==="SELECT"?"select":t.type==="file"?"file":"datalist",this._fields=t.hasAttribute("aria-controls")?t.getAttribute("aria-controls").split(" ").filter(i=>document.getElementById(i)).map(i=>document.getElementById(i)):[],this.#t()}#t(){this._element.addEventListener("change",()=>{switch(this._type){case"select":this.#e(this._element.options[this._element.selectedIndex]);break;case"datalist":this.#e(document.querySelector(`#${this._element.getAttribute("list")} [value="${this._element.value}"]`));break;case"file":this.#i(this._element.files[0]);break}})}#e(t){this._fields.forEach(e=>{const i=`data-${e.getAttribute("data-autofill")}`;e.value=t&&t.hasAttribute(i)?t.getAttribute(i):""}),this.emmitEvent("changed",{current:t})}#i(t){const e=t.name.split(".").pop(),i=t.name.replace(`.${e}`,"");this._fields.forEach(r=>{const s=r.getAttribute("data-autofill");let a;switch(s){case"filename":a=i;break;case"extension":a=e;break;default:a=t[s]??""}r.value=a}),this.emmitEvent("changed",{current:t})}}class D extends h{constructor(t,e={}){super(t,e,"checkall"),this._checkboxes=document.querySelectorAll(`input[type="checkbox"][name="${this._element.value}"]`),this.#t()}#t(){this._element.checked=this.number.total===this.number.checked,this._element.addEventListener("change",()=>{this._checkboxes.forEach(t=>t.checked=this._element.checked)}),this._checkboxes.forEach(t=>{t.addEventListener("change",()=>this._element.checked=this.number.total===this.number.checked)})}get number(){let t={total:this._checkboxes.length,checked:0,unchecked:0};return this._checkboxes.forEach(e=>e.checked?t.checked++:t.unchecked++),t}}class H extends g{constructor(t="_comfort"){super(t),this._buttons={theme:document.querySelectorAll("body [data-theme]"),style:document.querySelectorAll("body [data-style]")},this._inputs={style:document.querySelectorAll("body [data-style-custom]")},this.#t()}#t(){Object.keys(this.value).length!==0&&(this.#e(),this.#i()),this._buttons.theme.forEach(t=>t.addEventListener("click",()=>this.setTheme(t.value))),this._buttons.style.forEach(t=>t.addEventListener("click",()=>this.setStyle(t.getAttribute("data-style"),t.value))),this._inputs.style.forEach(t=>t.addEventListener("change",()=>this.setStyle(t.getAttribute("data-style-custom"),t.value)))}#e(){this.has("theme")&&(document.documentElement.setAttribute("data-theme",this.get("theme")),this._buttons.theme.forEach(t=>t.setAttribute("aria-pressed",t.value===this.get("theme"))))}#i(){const t=this.get("style");if(!t||t.length===0)return;const e=Object.entries(t).map(([i,r])=>`${i}:${r}`).join(";");document.body.setAttribute("style",e),this._buttons.style.forEach(i=>{const r=i.getAttribute("data-style");i.setAttribute("aria-pressed",t.hasOwnProperty(r)&&t[r]===i.value)}),this._inputs.style.forEach(i=>{const r=i.getAttribute("data-style-custom");i.setAttribute("value",t.hasOwnProperty(r)?t[r]:null)})}setTheme(t){if(typeof t!="string")throw new Error(n.typeOf("value","string"));this.get("theme")!==t&&(this.set({...this.value,theme:t}),this.#e())}setStyle(t,e){if(typeof t!="string")throw new Error(n.typeOf("name","string"));if(typeof e!="string")throw new Error(n.typeOf("value","string"));const i=this.get("style");i&&i.hasOwnProperty(t)&&i[t]===e||(this.set({...this.value,style:{...this.value.style,[t]:e}}),this.#i())}reset(){this.delete(),document.documentElement.removeAttribute("data-theme"),document.body.removeAttribute("style"),[...this._buttons.theme,...this._buttons.style].forEach(t=>{t.removeAttribute("aria-pressed")}),this._inputs.style.forEach(t=>{t.removeAttribute("value")})}}class u extends h{constructor(t,e={}){super(t,e,"dialog"),this._isModal=!!this._element.getAttribute("aria-modal"),this._buttons={open:document.querySelectorAll(`[aria-controls=${this._element.id}]`)??[],close:this._element.querySelectorAll("[data-dialog-close]")??[],submit:this._element.querySelectorAll("[type=submit]")??[]},this._form=this._element.querySelector("form")??{},this._previousFocus=null,this.#t()}#t(){this._buttons.open.forEach(t=>t.addEventListener("click",e=>this.open(e))),this._buttons.close.forEach(t=>t.addEventListener("click",()=>this.close())),this._buttons.submit.forEach(t=>{t.addEventListener("click",e=>{e.preventDefault(),this.submit()})}),this._element.addEventListener("keydown",t=>{t.key==="Escape"&&(t.preventDefault(),this.close())})}#e(){if(!this._isModal)return;document.querySelectorAll("dialog[open][aria-modal=true]").length?document.body.setAttribute("inert",!0):document.body.removeAttribute("inert")}open(t){this.emmitEvent("opening").defaultPrevented||(this._isModal?this._element.showModal():this._element.show(),t&&t.target instanceof HTMLElement&&(this._previousFocus=t.target),this.#e(),this.emmitEvent("opened"))}close(){this.emmitEvent("closing").defaultPrevented||(this._element.close(),this.#e(),this._previousFocus&&this._previousFocus.focus(),this.emmitEvent("closed"))}submit(){if(!this._form.length)throw new Error(n.exist("form"));!this._form.reportValidity()||(this._buttons.submit.forEach(e=>e.setAttribute("aria-busy",!0)),this.emmitEvent("submiting",{form:this._form}).defaultPrevented)||(this._form.getAttribute("method")=="dialog"?(this._buttons.submit.forEach(e=>e.removeAttribute("aria-busy",!0)),this._element.close(),this.#e(),this._previousFocus&&this._previousFocus.focus(),this.emmitEvent("submited",{form:this._form})):this._form.submit())}}class d extends g{static DEFAULT={necessary:!0};constructor(t="_consent",e="cookies"){if(typeof e!="string")throw new Error(n.typeOf("dialogID","string"));if(!document.getElementById(e))throw new Error(n.existById("dialog",e));super(t),this._dialog=new u(document.getElementById(e)),this.#t()}#t(){Object.keys(this.value).length===0&&this._dialog.open(),this._dialog._element.addEventListener("dialog:closed",()=>this.set(d.DEFAULT)),this._dialog._element.addEventListener("dialog:submiting",t=>this.#e(t.detail.form))}#e(t){if(!(t instanceof HTMLElement))throw new Error("Whoops, the form parameter must be an HTML Element !");const e=t.querySelectorAll('input[type="checkbox"][name="cookies_consent[]"]');if(e.length){const i=[...e].reduce((r,s)=>({...r,...d.DEFAULT,[s.value]:s.checked}),{});this.set(i)}}}class F extends h{static OPTIONS={closable:!0};constructor(t,e={}){if(e.closable&&typeof e.closable!="boolean")throw new Error(n.typeOf("options.closable","boolean"));super(t,e,"dropdown"),this._button=this._element.querySelector("[aria-controls]"),this._content=document.getElementById(this._button.getAttribute("aria-controls")),this._focus=this._content.getAttribute("tabindex")==="0"?this._content:this._content.querySelector('[tabindex="0"]')??this._content.querySelector("button, a, input"),this.#t()}#t(){this._button.addEventListener("click",()=>this.toggle()),this._options.closable&&this._content.addEventListener("focusout",t=>{t.relatedTarget!==this._button&&!this._content.contains(t.relatedTarget)&&this.toggle()})}get value(){return this._button.getAttribute("aria-pressed")==="true"}toggle(){const t=!this.value;this._button.setAttribute("aria-pressed",t),this._button.setAttribute("aria-expanded",t),this._content.hidden=!t,this._focus&&t&&this._element.addEventListener("transitionend",()=>{this._focus.focus()},{once:!0}),this.emmitEvent("changed",{isOpen:!this._content.hidden})}}class N{constructor(t,e=null,i=null){if(!(t instanceof HTMLElement))throw new Error(n.instanceOf("el","HTMLElement"));if(e&&typeof e!="object")throw new Error(n.typeOf("exclusions","object"));if(i&&typeof i!="object")throw new Error(n.typeOf("inclusions","object"));this._element=t,this._items=[],this._first=null,this._last=null,this._inertElements=[],this._exclusions=Array.isArray(e)?e:Object.values(e??{}),this._inclusions=Array.isArray(i)?i:Object.values(i??{}),this.handleKeydown=this.handleKeydown.bind(this)}focusOnFirst(){this._items=this.getFocusableElements(),this._items.length!==0&&(this._first=this._element.querySelector('[tabindex="0"]')??this._items[0],this._first&&this._first.focus())}activate(){this._items=this.getFocusableElements(),this._items.length!==0&&(this._first=this._element.querySelector('[tabindex="0"]')??this._items[0],this._last=this._items[this._items.length-1],document.addEventListener("keydown",this.handleKeydown),this._first.focus(),this._inertElements=this.getSiblingsOutside(),this._inertElements.forEach(t=>{t.setAttribute("aria-hidden","true"),t.setAttribute("inert",!0)}))}deactivate(){document.removeEventListener("keydown",this.handleKeydown),this._inertElements.forEach(t=>{t.removeAttribute("aria-hidden"),t.removeAttribute("inert")})}handleKeydown(t){if(t.key!=="Tab")return;const e=t.shiftKey;e&&document.activeElement===this._first?(t.preventDefault(),this._last.focus()):!e&&document.activeElement===this._last&&(t.preventDefault(),this._first.focus())}getFocusableElements(){const t=Array.from(this._element.querySelectorAll('a[href], area[href], input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [contenteditable], [tabindex]:not([tabindex="-1"])')).filter(i=>i.offsetWidth>0||i.offsetHeight>0||i===document.activeElement),e=Array.isArray(this._inclusions)?this._inclusions.flatMap(i=>Array.from(document.querySelectorAll(i))):[];return[...t,...e]}getSiblingsOutside(){const t=new Set;let e=this._element;for(;e&&e!==document.body;){const i=e.parentElement;if(!i)break;Array.from(i.children).filter(s=>s!==e&&!e.contains(s)&&!this._exclusions.some(a=>s.matches(a))).forEach(s=>t.add(s)),e=i}return Array.from(t)}}class P extends h{static OPTIONS={breakpoint:960,cookie:!1,trap:{exclusions:null,inclusions:null}};constructor(t,e={}){if(e.breakpoint&&typeof e.breakpoint!="number")throw new Error(n.typeOf("options.breakpoint","number"));if(e.cookie&&typeof e.cookie!="string")throw new Error(n.typeOf("options.cookie","string"));if(e.trap){if(e.trap.exclusions&&typeof e.trap.exclusions!="object")throw new Error(n.typeOf("options.trap.exclusions","object"));if(e.trap.inclusions&&typeof e.trap.inclusions!="object")throw new Error(n.typeOf("options.trap.inclusions","object"))}super(t,e,"drawer"),this._buttons=document.querySelectorAll(`[aria-controls=${this._element.id}]`)??[],this._backdrop=document.getElementById("backdrop")??null,this._timeout=!1,this._isOpen=!this._element.hidden,this._cookie=this._options.cookie?new g(this._options.cookie):null,this._trap=new N(this._element,this._options.trap.exclusions??["#backdrop"],this._options.trap.inclusions??[]),this._previousFocus=null,this.#t()}#t(){this._cookie&&!this._cookie.has("drawer-is-open")&&this._cookie.set({...this._cookie.value,"drawer-is-open":this._isOpen}),this.defineDrawerByBreakpoint(),window.onresize=()=>{clearTimeout(this._timeout),this._timeout=setTimeout(()=>{this.defineDrawerByBreakpoint()},250)},this._buttons.forEach(t=>t.addEventListener("click",()=>this.toggle())),this._backdrop&&this._backdrop.addEventListener("click",()=>this.toggle()),this._element.addEventListener("keydown",t=>{t.key==="Escape"&&(t.preventDefault(),this.toggle(!1))})}defineDrawerByBreakpoint(){let t;window.innerWidth<=this._options.breakpoint&&(this._element.setAttribute("role","dialog"),this._element.setAttribute("aria-modal",!0),t=!1),window.innerWidth>this._options.breakpoint&&(this._element.removeAttribute("role"),this._element.removeAttribute("aria-modal"),this._trap.deactivate(),t=this._cookie?this._cookie.get("drawer-is-open"):!0),t!=this._isOpen&&this.toggle(t)}toggle(t=!this._isOpen){this._isOpen=t,this._isOpen&&(this._previousFocus=document.activeElement),this._buttons.forEach(e=>{e.setAttribute("aria-pressed",this._isOpen),e.setAttribute("aria-expanded",this._isOpen)}),this._element.hidden=!this._isOpen,this._cookie&&this._cookie.get("drawer-is-open")!==this._isOpen&&window.innerWidth>this._options.breakpoint&&this._cookie.set({...this._cookie.value,"drawer-is-open":this._isOpen}),this._element.addEventListener("transitionend",()=>{const e=this._element.getAttribute("role")==="dialog";this._isOpen?e?this._trap.activate():this._trap.focusOnFirst():(e&&this._trap.deactivate(),this._previousFocus?this._previousFocus.focus():this._buttons[0].focus())},{once:!0})}}class C extends h{static OPTIONS={behavior:"smooth",navigation:null,gaps:{top:100,bottom:100,spy:100}};constructor(t,e={}){if(e.gaps){if(!(e.gaps instanceof Object))throw new Error(n.instanceOf("options.gaps","Object"));if(e.gaps.top&&typeof e.gaps.top!="number")throw new Error(n.typeOf("options.gaps.top","number"));if(e.gaps.bottom&&typeof e.gaps.bottom!="number")throw new Error(n.typeOf("options.gaps.bottom","number"));if(e.gaps.spy&&typeof e.gaps.spy!="number")throw new Error(n.typeOf("options.gaps.spy","number"))}if(e.behavior&&!["auto","smooth","instant"].includes(e.behavior))throw new Error(n.enumOf("options.behavior","auto|smooth|instant"));if(e.navigation&&!document.getElementById(e.navigation))throw new Error(n.existById("element",e.navigation));super(t,e,"scroll"),(window.matchMedia("(prefers-reduced-motion: reduce)")===!0||window.matchMedia("(prefers-reduced-motion: reduce)").matches===!0)&&(this._options.behavior="instant"),this._buttons={top:document.querySelector(`[data-scroll-top="${this._element.id}"]`)??null,bottom:document.querySelector(`[data-scroll-bottom="${this._element.id}"]`)??null};const r=[...document.querySelectorAll(`#${this._options.navigation} a[href^="#"]`)].filter(s=>document.getElementById(s.getAttribute("href").substring(1)));this._spy={enable:!!(this._options.navigation&&r.length),links:r,targets:r.map(s=>document.getElementById(s.getAttribute("href").substring(1))),current:0},this.#t()}get _height(){return this._element.scrollHeight-this._element.clientHeight}#t(){this._element.nodeName==="HTML"?window.onscroll=()=>this.#e():this._element.onscroll=()=>this.#e(),[...this._spy.links].forEach((t,e)=>t.addEventListener("click",i=>{i.preventDefault(),this.goTo(this._spy.targets[e].offsetTop)})),this._buttons.top&&this._buttons.top.addEventListener("click",()=>this.scrollTop()),this._buttons.bottom&&this._buttons.bottom.addEventListener("click",()=>this.scrollBottom())}#e(){this._spy.enable&&this.#i(),this._buttons.top&&(this._buttons.top.hidden=this._element.scrollTop<=this._options.gaps.top),this._buttons.bottom&&(this._buttons.bottom.hidden=this._element.scrollTop>=this._height-this._options.gaps.bottom)}#i(){const t=this._spy.targets.length-[...this._spy.targets].reverse().findIndex(e=>this._element.scrollTop>=e.offsetTop-this._options.gaps.spy)-1;t!==this._spy.current&&(this._spy.links.forEach(e=>e.removeAttribute("aria-current")),this._spy.current=t,this._spy.links[this._spy.current]&&this._spy.links[this._spy.current].setAttribute("aria-current","location"))}goTo(t){if(typeof t!="number")throw new Error(n.typeOf("distance","number"));this._element.scrollTo({top:t,behavior:this._options.behavior})}scrollTop(){this.goTo(0)}scrollBottom(){this.goTo(this._height)}}class W extends h{static OPTIONS={behavior:"smooth",loop:!1,autoplay:!1};constructor(t,e={}){if(e.behavior&&!["auto","smooth","instant"].includes(e.behavior))throw new Error(n.enumOf("options.behavior","auto|smooth|instant"));if(e.loop&&typeof e.loop!="boolean")throw new Error(n.typeOf("options.loop","boolean"));if(e.autoplay&&typeof e.autoplay!="boolean"&&typeof e.autoplay!="number")throw new Error(n.typeOf("options.autoplay","boolean|number"));if(super(t,e,"slider"),window.matchMedia("(prefers-reduced-motion: reduce)").matches&&(this._options.behavior="instant"),this._slides=Array.from(this._element.querySelectorAll("[role=tabpanel]")),this._buttons={prev:document.querySelector(`[aria-controls=${this._element.id}][data-slider-prev]`),next:document.querySelector(`[aria-controls=${this._element.id}][data-slider-next]`),tabs:document.querySelectorAll(`[aria-controls=${this._element.id}][role=tablist] [role=tab]`),play:document.querySelector(`[aria-controls=${this._element.id}][data-slider-play]`),pause:document.querySelector(`[aria-controls=${this._element.id}][data-slider-pause]`)},this._current=0,this._interval=null,this._options.loop&&this._options.behavior=="smooth"){const r=this._element.firstElementChild.cloneNode(!0),s=this._element.lastElementChild.cloneNode(!0);r.removeAttribute("id"),r.removeAttribute("aria-hidden"),r.removeAttribute("role"),this._element.append(r),s.removeAttribute("id"),s.removeAttribute("aria-hidden"),s.removeAttribute("role"),this._element.prepend(s)}this.#t()}#t(){if(this._options.autoplay&&(this._interval=setInterval(()=>this.next(),this._options.autoplay)),this._buttons.next&&this._buttons.next.addEventListener("click",()=>this.next()),this._buttons.prev&&this._buttons.prev.addEventListener("click",()=>this.prev()),this._buttons.tabs.length&&this._buttons.tabs.forEach((t,e)=>t.addEventListener("click",()=>this.goTo(e))),this._options.autoplay&&(this._element.addEventListener("click",()=>{clearInterval(this._interval),this._interval=setInterval(()=>this.next(),this._options.autoplay)}),this._buttons.pause&&this._buttons.pause.addEventListener("click",()=>{clearInterval(this._interval)}),this._buttons.play&&this._buttons.play.addEventListener("click",()=>{this._interval=setInterval(()=>this.next(),this._options.autoplay)})),!this._options.autoplay){let t=0;const e=r=>{t=r.touches[0].clientX},i=r=>{const s=r.changedTouches[0].clientX;t>s+50?this.next():t<s-50&&this.prev()};this._element.addEventListener("touchstart",e),this._element.addEventListener("touchend",i)}}goTo(t){if(typeof t!="number")throw new Error(n.typeOf("index","number"));const e=this._current;let i;this._options.loop&&(t<0||t>=this._slides.length)?(this._current=t<0?this._slides.length-1:0,this._options.behavior=="smooth"&&(i=this._current==0?this._element.lastElementChild:this._element.firstElementChild)):this._current=t;const r=i?i.offsetLeft:this._slides[this._current].offsetLeft;this._element.scrollTo({left:r,behavior:this._options.behavior}),i&&setTimeout(()=>{this._element.scrollTo({left:this._slides[this._current].offsetLeft,behavior:"instant"})},500),this._buttons.tabs.forEach((s,a)=>s.setAttribute("aria-selected",a===this._current)),this._slides.forEach((s,a)=>s.setAttribute("aria-hidden",a!==this._current)),this._buttons.next&&!this._options.loop&&(this._buttons.next.disabled=this._current===this._slides.length-1),this._buttons.prev&&!this._options.loop&&(this._buttons.prev.disabled=this._current===0),this.emmitEvent("changed",{current:this._current,previous:e})}next(){const t=this._current+1;!this._options.loop&&t>=this._slides.length||this.goTo(t)}prev(){const t=this._current-1;!this._options.loop&&t<0||this.goTo(t)}}class U extends h{constructor(t,e={}){super(t,e,"sortable"),this._withHandle=!!this._element.querySelector("[data-handle=sortable]"),this._current=null,this.handleMouseDown=this.handleMouseDown.bind(this),this.handleMouseUp=this.handleMouseUp.bind(this),this.drag=this.drag.bind(this),this.dragging=this.dragging.bind(this),this.drop=this.drop.bind(this),this.#t()}#t(){this._element.addEventListener("dragover",t=>t.preventDefault()),this.#e()}get _items(){return this._element.querySelectorAll("[draggable]")}#e(){this._items.forEach(t=>{t.addEventListener("mousedown",this.handleMouseDown),t.addEventListener("mouseup",this.handleMouseUp),t.addEventListener("dragstart",this.drag),t.addEventListener("dragenter",this.dragging),t.addEventListener("dragend",this.drop)})}resetEvents(){this._items.forEach(t=>{t.removeEventListener("mousedown",this.handleMouseDown),t.removeEventListener("mouseup",this.handleMouseUp),t.removeEventListener("dragstart",this.drag),t.removeEventListener("dragenter",this.dragging),t.removeEventListener("dragend",this.drop)}),this.#e()}handleMouseDown(t){if(!(t.target instanceof Element))return;const e=t.target.closest("[draggable]");(!this._withHandle||t.target.hasAttribute("data-handle")&&t.target.getAttribute("data-handle")==="sortable")&&(e.draggable=!0)}handleMouseUp(t){if(!(t.target instanceof Element))return;const e=t.target.closest("[draggable]");e.draggable=!1}drag(t){if(!(t.target instanceof Element))return;const e=t.target.closest("[draggable]");if(!(e instanceof HTMLElement))throw new Error(n.instanceOf("item","HTMLElement"));e.draggable&&(this._current=e,e.setAttribute("aria-grabbed",!0),this.emmitEvent("drag",{items:this._items,current:e}))}dragging(t){if(!(t.target instanceof Element))return;const e=t.target.closest("[draggable]");if(!(e instanceof HTMLElement))throw new Error(n.instanceOf("item","HTMLElement"));if(!this._current)return;const i=e===this._element.firstElementChild?"beforebegin":"afterend";e.insertAdjacentElement(i,this._current)}drop(t){if(!(t.target instanceof Element))return;const e=t.target.closest("[draggable]");if(!(e instanceof HTMLElement))throw new Error(n.instanceOf("item","HTMLElement"));this._current&&(this._current=null,e.removeAttribute("aria-grabbed",!0),e.draggable=!1,this.emmitEvent("drop",{items:this._items,current:e}))}}class R extends h{constructor(t,e={}){if(super(t,e,"tabpanel"),!t.querySelector('[role="tab"]'))throw new Error(n.exist('button [role="tab"]'));if(!t.querySelector('[role="tabpanel"]'))throw new Error(n.exist('div [role="tabpanel"]'));this._tabs=this._element.querySelectorAll('[role="tab"]'),this._panels=this._element.querySelectorAll('[role="tabpanel"]'),this._current=null,this.#t()}#t(){this._current||this.#e(this._element.querySelector('[role="tab"][aria-selected="true"]')??this._tabs[0]),this._tabs.forEach(t=>t.addEventListener("click",()=>this.#e(t)))}#e(t){if(t===this._current)return;const e=t.hasAttribute("aria-controls")?t.getAttribute("aria-controls"):null;e&&(this._current=t,this._tabs.forEach(i=>i.setAttribute("aria-selected",i===this._current)),this._panels.forEach(i=>i.hidden=i.id!==e),this.emmitEvent("changed",{current:this._current}))}}class j extends h{constructor(t,e={}){super(t,e,"toggle"),this._type=this._element.tagName=="SELECT"?"select":this._element.getAttribute("type")??"button";const i=this._element.hasAttribute("aria-controls")?this._element.getAttribute("aria-controls").split(" ").filter(r=>document.getElementById(r)):[];this._toggables=i.map(r=>document.getElementById(r)),this.#t()}#t(){this.toggle(),this._type==="button"?this._element.addEventListener("click",()=>{this._element.setAttribute("aria-pressed",this.value==="false"),this.toggle()}):this._element.addEventListener("change",()=>this.toggle())}get value(){switch(this._type){case"button":return(this._element.getAttribute("aria-pressed")==="true").toString();case"checkbox":case"radio":return this._element.checked.toString();default:return this._element.value}}toggle(){const t=this._element.options?.[this._element.selectedIndex],e=this._type==="select"&&t?t.parentElement.label??null:null;this._toggables.forEach(r=>{let s=r.getAttribute("data-toggle-when")??null;const a=r.getAttribute("data-toggle-when-not")??null;if(this.value!=="null"&&a!==null?r.hidden=a===this.value:(s=s??"true",r.hidden=this.value!==s&&e!==s),!r.hidden){const l=r.getAttribute("tabindex")==="0"?r:r.querySelector('[tabindex="0"]')??r.querySelector("button, a, input");l&&l.focus()}});const i=this._toggables.every(r=>r.hidden);this._element.setAttribute("aria-expanded",!i),this._type==="radio"&&this._element.checked&&document.querySelectorAll(`input[name="${this._element.name}"]:not(:checked)`).forEach(r=>r.dispatchEvent(new Event("change"))),this.emmitEvent("changed")}}class K extends h{constructor(t,e={}){super(t,e,"tree"),this._type=this._element.tagName=="TABLE"?"grid":"list",this._withHandle=!!(this._type=="grid"&&this._element.querySelector("[data-handle=tree]")),this.toggle=this.toggle.bind(this),this.#t()}#t(){this.#e()}get _items(){return this._element.querySelectorAll("[aria-expanded]")}#e(){this._items.forEach(t=>{t.addEventListener("click",this.toggle)})}resetEvents(){this._items.forEach(t=>{t.removeEventListener("click",this.toggle)}),this.#e()}toggle(t){let e;if(t instanceof Event){if(!(t.target instanceof Element)||this._withHandle&&(!t.target.hasAttribute("data-handle")||t.target.getAttribute("data-handle")!=="tree"))return;t.stopPropagation(),e=t.target.closest("[aria-expanded]")}else{if(!(t instanceof Element))return;e=t}if(!(e instanceof HTMLElement))throw new Error(ErrorMessage.instanceOf("item","HTMLElement"));const i=e.getAttribute("aria-expanded")==="true";e.setAttribute("aria-expanded",!i);const r=e.hasAttribute("aria-controls")?e.getAttribute("aria-controls").split(" ").filter(s=>document.getElementById(s)).map(s=>document.getElementById(s)):[];if(r.forEach(s=>s.hidden=i),!i){let s=null;r.find(l=>{if(l.getAttribute("tabindex")==="0")return s=l,l;const c=l.querySelector('[tabindex="0"]');return c?(s=c,c):(s=l.querySelector("button, a, input"),l)})&&s&&s.focus()}this._type==="grid"&&i&&r.filter(s=>s.hasAttribute("aria-expanded")&&s.getAttribute("aria-expanded")==="true").forEach(s=>this.toggle(s)),this.emmitEvent("changed",{isOpen:!i})}}const _=document.getElementById("myDialog");_&&new u(_);const y=document.getElementById("layoutDialog");y&&new u(y);const E=document.getElementById("formDialog");E&&new u(E);const m=document.getElementById("jsDialog");m&&(new u(m),m.addEventListener("dialog:submited",o=>{const t=o.detail.form.querySelector("input").value;document.getElementById("favorite").innerText=t}));const v=document.getElementById("drawer");v&&new P(v);const w=document.querySelectorAll(".dropdown-js");w&&w.forEach(o=>new F(o));const A=document.getElementById("slider");A&&new W(A,{loop:!0});const O=document.querySelectorAll(".autofill-demo");O&&O.forEach(o=>new $(o));const k=document.getElementById("checkboxAll");k&&new D(k);new H("demo-confort");document.getElementById("demoCookies")&&new d("demo-consent","demoCookies","demoCookiesPreferences");const f=document.getElementById("demoPassword");f&&f.addEventListener("click",()=>I.togglePassword(f));const b=document.getElementById("toggleFormButton"),p=document.getElementById("toggleFormContent");if(b&&p){const o=p.querySelectorAll("input,select,textarea");new j(b),b.addEventListener("toggle:changed",t=>{I.toggleAttributes(o,!p.hidden,{reset:!0,disabled:!0,required:["test"],unchanged:["test"]})})}const x=document.getElementById("demoScrollSpy");x&&new C(x,{navigation:"demoScrollNav"});const L=document.querySelectorAll(".demo-sortable");L&&L.forEach(o=>new U(o));const S=document.getElementById("myPanel");S&&new R(S);const T=document.querySelectorAll(".demo-toggle");T&&T.forEach(o=>new j(o));const q=document.querySelectorAll(".demo-tree");q&&q.forEach(o=>new K(o));

package/public/bundles/vanilla-frontend.css

@@ -0,0 +1 @@
+:root{--font-size: 16px;--line-height: 1.5;--font-family: Arial;--font-weight: normal;--font-weight-light: 300;--font-weight-medium: 500;--font-weight-bold: 600;--font-size-h1: 2.25em;--font-size-h2: 2em;--font-size-h3: 1.75em;--font-size-h4: 1.5em;--font-size-h5: 1.25em;--font-size-h6: 1.125em;--font-size-large: 1.25em;--font-size-medium: 1.125em;--font-size-small: .875em;--word-spacing: normal;--letter-spacing: normal;--decoration: none;--padding-inline: .75em;--padding-block: .5em;--border-size: 1px;--border-style: solid;--border-radius: .25rem;--outline-size: 3px;--outline-style: solid;--outline-offset: 0;--backdrop-color: rgba(0, 0, 0, .5);--hover-color: black;--hover-percent: 5%;--active-color: black;--active-percent: 10%;--focus-color: currentColor;--focus-percent: 50%;--disabled-opacity: 50%;--color-body: white;--color-font: black;--color-primary: #B790E5;--color-error: #DC3030;--color-success: #008A00;--color-warning: #FFA500;--color-warning-contrast: black;--form-border-color: currentColor;--form-active-background: color-mix(in srgb, var(--form-background, transparent), var(--active-color, currentColor) 40%);--icon-external: url('data: image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" ><path fill-rule="evenodd" d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5" /><path fill-rule="evenodd" d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0z" /></svg>');--icon-date: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black" viewBox="0 0 16 16"><path d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z"/></svg>');--icon-time: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z"/><path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z"/></svg>');--icon-file: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z"/><path d="M7.646 1.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 2.707V11.5a.5.5 0 0 1-1 0V2.707L5.354 4.854a.5.5 0 1 1-.708-.708l3-3z"/></svg>');--icon-select: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');--icon-radio: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" viewBox="0 0 16 16"><circle cx="8" cy="8" r="8"/></svg>');--icon-check: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" viewBox="0 0 16 16"><path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z"/></svg>');--icon-switch: var(--icon-radio);--layout-width: 1280px;--layout-gap-block: 1rem;--layout-gap-inline: 1rem;--layout-columns: 1}@media(min-width:720px){:root{--layout-columns: 6;--layout-gap-block: 1rem;--layout-gap-inline: 1rem}}@media(min-width:1024px){:root{--layout-columns: 12;--layout-gap-block: 2rem;--layout-gap-inline: 2rem}}@media(min-width:1440px){:root{--layout-columns: 12;--layout-gap-block: 4rem;--layout-gap-inline: 2rem}}*:where(:not(iframe,canvas,img,video,abbr,b,strong,i,em,cite,s,u,sub,sup,mark,code,svg,defs,g,path,rect,circle,line,text)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}img,picture,video,audio,canvas,figure{max-width:100%;display:block}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}svg{width:1em;height:1em;vertical-align:-.125em;pointer-events:none}table{width:100%;border-collapse:collapse;border-spacing:0}summary{list-style:none}[hidden=true],[hidden=""]{display:none!important}[aria-controls]:not(:has([data-handle])),[data-handle]{cursor:pointer}[draggable]:not(:has([data-handle=sortable])),[draggable] [data-handle=sortable]{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:auto;-webkit-user-drag:element;-webkit-touch-callout:none;touch-action:none}[draggable][aria-grabbed=true],[draggable][aria-grabbed=true] [data-handle=sortable]{cursor:grabbing}@media screen and (prefers-reduced-motion:no-preference){:has(:target){scroll-behavior:smooth}}body{font-size:var(--font-size, 1rem);line-height:var(--line-height, 1.5);font-family:var(--font-family, default);font-weight:var(--font-weight, normal);word-spacing:var(--word-spacing, normal);letter-spacing:var(--letter-spacing, normal);color:var(--color-font, black);background-color:var(--color-body, white);overflow-x:hidden;margin-right:calc(100% - 100vw)}body[data-preload] *{transition-duration:0s!important}[inert]{overflow:hidden;pointer-events:none;touch-action:none}html,body{height:100%;margin:0;padding:0}body{--layout-content-width: minmax(0, calc((var(--layout-width, 1280) - ((var(--layout-columns, 12) - 1) * var(--layout-gap-inline, 1rem))) / var(--layout-columns, 12)));min-height:100vh;display:grid;grid-template-columns:[full-start] minmax(var(--layout-gap-inline, 1rem),1fr) [content-start] repeat(var(--layout-columns, 12),var(--layout-content-width)) [content-end] minmax(var(--layout-gap-inline, 1rem),1fr) [full-end];grid-template-rows:auto 1fr auto;gap:var(--layout-gap-block, 1rem) var(--layout-gap-inline, 1rem)}@media screen and (prefers-reduced-motion:no-preference){body:not([data-preload]){transition:all .5s ease-in-out}}body>header,body>main,body>footer{grid-column:full;display:grid;grid-template-columns:subgrid;gap:var(--subgrid-gap-block, 0) var(--subgrid-gap-inline, var(--layout-gap-inline, 1rem))}body>header .container,body>main .container,body>footer .container{grid-column:content}body>header .container-full,body>main .container-full,body>footer .container-full{grid-column:full}body>header .subgrid,body>main .subgrid,body>footer .subgrid{display:grid;grid-template-columns:subgrid;gap:var(--subgrid-gap-block, 0) var(--subgrid-gap-inline, var(--layout-gap-inline, 1rem))}h1{font-size:var(--font-size-h1);font-weight:var(--heading-font-weight, var(--font-weight));line-height:var(--heading-line-height, var(--line-height));color:var(--heading-color, var(--color-font, currentColor));text-wrap:balance}h2{font-size:var(--font-size-h2);font-weight:var(--heading-font-weight, var(--font-weight));line-height:var(--heading-line-height, var(--line-height));color:var(--heading-color, var(--color-font, currentColor));text-wrap:balance}h3{font-size:var(--font-size-h3);font-weight:var(--heading-font-weight, var(--font-weight));line-height:var(--heading-line-height, var(--line-height));color:var(--heading-color, var(--color-font, currentColor));text-wrap:balance}h4{font-size:var(--font-size-h4);font-weight:var(--heading-font-weight, var(--font-weight));line-height:var(--heading-line-height, var(--line-height));color:var(--heading-color, var(--color-font, currentColor));text-wrap:balance}h5{font-size:var(--font-size-h5);font-weight:var(--heading-font-weight, var(--font-weight));line-height:var(--heading-line-height, var(--line-height));color:var(--heading-color, var(--color-font, currentColor));text-wrap:balance}h6{font-size:var(--font-size-h6);font-weight:var(--heading-font-weight, var(--font-weight));line-height:var(--heading-line-height, var(--line-height));color:var(--heading-color, var(--color-font, currentColor));text-wrap:balance}a,button[role=link]{cursor:pointer;-webkit-text-decoration:var(--anchor-decoration, var(--decoration));text-decoration:var(--anchor-decoration, var(--decoration));color:var(--anchor-color, currentColor)}a:hover,button[role=link]:hover{color:var(--anchor-hover-color, var(--anchor-color, currentColor))}a:focus,a:focus-visible,button[role=link]:focus,button[role=link]:focus-visible{color:var(--anchor-focus-color, var(--anchor-hover-color, var(--anchor-color, currentColor)));outline:var(--anchor-outline-size, var(--outline-size)) var(--anchor-outline-style, var(--outline-style)) var(--anchor-outline-color, var(--outline-color, color-mix(in srgb, var(--focus-color, currentColor), transparent var(--focus-percent))));outline-offset:var(--anchor-outline-offset, var(--outline-offset))}a:active,a[aria-current],a[aria-selected=true],button[role=link]:active,button[role=link][aria-current],button[role=link][aria-selected=true]{color:var(--anchor-active-color, var(--nav-hover-color, var(--nav-color, currentColor)))}a:disabled,a:is(a):not([href]),button[role=link]:disabled,button[role=link]:is(a):not([href]){pointer-events:none;opacity:var(--anchor-disabled-opacity, var(--disabled-opacity))}a[target=_blank]:after,button[role=link][target=_blank]:after{content:"";display:inline-block;width:.825em;height:.825em;vertical-align:baseline;margin-inline-start:.25em;background-color:currentColor;-webkit-mask-image:var(--icon-external);mask-image:var(--icon-external);-webkit-mask-size:cover;mask-size:cover}small{font-size:var(--font-size-small)}mark{padding:var(--mark-padding-block, .175em) var(--mark-padding-inline, .175em);background-color:var(--mark-background, #fff3cd)}kbd{white-space:nowrap;padding:var(--kbd-padding-block, .25em) var(--kbd-padding-inline, .375em);font-family:var(--kbd-font-family, monospace);color:var(--kbd-color, var(--color-body));background-color:var(--kbd-background, var(--color-font));border-radius:var(--kbd-border-radius, var(--border-radius))}:not(pre)>code{white-space:nowrap;padding:var(--code-padding-block, .25em) var(--code-padding-inline, .375em);font-family:var(--code-font-family, monospace);color:var(--code-color, currentColor);background-color:var(--code-background, #f5f2f0);border-radius:var(--code-border-radius, var(--border-radius))}ins{color:var(--color-success, green)}del{text-decoration:line-through;color:var(--color-error, red)}pre{white-space:nowrap;padding:var(--pre-padding-block, 1em) var(--pre-padding-inline, 1em);font-family:var(--pre-font-family, monospace);color:var(--pre-color, currentColor);background-color:var(--pre-background, #f5f2f0);border-radius:var(--pre-border-radius, var(--border-radius))}ul,ol{padding-left:var(--list-offset, 1.25rem)}ul{list-style:var(--list-bullet, disc)}ol{list-style:var(--list-bullet, decimal)}hr{border-top:var(--hr-border-size, 1px) var(--hr-border-style, solid) var(--hr-border-color, currentColor)}img{width:var(--image-width, auto);height:var(--image-height, auto);-o-object-fit:var(--image-fit, cover);object-fit:var(--image-fit, cover);-o-object-position:var(--image-position, center);object-position:var(--image-position, center);aspect-ratio:var(--image-ratio, auto)}video{width:var(--video-width, 100%);height:var(--video-height, auto);-o-object-fit:var(--video-fit, cover);object-fit:var(--video-fit, cover);-o-object-position:var(--video-position, center);object-position:var(--video-position, center);aspect-ratio:var(--video-ratio, 16/9)}audio{width:var(--audio-width, 100%)}figcaption{color:var(--caption-color, currentColor);font-size:var(--caption-font-size, var(--font-size-small));margin:var(--caption-margin-block, .5rem) var(--caption-margin-inline, 0)}.badge{display:inline-block;font-size:var(--badge-font-size, var(--font-size-small));line-height:1;color:var(--badge-color, var(--color-font));background-color:var(--badge-background, color-mix(in srgb, transparent, var(--hover-color) var(--hover-percent)));border:var(--badge-border-size, var(--border-size)) var(--badge-border-style, var(--border-style)) var(--badge-border-color, transparent);border-radius:var(--badge-border-radius, var(--border-radius));padding:var(--badge-padding-block, .25em) var(--badge-padding-inline, .375em)}.breadcrumb{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;justify-content:start;align-items:center;gap:0}.breadcrumb li:not(:last-child):after{content:var(--breadcrumb-divider, "/");color:var(--breadcrumb-divider-color, currentColor);margin-inline:var(--breadcrumb-gap, .5rem)}.breadcrumb a{--anchor-decoration: var(--breadcrumb-decoration, currentColor);--anchor-color: var(--breadcrumb-color, currentColor);--anchor-hover-color: var(--breadcrumb-hover-color, var(--breadcrumb-color, currentColor));--anchor-active-color: var(--breadcrumb-active-color, var(--breadcrumb-hover-color, var(--breadcrumb-color, currentColor)));--anchor-disabled-opacity: var(--breadcrumb-disabled-opacity, var(--disabled-opacity))}button:not([role=link]),[type=button],[type=reset],[type=submit],[role=button]{display:inline-block;text-align:center;color:var(--button-color, var(--color-font));background-color:var(--button-background, transparent);border:var(--button-border-size, var(--border-size)) var(--button-border-style, var(--border-style)) var(--button-border-color, transparent);border-radius:var(--button-border-radius, var(--border-radius));padding:var(--button-padding-block, var(--padding-block)) var(--button-padding-inline, var(--padding-inline));cursor:var(--button-cursor, pointer);-webkit-text-decoration:var(--button-decoration, var(--decoration));text-decoration:var(--button-decoration, var(--decoration))}@media screen and (prefers-reduced-motion:no-preference){button:not([role=link]),[type=button],[type=reset],[type=submit],[role=button]{transition:var(--button-transition, all .25s ease-in-out)}}button:not([role=link]):hover,[type=button]:hover,[type=reset]:hover,[type=submit]:hover,[role=button]:hover{color:var(--button-hover-color, var(--button-color, var(--color-font)));background-color:var(--button-hover-background, color-mix(in srgb, var(--button-background, transparent), var(--hover-color) var(--hover-percent)));border-color:var(--button-hover-border-color, var(--button-border-color, transparent))}button:not([role=link]):focus,button:not([role=link]):focus-visible,[type=button]:focus,[type=button]:focus-visible,[type=reset]:focus,[type=reset]:focus-visible,[type=submit]:focus,[type=submit]:focus-visible,[role=button]:focus,[role=button]:focus-visible{color:var(--button-focus-color, var(--button-hover-color, var(--button-color, var(--color-font))));background-color:var(--button-focus-background, var(--button-hover-background, color-mix(in srgb, var(--button-background, transparent), var(--hover-color) var(--hover-percent))));border-color:var(--button-focus-border-color, var(--button-hover-border-color, var(--button-border-color, transparent)));outline:var(--button-outline-size, var(--outline-size)) var(--button-outline-style, var(--outline-style)) var(--button-outline-color, var(--outline-color, color-mix(in srgb, var(--focus-color, var(--button-color, var(--color-font))), transparent var(--focus-percent))));outline-offset:var(--button-outline-offset, var(--outline-offset))}button:not([role=link]):active,button:not([role=link])[aria-current],button:not([role=link])[aria-selected=true],button:not([role=link])[aria-pressed=true],[type=button]:active,[type=button][aria-current],[type=button][aria-selected=true],[type=button][aria-pressed=true],[type=reset]:active,[type=reset][aria-current],[type=reset][aria-selected=true],[type=reset][aria-pressed=true],[type=submit]:active,[type=submit][aria-current],[type=submit][aria-selected=true],[type=submit][aria-pressed=true],[role=button]:active,[role=button][aria-current],[role=button][aria-selected=true],[role=button][aria-pressed=true]{color:var(--button-active-color, var(--button-hover-color, var(--button-color, var(--color-font))));background-color:var(--button-active-background, var(--button-hover-background, color-mix(in srgb, var(--button-background, transparent), var(--active-color) var(--active-percent))));border-color:var(--button-active-border-color, var(--button-hover-border-color, var(--button-border-color, transparent)))}button:not([role=link]):disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,[role=button]:disabled{pointer-events:none;opacity:var(--button-disabled-opacity, var(--disabled-opacity))}button:not([role=link]):is(a):not([href]),[type=button]:is(a):not([href]),[type=reset]:is(a):not([href]),[type=submit]:is(a):not([href]),[role=button]:is(a):not([href]){pointer-events:none;opacity:var(--button-disabled-opacity, var(--disabled-opacity))}.card{color:var(--card-color, var(--color-font));background-color:var(--card-background, transparent);border:var(--card-border-size, var(--border-size)) var(--card-border-style, var(--border-style)) var(--card-border-color, transparent);border-radius:var(--card-border-radius, var(--border-radius));padding:var(--card-padding-block, 1rem) var(--card-padding-inline, 1rem)}.card>header,.card>footer,.card>.flush{margin-inline:calc(var(--card-padding-inline, 1rem) * -1)}.card>header,.card>footer{padding:calc(var(--card-padding-block, 1rem) / 2) var(--card-padding-inline, 1rem)}.card>header,.card>:first-child:is(.flush){margin-top:calc(var(--card-padding-block, 1rem) * -1);border-start-start-radius:inherit;border-start-end-radius:inherit;border-bottom:var(--card-divider-size, var(--card-border-size, var(--border-size))) var(--card-divider-style, var(--card-border-style, var(--border-style))) var(--card-divider-color, var(--card-border-color, transparent))}.card>footer,.card>:last-child:is(.flush){margin-bottom:calc(var(--card-padding-block, 1rem) * -1);border-end-start-radius:inherit;border-end-end-radius:inherit;border-top:var(--card-divider-size, var(--card-border-size, var(--border-size))) var(--card-divider-style, var(--card-border-style, var(--border-style))) var(--card-divider-color, var(--card-border-color, transparent))}.card>:not(:first-child,:last-child):is(.flush){border-top:var(--card-divider-size, var(--card-border-size, var(--border-size))) var(--card-divider-style, var(--card-border-style, var(--border-style))) var(--card-divider-color, var(--card-border-color, transparent));border-bottom:var(--card-divider-size, var(--card-border-size, var(--border-size))) var(--card-divider-style, var(--card-border-style, var(--border-style))) var(--card-divider-color, var(--card-border-color, transparent))}.card>.flush{border-radius:0}.card>picture.flush{max-width:inherit;overflow:hidden}.card>picture.flush>img{width:100%}.card>.flush.list>*{border-inline:none!important}.card>.flush.list>*:has(>a[role=button]:only-child,>button:only-child)>*{border-inline:none!important}.card>.flush.list>*:first-child,.card>.flush.list>*:first-child>:only-child{border-top:none!important;border-start-start-radius:inherit!important;border-start-end-radius:inherit!important}.card>.flush.list>*:last-child,.card>.flush.list>*:last-child>:only-child{border-bottom:none!important;border-end-start-radius:inherit!important;border-end-end-radius:inherit!important}.card>.flush.group>*{width:100%;border-radius:inherit}.card>.flush.group>*:first-child{border-left:none}.card>.flush.group>*:last-child{border-right:none}.card>.flush.group:is(:first-child)>*{border-top:none}.card>.flush.group:is(:last-child)>*{border-bottom:none}dialog{position:fixed;inset:var(--dialog-position, 0);margin:auto;width:var(--dialog-width, 576px);height:var(--dialog-height, -moz-fit-content);height:var(--dialog-height, fit-content);max-width:var(--dialog-max-width, 100dvw);max-height:var(--dialog-max-height, 100dvh);overflow:auto;color:var(--dialog-color, var(--color-font));background-color:var(--dialog-background, var(--color-body));border:var(--dialog-border-size, var(--border-size)) var(--dialog-border-style, var(--border-style)) var(--dialog-border-color, transparent);border-radius:var(--dialog-border-radius, var(--border-radius));padding:var(--dialog-padding-block, 2rem) var(--dialog-padding-inline, 2rem)}@media screen and (prefers-reduced-motion:no-preference){dialog{animation:var(--dialog-close-animation, close-dialog .25s ease-in-out)}}dialog[open]{z-index:var(--dialog-index, 1);pointer-events:auto}@media screen and (prefers-reduced-motion:no-preference){dialog[open]{animation:var(--dialog-open-animation, open-dialog .25s ease-in-out)}}dialog::backdrop{background:var(--dialog-backdrop-background, var(--backdrop-color, rgba(0, 0, 0, .75)));backdrop-filter:var(--dialog-backdrop-filter, var(--backdrop-filter, blur(.5rem)));-webkit-backdrop-filter:var(--dialog-backdrop-filter, var(--backdrop-filter, blur(.5rem)))}dialog>header,dialog>footer{margin-inline:calc(var(--dialog-padding-inline, 2rem) * -1);padding:calc(var(--dialog-padding-block, 2rem) / 2) var(--dialog-padding-inline, 2rem)}dialog>header{margin-top:calc(var(--dialog-padding-block, 2rem) * -1);border-start-start-radius:inherit;border-start-end-radius:inherit;border-bottom:var(--dialog-divider-size, var(--dialog-border-size, var(--border-size))) var(--dialog-divider-style, var(--dialog-border-style, var(--border-style))) var(--dialog-divider-color, var(--dialog-border-color, transparent))}dialog>footer{margin-bottom:calc(var(--dialog-padding-block, 2rem) * -1);border-end-start-radius:inherit;border-end-end-radius:inherit;border-top:var(--dialog-divider-size, var(--dialog-border-size, var(--border-size))) var(--dialog-divider-style, var(--dialog-border-style, var(--border-style))) var(--dialog-divider-color, var(--dialog-border-color, transparent))}@keyframes open-dialog{0%{opacity:0;transform:var(--dialog-open-transform, translateY(100px));display:none}to{opacity:1;transform:none;display:block}}@keyframes close-dialog{0%{opacity:1;transform:none;display:block}to{opacity:0;transform:var(--dialog-close-transform, translateY(100px));display:none}}details>summary{color:var(--disclosure-color, var(--color-font));background-color:var(--disclosure-background, transparent);border:var(--disclosure-border-size, var(--border-size)) var(--disclosure-border-style, var(--border-style)) var(--disclosure-border-color, transparent);border-radius:var(--disclosure-border-radius, var(--border-radius));padding:var(--disclosure-padding-block, var(--padding-block)) var(--disclosure-padding-inline, var(--padding-inline));cursor:var(--disclosure-cursor, pointer);-webkit-text-decoration:var(--disclosure-decoration, var(--decoration));text-decoration:var(--disclosure-decoration, var(--decoration))}@media screen and (prefers-reduced-motion:no-preference){details>summary{transition:var(--disclosure-transition, all .25s ease-in-out)}}details>summary:hover{color:var(--disclosure-hover-color, var(--disclosure-color, var(--color-font)));background-color:var(--disclosure-hover-background, color-mix(in srgb, var(--disclosure-background, transparent), var(--hover-color) var(--hover-percent)));border-color:var(--disclosure-hover-border-color, var(--disclosure-border-color, transparent))}details>summary:focus,details>summary:focus-visible{color:var(--disclosure-focus-color, var(--disclosure-hover-color, var(--disclosure-color, var(--color-font))));background-color:var(--disclosure-focus-background, var(--disclosure-hover-background, color-mix(in srgb, var(--disclosure-background, transparent), var(--hover-color) var(--hover-percent))));border-color:var(--disclosure-focus-border-color, var(--disclosure-hover-border-color, var(--disclosure-border-color, transparent)));outline:var(--disclosure-outline-size, var(--outline-size)) var(--disclosure-outline-style, var(--outline-style)) var(--disclosure-outline-color, var(--outline-color, color-mix(in srgb, var(--focus-color, var(--disclosure-color, var(--color-font))), transparent var(--focus-percent))));outline-offset:var(--disclosure-outline-offset, var(--outline-offset))}@media screen and (prefers-reduced-motion:no-preference){details>summary>svg{transition:var(--disclosure-transition, all .25s ease-in-out)}}details>div{color:var(--disclosure-color, var(--color-font));background-color:var(--disclosure-background, transparent);border:var(--disclosure-border-size, var(--border-size)) var(--disclosure-border-style, var(--border-style)) var(--disclosure-border-color, transparent);border-radius:var(--disclosure-border-radius, var(--border-radius));padding:var(--disclosure-padding-block, var(--padding-block)) var(--disclosure-padding-inline, var(--padding-inline))}details[open] summary{color:var(--disclosure-active-color, var(--disclosure-color, var(--color-font)));background-color:var(--disclosure-active-background, color-mix(in srgb, var(--disclosure-background, transparent), var(--active-color) var(--active-percent)));border-color:var(--disclosure-active-border-color, var(--disclosure-border-color, transparent))}details[open] summary>svg{transform:var(--disclosure-svg-transform, rotate(90deg))}.accordion>details+details>summary,.accordion>details>div{border-top:none!important}.accordion>details:not(:first-child,:last-child)>summary,.accordion>details:not(:last-child)>div{border-radius:0}.accordion>details:last-child[open]>summary{border-end-start-radius:0;border-end-end-radius:0}.accordion>details:last-child[open]>div{border-start-start-radius:0;border-start-end-radius:0}.accordion>details:not(:only-child):first-child>summary{border-end-start-radius:0;border-end-end-radius:0}.accordion>details:not(:only-child):last-child>summary{border-start-start-radius:0;border-start-end-radius:0}.drawer{display:var(--drawer-display, block);background-color:var(--drawer-background, var(--color-body));position:fixed;z-index:var(--drawer-index, 2);inset:var(--drawer-position, auto 0 auto auto);width:var(--drawer-width, 320px);height:var(--drawer-height, 100vh);max-width:var(--drawer-max-width, 80dvw);max-height:var(--drawer-max-height, 100dvh);transform-origin:var(--drawer-origin, left);transform:none;pointer-events:initial;visibility:visible;transform:translate(0);opacity:1}@media screen and (prefers-reduced-motion:no-preference){.drawer{transition:var(--drawer-animation, all .5s ease-in-out)}}.drawer[hidden]{pointer-events:none;overflow:hidden;visibility:hidden;transform:var(--drawer-transform, translatex(100%));opacity:0;display:var(--drawer-display, block)!important}.drawer-button rect{transform-origin:center}@media screen and (prefers-reduced-motion:no-preference){.drawer-button rect{transition:y .25s ease-in-out .25s,rotate .25s ease-in-out}}@media screen and (prefers-reduced-motion:no-preference){.drawer-button[aria-expanded=true] rect{transition:y .25s ease-in-out,rotate .25s ease-in-out .25s}}.drawer-button[aria-expanded=true] rect:first-child{y:calc(50% - var(--svg-line-size, 10px) / 2);rotate:45deg}.drawer-button[aria-expanded=true] rect:not(:first-child,:last-child){opacity:0}.drawer-button[aria-expanded=true] rect:last-child{y:calc(50% - var(--svg-line-size, 10px) / 2);rotate:-45deg}body #backdrop{position:fixed;inset:0;z-index:1;background:var(--drawer-backdrop-background, var(--backdrop-color, rgba(0, 0, 0, .75)));-webkit-backdrop-filter:var(--drawer-backdrop-filter, var(--backdrop-filter, blur(.5rem)));backdrop-filter:var(--drawer-backdrop-filter, var(--backdrop-filter, blur(.5rem)));pointer-events:none;visibility:hidden;opacity:0}@media screen and (prefers-reduced-motion:no-preference){body #backdrop{transition:all .5s ease-in-out}}@media(max-width:960px){body:has(.drawer:not([hidden])) #backdrop{visibility:visible;pointer-events:initial;opacity:1}}.dropdown-js{position:relative;display:inline-block}.dropdown-js>[aria-controls]{width:100%;white-space:nowrap}@media screen and (prefers-reduced-motion:no-preference){.dropdown-js>[aria-controls]>svg{transition:var(--dropdown-transition, all .25s ease-in-out)}}.dropdown-js>[aria-controls][aria-expanded=true]>svg{transform:var(--dropdown-svg-transform, rotate(-180deg))}.dropdown-js>*:not([aria-controls]){position:absolute;z-index:var(--dropdown-index, 1);top:calc(100% + var(--dropdown-offset, .5rem))}.dropdown-js>*:not([aria-controls]):not(ul,ol){color:var(--dropdown-color, var(--color-font));background-color:var(--dropdown-background, var(--color-body));border:var(--dropdown-border-size, var(--border-size)) var(--dropdown-border-style, var(--border-style)) var(--dropdown-border-color, transparent);border-radius:var(--dropdown-border-radius, var(--border-radius));padding:var(--dropdown-padding-block, var(--padding-block)) var(--dropdown-padding-inline, var(--padding-inline))}.dropdown-js>*:not([aria-controls]):is(ul,ol){margin:0;padding:0;border-radius:var(--dropdown-border-radius, var(--border-radius));background-color:var(--dropdown-background, var(--color-body))}.dropdown-js>*:not([aria-controls]):is(ul,ol):is(ul,ol){list-style:none}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*{position:relative;margin:0;text-align:var(--list-text-align, left)}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*{display:block;width:100%;text-align:var(--list-text-align, left);color:var(--dropdown-color, var(--color-font));background-color:var(--dropdown-background, var(--color-body));border:var(--dropdown-border-size, var(--border-size)) var(--dropdown-border-style, var(--border-style)) var(--dropdown-border-color, transparent);border-radius:var(--dropdown-border-radius, var(--border-radius));padding:var(--dropdown-padding-block, var(--padding-block)) var(--dropdown-padding-inline, var(--padding-inline));cursor:var(--dropdown-cursor, pointer);-webkit-text-decoration:var(--dropdown-decoration, var(--decoration));text-decoration:var(--dropdown-decoration, var(--decoration))}@media screen and (prefers-reduced-motion:no-preference){.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*{transition:var(--dropdown-transition, all .25s ease-in-out)}}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*:hover{color:var(--dropdown-hover-color, var(--dropdown-color, var(--color-font)));background-color:var(--dropdown-hover-background, color-mix(in srgb, var(--dropdown-background, var(--color-body)), var(--hover-color) var(--hover-percent)));border-color:var(--dropdown-hover-border-color, var(--dropdown-border-color, transparent))}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*:focus,.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*:focus-visible{color:var(--dropdown-focus-color, var(--dropdown-hover-color, var(--dropdown-color, var(--color-font))));background-color:var(--dropdown-focus-background, var(--dropdown-hover-background, color-mix(in srgb, var(--dropdown-background, var(--color-body)), var(--hover-color) var(--hover-percent))));border-color:var(--dropdown-focus-border-color, var(--dropdown-hover-border-color, var(--dropdown-border-color, transparent)));outline:var(--dropdown-outline-size, var(--outline-size)) var(--dropdown-outline-style, var(--outline-style)) var(--dropdown-outline-color, var(--outline-color, color-mix(in srgb, var(--focus-color, var(--dropdown-color, var(--color-font))), transparent var(--focus-percent))));outline-offset:var(--dropdown-outline-offset, var(--outline-offset))}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*:active,.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-current],.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-selected=true],.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-pressed=true]{color:var(--dropdown-active-color, var(--dropdown-hover-color, var(--dropdown-color, var(--color-font))));background-color:var(--dropdown-active-background, var(--dropdown-hover-background, color-mix(in srgb, var(--dropdown-background, var(--color-body)), var(--active-color) var(--active-percent))));border-color:var(--dropdown-active-border-color, var(--dropdown-hover-border-color, var(--dropdown-border-color, transparent)))}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:has(>a[role=button]:only-child,>button:only-child)>*:disabled{pointer-events:none;opacity:var(--dropdown-disabled-opacity, var(--disabled-opacity))}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:not(:has(>a[role=button]:only-child,>button:only-child)){color:var(--dropdown-color, var(--color-font));background-color:var(--dropdown-background, var(--color-body));border:var(--dropdown-border-size, var(--border-size)) var(--dropdown-border-style, var(--border-style)) var(--dropdown-border-color, transparent);border-radius:var(--dropdown-border-radius, var(--border-radius));padding:var(--dropdown-padding-block, var(--padding-block)) var(--dropdown-padding-inline, var(--padding-inline))}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*+*,.dropdown-js>*:not([aria-controls]):is(ul,ol)>*+*>:only-child{border-top:none!important}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:not(:first-child,:last-child),.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:not(:first-child,:last-child)>:only-child{border-radius:0!important}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:not(:only-child):first-child,.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:not(:only-child):first-child>:only-child{border-end-start-radius:0!important;border-end-end-radius:0!important}.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:not(:only-child):last-child,.dropdown-js>*:not([aria-controls]):is(ul,ol)>*:not(:only-child):last-child>:only-child{border-start-start-radius:0!important;border-start-end-radius:0!important}label,fieldset legend{display:block}input,textarea,select{width:100%;vertical-align:middle;color:var(--form-color, var(--color-font));background-color:var(--form-background, transparent);border:var(--form-border-size, var(--border-size)) var(--form-border-style, var(--border-style)) var(--form-border-color, transparent);border-radius:var(--form-border-radius, var(--border-radius));padding:var(--form-padding-block, var(--padding-block)) var(--form-padding-inline, var(--padding-inline));cursor:var(--form-cursor, pointer);-webkit-text-decoration:var(--form-decoration, var(--decoration));text-decoration:var(--form-decoration, var(--decoration))}@media screen and (prefers-reduced-motion:no-preference){input,textarea,select{transition:var(--form-transition, all .25s ease-in-out)}}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible{color:var(--form-focus-color, var(--form-color, var(--color-font)));background-color:var(--form-focus-background, color-mix(in srgb, var(--form-background, transparent), var(--hover-color) var(--hover-percent)));border-color:var(--form-focus-border-color, var(--form-border-color, transparent));outline:var(--form-outline-size, var(--outline-size)) var(--form-outline-style, var(--outline-style)) var(--form-outline-color, var(--outline-color, color-mix(in srgb, var(--focus-color, var(--form-color, var(--color-font))), transparent var(--focus-percent))));outline-offset:var(--form-outline-offset, var(--outline-offset))}input:disabled,textarea:disabled,select:disabled{pointer-events:none;opacity:var(--form-disabled-opacity, var(--disabled-opacity))}textarea{resize:vertical;white-space:break-spaces}[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}[type=number]::-webkit-outer-spin-button,[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}[type=date],[type=datetime-local],[type=time],[type=file],select{background-repeat:no-repeat;background-size:1rem;background-position:calc(100% - var(--form-padding-inline, var(--padding-inline))) center}[type=date],[type=datetime-local]{background-image:var(--icon-date)}[type=time]{background-image:var(--icon-time)}@-moz-document url-prefix(){[type=date],[type=datetime-local],[type=time]{padding-right:.425rem}[type=date],[type=datetime-local]{background-image:none}}[type=file]{background-image:var(--icon-file)}[type=file]::file-selector-button{visibility:hidden;width:0;padding:0;margin:0}select{background-image:var(--icon-select)}[type=color]{height:calc(var(--font-size) * var(--line-height) + var(--form-padding-block, var(--padding-block)) * 2 + var(--form-border-size, var(--border-size)) * 2)}[type=range]{padding:calc(var(--range-size, 1rem) / 2) 0;overflow:hidden;height:var(--range-size, 1rem);border-radius:var(--range-size, 1rem)}[type=range]::-moz-range-thumb{background-color:var(--range-color, currentColor);height:var(--range-size, 1rem);width:var(--range-size, 1rem);border:none;border-radius:var(--range-size, 1rem);box-shadow:calc(-1000px - var(--range-size, 1rem) / 2) 0 0 1000px color-mix(in srgb,var(--range-color, currentColor),transparent 75%)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:var(--range-color, currentColor);height:var(--range-size, 1rem);width:var(--range-size, 1rem);border:none;border-radius:var(--range-size, 1rem);box-shadow:calc(-1000px - var(--range-size, 1rem) / 2) 0 0 1000px color-mix(in srgb,var(--range-color, currentColor),transparent 75%)}[type=radio],[type=checkbox],[type=checkbox][role=switch]{padding:0;width:1.25rem;height:1.25rem;background-repeat:no-repeat;background-position:center}[type=radio]:checked,[type=checkbox]:checked,[type=checkbox][role=switch]:checked{background-color:var(--form-active-background, currentColor);border-color:var(--form-active-border-color, currentColor)}[type=radio]:disabled:not(:checked),[type=checkbox]:disabled:not(:checked),[type=checkbox][role=switch]:disabled:not(:checked){background-color:var(--form-background, rgba(0, 0, 0, .25))}[type=radio]~label,[type=checkbox]~label,[type=checkbox][role=switch]~label{display:initial;vertical-align:middle}[type=radio]~label:not(:last-of-type),[type=checkbox]~label:not(:last-of-type),[type=checkbox][role=switch]~label:not(:last-of-type){margin-inline-end:var(--form-padding-inline, var(--padding-inline))}[type=radio]{border-radius:100%}[type=radio]:checked{background-size:50%;background-image:var(--icon-radio)}[type=checkbox]:not([role=switch]):checked{background-size:100%;background-image:var(--icon-check)}[type=checkbox][role=switch]{width:2.25rem;border-radius:1rem;background-position:.125em center;background-size:auto calc(100% - .25em);background-color:var(--form-background, rgba(0, 0, 0, .25));background-image:var(--icon-switch)}[type=checkbox][role=switch]:checked{background-position:calc(100% - .125em) center}form div:has([aria-invalid=true]) [aria-live]{color:var(--color-error)}form div:has([aria-invalid=false]) [aria-live]{color:var(--color-success)}.grid,.flex-grid{gap:var(--grid-gap-block, 1rem) var(--grid-gap-inline, 1rem);justify-content:var(--grid-justify, start);align-items:var(--grid-align, initial)}.grid{display:grid;grid-template-columns:repeat(var(--grid-min-columns, auto-fit),minmax(min(max((100% - var(--grid-gap-inline, 1rem) * (var(--grid-columns, 12) - 1)) / var(--grid-columns, 12),var(--grid-min-column-size, 0%)),100%),1fr))}.flex-grid{display:flex;flex-wrap:wrap}.flex-grid>*{flex-basis:min(max((100% - var(--grid-gap-inline, 1rem) * (var(--grid-columns, 12) - 1)) / var(--grid-columns, 12),var(--grid-min-column-size, 0%)),100%);flex-grow:var(--grid-grow, 1)}.group{display:flex}.group>*:is(label){color:var(--form-color, var(--color-font));background-color:var(--form-background, transparent);border:var(--form-border-size, var(--border-size)) var(--form-border-style, var(--border-style)) var(--form-border-color, transparent);border-radius:var(--form-border-radius, var(--border-radius));padding:var(--form-padding-block, var(--padding-block)) var(--form-padding-inline, var(--padding-inline))}.group>*+*,.group>*+:is(.dropdown-js)>[aria-controls],.group>*+:is(.dropdown)>[popovertarget]{border-left:none!important}.group>*:not(:first-child,:last-child),.group>*:not(:first-child,:last-child):is(.dropdown-js)>[aria-controls],.group>*:not(:first-child,:last-child):is(.dropdown)>[popovertarget]{border-radius:0}.group>*:not(:only-child):first-child,.group>*:not(:only-child):first-child:is(.dropdown-js)>[aria-controls],.group>*:not(:only-child):first-child:is(.dropdown)>[popovertarget]{border-start-end-radius:0;border-end-end-radius:0}.group>*:not(:only-child):last-child,.group>*:not(:only-child):last-child:is(.dropdown-js)>[aria-controls],.group>*:not(:only-child):last-child:is(.dropdown)>[popovertarget]{border-start-start-radius:0;border-end-start-radius:0}.list{margin:0;padding:0;border-radius:var(--list-border-radius, var(--border-radius));background-color:var(--list-background, transparent)}.list:is(ul,ol){list-style:none}.list>*{position:relative;margin:0;text-align:var(--list-text-align, left)}.list>*:has(>a[role=button]:only-child,>button:only-child)>*{display:block;width:100%;text-align:var(--list-text-align, left);color:var(--list-color, var(--color-font));background-color:var(--list-background, transparent);border:var(--list-border-size, var(--border-size)) var(--list-border-style, var(--border-style)) var(--list-border-color, transparent);border-radius:var(--list-border-radius, var(--border-radius));padding:var(--list-padding-block, var(--padding-block)) var(--list-padding-inline, var(--padding-inline));cursor:var(--list-cursor, pointer);-webkit-text-decoration:var(--list-decoration, var(--decoration));text-decoration:var(--list-decoration, var(--decoration))}@media screen and (prefers-reduced-motion:no-preference){.list>*:has(>a[role=button]:only-child,>button:only-child)>*{transition:var(--list-transition, all .25s ease-in-out)}}.list>*:has(>a[role=button]:only-child,>button:only-child)>*:hover{color:var(--list-hover-color, var(--list-color, var(--color-font)));background-color:var(--list-hover-background, color-mix(in srgb, var(--list-background, transparent), var(--hover-color) var(--hover-percent)));border-color:var(--list-hover-border-color, var(--list-border-color, transparent))}.list>*:has(>a[role=button]:only-child,>button:only-child)>*:focus,.list>*:has(>a[role=button]:only-child,>button:only-child)>*:focus-visible{color:var(--list-focus-color, var(--list-hover-color, var(--list-color, var(--color-font))));background-color:var(--list-focus-background, var(--list-hover-background, color-mix(in srgb, var(--list-background, transparent), var(--hover-color) var(--hover-percent))));border-color:var(--list-focus-border-color, var(--list-hover-border-color, var(--list-border-color, transparent)));outline:var(--list-outline-size, var(--outline-size)) var(--list-outline-style, var(--outline-style)) var(--list-outline-color, var(--outline-color, color-mix(in srgb, var(--focus-color, var(--list-color, var(--color-font))), transparent var(--focus-percent))));outline-offset:var(--list-outline-offset, var(--outline-offset))}.list>*:has(>a[role=button]:only-child,>button:only-child)>*:active,.list>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-current],.list>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-selected=true],.list>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-pressed=true]{color:var(--list-active-color, var(--list-hover-color, var(--list-color, var(--color-font))));background-color:var(--list-active-background, var(--list-hover-background, color-mix(in srgb, var(--list-background, transparent), var(--active-color) var(--active-percent))));border-color:var(--list-active-border-color, var(--list-hover-border-color, var(--list-border-color, transparent)))}.list>*:has(>a[role=button]:only-child,>button:only-child)>*:disabled{pointer-events:none;opacity:var(--list-disabled-opacity, var(--disabled-opacity))}.list>*:not(:has(>a[role=button]:only-child,>button:only-child)){color:var(--list-color, var(--color-font));background-color:var(--list-background, transparent);border:var(--list-border-size, var(--border-size)) var(--list-border-style, var(--border-style)) var(--list-border-color, transparent);border-radius:var(--list-border-radius, var(--border-radius));padding:var(--list-padding-block, var(--padding-block)) var(--list-padding-inline, var(--padding-inline))}.list>*+*,.list>*+*>:only-child{border-top:none!important}.list>*:not(:first-child,:last-child),.list>*:not(:first-child,:last-child)>:only-child{border-radius:0!important}.list>*:not(:only-child):first-child,.list>*:not(:only-child):first-child>:only-child{border-end-start-radius:0!important;border-end-end-radius:0!important}.list>*:not(:only-child):last-child,.list>*:not(:only-child):last-child>:only-child{border-start-start-radius:0!important;border-start-end-radius:0!important}[aria-busy=true]{white-space:nowrap;pointer-events:none}[aria-busy=true]:before{content:"";display:inline-block;width:1em;height:1em;vertical-align:-.125em;border:2px solid currentColor;border-radius:1em;border-right-color:transparent}@media screen and (prefers-reduced-motion:no-preference){[aria-busy=true]:before{animation:busy-spinner 1s linear infinite}}[aria-busy=true]:not(:empty):before{margin-inline-end:.5rem}[aria-busy=true]:empty{text-align:center}@keyframes busy-spinner{to{transform:rotate(360deg)}}[popovertarget]{anchor-name:--popover-anchor}[popover]{position:absolute;position-anchor:--popover-anchor;position-area:var(--popover-area);inset:var(--popover-inset, anchor(bottom) auto auto anchor(start));color:var(--popover-color, var(--color-font));background-color:var(--popover-background, var(--color-body));border:var(--popover-border-size, var(--border-size)) var(--popover-border-style, var(--border-style)) var(--popover-border-color, transparent);border-radius:var(--popover-border-radius, var(--border-radius));padding:var(--popover-padding-block, var(--padding-block)) var(--popover-padding-inline, var(--padding-inline))}.popover,.dropdown{anchor-scope:--popover-anchor}@media screen and (prefers-reduced-motion:no-preference){.dropdown [popovertarget]>svg{transition:var(--dropdown-transition, all .25s ease-in-out)}}.dropdown:has(:popover-open) [popovertarget]>svg{transform:var(--dropdown-svg-transform, rotate(-180deg))}.dropdown [popover]{margin:0;padding:0;border-radius:var(--dropdown-border-radius, var(--border-radius));background-color:var(--dropdown-background, var(--color-body))}.dropdown [popover]:is(ul,ol){list-style:none}.dropdown [popover]>*{position:relative;margin:0;text-align:var(--list-text-align, left)}.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*{display:block;width:100%;text-align:var(--list-text-align, left);color:var(--dropdown-color, var(--color-font));background-color:var(--dropdown-background, var(--color-body));border:var(--dropdown-border-size, var(--border-size)) var(--dropdown-border-style, var(--border-style)) var(--dropdown-border-color, transparent);border-radius:var(--dropdown-border-radius, var(--border-radius));padding:var(--dropdown-padding-block, var(--padding-block)) var(--dropdown-padding-inline, var(--padding-inline));cursor:var(--dropdown-cursor, pointer);-webkit-text-decoration:var(--dropdown-decoration, var(--decoration));text-decoration:var(--dropdown-decoration, var(--decoration))}@media screen and (prefers-reduced-motion:no-preference){.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*{transition:var(--dropdown-transition, all .25s ease-in-out)}}.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*:hover{color:var(--dropdown-hover-color, var(--dropdown-color, var(--color-font)));background-color:var(--dropdown-hover-background, color-mix(in srgb, var(--dropdown-background, var(--color-body)), var(--hover-color) var(--hover-percent)));border-color:var(--dropdown-hover-border-color, var(--dropdown-border-color, transparent))}.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*:focus,.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*:focus-visible{color:var(--dropdown-focus-color, var(--dropdown-hover-color, var(--dropdown-color, var(--color-font))));background-color:var(--dropdown-focus-background, var(--dropdown-hover-background, color-mix(in srgb, var(--dropdown-background, var(--color-body)), var(--hover-color) var(--hover-percent))));border-color:var(--dropdown-focus-border-color, var(--dropdown-hover-border-color, var(--dropdown-border-color, transparent)));outline:var(--dropdown-outline-size, var(--outline-size)) var(--dropdown-outline-style, var(--outline-style)) var(--dropdown-outline-color, var(--outline-color, color-mix(in srgb, var(--focus-color, var(--dropdown-color, var(--color-font))), transparent var(--focus-percent))));outline-offset:var(--dropdown-outline-offset, var(--outline-offset))}.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*:active,.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-current],.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-selected=true],.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*[aria-pressed=true]{color:var(--dropdown-active-color, var(--dropdown-hover-color, var(--dropdown-color, var(--color-font))));background-color:var(--dropdown-active-background, var(--dropdown-hover-background, color-mix(in srgb, var(--dropdown-background, var(--color-body)), var(--active-color) var(--active-percent))));border-color:var(--dropdown-active-border-color, var(--dropdown-hover-border-color, var(--dropdown-border-color, transparent)))}.dropdown [popover]>*:has(>a[role=button]:only-child,>button:only-child)>*:disabled{pointer-events:none;opacity:var(--dropdown-disabled-opacity, var(--disabled-opacity))}.dropdown [popover]>*:not(:has(>a[role=button]:only-child,>button:only-child)){color:var(--dropdown-color, var(--color-font));background-color:var(--dropdown-background, var(--color-body));border:var(--dropdown-border-size, var(--border-size)) var(--dropdown-border-style, var(--border-style)) var(--dropdown-border-color, transparent);border-radius:var(--dropdown-border-radius, var(--border-radius));padding:var(--dropdown-padding-block, var(--padding-block)) var(--dropdown-padding-inline, var(--padding-inline))}.dropdown [popover]>*+*,.dropdown [popover]>*+*>:only-child{border-top:none!important}.dropdown [popover]>*:not(:first-child,:last-child),.dropdown [popover]>*:not(:first-child,:last-child)>:only-child{border-radius:0!important}.dropdown [popover]>*:not(:only-child):first-child,.dropdown [popover]>*:not(:only-child):first-child>:only-child{border-end-start-radius:0!important;border-end-end-radius:0!important}.dropdown [popover]>*:not(:only-child):last-child,.dropdown [popover]>*:not(:only-child):last-child>:only-child{border-start-start-radius:0!important;border-start-end-radius:0!important}progress{display:inline-block;vertical-align:middle;width:var(--progress-width, 100%);height:var(--progress-height, 1rem);background-color:var(--progress-background, color-mix(in srgb, var(--progress-color, currentColor), transparent 75%));border-radius:var(--progress-border-radius, 1rem);overflow:hidden}progress::-webkit-progress-bar{background:none}progress::-webkit-progress-value{background-color:var(--progress-color, currentColor)}progress::-moz-progress-bar{background-color:var(--progress-color, currentColor)}.slider{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc(100% / var(--slider-columns, 1) - var(--slider-gap, 0rem));gap:var(--slider-gap, 0);overflow:hidden}table th,table td{padding:var(--table-padding-block, var(--padding-block)) var(--table-padding-inline, var(--padding-inline));text-align:var(--table-align-inline, left);vertical-align:var(--table-align-block, middle)}table tr:not(:first-child){border-top:var(--table-border-size, var(--border-size)) var(--table-border-style, var(--border-style)) var(--table-border-color, transparent)}table thead+tbody>tr:first-child,table tfoot>tr:first-child{border-top:var(--table-divider-size, var(--table-border-size, var(--border-size))) var(--table-divider-style, var(--table-border-style, var(--border-style))) var(--table-divider-color, var(--table-border-color, transparent))}