@arbeidstilsynet/design-css 0.5.0 → 0.7.0

package/dist/src/index.css

@@ -19,9 +19,9 @@
     --ds-border-width-default
   );--dsc-details-border-block-width:var(--dsc-details-border-block-wdith);--dsc-details-border-block-style:solid;--dsc-details-border-color:var(--ds-color-border-subtle);--dsc-details-icon-gap:var(--ds-size-2);--dsc-details-icon-size:var(--ds-size-6);--dsc-details-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E");--dsc-details-padding:var(--ds-size-2) var(--ds-size-4);--dsc-details-size:var(--ds-size-14);--dsc-details-background:var(--ds-color-surface-default);--dsc-details-summary-color:var(--ds-color-text-default);--dsc-details-summary-background--hover:var(--ds-color-surface-tinted);--dsc-details-summary-background--open:var(--ds-color-surface-tinted);--dsc-details-summary-background:var(--ds-color-surface-default);background:var(--dsc-details-background);border-block-style:var(--dsc-details-border-block-style);border-block-width:var(--dsc-details-border-block-width);border-color:var(--dsc-details-border-color);box-sizing:border-box}.ds-details+.ds-details{border-top:0;margin-top:0}.ds-details[data-variant=default]{--dsc-details-background:var(--ds-color-surface-default);--dsc-details-summary-background--hover:var(--ds-color-surface-tinted);--dsc-details-summary-background--open:var(--ds-color-surface-tinted);--dsc-details-summary-background:var(--ds-color-surface-default)}.ds-card[data-variant=tinted] .ds-details,.ds-details[data-variant=tinted]{--dsc-details-background:var(--ds-color-surface-tinted);--dsc-details-summary-background--hover:var(--ds-color-surface-hover);--dsc-details-summary-background--open:var(--ds-color-surface-hover);--dsc-details-summary-background:var(--ds-color-surface-tinted);--dsc-details-border-color:var(--ds-color-border-subtle)}.ds-details>summary::-webkit-details-marker{display:none}.ds-details>:is(summary,u-summary){align-items:center;background:var(--dsc-details-summary-background);box-sizing:border-box;color:var(--dsc-details-summary-color);cursor:pointer;gap:var(--dsc-details-icon-gap);list-style:none;min-height:var(--dsc-details-size);outline:none;padding:var(--dsc-details-padding);position:relative}:is(.ds-details>:is(summary,u-summary)):not([hidden]){display:flex}:is(.ds-details>:is(summary,u-summary)):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(.ds-details>:is(summary,u-summary)):focus-visible *{--_ds--focus: }:is(.ds-details>:is(summary,u-summary)){-webkit-print-color-adjust:exact;print-color-adjust:exact}:is(.ds-details>:is(summary,u-summary)):before{all:unset;background:currentcolor;border-radius:var(--ds-border-radius-md);content:"";flex-shrink:0;height:var(--dsc-details-icon-size);-webkit-mask:50%/contain no-repeat var(--dsc-details-icon-url);mask:50%/contain no-repeat var(--dsc-details-icon-url);width:var(--dsc-details-icon-size)}@media (forced-colors:active){.ds-details>:is(summary,u-summary){color:ButtonText}:is(.ds-details>:is(summary,u-summary)):before{background:ButtonText}}.ds-details[open]>:is(summary,u-summary){background:var(--dsc-details-summary-background--open)}:is(.ds-details[open]>:is(summary,u-summary)):before{rotate:180deg}@media (hover:hover) and (pointer:fine){.ds-details :is(summary,u-summary):hover{background:var(--dsc-details-summary-background--hover)}}@media (prefers-reduced-motion:no-preference){.ds-details{interpolate-size:allow-keywords}}.ds-details::part(details-content){block-size:0;overflow-y:hidden;transition:content-visibility allow-discrete .4s,height .4s}.ds-details[open]::part(details-content){height:auto}:where(.ds-details>:not(summary,u-summary)){border-radius:inherit;margin-inline:var(--ds-size-5,1rem)}:where(.ds-details>:not(summary,u-summary)):nth-child(2){margin-block-start:var(--ds-size-5,1rem)}:where(.ds-details>:not(summary,u-summary)):last-child{margin-block-end:var(--ds-size-5,1rem)}}
 @layer ds.components{.ds-search{--dsc-search-padding-inline:var(--ds-size-2);--dsc-search-clear-padding:var(--ds-size-1);--dsc-search-clear-size:var(--ds-size-9);--dsc-search-clear-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='currentColor' d='M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");--dsc-search-magnifying-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M10.5 3.25a7.25 7.25 0 1 0 4.57 12.88l5.41 5.41a.75.75 0 1 0 1.06-1.06l-5.41-5.41A7.25 7.25 0 0 0 10.5 3.25M4.75 10.5a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0'/%3E%3C/svg%3E");--dsc-search-magnifying-icon-size:var(--ds-size-7);align-items:center;border-radius:var(--ds-border-radius-default);grid-template-columns:1fr auto;isolation:isolate;width:100%}.ds-search:not([hidden]){display:grid}.ds-search input{grid-area:1/1;padding-inline:var(--dsc-search-padding-inline)}:is(.ds-search input)::-webkit-search-cancel-button,:is(.ds-search input)::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.ds-search:not(:has(button:not([type=reset]))) input{padding-inline-start:calc(var(--dsc-search-magnifying-icon-size) + var(--dsc-search-padding-inline)*2)}.ds-search:not(:has(button:not([type=reset]))):before{grid-area:1/1;margin-inline:var(--dsc-search-padding-inline);pointer-events:none;z-index:2}.ds-search button:not([type=reset]):empty:before,.ds-search:not(:has(button:not([type=reset]))):before{background:currentcolor;content:"";height:var(--dsc-search-magnifying-icon-size);-webkit-mask:var(--dsc-search-magnifying-icon-url) center /contain no-repeat;mask:var(--dsc-search-magnifying-icon-url) center /contain no-repeat;width:var(--dsc-search-magnifying-icon-size)}@media (forced-colors:active){.ds-search button:not([type=reset]):empty:before,.ds-search:not(:has(button:not([type=reset]))):before{background:CanvasText}}.ds-search button[type=reset]{--dsc-button-size:var(--dsc-search-clear-size);grid-area:1/1;justify-self:end;margin-inline:var(--dsc-search-padding-inline);padding:var(--dsc-search-clear-padding);scale:.75}:is(.ds-search button[type=reset]):before{background:currentcolor;content:"";height:var(--dsc-search-clear-size);-webkit-mask:var(--dsc-search-clear-icon-url) center /contain no-repeat;mask:var(--dsc-search-clear-icon-url) center /contain no-repeat;width:var(--dsc-search-clear-size)}.ds-search:has(input:-moz-placeholder) button[type=reset]{display:none}.ds-search:has(input:is(:-moz-read-only,:disabled,[aria-disabled=true])) button[type=reset]{display:none}.ds-search:has(input:-moz-placeholder) button[type=reset]{display:none}.ds-search:has(input:is(:-moz-read-only,:disabled,[aria-disabled=true])) button[type=reset]{display:none}.ds-search:has(input:is(:read-only,:disabled,[aria-disabled=true])) button[type=reset],.ds-search:has(input:placeholder-shown) button[type=reset]{display:none}.ds-search:has(button[type=reset]) input{padding-inline-end:calc(var(--dsc-search-clear-size) + var(--dsc-search-padding-inline))}.ds-search button:not([type=reset]){border-end-start-radius:0;border-start-start-radius:0}:is(.ds-search button:not([type=reset])):not(:focus-visible){border-inline-start:0}.ds-search:has(button:not([type=reset])):before{display:none}.ds-search:has(button:not([type=reset])) input{border-end-end-radius:0;border-start-end-radius:0}}
-@layer ds.components{.ds-dialog{--dsc-dialog-backdrop-background:rgba(0,0,0,.5);--dsc-dialog-background:var(--ds-color-neutral-surface-default);--dsc-dialog-icon-spacing:var(--ds-size-3);--dsc-dialog-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");--dsc-dialog-color:var(--ds-color-neutral-text-default);--dsc-dialog-divider-border-width:var(--ds-border-width-default);--dsc-dialog-divider-border-style:solid;--dsc-dialog-divider-border-color:var(--ds-color-neutral-border-subtle);--dsc-dialog-border-width:var(--ds-border-width-default);--dsc-dialog-border-style:solid;--dsc-dialog-border-color:var(--ds-color-neutral-border-subtle);--dsc-dialog-max-height:80vh;--dsc-dialog-max-width:40rem;--dsc-dialog-spacing:var(--ds-size-6);--dsc-dialog-placement-inline-max-width:40rem;--dsc-dialog-placement-block-max-width:100%;--dsc-dialog-transition-duration:300ms;--_dsc-dialog-icon-top-right-margin:calc(var(--dsc-dialog-spacing)*-1 + var(--dsc-dialog-icon-spacing));background:var(--dsc-dialog-background);border-color:var(--dsc-dialog-border-color);border-radius:clamp(0px,((100vw - 4px) - 100%) * 100000,var(--ds-border-radius-lg));border-style:var(--dsc-dialog-border-style);border-width:var(--dsc-dialog-border-width);box-shadow:var(--ds-shadow-xl);box-sizing:border-box;color:var(--dsc-dialog-color);inset:0;margin:auto;max-height:var(--dsc-dialog-max-height);max-width:var(--dsc-dialog-max-width);overflow:auto;overscroll-behavior:contain;padding:var(--dsc-dialog-spacing);position:fixed;width:100%}.ds-dialog::backdrop{animation:ds-dialog-fade-in var(--dsc-dialog-transition-duration) ease-in-out;background:var(--dsc-dialog-backdrop-background,rgba(0,0,0,.5));overflow:hidden;overscroll-behavior:contain}.ds-dialog:where([data-placement=bottom],[data-placement=top]){margin-inline:auto;max-width:var(--dsc-dialog-placement-block-max-width);width:100%}.ds-dialog:where([data-placement=left],[data-placement=right]){border-block-width:0;border-radius:0;height:100%;height:-webkit-fill-available;height:-moz-available;height:stretch;max-height:unset;max-width:var(--dsc-dialog-placement-inline-max-width)}.ds-dialog[data-placement=bottom]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:0;top:auto}.ds-dialog[data-placement=top]{border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;bottom:auto}.ds-dialog[data-placement=left]{border-left-width:0;right:auto}.ds-dialog[data-placement=right]{border-right-width:0;left:auto}.ds-dialog[open]{animation:ds-dialog-slide-in var(--dsc-dialog-transition-duration) ease-in-out,ds-dialog-fade-in var(--dsc-dialog-transition-duration) ease-in-out}.ds-dialog[open][data-placement=bottom]{animation:ds-dialog-slide-up var(--dsc-dialog-transition-duration) ease}.ds-dialog[open][data-placement=top]{animation:ds-dialog-slide-down var(--dsc-dialog-transition-duration) ease}.ds-dialog[open][data-placement=left]{animation:ds-dialog-slide-left var(--dsc-dialog-transition-duration) ease}.ds-dialog[open][data-placement=right]{animation:ds-dialog-slide-right var(--dsc-dialog-transition-duration) ease}.ds-dialog:has(>.ds-dialog__block){--_dsc-dialog-icon-top-right-margin:var(--dsc-dialog-icon-spacing);padding:0}@media (prefers-reduced-motion:reduce){.ds-dialog::backdrop,.ds-dialog[open]{animation:none}}@media (max-width:40rem){.ds-dialog{max-width:100%;min-width:100%}}.ds-dialog button[data-command=close]:empty:before{background:currentcolor;content:"";height:var(--ds-size-6);-webkit-mask:center/contain no-repeat var(--dsc-dialog-icon-url);mask:center/contain no-repeat var(--dsc-dialog-icon-url);width:var(--ds-size-6)}@media (forced-colors:active){.ds-dialog button[data-command=close]:empty:before{background:ButtonText}}.ds-dialog>button[data-command=close]:first-child{color:inherit;float:inline-end;margin-block-end:var(--dsc-dialog-icon-spacing);margin-block-start:var(--_dsc-dialog-icon-top-right-margin);margin-inline-end:var(--_dsc-dialog-icon-top-right-margin);margin-inline-start:var(--dsc-dialog-icon-spacing)}.ds-dialog>form[method=dialog]:first-child>button:only-child{color:inherit;float:inline-end;margin-block-end:var(--dsc-dialog-icon-spacing);margin-block-start:var(--_dsc-dialog-icon-top-right-margin);margin-inline-end:var(--_dsc-dialog-icon-top-right-margin);margin-inline-start:var(--dsc-dialog-icon-spacing)}:is(.ds-dialog>form[method=dialog]:first-child>button:only-child):before{background:currentcolor;content:"";height:var(--ds-size-6);-webkit-mask:center/contain no-repeat var(--dsc-dialog-icon-url);mask:center/contain no-repeat var(--dsc-dialog-icon-url);width:var(--ds-size-6)}@media (forced-colors:active){:is(.ds-dialog>form[method=dialog]:first-child>button:only-child):before{background:ButtonText}}.ds-dialog__block{padding:var(--dsc-dialog-spacing)}.ds-dialog__block+.ds-dialog__block{border-top:var(--dsc-dialog-divider-border-width) var(--dsc-dialog-divider-border-style) var(--dsc-dialog-divider-border-color)}body:has(.ds-dialog:modal){overflow:hidden}@keyframes ds-dialog-slide-in{0%{translate:0 3rem}}@keyframes ds-dialog-fade-in{0%{opacity:0}}@keyframes ds-dialog-slide-up{0%{translate:0 100%}}@keyframes ds-dialog-slide-down{0%{translate:0 -100%}}@keyframes ds-dialog-slide-left{0%{translate:-100% 0}}@keyframes ds-dialog-slide-right{0%{translate:100% 0}}}
+@layer ds.components{.ds-dialog{--dsc-dialog-backdrop-background:rgba(0,0,0,.5);--dsc-dialog-background:var(--ds-color-neutral-surface-default);--dsc-dialog-icon-spacing:var(--ds-size-3);--dsc-dialog-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");--dsc-dialog-color:var(--ds-color-neutral-text-default);--dsc-dialog-divider-border-width:var(--ds-border-width-default);--dsc-dialog-divider-border-style:solid;--dsc-dialog-divider-border-color:var(--ds-color-neutral-border-subtle);--dsc-dialog-border-width:var(--ds-border-width-default);--dsc-dialog-border-style:solid;--dsc-dialog-border-color:var(--ds-color-neutral-border-subtle);--dsc-dialog-max-height:80vh;--dsc-dialog-max-width:40rem;--dsc-dialog-spacing:var(--ds-size-6);--dsc-dialog-placement-inline-max-width:40rem;--dsc-dialog-placement-block-max-width:100%;--dsc-dialog-transition-duration:300ms;--_dsc-dialog-icon-top-right-margin:calc(var(--dsc-dialog-spacing)*-1 + var(--dsc-dialog-icon-spacing));background:var(--dsc-dialog-background);border-color:var(--dsc-dialog-border-color);border-radius:clamp(0px,((100vw - 4px) - 100%) * 100000,var(--ds-border-radius-lg));border-style:var(--dsc-dialog-border-style);border-width:var(--dsc-dialog-border-width);box-shadow:var(--ds-shadow-xl);box-sizing:border-box;color:var(--dsc-dialog-color);inset:0;margin:auto;max-height:var(--dsc-dialog-max-height);max-width:var(--dsc-dialog-max-width);overflow:auto;overscroll-behavior:contain;padding:var(--dsc-dialog-spacing);position:fixed;width:100%}.ds-dialog::backdrop{animation:ds-dialog-fade-in var(--dsc-dialog-transition-duration) ease-in-out;background:var(--dsc-dialog-backdrop-background,rgba(0,0,0,.5));overflow:hidden;overscroll-behavior:contain}.ds-dialog:where([data-placement=bottom],[data-placement=top]){margin-inline:auto;max-width:var(--dsc-dialog-placement-block-max-width);width:100%}.ds-dialog:where([data-placement=left],[data-placement=right]){border-block-width:0;border-radius:0;height:100%;height:-webkit-fill-available;height:-moz-available;height:stretch;max-height:unset;max-width:var(--dsc-dialog-placement-inline-max-width)}.ds-dialog[data-placement=bottom]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:0;top:auto}.ds-dialog[data-placement=top]{border-top-left-radius:0;border-top-right-radius:0;border-top-width:0;bottom:auto}.ds-dialog[data-placement=left]{border-left-width:0;right:auto}.ds-dialog[data-placement=right]{border-right-width:0;left:auto}.ds-dialog[open]{animation:ds-dialog-slide-up var(--dsc-dialog-transition-duration) ease-in-out,ds-dialog-fade-in var(--dsc-dialog-transition-duration) ease-in-out}.ds-dialog[open][data-placement=bottom]{animation:ds-dialog-slide-up var(--dsc-dialog-transition-duration) ease}.ds-dialog[open][data-placement=top]{animation:ds-dialog-slide-down var(--dsc-dialog-transition-duration) ease}.ds-dialog[open][data-placement=left]{animation:ds-dialog-slide-left var(--dsc-dialog-transition-duration) ease}.ds-dialog[open][data-placement=right]{animation:ds-dialog-slide-right var(--dsc-dialog-transition-duration) ease}.ds-dialog:has(>.ds-dialog__block){--_dsc-dialog-icon-top-right-margin:var(--dsc-dialog-icon-spacing);padding:0}@media (prefers-reduced-motion:reduce){.ds-dialog::backdrop,.ds-dialog[open]{animation:none}}.ds-dialog button[data-command=close]:empty:before{background:currentcolor;content:"";height:var(--ds-size-6);-webkit-mask:center/contain no-repeat var(--dsc-dialog-icon-url);mask:center/contain no-repeat var(--dsc-dialog-icon-url);width:var(--ds-size-6)}@media (forced-colors:active){.ds-dialog button[data-command=close]:empty:before{background:ButtonText}}.ds-dialog>button[data-command=close]:first-child{color:inherit;float:inline-end;margin-block-end:var(--dsc-dialog-icon-spacing);margin-block-start:var(--_dsc-dialog-icon-top-right-margin);margin-inline-end:var(--_dsc-dialog-icon-top-right-margin);margin-inline-start:var(--dsc-dialog-icon-spacing)}.ds-dialog>form[method=dialog]:first-child>button:only-child{color:inherit;float:inline-end;margin-block-end:var(--dsc-dialog-icon-spacing);margin-block-start:var(--_dsc-dialog-icon-top-right-margin);margin-inline-end:var(--_dsc-dialog-icon-top-right-margin);margin-inline-start:var(--dsc-dialog-icon-spacing)}:is(.ds-dialog>form[method=dialog]:first-child>button:only-child):before{background:currentcolor;content:"";height:var(--ds-size-6);-webkit-mask:center/contain no-repeat var(--dsc-dialog-icon-url);mask:center/contain no-repeat var(--dsc-dialog-icon-url);width:var(--ds-size-6)}@media (forced-colors:active){:is(.ds-dialog>form[method=dialog]:first-child>button:only-child):before{background:ButtonText}}.ds-dialog__block{padding:var(--dsc-dialog-spacing)}.ds-dialog__block+.ds-dialog__block{border-top:var(--dsc-dialog-divider-border-width) var(--dsc-dialog-divider-border-style) var(--dsc-dialog-divider-border-color)}body:has(.ds-dialog:modal){overflow:hidden}@keyframes ds-dialog-fade-in{0%{opacity:0}}@keyframes ds-dialog-slide-up{0%{opacity:0;translate:0 3rem}}@keyframes ds-dialog-slide-down{0%{opacity:0;translate:0 -3rem}}@keyframes ds-dialog-slide-left{0%{opacity:0;translate:-3rem 0}}@keyframes ds-dialog-slide-right{0%{opacity:0;translate:3rem 0}}}
 @layer ds.components{.ds-list{--dsc-list-padding-inline:var(--ds-size-6) 0;--dsc-list-margin-top:var(--ds-size-3);--dsc-list-margin-top-nested:var(--ds-size-2);margin:0;padding-inline:var(--dsc-list-padding-inline)}.ds-list>li+li{margin-top:var(--dsc-list-margin-top)}.ds-list>li>:is(ol,ul)>li+li{margin-top:var(--dsc-list-margin-top-nested)}.ds-list>li:before{content:"\200B";position:absolute}}
-@layer ds.components{.ds-card{--dsc-card-background--active:var(--ds-color-surface-active);--dsc-card-background--hover:var(--ds-color-surface-hover);--dsc-card-background:var(--ds-color-surface-default);--dsc-card-border-width:var(--ds-border-width-default);--dsc-card-border-style:solid;--dsc-card-border-color:var(--ds-color-border-subtle);--dsc-card-block-border-width:var(--dsc-card-border-width);--dsc-card-block-border-style:var(--dsc-card-border-style);--dsc-card-block-border-color:var(--dsc-card-border-color);--dsc-card-color:var(--ds-color-text-default);--dsc-card-content-margin-block:var(--ds-size-3) 0;--dsc-card-padding:var(--ds-size-6);--dsc-card-border-radius:var(--ds-border-radius-lg);background:var(--dsc-card-background);border-color:var(--dsc-card-border-color);border-radius:var(--dsc-card-border-radius);border-style:var(--dsc-card-border-style);border-width:var(--dsc-card-border-width);box-sizing:border-box;color:var(--dsc-card-color);font-family:inherit;margin:0;overflow:clip;padding:var(--dsc-card-padding);text-align:inherit}.ds-card[data-variant=default]{background:var(--ds-color-surface-default)}.ds-card[data-variant=tinted]{background:var(--ds-color-surface-tinted)}.ds-card:not([hidden]){display:block}.ds-card:not([data-size]){font-size:inherit}.ds-card :is(h1,h2,h3,h4,h5,h6) a:-moz-any-link, .ds-card:is(a:-moz-any-link,button,[role=button]) :is(h1,h2,h3,h4,h5,h6){color:inherit;outline:0;text-decoration:underline;text-decoration-thickness:max(1px,.0625rem,.1025em);text-underline-offset:max(6px,.25rem,.22em)}.ds-card :is(h1,h2,h3,h4,h5,h6) a:any-link,.ds-card:is(a:any-link,button,[role=button]) :is(h1,h2,h3,h4,h5,h6){color:inherit;outline:0;text-decoration:underline;text-decoration-thickness:max(1px,.0625rem,.1025em);text-underline-offset:max(6px,.25rem,.22em)}.ds-link:is(.ds-card :is(h1,h2,h3,h4,h5,h6) a:-moz-any-link,.ds-card:is(a:-moz-any-link,button,[role=button]) :is(h1,h2,h3,h4,h5,h6)):focus-visible{background:none;color:inherit;outline:0}.ds-link:is(.ds-card :is(h1,h2,h3,h4,h5,h6) a:any-link,.ds-card:is(a:any-link,button,[role=button]) :is(h1,h2,h3,h4,h5,h6)):focus-visible{background:none;color:inherit;outline:0}.ds-link:is(.ds-card :is(h1,h2,h3,h4,h5,h6) a:-moz-any-link,.ds-card:is(a:-moz-any-link,button,[role=button]) :is(h1,h2,h3,h4,h5,h6)):active{background:none;color:inherit}.ds-link:is(.ds-card :is(h1,h2,h3,h4,h5,h6) a:any-link,.ds-card:is(a:any-link,button,[role=button]) :is(h1,h2,h3,h4,h5,h6)):active{background:none;color:inherit}.ds-card:where(:has(:is(h1,h2,h3,h4,h5,h6) a)),.ds-card:where(a,button,[role=button]){cursor:pointer;text-decoration:none}@media (hover:hover) and (pointer:fine){:is(.ds-card:where(a,button,[role=button]),.ds-card:where(:has(:is(h1,h2,h3,h4,h5,h6) a))):hover{background:var(--dsc-card-background--hover)}}:is(.ds-card:where(a,button,[role=button]),.ds-card:where(:has(:is(h1,h2,h3,h4,h5,h6) a))):where(:focus-visible,:has(:focus-visible)){box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}:is(.ds-card:where(a,button,[role=button]),.ds-card:where(:has(:is(h1,h2,h3,h4,h5,h6) a))):where(:focus-visible,:has(:focus-visible)) *{--_ds--focus: }:is(.ds-card:where(a,button,[role=button]),.ds-card:where(:has(:is(h1,h2,h3,h4,h5,h6) a))):active{background:var(--dsc-card-background--active)}.ds-card:has(>.ds-card__block,.ds-details){padding:0}.ds-card>.ds-details:first-child{border-top:0}.ds-card>.ds-details:last-child{border-bottom:0}:where(.ds-card,.ds-card__block)>:first-child{margin-block:0}:where(.ds-card,.ds-card__block)>*+*{margin-block:var(--dsc-card-content-margin-block)}.ds-card__block{box-sizing:border-box;margin:0;padding:var(--dsc-card-padding);position:relative}.ds-card__block:before{border-color:var(--dsc-card-block-border-color);border-top-style:var(--dsc-card-block-border-style);border-top-width:var(--dsc-card-block-border-width);content:"";inset:0 0 auto;position:absolute;translate:0 -100%}.ds-card__block:after{border-color:var(--dsc-card-block-border-color);border-left-style:var(--dsc-card-block-border-style);border-left-width:var(--dsc-card-block-border-width);content:"";inset:0 auto 0 0;position:absolute;translate:-100%}.ds-card__block:has(>:is(audio,figure,iframe,img,picture,video):only-child){padding:0}.ds-card__block:has(>:is(audio,figure,iframe,img,picture,video):only-child)>:not([hidden]),.ds-card__block:has(>:is(audio,figure,iframe,img,picture,video):only-child)>picture img:not([hidden]){border:0;display:block;height:auto;width:100%}.ds-card__block:has(>:is(audio,figure,iframe,img,picture,video):only-child)>iframe{aspect-ratio:16/9}}
+@layer ds.components{.ds-card{--dsc-card-background--active:var(--ds-color-surface-active);--dsc-card-background--hover:var(--ds-color-surface-hover);--dsc-card-background:var(--ds-color-surface-default);--dsc-card-border-width:var(--ds-border-width-default);--dsc-card-border-style:solid;--dsc-card-border-color:var(--ds-color-border-subtle);--dsc-card-block-border-width:var(--dsc-card-border-width);--dsc-card-block-border-style:var(--dsc-card-border-style);--dsc-card-block-border-color:var(--dsc-card-border-color);--dsc-card-color:var(--ds-color-text-default);--dsc-card-content-margin-block:var(--ds-size-3) 0;--dsc-card-padding:var(--ds-size-6);--dsc-card-border-radius:var(--ds-border-radius-lg);background:var(--dsc-card-background);border-color:var(--dsc-card-border-color);border-radius:var(--dsc-card-border-radius);border-style:var(--dsc-card-border-style);border-width:var(--dsc-card-border-width);box-sizing:border-box;color:var(--dsc-card-color);font-family:inherit;margin:0;overflow:clip;padding:var(--dsc-card-padding);text-align:inherit}.ds-card[data-variant=default]{background:var(--ds-color-surface-default)}.ds-card[data-variant=tinted]{background:var(--ds-color-surface-tinted)}.ds-card:not([hidden]){display:block}.ds-card:not([data-size]){font-size:inherit}.ds-card :is(h1,h2,h3,h4,h5,h6) a:-moz-any-link, .ds-card:is(a:-moz-any-link,button,[role=button]) :is(h1,h2,h3,h4,h5,h6){color:inherit;outline:0;text-decoration:underline;text-decoration-thickness:max(1px,.0625rem,.1025em);text-underline-offset:max(6px,.25rem,.22em)}.ds-card :is(h1,h2,h3,h4,h5,h6) a:any-link,.ds-card:is(a:any-link,button,[role=button]) :is(h1,h2,h3,h4,h5,h6){color:inherit;outline:0;text-decoration:underline;text-decoration-thickness:max(1px,.0625rem,.1025em);text-underline-offset:max(6px,.25rem,.22em)}.ds-link:is(.ds-card :is(h1,h2,h3,h4,h5,h6) a:-moz-any-link,.ds-card:is(a:-moz-any-link,button,[role=button]) :is(h1,h2,h3,h4,h5,h6)):focus-visible{background:none;color:inherit;outline:0}.ds-link:is(.ds-card :is(h1,h2,h3,h4,h5,h6) a:any-link,.ds-card:is(a:any-link,button,[role=button]) :is(h1,h2,h3,h4,h5,h6)):focus-visible{background:none;color:inherit;outline:0}.ds-link:is(.ds-card :is(h1,h2,h3,h4,h5,h6) a:-moz-any-link,.ds-card:is(a:-moz-any-link,button,[role=button]) :is(h1,h2,h3,h4,h5,h6)):active{background:none;color:inherit}.ds-link:is(.ds-card :is(h1,h2,h3,h4,h5,h6) a:any-link,.ds-card:is(a:any-link,button,[role=button]) :is(h1,h2,h3,h4,h5,h6)):active{background:none;color:inherit}.ds-card:where(:has(:is(h1,h2,h3,h4,h5,h6) a)):where(:not(:has(:is(.ds-card)))),.ds-card:where(a,button,[role=button]){cursor:pointer;text-decoration:none}@media (hover:hover) and (pointer:fine){:is(.ds-card:where(a,button,[role=button]),.ds-card:where(:has(:is(h1,h2,h3,h4,h5,h6) a)):where(:not(:has(:is(.ds-card))))):hover{background:var(--dsc-card-background--hover)}}:is(.ds-card:where(a,button,[role=button]),.ds-card:where(:has(:is(h1,h2,h3,h4,h5,h6) a)):where(:not(:has(:is(.ds-card))))):where(:focus-visible,:has(:focus-visible)){box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}:is(.ds-card:where(a,button,[role=button]),.ds-card:where(:has(:is(h1,h2,h3,h4,h5,h6) a)):where(:not(:has(:is(.ds-card))))):where(:focus-visible,:has(:focus-visible)) *{--_ds--focus: }:is(.ds-card:where(a,button,[role=button]),.ds-card:where(:has(:is(h1,h2,h3,h4,h5,h6) a)):where(:not(:has(:is(.ds-card))))):active{background:var(--dsc-card-background--active)}.ds-card:has(>.ds-card__block,.ds-details){padding:0}.ds-card>.ds-details:first-child{border-top:0}:is(.ds-card>.ds-details:first-child)>summary,:is(.ds-card>.ds-details:first-child)>u-summary{border-top-left-radius:var(--dsc-card-border-radius);border-top-right-radius:var(--dsc-card-border-radius)}.ds-card>.ds-details:last-child{border-bottom:0}:is(.ds-card>.ds-details:last-child):not([open])>summary,:is(.ds-card>.ds-details:last-child):not([open])>u-summary{border-bottom-left-radius:var(--dsc-card-border-radius);border-bottom-right-radius:var(--dsc-card-border-radius)}:where(.ds-card,.ds-card__block)>:first-child{margin-block:0}:where(.ds-card,.ds-card__block)>*+*{margin-block:var(--dsc-card-content-margin-block)}.ds-card__block{box-sizing:border-box;margin:0;padding:var(--dsc-card-padding);position:relative}.ds-card__block:before{border-color:var(--dsc-card-block-border-color);border-top-style:var(--dsc-card-block-border-style);border-top-width:var(--dsc-card-block-border-width);content:"";inset:0 0 auto;position:absolute;translate:0 -100%}.ds-card__block:after{border-color:var(--dsc-card-block-border-color);border-left-style:var(--dsc-card-block-border-style);border-left-width:var(--dsc-card-block-border-width);content:"";inset:0 auto 0 0;position:absolute;translate:-100%}.ds-card__block:has(>:is(audio,figure,iframe,img,picture,video):only-child){padding:0}.ds-card__block:has(>:is(audio,figure,iframe,img,picture,video):only-child)>:not([hidden]),.ds-card__block:has(>:is(audio,figure,iframe,img,picture,video):only-child)>picture img:not([hidden]){border:0;display:block;height:auto;width:100%}.ds-card__block:has(>:is(audio,figure,iframe,img,picture,video):only-child)>iframe{aspect-ratio:16/9}}
 @layer ds.components{.ds-dropdown{--dsc-dropdown-padding:var(--ds-size-3) var(--ds-size-2);--dsc-dropdown-item-padding:var(--ds-size-2) var(--ds-size-4);--dsc-dropdown-item-size:var(--ds-size-12);--dsc-dropdown-background:var(--ds-color-neutral-surface-default);--dsc-dropdown-border-width:var(--ds-border-width-default);--dsc-dropdown-border-style:solid;--dsc-dropdown-border-color:var(--ds-color-neutral-border-subtle);--dsc-popover-arrow-size:var(--ds-size-2);background:var(--dsc-dropdown-background);border-color:var(--dsc-dropdown-border-color);border-radius:var(--ds-border-radius-md);border-style:var(--dsc-dropdown-border-style);border-width:var(--dsc-dropdown-border-width);box-sizing:border-box;list-style:none;min-width:15em;padding:var(--dsc-dropdown-padding)}.ds-dropdown:before{display:none}.ds-dropdown :is(h2,h3,h4,h5,h6){align-items:center;box-sizing:border-box;color:var(--ds-color-neutral-text-default);font-size:inherit;font-weight:var(--ds-font-weight-medium);margin:0;min-height:var(--dsc-dropdown-item-size);padding:var(--dsc-dropdown-item-padding)}:is(.ds-dropdown :is(h2,h3,h4,h5,h6)):not([hidden]){display:flex}.ds-dropdown ul{list-style:none;margin:0;padding:0}.ds-dropdown :is(a,button,[role=button]){font-weight:var(--ds-font-weight-regular);justify-content:start;min-height:var(--dsc-dropdown-item-size);padding:var(--dsc-dropdown-item-padding);width:100%}}
 @layer ds.components{.ds-chip{--dsc-chip-background:var(--ds-color-surface-tinted);--dsc-chip-background--hover:var(--ds-color-surface-hover);--dsc-chip-background--active:var(--ds-color-surface-active);--dsc-chip-background--checked:var(--ds-color-base-default);--dsc-chip-background--checked--hover:var(--ds-color-base-hover);--dsc-chip-background--checked--active:var(--ds-color-base-active);--dsc-chip-border-width:var(--ds-border-width-default);--dsc-chip-border-style:solid;--dsc-chip-border-color:var(--ds-color-border-subtle);--dsc-chip-border-color--checked:transparent;--dsc-chip-color:var(--ds-color-text-default);--dsc-chip-input-accent-color:var(--ds-color-base-contrast-default);--dsc-chip-input-color:var(--ds-color-text-subtle);--dsc-chip-input-stroke-color:var(--ds-color-base-default);--dsc-chip-border-radius:var(--ds-border-radius-full);--dsc-chip-border-radius--checkbox:var(--ds-border-radius-md);--dsc-chip-border-radius--checkbox-input:var(--ds-border-radius-sm);--dsc-chip-height:var(--ds-size-8);--dsc-chip-icon-size:var(--ds-size-7);--dsc-chip-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");--dsc-chip-input-size:var(--ds-size-5);--dsc-chip-spacing:calc((var(--dsc-chip-height) - var(--dsc-chip-input-size))/2);align-items:center;background:var(--dsc-chip-background);border-color:var(--dsc-chip-border-color);border-radius:var(--dsc-chip-border-radius);border-style:var(--dsc-chip-border-style);border-width:var(--dsc-chip-border-width);box-sizing:border-box;color:var(--dsc-chip-color);cursor:pointer;font-family:inherit;font-size:var(--ds-body-sm-font-size);gap:var(--dsc-chip-spacing);line-height:var(--ds-line-height-sm);margin:0;max-height:-moz-fit-content;max-height:fit-content;max-width:-moz-fit-content;max-width:fit-content;min-height:var(--dsc-chip-height);padding:0 var(--ds-size-3);-webkit-print-color-adjust:exact;print-color-adjust:exact;text-decoration:none}.ds-chip:focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}.ds-chip:focus-visible *{--_ds--focus: }.ds-chip>input{--dsc-input-background:transparent;--dsc-input-border-color:var(--dsc-chip-input-color);--dsc-input-accent-color:var(--dsc-chip-input-accent-color);--dsc-input-stroke-color:var(--dsc-chip-input-stroke-color);--dsc-input-size--toggle:var(--dsc-chip-input-size);--dsc-input-outline-width--hover:0}.ds-chip:not([hidden]){display:inline-flex}.ds-chip:has(:focus-visible){box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}.ds-chip:has(:focus-visible) *{--_ds--focus: }.ds-chip:disabled,.ds-chip:has(input:disabled),.ds-chip[aria-disabled=true]{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.ds-chip[data-removable]{padding-inline-end:var(--dsc-chip-spacing)}.ds-chip[data-removable]:after{background:currentcolor;content:"";height:var(--dsc-chip-icon-size);-webkit-mask:center/contain no-repeat var(--dsc-chip-icon-url);mask:center/contain no-repeat var(--dsc-chip-icon-url);padding-inline:0;width:var(--dsc-chip-icon-size)}.ds-chip:has(input[type=radio]){padding-inline-start:var(--dsc-chip-spacing)}.ds-chip:has(input[type=checkbox]){border-radius:var(--dsc-chip-border-radius--checkbox);padding-inline:var(--dsc-chip-spacing)}.ds-chip:has(input[type=checkbox])>input{border-radius:var(--dsc-chip-border-radius--checkbox-input)}.ds-chip:has(input:checked),.ds-chip[data-removable]{background:var(--dsc-chip-background--checked);border-color:var(--dsc-chip-border-color--checked);color:var(--dsc-chip-input-accent-color)}@media (hover:hover) and (pointer:fine){.ds-chip:not(:has(:disabled,[aria-disabled=true])):hover{background:var(--dsc-chip-background--hover)}.ds-chip:not(:has(:disabled,[aria-disabled=true])):active{background:var(--dsc-chip-background--active)}:is(.ds-chip:not(:has(:disabled,[aria-disabled=true])):has(input:checked),.ds-chip[data-removable]:not(:has(:disabled,[aria-disabled=true]))):hover{background:var(--dsc-chip-background--checked--hover)}:is(.ds-chip:not(:has(:disabled,[aria-disabled=true])):has(input:checked),.ds-chip[data-removable]:not(:has(:disabled,[aria-disabled=true]))):active{background:var(--dsc-chip-background--checked--active)}}}
 @layer ds.components{.ds-divider{--dsc-divider-border-width:var(--ds-border-width-default);--dsc-divider-border-style:solid;--dsc-divider-border-color:var(--ds-color-neutral-border-subtle);border-color:var(--dsc-divider-border-color);border-top-style:var(--dsc-divider-border-style);border-width:0;border-top-width:var(--dsc-divider-border-width);box-sizing:border-box;margin-block:.5em;width:100%}.ds-tabs{--dsc-tabs-tab-padding:var(--ds-size-3) var(--ds-size-5);--dsc-tabs-tab-color:var(--ds-color-neutral-text-subtle);--dsc-tabs-tab-color--hover:var(--ds-color-neutral-text-default);--dsc-tabs-tab-color--selected:var(--ds-color-text-subtle);--dsc-tabs-content-padding:var(--ds-size-4) var(--ds-size-5);--dsc-tabs-list-border-color:var(--ds-color-neutral-border-subtle);--dsc-tabs-list-border-bottom-width:var(--ds-border-width-default);--dsc-tabs-list-border-bottom-style:solid}}
@@ -36,7 +36,8 @@
 @layer ds.components{.ds-table{--dsc-table-background--hover:var(--ds-color-surface-hover);--dsc-table-background--zebra:var(--ds-color-surface-tinted);--dsc-table-background:transparent;--dsc-table-border-color:var(--ds-color-border-subtle);--dsc-table-border-radius:var(--ds-border-radius-md);--dsc-table-border-style:solid;--dsc-table-border-width:var(--ds-border-width-default);--dsc-table-color:var(--ds-color-text-default);--dsc-table-divider-border-color:var(--dsc-table-border-color);--dsc-table-divider-border-style:solid;--dsc-table-divider-border-width:calc(var(--ds-border-width-default) + 1px);--dsc-table-header-background--hover:var(--ds-color-surface-hover);--dsc-table-header-background--sorted:var(--ds-color-surface-tinted);--dsc-table-header-background--sticky:var(--ds-color-surface-default);--dsc-table-header-background:transparent;--dsc-table-padding:var(--ds-size-2) var(--ds-size-3);--dsc-table-sort-size:var(--ds-size-6);--_dsc-table-border-radius--inner:calc(var(--dsc-table-border-radius) - var(--dsc-table-border-width));border-collapse:separate;border-spacing:0;box-sizing:border-box;color:var(--dsc-table-color);width:100%}.ds-table>:is(tbody,thead,tfoot)>tr>:is(th,td){background:var(--dsc-table-background);border-bottom-style:var(--dsc-table-border-style);border-bottom-width:var(--dsc-table-border-width);border-color:var(--dsc-table-border-color);padding:var(--dsc-table-padding);text-align:inherit}.ds-table th{font-weight:var(--ds-font-weight-semibold)}.ds-table>thead>tr>:is(th,td){background:var(--dsc-table-header-background)}.ds-table>thead>tr:last-child>:is(th,td){border-bottom:var(--dsc-table-divider-border-width) var(--dsc-table-divider-border-style) var(--dsc-table-divider-border-color)}.ds-table>tbody:has(+tfoot)>tr:last-child>:is(th,td){border-bottom:none}.ds-table>tfoot>tr:first-child>:is(th,td){background:var(--dsc-table-header-background);border-top:var(--dsc-table-divider-border-width) var(--dsc-table-divider-border-style) var(--dsc-table-divider-border-color)}.ds-table>tfoot>tr:last-child>:is(th,td){border-bottom:none}:is(.ds-table>caption){font-size:1.3em;font-size:round(down,1.3em,1px);font-weight:var(--ds-heading-md-font-weight);letter-spacing:var(--ds-heading-md-letter-spacing);line-height:var(--ds-heading-md-line-height);margin:0}[data-size="2xs"]:is(.ds-table>caption){font-size:var(--ds-heading-2xs-font-size);font-weight:var(--ds-heading-2xs-font-weight);letter-spacing:var(--ds-heading-2xs-letter-spacing);line-height:var(--ds-heading-2xs-line-height)}[data-size=xs]:is(.ds-table>caption){font-size:var(--ds-heading-xs-font-size);font-weight:var(--ds-heading-xs-font-weight);letter-spacing:var(--ds-heading-xs-letter-spacing);line-height:var(--ds-heading-xs-line-height)}[data-size=sm]:is(.ds-table>caption){font-size:var(--ds-heading-sm-font-size);font-weight:var(--ds-heading-sm-font-weight);letter-spacing:var(--ds-heading-sm-letter-spacing);line-height:var(--ds-heading-sm-line-height)}[data-size=md]:is(.ds-table>caption){font-size:var(--ds-heading-md-font-size)}[data-size=lg]:is(.ds-table>caption){font-size:var(--ds-heading-lg-font-size);font-weight:var(--ds-heading-lg-font-weight);letter-spacing:var(--ds-heading-lg-letter-spacing);line-height:var(--ds-heading-lg-line-height)}[data-size=xl]:is(.ds-table>caption){font-size:var(--ds-heading-xl-font-size);font-weight:var(--ds-heading-xl-font-weight);letter-spacing:var(--ds-heading-xl-letter-spacing);line-height:var(--ds-heading-xl-line-height)}[data-size="2xl"]:is(.ds-table>caption){font-size:var(--ds-heading-2xl-font-size);font-weight:var(--ds-heading-2xl-font-weight);letter-spacing:var(--ds-heading-2xl-letter-spacing);line-height:var(--ds-heading-2xl-line-height)}.ds-table>caption{margin-bottom:var(--ds-size-1);text-align:inherit}.ds-table>thead>tr>[aria-sort]{cursor:pointer;padding:0}:is(.ds-table>thead>tr>[aria-sort])>button{background:none;border:0;box-sizing:border-box;color:inherit;cursor:pointer;font:inherit;padding:var(--dsc-table-padding);text-align:inherit;width:100%}:is(:is(.ds-table>thead>tr>[aria-sort])>button):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}:is(:is(.ds-table>thead>tr>[aria-sort])>button):focus-visible *{--_ds--focus: }:is(:is(.ds-table>thead>tr>[aria-sort])>button):not([hidden]){display:block}:is(:is(.ds-table>thead>tr>[aria-sort])>button):focus-visible{position:relative}:is(:is(.ds-table>thead>tr>[aria-sort])>button):after{background:currentcolor;content:"";display:inline-block;flex-shrink:0;height:var(--dsc-table-sort-size);-webkit-mask:center/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z'/%3E%3C/svg%3E");mask:center/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z'/%3E%3C/svg%3E");vertical-align:middle;width:var(--dsc-table-sort-size)}[aria-sort=ascending]:is(.ds-table>thead>tr>[aria-sort])>button:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z'/%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z'/%3E%3C/svg%3E")}[aria-sort=descending]:is(.ds-table>thead>tr>[aria-sort])>button:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E")}:is(.ds-table>thead>tr>[aria-sort]):not([aria-sort=none])>button{background:var(--dsc-table-header-background--sorted)}.ds-table[data-border]{border-color:var(--dsc-table-border-color);border-radius:var(--dsc-table-border-radius);border-style:var(--dsc-table-border-style);border-width:var(--dsc-table-border-width)}.ds-table[data-border]>:last-child>tr:last-child>:is(th,td){border-bottom:none}:is(.ds-table[data-border]>:is(thead:first-of-type,:not(:has(thead)) tbody:first-of-type)>tr:first-child>:is(th,td)):first-child{border-top-left-radius:var(--_dsc-table-border-radius--inner)}:is(.ds-table[data-border]>:is(thead:first-of-type,:not(:has(thead)) tbody:first-of-type)>tr:first-child>:is(th,td)):last-child{border-top-right-radius:var(--_dsc-table-border-radius--inner)}:is(.ds-table[data-border]>:is(tfoot:last-of-type,:not(:has(tfoot)) tbody:last-of-type)>tr:last-child>:is(th,td)):first-child{border-bottom-left-radius:var(--_dsc-table-border-radius--inner)}:is(.ds-table[data-border]>:is(tfoot:last-of-type,:not(:has(tfoot)) tbody:last-of-type)>tr:last-child>:is(th,td)):last-child{border-bottom-right-radius:var(--_dsc-table-border-radius--inner)}.ds-table[data-sticky-header]{overflow:auto;position:relative}.ds-table[data-sticky-header]>thead>tr>:is(th,td){background:var(--dsc-table-header-background--sticky);position:sticky;top:0;z-index:2}.ds-table[data-zebra]>tbody>tr>:is(th,td){border-block:0}.ds-table[data-zebra]>:is(thead,tbody)>tr:nth-child(2n)>:is(th,td){background:var(--dsc-table-background--zebra)}@media (hover:hover) and (pointer:fine){.ds-table[data-hover]>tbody>tr:hover>:is(th,td){background:var(--dsc-table-background--hover)}.ds-table>thead>tr>[aria-sort]:hover button{background:var(--dsc-table-header-background--hover)}}}
 @layer ds.components{.ds-breadcrumbs{--dsc-breadcrumbs-spacing:var(--ds-size-2);--dsc-breadcrumbs-icon-size:var(--ds-size-6);--dsc-breadcrumbs-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06'/%3E%3C/svg%3E");--dsc-breadcrumbs-color:var(--ds-color-text-subtle)}.ds-breadcrumbs>:is(ol,ul){flex-wrap:wrap;gap:var(--dsc-breadcrumbs-spacing) 0;list-style-type:none;margin:0;padding:0}:is(.ds-breadcrumbs>:is(ol,ul)):not([hidden]){display:flex}.ds-breadcrumbs a[aria-current=page]{text-decoration:none}.ds-breadcrumbs li:where(:not(:last-child)):after,.ds-breadcrumbs>:not(ol,ul):before{background:var(--dsc-breadcrumbs-color);content:"";display:inline-block;flex-shrink:0;height:var(--dsc-breadcrumbs-icon-size);margin-inline:var(--dsc-breadcrumbs-spacing);-webkit-mask:center/contain no-repeat var(--dsc-breadcrumbs-icon-url);mask:center/contain no-repeat var(--dsc-breadcrumbs-icon-url);vertical-align:middle;width:var(--dsc-breadcrumbs-icon-size)}:is(.ds-breadcrumbs li:where(:not(:last-child)):after,.ds-breadcrumbs>:not(ol,ul):before){-webkit-print-color-adjust:exact;print-color-adjust:exact}@media (forced-colors:active){.ds-breadcrumbs li:where(:not(:last-child)):after,.ds-breadcrumbs>:not(ol,ul):before{background:CanvasText}}:dir(rtl) .ds-breadcrumbs li:where(:not(:last-child)):after{rotate:180deg}.ds-breadcrumbs>:not(ol,ul):before{background:currentColor;margin:0;rotate:180deg}:dir(rtl) .ds-breadcrumbs>:not(ol,ul):before{rotate:0deg}@media (width < 650px){.ds-breadcrumbs>:is(ol,ul):not(:only-child){display:none}}@media (min-width:650px){.ds-breadcrumbs>:is(:not(ol,ul)):not(:only-child){display:none}}}
 @layer ds.components{.ds-badge{--dsc-badge-background:var(--ds-color-base-default);--dsc-badge-color:var(--ds-color-base-contrast-default);--dsc-badge-padding:0 calc(var(--ds-size-1) + var(--ds-size-1)/2);--dsc-badge-size:calc(var(--ds-size-3) + var(--ds-size-1)/2);--dsc-badge-top:inherit;--dsc-badge-bottom:inherit;--dsc-badge-left:inherit;--dsc-badge-right:inherit;-webkit-print-color-adjust:exact;print-color-adjust:exact;vertical-align:middle}.ds-badge:not([hidden]){display:inline-flex}.ds-badge:before{background:var(--dsc-badge-background);border-radius:var(--ds-border-radius-full);box-sizing:border-box;color:var(--dsc-badge-color);content:attr(data-count);display:inline-grid;font-size:var(--ds-font-size-minus-1);line-height:var(--ds-line-height-sm);min-height:var(--dsc-badge-size);min-width:var(--dsc-badge-size);padding:var(--dsc-badge-padding);place-items:center;width:-moz-fit-content;width:fit-content}@supports (content:attr(data-count,"")){.ds-badge:before{content:attr(data-count,"")}}.ds-badge[data-variant=base]{--dsc-badge-background:var(--ds-color-base-default);--dsc-badge-color:var(--ds-color-base-contrast-default)}.ds-badge[data-variant=tinted]{--dsc-badge-background:var(--ds-color-surface-tinted);--dsc-badge-color:var(--ds-color-text-default)}.ds-badge--position{box-sizing:border-box;height:-moz-fit-content;height:fit-content;position:relative;width:-moz-fit-content;width:fit-content}.ds-badge--position:not([hidden]){display:inline-flex}.ds-badge--position .ds-badge:before{bottom:var(--dsc-badge-bottom);left:var(--dsc-badge-left);position:absolute;right:var(--dsc-badge-right);top:var(--dsc-badge-top)}.ds-badge--position :where(img,svg){flex-shrink:0;font-size:1.25em}.ds-badge--position[data-placement=top-right] .ds-badge:before{right:var(--dsc-badge-right,0);top:var(--dsc-badge-top,0);translate:50% -50%}.ds-badge--position[data-placement=top-left] .ds-badge:before{left:var(--dsc-badge-left,0);top:var(--dsc-badge-top,0);translate:-50% -50%}.ds-badge--position[data-placement=bottom-right] .ds-badge:before{bottom:var(--dsc-badge-bottom,0);right:var(--dsc-badge-right,0);translate:50% 50%}.ds-badge--position[data-placement=bottom-left] .ds-badge:before{bottom:var(--dsc-badge-bottom,0);left:var(--dsc-badge-left,0);translate:-50% 50%}.ds-badge--position[data-placement=top-right][data-overlap=circle] .ds-badge:before{right:var(--dsc-badge-right,14%);top:var(--dsc-badge-top,14%);translate:50% -50%}.ds-badge--position[data-placement=top-left][data-overlap=circle] .ds-badge:before{left:var(--dsc-badge-left,14%);top:var(--dsc-badge-top,14%);translate:-50% -50%}.ds-badge--position[data-placement=bottom-right][data-overlap=circle] .ds-badge:before{bottom:var(--dsc-badge-bottom,14%);right:var(--dsc-badge-right,14%);translate:50% 50%}.ds-badge--position[data-placement=bottom-left][data-overlap=circle] .ds-badge:before{bottom:var(--dsc-badge-bottom,14%);left:var(--dsc-badge-left,14%);translate:-50% 50%}}
-@layer ds.components{.ds-avatar{--dsc-avatar-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M8.25 7.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0M12 2.25a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5M8.288 17.288A5.25 5.25 0 0 1 17.25 21a.75.75 0 0 0 1.5 0 6.75 6.75 0 0 0-13.5 0 .75.75 0 0 0 1.5 0 5.25 5.25 0 0 1 1.538-3.712' clip-rule='evenodd'/%3E%3C/svg%3E");--dsc-avatar-background:var(--ds-color-base-default);--dsc-avatar-color:var(--ds-color-base-contrast-default);--dsc-avatar-size:2.625em;--dsc-avatar-padding:0.45em}@supports (width:round(down,0.1em,1px)){.ds-avatar{--dsc-avatar-size:round(up,2.625em,1px);--dsc-avatar-padding:round(down,0.45em,1px)}}.ds-avatar{align-items:center;background:var(--dsc-avatar-background);border-radius:var(--ds-border-radius-full);box-sizing:border-box;color:var(--dsc-avatar-color);flex-shrink:0;font-weight:var(--ds-font-weight-medium);height:var(--dsc-avatar-size);justify-content:center;overflow:hidden;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-decoration:none;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--dsc-avatar-size)}.ds-avatar:not([hidden]){display:inline-flex}.ds-avatar:not(:has(img)){padding:var(--dsc-avatar-padding)}.ds-avatar img,.ds-avatar svg{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ds-avatar>span{font-size:1.3em}@supports (font-size:round(down,0.1em,1px)){.ds-avatar>span{font-size:round(down,1.3em,1px)}}.ds-avatar[data-initials]:empty:before{content:attr(data-initials);font-size:1.3em}@supports (font-size:round(down,0.1em,1px)){.ds-avatar[data-initials]:empty:before{font-size:round(down,1.3em,1px)}}.ds-avatar:not([data-initials]):empty:before{background:currentcolor;content:"";height:100%;-webkit-mask:var(--dsc-avatar-icon-url) center /contain no-repeat;mask:var(--dsc-avatar-icon-url) center /contain no-repeat;width:100%}@media (forced-colors:active){.ds-avatar:not([data-initials]):empty:before{background:CanvasText}}.ds-avatar[data-variant=square]{border-radius:var(--ds-border-radius-sm)}@media (forced-colors:active){.ds-avatar{border-color:CanvasText;border-style:solid;border-width:var(--ds-size-1)}}.ds-avatar[data-size=xs]{font-size:var(--ds-body-xs-font-size)}.ds-avatar[data-size=sm]{font-size:var(--ds-body-sm-font-size)}.ds-avatar[data-size=md]{font-size:var(--ds-body-md-font-size)}.ds-avatar[data-size=lg]{font-size:var(--ds-body-lg-font-size)}}
+@layer ds.components{.ds-avatar{--dsc-avatar-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M8.25 7.5a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0M12 2.25a5.25 5.25 0 1 0 0 10.5 5.25 5.25 0 0 0 0-10.5M8.288 17.288A5.25 5.25 0 0 1 17.25 21a.75.75 0 0 0 1.5 0 6.75 6.75 0 0 0-13.5 0 .75.75 0 0 0 1.5 0 5.25 5.25 0 0 1 1.538-3.712' clip-rule='evenodd'/%3E%3C/svg%3E");--dsc-avatar-background:var(--ds-color-base-default);--dsc-avatar-color:var(--ds-color-base-contrast-default);--dsc-avatar-size:2.625em;--dsc-avatar-padding:0.45em;--dsc-avatar-font-size:1.3em}@supports (width:round(down,0.1em,1px)){.ds-avatar{--dsc-avatar-size:round(up,2.625em,1px);--dsc-avatar-padding:round(down,0.45em,1px);--dsc-avatar-font-size:round(down,1.3em,1px)}}.ds-avatar{align-items:center;background:var(--dsc-avatar-background);border-radius:var(--ds-border-radius-full);box-sizing:border-box;color:var(--dsc-avatar-color);flex-shrink:0;font-weight:var(--ds-font-weight-medium);height:var(--dsc-avatar-size);justify-content:center;overflow:hidden;-webkit-print-color-adjust:exact;print-color-adjust:exact;text-decoration:none;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--dsc-avatar-size)}.ds-avatar:not([hidden]){display:inline-flex}.ds-avatar:not(:has(img)){padding:var(--dsc-avatar-padding)}.ds-avatar img,.ds-avatar svg{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ds-avatar>span{font-size:var(--dsc-avatar-font-size)}.ds-avatar[data-initials]:empty:before{content:attr(data-initials);font-size:var(--dsc-avatar-font-size)}.ds-avatar:not([data-initials]):empty:before{background:currentcolor;content:"";height:100%;-webkit-mask:var(--dsc-avatar-icon-url) center /contain no-repeat;mask:var(--dsc-avatar-icon-url) center /contain no-repeat;width:100%}@media (forced-colors:active){.ds-avatar:not([data-initials]):empty:before{background:CanvasText}}.ds-avatar[data-variant=square]{border-radius:var(--ds-border-radius-sm)}@media (forced-colors:active){.ds-avatar{border-color:CanvasText;border-style:solid;border-width:var(--ds-size-1)}}.ds-avatar[data-size=xs]{font-size:var(--ds-body-xs-font-size)}.ds-avatar[data-size=sm]{font-size:var(--ds-body-sm-font-size)}.ds-avatar[data-size=md]{font-size:var(--ds-body-md-font-size)}.ds-avatar[data-size=lg]{font-size:var(--ds-body-lg-font-size)}}
+@layer ds.components{@property --captured-length{syntax:"<length>";inherits:true;initial-value:0}.ds-avatar-stack{--dsc-avatar-stack-size:var(--ds-size-12);--dsc-avatar-stack-gap:2px;--dsc-avatar-stack-overlap:50;--dsc-avatar-count:initial;--_gap:var(--dsc-avatar-stack-gap);--_overlap:calc(((var(--dsc-avatar-stack-size)/100)*var(--dsc-avatar-stack-overlap))*-1);--captured-length:var(--_overlap);align-items:center;display:flex;isolation:isolate;padding-block:1px;transition:--captured-length .2s ease;width:-moz-max-content;width:max-content}.ds-avatar-stack:focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}.ds-avatar-stack:focus-visible *{--_ds--focus: }.ds-avatar-stack[data-expandable]:focus-visible,.ds-avatar-stack[data-expandable]:hover{--captured-length:var(--_gap)}.ds-avatar-stack[data-expandable=fixed]{width:calc(var(--dsc-avatar-stack-size)*var(--dsc-avatar-count) + var(--_overlap)*(var(--dsc-avatar-count) - 1))}.ds-avatar-stack:empty{display:none}.ds-avatar-stack[data-suffix]:after{content:attr(data-suffix);font-size:max(1rem,calc(var(--dsc-avatar-stack-size)*.4));margin-left:1ch;place-self:center}.ds-avatar-stack .ds-avatar{--dsc-avatar-size:var(--dsc-avatar-stack-size);--_font-size:max(0.75rem,calc(var(--dsc-avatar-stack-size)*0.5));-webkit-mask:radial-gradient(50% 50% at calc(150% + var(--captured-length)),transparent calc(100% - 1px + var(--_gap)),#000 calc(100% + var(--_gap)));mask:radial-gradient(50% 50% at calc(150% + var(--captured-length)),transparent calc(100% - 1px + var(--_gap)),#000 calc(100% + var(--_gap)))}[data-variant=square]:is(.ds-avatar-stack .ds-avatar){-webkit-mask:linear-gradient(to right,#000 calc(100% + var(--captured-length) - var(--_gap)),transparent calc(100% + var(--captured-length) - var(--_gap)));mask:linear-gradient(to right,#000 calc(100% + var(--captured-length) - var(--_gap)),transparent calc(100% + var(--captured-length) - var(--_gap)))}:is(.ds-avatar-stack .ds-avatar):not(:first-child){margin-left:var(--captured-length)}:is(.ds-avatar-stack .ds-avatar):nth-last-child(1 of .ds-avatar){-webkit-mask:none;mask:none}@supports not selector(:nth-last-child(1 of .ds-avatar)){:is(.ds-avatar-stack .ds-avatar):not(:has(+.ds-avatar)){-webkit-mask:none;mask:none}}:is(.ds-avatar-stack .ds-avatar):not([data-size]){--dsc-avatar-font-size:var(--_font-size)}:is(.ds-avatar-stack .ds-avatar):focus-visible,:is(.ds-avatar-stack .ds-avatar):has(:focus-visible){-webkit-mask:none;mask:none}:is(:is(.ds-avatar-stack .ds-avatar):has(:focus-visible),:is(.ds-avatar-stack .ds-avatar):focus-visible){box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:var(--_ds--focus,var(--ds-border-width-focus))}:is(:is(.ds-avatar-stack .ds-avatar):has(:focus-visible),:is(.ds-avatar-stack .ds-avatar):focus-visible) *{--_ds--focus: }:is(.ds-avatar-stack .ds-avatar):focus-visible,:is(.ds-avatar-stack .ds-avatar):has(:focus-visible){z-index:1}}
 @layer ds.components{.ds-suggestion{--dsc-suggestion-option-background--selected:var(--ds-color-surface-tinted);--dsc-suggestion-option-border-color:var(--ds-color-base-default);--dsc-suggestion-clear-gap:var(--ds-size-2);--dsc-suggestion-clear-padding:var(--ds-size-1);--dsc-suggestion-clear-size:var(--ds-size-9);--dsc-suggestion-clear-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='currentColor' d='M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z'/%3E%3C/svg%3E");--dsc-suggestion-option-checkmark-url:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' fill-rule='evenodd' d='M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939' clip-rule='evenodd'/%3E%3C/svg%3E");--dsc-suggestion-option-checkmark-size:var(--ds-size-7);--dsc-suggestion-list-gap:var(--ds-size-2);--dsc-suggestion-border-width:var(--ds-border-width-default);--dsc-suggestion-border-style:solid;--dsc-suggestion-border-color:var(--ds-color-neutral-border-default);box-sizing:border-box;flex-wrap:wrap;gap:var(--ds-size-1);position:relative}.ds-suggestion:not([hidden]){display:flex}.ds-suggestion:not([data-multiple]) data,.ds-suggestion[data-multiple=false] data{display:none}.ds-suggestion>data{margin-bottom:var(--ds-size-1)}:is(.ds-suggestion>data):has(+data){margin-inline-end:var(--ds-size-1)}.ds-suggestion u-datalist{background:var(--ds-color-neutral-surface-default);border-color:var(--dsc-suggestion-border-color);border-radius:var(--ds-border-radius-md);border-style:var(--dsc-suggestion-border-style);border-width:var(--dsc-suggestion-border-width);box-shadow:var(--ds-shadow-md);box-sizing:border-box;color:var(--ds-color-neutral-text-default);inset:0 auto auto 0;max-height:200px;overflow-y:auto;padding:0;position:fixed}:is(.ds-suggestion u-datalist):not([popover]){inset:100% 0 auto 0;margin-top:var(--dsc-suggestion-list-gap);position:absolute;z-index:1600}:is(.ds-suggestion u-datalist):empty{display:none}:is(.ds-suggestion u-datalist)>*{font-family:inherit;padding:var(--ds-size-2) var(--ds-size-3)}:is(.ds-suggestion u-datalist)>:is(u-option){border:none;border-inline-start:5px solid transparent;border-radius:var(--ds-border-radius-sm);cursor:pointer;outline:none;padding-inline-start:var(--dsc-suggestion-option-checkmark-size);position:relative}[selected]:is(:is(.ds-suggestion u-datalist)>:is(u-option)):before{background:currentcolor;content:"";height:var(--dsc-suggestion-option-checkmark-size);inset-inline-start:0;-webkit-mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;position:absolute;width:var(--dsc-suggestion-option-checkmark-size)}:is(:is(.ds-suggestion u-datalist)>:is(u-option)):focus-visible{box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-inset));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, var(--ds-border-width-focus))*-1)}:is(:is(.ds-suggestion u-datalist)>:is(u-option)):focus-visible *{--_ds--focus: }@media (hover:hover) and (pointer:fine){:is(:is(.ds-suggestion u-datalist)>:is(u-option)):not([data-empty]):hover{background:var(--dsc-suggestion-option-background--selected);border-inline-start-color:var(--dsc-suggestion-option-border-color)}}.ds-suggestion:has(input:-moz-placeholder) input{background-image:linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-position:calc(100% - 1.2em + var(--dsc-input-stroke-width)),calc(100% - .8em);background-repeat:no-repeat;background-size:.4em .4em;padding-inline-end:2.4em}.ds-suggestion:has(input:placeholder-shown) input{background-image:linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4));background-position:calc(100% - 1.2em + var(--dsc-input-stroke-width)),calc(100% - .8em);background-repeat:no-repeat;background-size:.4em .4em;padding-inline-end:2.4em}:dir(rtl) :is(.ds-suggestion:has(input:-moz-placeholder) input){background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}:dir(rtl) :is(.ds-suggestion:has(input:placeholder-shown) input){background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}@media (forced-colors:active){.ds-suggestion:has(input:-moz-placeholder) input{-moz-appearance:auto;appearance:auto}.ds-suggestion:has(input:placeholder-shown) input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.ds-suggestion:has(input:-moz-placeholder):has(:popover-open) input{background-image:linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4))}.ds-suggestion:has(input:placeholder-shown):has(:popover-open) input{background-image:linear-gradient(-45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4)),linear-gradient(45deg,var(--_dsc-input-diagonal-1),var(--_dsc-input-diagonal-2),var(--_dsc-input-diagonal-3),var(--_dsc-input-diagonal-4))}.ds-suggestion input[inputmode=none]{box-shadow:none;outline:none}.ds-suggestion:has(input:is(:-moz-read-only,:disabled,[aria-disabled=true])) del{visibility:hidden}.ds-suggestion del[hidden],.ds-suggestion:has(input:is(:read-only,:disabled,[aria-disabled=true])) del{visibility:hidden}.ds-suggestion:has(del) input{padding-inline-end:calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))}.ds-suggestion del{--dsc-button-size:var(--dsc-suggestion-clear-size);align-self:center;display:flex;margin-inline-start:calc((var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))*-1);order:999;padding:var(--dsc-suggestion-clear-padding);position:relative;scale:.75;z-index:2}:is(.ds-suggestion del):before{background:currentcolor;content:"";height:var(--dsc-suggestion-clear-size);-webkit-mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;width:var(--dsc-suggestion-clear-size)}}
 @layer ds.components{.ds-textfield{display:grid;gap:var(--ds-size-2)}.ds-textfield__adornment{background:var(--ds-color-neutral-surface-tinted);border-radius:var(--ds-border-radius-md);color:var(--ds-color-neutral-text-subtle);display:inline-block;padding:9px var(--ds-size-4)}.ds-textfield__adornment,.ds-textfield__input{border:1px solid var(--ds-color-neutral-border-default);box-sizing:border-box}.ds-textfield__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--ds-color-neutral-surface-default);border-radius:var(--ds-border-radius-md);color:var(--ds-color-neutral-text-default);flex:0 1 auto;font-family:inherit;padding:0 var(--ds-size-3);position:relative;width:100%}.ds-textfield__input:disabled{cursor:not-allowed}.ds-textfield--readonly .ds-textfield__input{background:var(--ds-color-neutral-surface-tinted);border-color:var(--ds-color-neutral-border-strong)}.ds-textfield__field{align-items:stretch;border-radius:var(--ds-border-radius-md);display:flex}.ds-textfield__field>:first-child{border-bottom-left-radius:var(--ds-border-radius-md);border-top-left-radius:var(--ds-border-radius-md)}.ds-textfield__field>:last-child{border-bottom-right-radius:var(--ds-border-radius-md);border-top-right-radius:var(--ds-border-radius-md)}.ds-textfield--sm .ds-textfield__adornment{padding:var(--ds-size-2) var(--ds-size-3)}.ds-textfield--md .ds-textfield__adornment{padding:.65rem var(--ds-size-4)}.ds-textfield--lg .ds-textfield__adornment{padding:.85rem var(--ds-size-5)}.ds-textfield--sm .ds-textfield__field{height:var(--ds-size-10)}.ds-textfield--md .ds-textfield__field{height:var(--ds-size-12)}.ds-textfield--lg .ds-textfield__field{height:var(--ds-size-14)}.ds-textfield--sm .ds-textfield__input{padding:0 var(--ds-size-2)}.ds-textfield--md .ds-textfield__input{padding:0 var(--ds-size-3)}.ds-textfield--lg .ds-textfield__input{padding:0 var(--ds-size-4)}.ds-textfield__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-size-1);min-width:-moz-min-content;min-width:min-content}.ds-textfield__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-size-2)*-1)}.ds-textfield:has(.ds-textfield__input:disabled){opacity:var(--ds-opacity-disabled)}.ds-textfield--error .ds-textfield__input:not(:focus-visible){border-color:var(--ds-color-danger-border-default);box-shadow:inset 0 0 0 1px var(--ds-color-danger-border-default)}@media (hover:hover) and (pointer:fine){.ds-textfield__input:not(:focus-visible,:disabled,[aria-disabled]):hover{border-color:var(--ds-color-border-strong);box-shadow:inset 0 0 0 1px var(--ds-color-border-strong)}}.ds-textfield__input--with-prefix{border-bottom-left-radius:0;border-top-left-radius:0}.ds-textfield__input--with-suffix{border-bottom-right-radius:0;border-top-right-radius:0}.ds-textfield__prefix{border-bottom-right-radius:0;border-right:0;border-top-right-radius:0;white-space:nowrap}.ds-textfield__suffix{border-bottom-left-radius:0;border-left:0;border-top-left-radius:0;white-space:nowrap}.ds-textfield__readonly__icon{height:1.2em;width:1.2em}.ds-textfield__error-message:empty{display:none}.ds-combobox{background-color:transparent;display:grid;gap:var(--ds-size-2)}.ds-combobox [data-floating-ui-portal]{grid-column:1/2;grid-row:1/2}.ds-combobox__options-wrapper{background:var(--ds-color-neutral-surface-default);border:1px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-md);box-shadow:var(--ds-shadow-md);color:var(--ds-color-neutral-text-default);overflow-y:auto;padding:var(--ds-size-2);z-index:1600}.ds-combobox--readonly .ds-combobox__input{pointer-events:none}.ds-combobox__input__wrapper{align-items:center;border-radius:var(--ds-border-radius-md);cursor:text;display:flex;gap:var(--ds-size-1);height:auto;justify-content:space-between;padding:var(--ds-size-2);position:relative;width:100%}.ds-combobox__input__wrapper .ds-combobox__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;box-sizing:border-box;color:var(--ds-color-neutral-text-default);flex-grow:1;font-family:inherit;font-size:inherit;font-weight:inherit;height:100%;line-height:inherit;min-width:50px;width:100%}.ds-combobox--sm .ds-combobox__input__wrapper{min-height:var(--ds-size-10);padding:5px var(--ds-size-2)}.ds-combobox--md .ds-combobox__input__wrapper{min-height:var(--ds-size-12);padding:7px var(--ds-size-3)}.ds-combobox--lg .ds-combobox__input__wrapper{min-height:var(--ds-size-14);padding:7px var(--ds-size-4)}.ds-combobox__input__wrapper .ds-combobox__input:focus{outline:none}.ds-combobox__input__wrapper.ds-combobox--error{border-color:var(--ds-color-danger-border-default);border-width:2px}.ds-combobox__chip-and-input{align-items:center;background-color:transparent;display:flex;flex-wrap:wrap;gap:var(--ds-size-2);width:100%}.ds-combobox__arrow{cursor:pointer;display:grid;place-items:center}.ds-combobox__input__wrapper.ds-combobox--readonly{background:var(--ds-color-base-default);border-color:var(--ds-color-base-default)}.ds-combobox__label{align-items:center;display:inline-flex;flex-direction:row;gap:var(--ds-size-1);grid-column:1/2;grid-row:1/2;min-width:-moz-min-content;min-width:min-content}.ds-combobox__description{color:var(--ds-color-neutral-text-subtle);margin-top:calc(var(--ds-size-2)*-1)}.ds-combobox__clear-button{aspect-ratio:1;background-color:transparent;border:none;border-radius:var(--ds-border-radius-sm);color:var(--ds-color-neutral-text-default);cursor:pointer;display:grid;height:29px;padding:0;place-items:center;width:29px}.ds-combobox--sm .ds-combobox__clear-button{height:25px;width:25px}.ds-combobox--md .ds-combobox__clear-button{height:29px;width:29px}.ds-combobox--lg .ds-combobox__clear-button{height:31px;width:31px}.ds-combobox__clear-button:not(:disabled):hover{background-color:var(--ds-color-neutral-surface-tinted)}.ds-combobox__disabled{opacity:var(--ds-opacity-disabled)}.ds-combobox__disabled *{cursor:not-allowed}.ds-combobox__readonly__icon{height:1.2em;width:1.2em}.ds-combobox__error-message{margin-top:var(--ds-size-2)}.ds-combobox__error-message:empty{display:none}.ds-combobox__loading{align-content:center;display:flex;gap:var(--ds-size-2)}.ds-combobox__input__wrapper:has(input:focus){--dsc-focus-border-width:3px;box-shadow:0 0 0 var(--dsc-focus-border-width) var(--ds-color-focus-inner);outline:var(--dsc-focus-border-width) solid var(--ds-color-focus-outer);outline-offset:var(--dsc-focus-border-width)}.ds-combobox__input__wrapper:focus-within:hover{border-color:var(--ds-color-neutral-border-default)}.ds-combobox__custom,.ds-combobox__empty,.ds-combobox__option{font-weight:400;padding:var(--ds-size-2) var(--ds-size-3)}.ds-combobox__option{background:none;border:none;border-left:5px solid transparent;border-radius:var(--ds-border-radius-sm);cursor:pointer;display:grid;font-family:inherit;grid-template-columns:1.2em 1fr;height:auto;justify-content:start;padding-left:var(--ds-size-1);text-align:left;width:100%}.ds-combobox__option.ds-combobox__option--active{background:var(--ds-color-surface-tinted);border-left:5px solid var(--ds-color-base-default)}.ds-combobox__option>div{align-self:flex-start}.ds-combobox__option.ds-combobox__option--multiple{gap:var(--ds-size-2);grid-template-columns:auto 1fr}.ds-combobox__option__label{color:var(--ds-color-neutral-text-default);cursor:pointer;display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--ds-size-1);margin:auto 0}.ds-combobox__option--active .ds-combobox__option__label{color:var(--ds-color-text-default)}.ds-combobox__option__icon-wrapper{aspect-ratio:1/1;background-color:var(--ds-color-neutral-surface-default);border:2px solid var(--ds-color-neutral-border-default);border-radius:var(--ds-border-radius-sm);display:grid;place-items:center;width:var(--ds-size-6)}.ds-combobox__option--active .ds-combobox__option__icon-wrapper{border-color:var(--ds-color-base-default)}.ds-combobox--sm .ds-combobox__option .ds-combobox__option__icon-wrapper{width:var(--ds-size-5)}.ds-combobox--md .ds-combobox__option .ds-combobox__option__icon-wrapper{width:var(--ds-size-6)}.ds-combobox--lg .ds-combobox__option .ds-combobox__option__icon-wrapper{width:var(--ds-size-7)}.ds-combobox__option__icon-wrapper.ds-combobox__option__icon-wrapper--selected{background-color:var(--ds-color-base-default);border-color:var(--ds-color-base-default)}.ds-combobox__option__icon-wrapper__icon{box-sizing:border-box;padding-top:.2em;transform:scale(1.4);stroke:var(--ds-color-neutral-text-default);color:var(--ds-color-neutral-text-default)}.ds-combobox__option__icon-wrapper .ds-combobox__option__icon-wrapper__icon{padding-top:0}.ds-combobox__option--active .ds-combobox__option__icon-wrapper__icon{stroke:var(--ds-color-text-default);color:var(--ds-color-text-default)}.ds-combobox__option__icon-wrapper.ds-combobox__option__icon-wrapper--selected .ds-combobox__option__icon-wrapper__icon{color:#fff;stroke:#fff}.ds-combobox__option__description{color:var(--ds-color-neutral-text-subtle);display:flex;flex-direction:column;flex-wrap:wrap;font-weight:400;gap:var(--ds-size-1)}}
 @layer at.components{
@@ -200,13 +201,14 @@
 @layer at.components{
 
 .at-header {
+  --at-header-max-width: 82.5rem;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
-  container-type: inline-size; /* Enable container queries */
-  margin: var(--ds-size-2) var(--ds-size-4);
+  container-type: inline-size;
+  padding: var(--ds-size-2) var(--ds-size-6);
 }
 
   .at-header .ds-search {
@@ -218,118 +220,249 @@
     --dsc-link-color--visited: var(--dsc-link-color);
   }
 
-.at-header__title-background {
-  width: 100%;
-}
+  .at-header .ds-link:has(.at-header__logo) {
+    color: var(--ds-color-text-default);
+    font-weight: var(--ds-font-weight-medium);
+    text-decoration: none;
+    line-height: var(--ds-line-height-sm);
+    font-size: var(--ds-font-size-5);
+    letter-spacing: var(--ds-letter-spacing-8);
+    transform: translateY(
+      -2.5px
+    ); /** Literata font med line is noticably lower than other fonts. This counteracts it somewhat, without looking dumb with other fonts */
+  }
 
-.at-header__title {
+.at-header__container {
+  width: 100%;
+  max-width: var(--at-header-max-width);
   display: flex;
   flex-direction: row;
   box-sizing: border-box;
+  align-items: center;
 }
 
-.at-header__title-left,
-.at-header__title-center,
-.at-header__title-right {
+.at-header__left,
+.at-header__center,
+.at-header__right {
   display: flex;
   align-items: center;
 }
 
-.at-header__title-left {
+.at-header__left {
   justify-content: flex-start;
   gap: var(--ds-size-4);
-  margin-right: var(--ds-size-22);
 }
 
-.at-header__title-center {
+.at-header__center {
   justify-content: flex-start;
   gap: var(--ds-size-8);
   flex: 1;
 }
 
-.at-header__title-right {
+.at-header__center:not(:first-child) {
+  margin-left: var(--ds-size-22);
+}
+
+.at-header__right {
   justify-content: flex-end;
-  margin-right: var(--ds-size-15);
+  margin-left: auto;
 }
 
-.at-header__title-link:not(:hover):not(:focus-visible),
-.at-header__title-dropdown-controls .ds-link:not(:hover):not(:focus-visible) {
+.at-header__logo .ds-link:not(:hover):not(:focus-visible),
+.at-header__link:not(:hover):not(:focus-visible),
+.at-header__dropdown-controls .ds-link:not(:hover):not(:focus-visible),
+.at-header__dropdown-trigger {
   text-decoration-line: none;
+  color: var(--ds-color-neutral-text-default);
 }
 
-/* add padding except for hr (Divider) that are either from the consumer controls prop
- or provided by us below links for mobile version */
-.at-header__title-dropdown-controls:not(:has(> hr:only-child)) {
-  padding: var(--ds-size-2) var(--ds-size-4);
+.at-header__logo {
+  display: flex;
+}
+
+.at-header__dropdown-trigger {
+  font-weight: var(--ds-font-weight-medium);
 }
 
-.at-header__title-dropdown-item-mobile {
+.at-header__link {
+  font-weight: var(--ds-font-weight-medium);
+}
+
+  .at-header__link[aria-current="page"] {
+    font-weight: var(--ds-font-weight-semibold);
+  }
+
+.at-header__dropdown-item-mobile {
   display: none;
 }
 
-.at-header__title-dropdown-close-mobile {
+.at-header__dropdown-close-mobile {
   display: none;
 }
 
-.at-header__title-dropdown-backdrop {
+.at-header__dropdown-backdrop {
   display: none;
 }
 
+.at-header__menu-row {
+  align-items: center;
+  box-sizing: border-box;
+  display: flex;
+  gap: var(--ds-size-2);
+  height: var(--ds-size-10);
+  justify-content: flex-start;
+  min-height: unset;
+  padding: var(--ds-size-2) var(--ds-size-4);
+  text-decoration: none;
+  width: 100%;
+  color: var(--ds-color-text-default);
+  background: unset;
+}
+
+  .at-header__menu-row:hover {
+    color: var(--ds-color-text-default);
+    background: var(--ds-color-surface-tinted);
+  }
+
+  .at-header__menu-row.padded {
+    padding-left: var(--ds-size-11); /** row padding + icon size + gap */
+  }
+
+.at-header__menu-icon {
+  align-items: center;
+  display: flex;
+  flex-shrink: 0;
+  height: -moz-fit-content;
+  height: fit-content;
+}
+
+  .at-header__menu-icon  > svg {
+    height: var(--ds-size-5);
+    width: var(--ds-size-5);
+  }
+
+.at-header__menu-badge-info,
+.at-header__menu-badge-warning,
+.at-header__menu-badge-success,
+.at-header__menu-badge-danger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--ds-size-7);
+  height: var(--ds-size-7);
+  border-radius: 50%;
+  font-size: var(--ds-font-size-3);
+  font-weight: var(--ds-font-weight-regular);
+  margin-left: auto;
+}
+
+.at-header__menu-badge-info {
+  color: var(--ds-color-info-text-default);
+  background-color: var(--ds-color-info-surface-tinted);
+}
+.at-header__menu-badge-warning {
+  color: var(--ds-color-warning-text-default);
+  background-color: var(--ds-color-warning-surface-tinted);
+}
+.at-header__menu-badge-success {
+  color: var(--ds-color-success-text-default);
+  background-color: var(--ds-color-success-surface-tinted);
+}
+.at-header__menu-badge-danger {
+  color: var(--ds-color-danger-text-default);
+  background-color: var(--ds-color-danger-surface-tinted);
+}
+
 /* Responsive adjustments */
+@media (min-width: 48rem) {
+  .at-header__dropdown-trigger {
+    background: unset;
+  }
+
+    .at-header__dropdown-trigger:hover {
+      text-decoration: underline;
+    }
+}
+
 @media (max-width: 48rem) {
     .at-header .ds-search {
       max-width: 100%;
     }
-}
 
-@container (max-width: 48rem) {
-  .at-header__title {
-    align-items: flex-end;
+  .at-header__container {
     justify-content: space-between;
   }
 
-  .at-header__title-left {
+  .at-header__left {
     margin-right: 0;
+    flex-shrink: 0;
   }
 
-  .at-header__title-center {
+  .at-header__center {
     display: none;
   }
 
-  .at-header__title-right {
-    justify-self: flex-end;
-    margin-right: unset;
-    margin-right: var(--ds-size-4);
+  .at-header__right {
+    margin-left: 0;
   }
 
-  .at-header__title-logo {
+  /* Hide illustration on mobile, keep logo visible */
+  .at-header__illustration {
     display: none;
   }
 
-  .at-header__title-dropdown-item-mobile {
+  .at-header__dropdown-item-mobile {
     display: block;
   }
 
-  /* Full-width dropdown overlay for mobile */
-  .at-header .ds-dropdown.at-header__title-dropdown-content {
+  .at-header .ds-dropdown.at-header__dropdown-content {
+    /* Full-width dropdown overlay for mobile */
     width: 100%;
     max-width: 100%;
+    /* Hide box-shadow to avoid line between dropdown menu and header on mobile */
+    box-shadow: none;
+    border-top: 0;
+    border-left: 0;
+    border-right: 0;
+    border-top-left-radius: 0%;
+    border-top-right-radius: 0%;
+  }
+
+  .at-header__dropdown-trigger {
+    font-weight: var(--ds-font-weight-regular);
+    color: var(--ds-color-base-contrast-default);
+  }
+
+  .at-header__link,
+  .at-header__link[data-color="primary"] {
+    color: var(--ds-color-text-default);
+    font-weight: var(--ds-font-weight-regular);
+    width: 100%;
+    height: var(--ds-size-10);
+    min-height: unset;
+    display: block;
+    padding: var(--ds-size-2) var(--ds-size-4);
+    margin: 0;
+    box-sizing: border-box;
   }
 
-  .at-header__title-dropdown-close-mobile {
+  .at-header__dropdown-close-mobile {
     display: block;
     margin: var(--ds-size-4);
     margin-bottom: var(--ds-size-2);
   }
 
-    .at-header__title-dropdown-close-mobile .ds-button {
+    .at-header__dropdown-close-mobile .ds-button {
       justify-content: center;
     }
 
-  .at-header__title-dropdown-backdrop {
+  .at-header__dropdown-backdrop {
     display: block;
     position: fixed;
-    inset: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
     background-color: rgb(0 0 0 / calc(100% - var(--ds-opacity-disabled)));
     pointer-events: none;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arbeidstilsynet/design-css",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "CSS for Designsystemet",
   "author": "Arbeidstilsynet",
   "repository": {
@@ -25,17 +25,17 @@
     "dist"
   ],
   "dependencies": {
-    "@digdir/designsystemet-css": "1.9.0"
+    "@digdir/designsystemet-css": "1.11.0"
   },
   "devDependencies": {
-    "@types/node": "24.10.4",
-    "autoprefixer": "10.4.23",
+    "@types/node": "24.10.10",
+    "autoprefixer": "10.4.24",
     "cssnano": "7.1.2",
     "del-cli": "7.0.0",
     "postcss": "8.5.6",
     "postcss-cli": "11.0.1",
     "postcss-import": "16.1.1",
-    "postcss-nesting": "13.0.2"
+    "postcss-nesting": "14.0.0"
   },
   "scripts": {
     "dev": "postcss ./src/*.css --base . --dir ./dist --watch",