@digdir/designsystemet-css 1.21.0 → 1.22.0

package/dist/src/input.css

@@ -1 +1 @@
-:where(.ds-input){margin:0}.ds-input{--dsc-input-padding-block:var(--ds-size-2);--dsc-input-padding-inline:var(--ds-size-3);--dsc-input-padding:var(--dsc-input-padding-block) var(--dsc-input-padding-inline);--dsc-input-size--toggle:var(--ds-size-6);--dsc-input-size:var(--ds-size-12);--dsc-input-font-size:max(1rem, 1em);--dsc-input-line-height:var(--ds-line-height-md);--dsc-input-background--readonly:var(--ds-color-neutral-surface-tinted);--dsc-input-background:var(--ds-color-neutral-surface-default);--dsc-input-border-color--readonly:var(--ds-color-neutral-border-subtle);--dsc-input-border-color:var(--ds-color-neutral-border-default);--dsc-input-border-radius:var(--ds-border-radius-md);--dsc-input-border-style:solid;--dsc-input-border-width--toggle:max(var(--ds-border-width-default), calc(var(--ds-size-1)/2));--dsc-input-border-width:var(--ds-border-width-default);--dsc-input-outline-color--hover:var(--ds-color-neutral-border-default);--dsc-input-outline-color--toggle--hover:var(--dsc-input-accent-color);--dsc-input-outline-width--hover:var(--ds-border-width-default);--dsc-input-outline-style--hover:solid;--dsc-input-color--readonly:var(--ds-color-neutral-text-default);--dsc-input-color-placeholder:color-mix(in srgb, var(--dsc-input-color), transparent 30%);--dsc-input-color:var(--ds-color-neutral-text-default);--dsc-input-stroke-color:var(--ds-color-base-contrast-default);--dsc-input-stroke-color--invalid:var(--ds-color-danger-base-contrast-default);--dsc-input-stroke-width:0.05em;--dsc-input-accent-color:var(--ds-color-base-default);--dsc-input-accent-color--invalid:var(--ds-color-danger-text-subtle);--_dsc-input-diagonal-1:transparent calc(48% - var(--dsc-input-stroke-width));--_dsc-input-diagonal-2:currentcolor calc(50% - var(--dsc-input-stroke-width));--_dsc-input-diagonal-3:currentcolor calc(50% + var(--dsc-input-stroke-width));--_dsc-input-diagonal-4:transparent calc(52% + var(--dsc-input-stroke-width));--_dsc-input-spacing--toggle:calc(var(--ds-size-1)/2);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dsc-input-background);border-color:var(--dsc-input-border-color);border-radius:var(--dsc-input-border-radius);border-style:var(--dsc-input-border-style);border-width:var(--dsc-input-border-width);box-sizing:border-box;color:var(--dsc-input-color);font-family:inherit;height:var(--dsc-input-size);line-height:var(--dsc-input-line-height);max-width:100%;min-width:0;padding:var(--dsc-input-padding);position:relative;vertical-align:middle;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-input: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-input:focus-visible *{--_ds--focus:}.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):where(:hover,.\:click-delegate-hover),:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover{outline-color:var(--dsc-input-outline-color--hover);outline-width:var(--dsc-input-outline-width--hover);outline-style:var(--dsc-input-outline-style--hover)}:is(:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover,.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):where(:hover,.\:click-delegate-hover)):is(:checked,:indeterminate:where([type=checkbox])):not([aria-invalid=true]){outline-color:var(--dsc-input-outline-color--toggle--hover)}:is(:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover,.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):where(:hover,.\:click-delegate-hover)):is([aria-invalid=true]){outline-color:var(--dsc-input-accent-color--invalid)}.ds-input::-moz-placeholder{color:var(--dsc-input-color-placeholder)}.ds-input::placeholder{color:var(--dsc-input-color-placeholder)}@supports (-webkit-hyphens:none){.ds-input[type=date]{color:initial}}@media (forced-colors:active){.ds-input{border-color:ButtonText;background-color:Canvas}.ds-input:disabled,.ds-input[aria-disabled=true],.ds-input[aria-readonly=true],.ds-input[readonly]{border-color:GrayText}}@supports (width:round(down,0.1em,1px)){.ds-input{border-width:round(up,var(--dsc-input-border-width),1px)}}.ds-input:not([data-size]){font-size:var(--dsc-input-font-size)}.ds-input:is(select){padding-inline-end:2.4em;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-size:.4em .4em;background-repeat:no-repeat;text-overflow:ellipsis}:dir(rtl) .ds-input:is(select){background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}.ds-input:is(select):open{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))}@media (forced-colors:active){.ds-input:is(select){-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.ds-input:is(textarea){height:auto;min-height:calc(var(--dsc-input-size)*1.5);resize:vertical}.ds-input:is(textarea):not([rows]){field-sizing:content;height:var(--_ds-field-sizing)}.ds-input:where([type=text],[type=email],[type=tel],[type=url],[type=search]){height:unset;padding-block:calc((var(--dsc-input-size) - var(--dsc-input-line-height)*1em)/2 - var(--dsc-input-border-width))}.ds-input:not([size],[cols],select:where([data-width=auto])){width:100%}.ds-input:checked,.ds-input:indeterminate:where([type=checkbox]){background:var(--dsc-input-accent-color);border-color:var(--dsc-input-accent-color);color:var(--dsc-input-stroke-color)}.ds-input:disabled,.ds-input[aria-disabled=true]{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.ds-input[aria-invalid=true]{border-color:var(--dsc-input-accent-color--invalid)}.ds-input[aria-invalid=true]:where(:checked){background:var(--dsc-input-accent-color--invalid);color:var(--dsc-input-stroke-color--invalid)}.ds-input[type=checkbox][aria-invalid=true]:where(:indeterminate){background:var(--dsc-input-accent-color--invalid);color:var(--dsc-input-stroke-color--invalid)}.ds-input[aria-readonly=true],.ds-input[readonly]{background-color:var(--dsc-input-background--readonly);border-color:var(--dsc-input-border-color--readonly);color:var(--dsc-input-color--readonly)}@media (forced-colors:active){.ds-input[aria-readonly=true],.ds-input[readonly]{border-color:GrayText}}.ds-input:-moz-read-only:not([readonly],[aria-readonly=true],[aria-disabled=true],:disabled){cursor:pointer}.ds-input:read-only:not([readonly],[aria-readonly=true],[aria-disabled=true],:disabled){cursor:pointer}.ds-input[type=checkbox],.ds-input[type=radio]{border-width:var(--dsc-input-border-width--toggle);padding:var(--_dsc-input-spacing--toggle);flex-shrink:0;line-height:inherit;height:var(--dsc-input-size--toggle);width:var(--dsc-input-size--toggle)}@media (forced-colors:active){.ds-input[type=checkbox],.ds-input[type=radio]{color:Canvas}:is(.ds-input[type=checkbox],.ds-input[type=radio]):disabled,[aria-disabled=true]:is(.ds-input[type=checkbox],.ds-input[type=radio]),[aria-readonly=true]:is(.ds-input[type=checkbox],.ds-input[type=radio]),[readonly]:is(.ds-input[type=checkbox],.ds-input[type=radio]){border-color:GrayText}}.ds-input[type=radio]{border-radius:var(--ds-border-radius-full)}.ds-input[type=radio]:checked{background-image:radial-gradient(circle closest-side,currentcolor 45%,transparent 50%)}@media (forced-colors:active){.ds-input[type=radio]:checked{background-color:LinkText;border-color:LinkText;color:Canvas;forced-color-adjust:none}}.ds-input[type=checkbox]{border-radius:var(--ds-border-radius-sm)}.ds-input[type=checkbox]:checked{--_stroke-width:var(--dsc-input-stroke-width);--_stroke-width-fallback:0.05em;--_diagonal-1:transparent calc(48% - var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-2:currentcolor calc(50% - var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-3:currentcolor calc(50% + var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-4:transparent calc(52% + var(--_stroke-width, var(--_stroke-width-fallback)));background-origin:content-box;background-repeat:no-repeat;background-position:10% 73%,90% 50%;background-size:35% 35%,65% 65%;background-image:linear-gradient(45deg,var(--_diagonal-1),var(--_diagonal-2),var(--_diagonal-3),var(--_diagonal-4)),linear-gradient(-45deg,var(--_diagonal-1),var(--_diagonal-2),var(--_diagonal-3),var(--_diagonal-4))}@media (forced-colors:active){.ds-input[type=checkbox]:checked{background-color:LinkText;border-color:LinkText;forced-color-adjust:none}}.ds-input[type=checkbox]:indeterminate{background-origin:content-box;background-position:50%;background-repeat:no-repeat;background-size:contain;background-image:linear-gradient(transparent calc(48% - var(--dsc-input-stroke-width)),currentcolor calc(50% - var(--dsc-input-stroke-width)),currentcolor calc(50% + var(--dsc-input-stroke-width)),transparent calc(52% + var(--dsc-input-stroke-width)))}@media (forced-colors:active){.ds-input[type=checkbox]:indeterminate{background-color:LinkText;border-color:LinkText;forced-color-adjust:none}}.ds-input[role=switch]:is([type=radio],[type=checkbox]){--_dsc-input-circle-position:left;background-image:radial-gradient(circle closest-side,currentcolor 95%,transparent);background-origin:content-box;background-position:var(--_dsc-input-circle-position);background-repeat:no-repeat;background-size:calc(var(--dsc-input-size--toggle) - var(--_dsc-input-spacing--toggle)*2) 100%;border-radius:var(--ds-border-radius-full);padding-inline:0;transition:background-position .2s;width:calc(var(--dsc-input-size--toggle)*2)}.ds-input[role=switch]:is([type=radio],[type=checkbox]):checked{--_dsc-input-circle-position:right}@media (forced-colors:active){.ds-input[role=switch]:is([type=radio],[type=checkbox]):checked{color:initial}}@media (forced-colors:active){.ds-input[role=switch]:is([type=radio],[type=checkbox]){color:GrayText;forced-color-adjust:none}.ds-input[role=switch][aria-readonly=true]:is([type=radio],[type=checkbox]),.ds-input[role=switch][readonly]:is([type=radio],[type=checkbox]){color:GrayText}.ds-input[role=switch]:is([type=radio],[type=checkbox]):disabled,.ds-input[role=switch][aria-disabled=true]:is([type=radio],[type=checkbox]),.ds-input[role=switch][aria-readonly=true]:is([type=radio],[type=checkbox]),.ds-input[role=switch][readonly]:is([type=radio],[type=checkbox]){border-color:GrayText}}
+:where(.ds-input){margin:0}.ds-input{--dsc-input-padding-block:var(--ds-size-2);--dsc-input-padding-inline:var(--ds-size-3);--dsc-input-padding:var(--dsc-input-padding-block) var(--dsc-input-padding-inline);--dsc-input-size--toggle:var(--ds-size-6);--dsc-input-size:var(--ds-size-12);--dsc-input-font-size:max(1rem, 1em);--dsc-input-line-height:var(--ds-line-height-md);--dsc-input-background--readonly:var(--ds-color-neutral-surface-tinted);--dsc-input-background:var(--ds-color-neutral-surface-default);--dsc-input-border-color--readonly:var(--ds-color-neutral-border-subtle);--dsc-input-border-color:var(--ds-color-neutral-border-default);--dsc-input-border-radius:var(--ds-border-radius-md);--dsc-input-border-style:solid;--dsc-input-border-width--toggle:max(var(--ds-border-width-default), calc(var(--ds-size-1)/2));--dsc-input-border-width:var(--ds-border-width-default);--dsc-input-outline-color--hover:var(--ds-color-neutral-border-default);--dsc-input-outline-color--toggle--hover:var(--dsc-input-accent-color);--dsc-input-outline-width--hover:var(--ds-border-width-default);--dsc-input-outline-style--hover:solid;--dsc-input-color--readonly:var(--ds-color-neutral-text-default);--dsc-input-color-placeholder:color-mix(in srgb, var(--dsc-input-color), transparent 30%);--dsc-input-color:var(--ds-color-neutral-text-default);--dsc-input-stroke-color:var(--ds-color-base-contrast-default);--dsc-input-stroke-color--invalid:var(--ds-color-danger-base-contrast-default);--dsc-input-stroke-width:0.05em;--dsc-input-accent-color:var(--ds-color-base-default);--dsc-input-accent-color--invalid:var(--ds-color-danger-text-subtle);--_dsc-input-diagonal-1:transparent calc(48% - var(--dsc-input-stroke-width));--_dsc-input-diagonal-2:currentcolor calc(50% - var(--dsc-input-stroke-width));--_dsc-input-diagonal-3:currentcolor calc(50% + var(--dsc-input-stroke-width));--_dsc-input-diagonal-4:transparent calc(52% + var(--dsc-input-stroke-width));--_dsc-input-spacing--toggle:calc(var(--ds-size-1)/2);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dsc-input-background);border-color:var(--dsc-input-border-color);border-radius:var(--dsc-input-border-radius);border-style:var(--dsc-input-border-style);border-width:var(--dsc-input-border-width);box-sizing:border-box;color:var(--dsc-input-color);font-family:inherit;height:var(--dsc-input-size);line-height:var(--dsc-input-line-height);max-width:100%;min-width:0;padding:var(--dsc-input-padding);position:relative;vertical-align:middle;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-input: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-input:focus-visible *{--_ds--focus:}.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):where(:hover,.\:click-delegate-hover),:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover{outline-color:var(--dsc-input-outline-color--hover);outline-width:var(--dsc-input-outline-width--hover);outline-style:var(--dsc-input-outline-style--hover);outline-offset:-.1px}:is(:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover,.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):where(:hover,.\:click-delegate-hover)):is(:checked,:indeterminate:where([type=checkbox])):not([aria-invalid=true]){outline-color:var(--dsc-input-outline-color--toggle--hover)}:is(:has(label):not(:has(label:hover)) .ds-input:not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):hover,.ds-input:is([type=radio],[type=checkbox]):not(:focus-visible,:disabled,[readonly],[aria-readonly=true]):where(:hover,.\:click-delegate-hover)):is([aria-invalid=true]){outline-color:var(--dsc-input-accent-color--invalid)}.ds-input::-moz-placeholder{color:var(--dsc-input-color-placeholder)}.ds-input::placeholder{color:var(--dsc-input-color-placeholder)}@supports (-webkit-hyphens:none){.ds-input[type=date]{color:initial}}@media (forced-colors:active){.ds-input{border-color:ButtonText;background-color:Canvas}.ds-input:disabled,.ds-input[aria-disabled=true],.ds-input[aria-readonly=true],.ds-input[readonly]{border-color:GrayText}}@supports (width:round(down,0.1em,1px)){.ds-input{border-width:round(up,var(--dsc-input-border-width),1px)}}.ds-input:not([data-size]){font-size:var(--dsc-input-font-size)}.ds-input:is(select){padding-inline-end:2.4em;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-size:.4em .4em;background-repeat:no-repeat;text-overflow:ellipsis}:dir(rtl) .ds-input:is(select){background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}.ds-input:is(select):open{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))}@media (forced-colors:active){.ds-input:is(select){-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.ds-input:is(textarea){height:auto;min-height:calc(var(--dsc-input-size)*1.5);resize:vertical}.ds-input:is(textarea):not([rows]){field-sizing:content;height:var(--_ds-field-sizing)}.ds-input:where([type=text],[type=email],[type=tel],[type=url],[type=search]){height:unset;padding-block:calc((var(--dsc-input-size) - var(--dsc-input-line-height)*1em)/2 - var(--dsc-input-border-width))}.ds-input:not([size],[cols],select:where([data-width=auto])){width:100%}.ds-input:checked,.ds-input:indeterminate:where([type=checkbox]){background:var(--dsc-input-accent-color);border-color:var(--dsc-input-accent-color);color:var(--dsc-input-stroke-color)}.ds-input:disabled,.ds-input[aria-disabled=true]{cursor:not-allowed;opacity:var(--ds-opacity-disabled)}.ds-input[aria-invalid=true]{border-color:var(--dsc-input-accent-color--invalid)}.ds-input[aria-invalid=true]:where(:checked){background:var(--dsc-input-accent-color--invalid);color:var(--dsc-input-stroke-color--invalid)}.ds-input[type=checkbox][aria-invalid=true]:where(:indeterminate){background:var(--dsc-input-accent-color--invalid);color:var(--dsc-input-stroke-color--invalid)}.ds-input[aria-readonly=true],.ds-input[readonly]{background-color:var(--dsc-input-background--readonly);border-color:var(--dsc-input-border-color--readonly);color:var(--dsc-input-color--readonly)}@media (forced-colors:active){.ds-input[aria-readonly=true],.ds-input[readonly]{border-color:GrayText}}.ds-input:-moz-read-only:not([readonly],[aria-readonly=true],[aria-disabled=true],:disabled){cursor:pointer}.ds-input:read-only:not([readonly],[aria-readonly=true],[aria-disabled=true],:disabled){cursor:pointer}.ds-input[type=checkbox],.ds-input[type=radio]{border-width:var(--dsc-input-border-width--toggle);padding:var(--_dsc-input-spacing--toggle);flex-shrink:0;line-height:inherit;height:var(--dsc-input-size--toggle);width:var(--dsc-input-size--toggle)}@media (forced-colors:active){.ds-input[type=checkbox],.ds-input[type=radio]{color:Canvas}:is(.ds-input[type=checkbox],.ds-input[type=radio]):disabled,[aria-disabled=true]:is(.ds-input[type=checkbox],.ds-input[type=radio]),[aria-readonly=true]:is(.ds-input[type=checkbox],.ds-input[type=radio]),[readonly]:is(.ds-input[type=checkbox],.ds-input[type=radio]){border-color:GrayText}}.ds-input[type=radio]{border-radius:var(--ds-border-radius-full)}.ds-input[type=radio]:checked{background-image:radial-gradient(circle closest-side,currentcolor 45%,transparent 50%)}@media (forced-colors:active){.ds-input[type=radio]:checked{background-color:LinkText;border-color:LinkText;color:Canvas;forced-color-adjust:none}}.ds-input[type=checkbox]{border-radius:var(--ds-border-radius-sm)}.ds-input[type=checkbox]:checked{--_stroke-width:var(--dsc-input-stroke-width);--_stroke-width-fallback:0.05em;--_diagonal-1:transparent calc(48% - var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-2:currentcolor calc(50% - var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-3:currentcolor calc(50% + var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-4:transparent calc(52% + var(--_stroke-width, var(--_stroke-width-fallback)));background-origin:content-box;background-repeat:no-repeat;background-position:10% 73%,90% 50%;background-size:35% 35%,65% 65%;background-image:linear-gradient(45deg,var(--_diagonal-1),var(--_diagonal-2),var(--_diagonal-3),var(--_diagonal-4)),linear-gradient(-45deg,var(--_diagonal-1),var(--_diagonal-2),var(--_diagonal-3),var(--_diagonal-4))}@media (forced-colors:active){.ds-input[type=checkbox]:checked{background-color:LinkText;border-color:LinkText;forced-color-adjust:none}}.ds-input[type=checkbox]:indeterminate{background-origin:content-box;background-position:50%;background-repeat:no-repeat;background-size:contain;background-image:linear-gradient(transparent calc(48% - var(--dsc-input-stroke-width)),currentcolor calc(50% - var(--dsc-input-stroke-width)),currentcolor calc(50% + var(--dsc-input-stroke-width)),transparent calc(52% + var(--dsc-input-stroke-width)))}@media (forced-colors:active){.ds-input[type=checkbox]:indeterminate{background-color:LinkText;border-color:LinkText;forced-color-adjust:none}}.ds-input[role=switch]:is([type=radio],[type=checkbox]){--_dsc-input-circle-position:left;background-image:radial-gradient(circle closest-side,currentcolor 95%,transparent);background-origin:content-box;background-position:var(--_dsc-input-circle-position);background-repeat:no-repeat;background-size:calc(var(--dsc-input-size--toggle) - var(--_dsc-input-spacing--toggle)*2) 100%;border-radius:var(--ds-border-radius-full);padding-inline:0;transition:background-position .2s;width:calc(var(--dsc-input-size--toggle)*2)}.ds-input[role=switch]:is([type=radio],[type=checkbox]):checked{--_dsc-input-circle-position:right}@media (forced-colors:active){.ds-input[role=switch]:is([type=radio],[type=checkbox]):checked{color:initial}}@media (forced-colors:active){.ds-input[role=switch]:is([type=radio],[type=checkbox]){color:GrayText;forced-color-adjust:none}.ds-input[role=switch][aria-readonly=true]:is([type=radio],[type=checkbox]),.ds-input[role=switch][readonly]:is([type=radio],[type=checkbox]){color:GrayText}.ds-input[role=switch]:is([type=radio],[type=checkbox]):disabled,.ds-input[role=switch][aria-disabled=true]:is([type=radio],[type=checkbox]),.ds-input[role=switch][aria-readonly=true]:is([type=radio],[type=checkbox]),.ds-input[role=switch][readonly]:is([type=radio],[type=checkbox]){border-color:GrayText}}

package/dist/src/link.css

@@ -1 +1 @@
-.ds-link{--dsc-link-color:var(--ds-color-text-subtle);--dsc-link-color--hover:var(--ds-color-text-default);--dsc-link-color--active:var(--ds-color-text-default);--dsc-link-color--visited:var(--dsc-link-color);--dsc-link-background--active:transparent;--dsc-link-text-decoration-thickness--hover:0.125em;--dsc-link-text-decoration-thickness:0.0625em;--dsc-link-border-radius:0;color:var(--dsc-link-color);outline:none;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--dsc-link-text-decoration-thickness);text-underline-offset:.27em;border-radius:var(--dsc-link-border-radius)}.ds-link:is(button){background:none;border:none;cursor:pointer;font:inherit;margin:0;padding:0;text-align:inherit}.ds-link>:is(img,svg){display:inline-block;flex-shrink:0;font-size:1em;height:var(--ds-icon-size);vertical-align:middle;width:var(--ds-icon-size)}:is(.ds-link:has(>span)>:is(img,svg)):first-child{margin-inline-end:var(--ds-size-1)}:is(.ds-link:has(>span)>:is(img,svg)):last-child{margin-inline-start:var(--ds-size-1)}.ds-link[data-color=neutral]{--dsc-link-color--active:var(--ds-color-neutral-text-subtle);--dsc-link-color--hover:var(--ds-color-neutral-text-subtle);--dsc-link-color:var(--ds-color-neutral-text-default)}.ds-link:where(:visited){color:var(--dsc-link-color--visited)}@media (hover:hover) and (pointer:fine){.ds-link:where(:hover){color:var(--dsc-link-color--hover);text-decoration-thickness:var(--dsc-link-text-decoration-thickness--hover)}}.ds-link: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-link:focus-visible *{--_ds--focus:}.ds-link:where(:active){background:var(--dsc-link-background--active);color:var(--dsc-link-color--active)}
+.ds-link{--dsc-link-color:var(--ds-color-text-subtle);--dsc-link-color--hover:var(--ds-color-text-default);--dsc-link-color--active:var(--ds-color-text-default);--dsc-link-color--visited:var(--dsc-link-color);--dsc-link-background--active:transparent;--dsc-link-text-decoration-thickness--hover:0.12em;--dsc-link-text-decoration-thickness:0.06em;--dsc-link-border-radius:0;color:var(--dsc-link-color);outline:none;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--dsc-link-text-decoration-thickness);text-underline-offset:.24em;border-radius:var(--dsc-link-border-radius)}.ds-link:is(button){background:none;border:none;cursor:pointer;font:inherit;margin:0;padding:0;text-align:inherit}.ds-link>:is(img,svg){display:inline-block;flex-shrink:0;font-size:1em;height:var(--ds-icon-size);vertical-align:middle;width:var(--ds-icon-size)}:is(.ds-link:has(>span)>:is(img,svg)):first-child{margin-inline-end:var(--ds-size-1)}:is(.ds-link:has(>span)>:is(img,svg)):last-child{margin-inline-start:var(--ds-size-1)}.ds-link[data-color=neutral]{--dsc-link-color--active:var(--ds-color-neutral-text-subtle);--dsc-link-color--hover:var(--ds-color-neutral-text-subtle);--dsc-link-color:var(--ds-color-neutral-text-default)}.ds-link:where(:visited){color:var(--dsc-link-color--visited)}@media (hover:hover) and (pointer:fine){.ds-link:where(:hover){color:var(--dsc-link-color--hover);text-decoration-thickness:var(--dsc-link-text-decoration-thickness--hover)}}.ds-link: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-link:focus-visible *{--_ds--focus:}.ds-link:where(:active){background:var(--dsc-link-background--active);color:var(--dsc-link-color--active)}

package/dist/src/list.css

@@ -1 +1 @@
-.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}
+.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)}

package/dist/src/pagination.css

@@ -1 +1 @@
-.ds-pagination{--dsc-pagination-gap:var(--ds-size-2);--dsc-pagination-icon-size:var(--ds-icon-size);--dsc-pagination-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9.47%205.97a.75.75%200%200%201%201.06%200l5.5%205.5a.75.75%200%200%201%200%201.06l-5.5%205.5a.75.75%200%201%201-1.06-1.06L14.44%2012%209.47%207.03a.75.75%200%200%201%200-1.06%22%2F%3E%3C%2Fsvg%3E");--dsc-pagination-ellipsis:"\2026";--_ds-aria-label:var(--dsc-pagination-label)}.ds-pagination:is(:lang(no),:lang(nb),:lang(nn)){--dsc-pagination-label:"Bla i sider"}.ds-pagination :is(ol,ul){align-items:center;flex-wrap:wrap;gap:var(--dsc-pagination-gap);list-style:none;margin:0;padding:0}:is(.ds-pagination :is(ol,ul)):not([hidden]){display:flex}:is(.ds-pagination :is(ol,ul))>li:first-child>[aria-hidden=true],:is(.ds-pagination :is(ol,ul))>li:last-child>[aria-hidden=true]{visibility:hidden}:is(.ds-pagination :is(ol,ul))>li>:not([aria-current=true]){--dsc-button-background--active:var(--ds-color-surface-active);--dsc-button-background--hover:var(--ds-color-surface-hover);--dsc-button-background:transparent;--dsc-button-color--active:var(--dsc-button-color);--dsc-button-color--hover:var(--dsc-button-color);--dsc-button-color:var(--ds-color-text-subtle)}:is(.ds-pagination :is(ol,ul))>li>[data-variant=tertiary][aria-current=true]{--dsc-button-background--active:var(--ds-color-base-active);--dsc-button-background--hover:var(--ds-color-base-hover);--dsc-button-background:var(--ds-color-base-default);--dsc-button-color--active:var(--dsc-button-color);--dsc-button-color--hover:var(--dsc-button-color);--dsc-button-color:var(--ds-color-base-contrast-default)}:is(.ds-pagination :is(ol,ul))>li:has([aria-label=hidden]){display:none}:is(.ds-pagination :is(ol,ul))>li>[aria-label]:empty:before{content:attr(aria-label)}:is(.ds-pagination :is(ol,ul))>li>[aria-label="0"]:empty{color:inherit;pointer-events:none;text-decoration:none}:is(.ds-pagination :is(ol,ul))>li>[aria-label="0"]:empty:before{content:var(--dsc-pagination-ellipsis) /""}:is(.ds-pagination :is(ol,ul))>li:first-child>:before,:is(.ds-pagination :is(ol,ul))>li:last-child>:before{content:"";background:currentcolor;height:var(--dsc-pagination-icon-size);-webkit-mask:center/contain no-repeat var(--dsc-pagination-icon-url);mask:center/contain no-repeat var(--dsc-pagination-icon-url);width:var(--dsc-pagination-icon-size);order:1}@media (forced-colors:active){:is(.ds-pagination :is(ol,ul))>li:first-child>:before,:is(.ds-pagination :is(ol,ul))>li:last-child>:before{background:LinkText}}:is(.ds-pagination :is(ol,ul))>li:first-child>:before{rotate:180deg;order:0}:dir(rtl) :is(.ds-pagination :is(ol,ul))>li:first-child>:before{rotate:0deg}:dir(rtl) :is(.ds-pagination :is(ol,ul))>li:last-child>:before{rotate:180deg}:is(.ds-pagination :is(ol,ul))>li:empty:before{content:var(--dsc-pagination-ellipsis);display:block;text-align:center;min-width:var(--ds-size-12)}
+.ds-pagination{--dsc-pagination-gap:var(--ds-size-2);--dsc-pagination-icon-size:var(--ds-icon-size);--dsc-pagination-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9.47%205.97a.75.75%200%200%201%201.06%200l5.5%205.5a.75.75%200%200%201%200%201.06l-5.5%205.5a.75.75%200%201%201-1.06-1.06L14.44%2012%209.47%207.03a.75.75%200%200%201%200-1.06%22%2F%3E%3C%2Fsvg%3E");--dsc-pagination-ellipsis:"\2026";--_ds-aria-label:var(--dsc-pagination-label)}.ds-pagination:lang(nb),.ds-pagination:lang(nn),.ds-pagination:lang(no){--dsc-pagination-label:"Bla i sider"}.ds-pagination :is(ol,ul){margin:0;padding:0;list-style-type:"";align-items:center;flex-wrap:wrap;gap:var(--dsc-pagination-gap)}:is(.ds-pagination :is(ol,ul)):not([hidden]){display:flex}:is(.ds-pagination :is(ol,ul))>li:first-child>[aria-hidden=true],:is(.ds-pagination :is(ol,ul))>li:last-child>[aria-hidden=true]{visibility:hidden}:is(.ds-pagination :is(ol,ul))>li>:not([aria-current=true]){--dsc-button-background--active:var(--ds-color-surface-active);--dsc-button-background--hover:var(--ds-color-surface-hover);--dsc-button-background:transparent;--dsc-button-color--active:var(--dsc-button-color);--dsc-button-color--hover:var(--dsc-button-color);--dsc-button-color:var(--ds-color-text-subtle)}:is(.ds-pagination :is(ol,ul))>li>[data-variant=tertiary][aria-current=true]{--dsc-button-background--active:var(--ds-color-base-active);--dsc-button-background--hover:var(--ds-color-base-hover);--dsc-button-background:var(--ds-color-base-default);--dsc-button-color--active:var(--dsc-button-color);--dsc-button-color--hover:var(--dsc-button-color);--dsc-button-color:var(--ds-color-base-contrast-default)}:is(.ds-pagination :is(ol,ul))>li:has([aria-label=hidden]){display:none}:is(.ds-pagination :is(ol,ul))>li>[aria-label]:empty:before{content:attr(aria-label)}:is(.ds-pagination :is(ol,ul))>li>[aria-label="0"]:empty{color:inherit;pointer-events:none;text-decoration:none}:is(.ds-pagination :is(ol,ul))>li>[aria-label="0"]:empty:before{content:var(--dsc-pagination-ellipsis) /""}:is(.ds-pagination :is(ol,ul))>li:first-child>:before,:is(.ds-pagination :is(ol,ul))>li:last-child>:before{content:"";background:currentcolor;height:var(--dsc-pagination-icon-size);-webkit-mask:center/contain no-repeat var(--dsc-pagination-icon-url);mask:center/contain no-repeat var(--dsc-pagination-icon-url);width:var(--dsc-pagination-icon-size);order:1}@media (forced-colors:active){:is(.ds-pagination :is(ol,ul))>li:first-child>:before,:is(.ds-pagination :is(ol,ul))>li:last-child>:before{background:LinkText}}:is(.ds-pagination :is(ol,ul))>li:first-child>:before{rotate:180deg;order:0}:dir(rtl) :is(.ds-pagination :is(ol,ul))>li:first-child>:before{rotate:0deg}:dir(rtl) :is(.ds-pagination :is(ol,ul))>li:last-child>:before{rotate:180deg}:is(.ds-pagination :is(ol,ul))>li:empty:before{content:var(--dsc-pagination-ellipsis);display:block;text-align:center;min-width:var(--ds-size-12)}

package/dist/src/search.css

@@ -1 +1 @@
-@layer ds.components{.ds-search{--dsc-search-padding-inline:var(--dsc-suggestion-clear-gap);--dsc-search-clear-padding:var(--dsc-suggestion-clear-padding);--dsc-search-clear-size:var(--dsc-suggestion-clear-size);--dsc-search-clear-icon-url:var(--dsc-suggestion-clear-icon-url);--dsc-search-magnifying-icon-url:var(--dsc-suggestion-search-icon-url);--dsc-search-magnifying-icon-size:var(--dsc-suggestion-search-icon-size)}.ds-search,.ds-suggestion{--dsc-suggestion-option-background--hover:var(--ds-color-surface-hover);--dsc-suggestion-option-background--selected:var(--ds-color-surface-active);--dsc-suggestion-option-border-radius:var(--ds-border-radius-md);--dsc-suggestion-option-checkmark-size:var(--ds-size-6);--dsc-suggestion-option-checkmark-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.998%206.94a.75.75%200%200%201%20.063%201.058l-8%209a.75.75%200%200%201-1.091.032l-5-5a.75.75%200%201%201%201.06-1.06l4.438%204.437%207.471-8.405A.75.75%200%200%201%2019%206.939%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-option-padding:var(--ds-size-3);--dsc-suggestion-option-gap:var(--ds-size-2);--dsc-suggestion-option-checkmark-border:max(2px, 0.125rem);--dsc-suggestion-option-checkmark-border-color:var(--ds-color-neutral-border-default);--dsc-suggestion-search-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10.5%203.25a7.25%207.25%200%201%200%204.57%2012.88l5.41%205.41a.75.75%200%201%200%201.06-1.06l-5.41-5.41A7.25%207.25%200%200%200%2010.5%203.25M4.75%2010.5a5.75%205.75%200%201%201%2011.5%200%205.75%205.75%200%200%201-11.5%200%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-search-icon-size:var(--ds-icon-size);--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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.53%205.47a.75.75%200%200%200-1.06%201.06L10.94%2012l-5.47%205.47a.75.75%200%201%200%201.06%201.06L12%2013.06l5.47%205.47a.75.75%200%201%200%201.06-1.06L13.06%2012l5.47-5.47a.75.75%200%200%200-1.06-1.06L12%2010.94z%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-clear-border-radius:var(--ds-border-radius-md);--dsc-suggestion-clear-background--hover:var(--ds-color-surface-hover);--dsc-suggestion-clear-background--active:var(--ds-color-surface-active);--dsc-suggestion-toggle-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5.97%209.47a.75.75%200%200%201%201.06%200L12%2014.44l4.97-4.97a.75.75%200%201%201%201.06%201.06l-5.5%205.5a.75.75%200%200%201-1.06%200l-5.5-5.5a.75.75%200%200%201%200-1.06%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-create-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12.75%205.5a.75.75%200%200%200-1.5%200v5.75H5.5a.75.75%200%200%200%200%201.5h5.75v5.75a.75.75%200%200%200%201.5%200v-5.75h5.75a.75.75%200%200%200%200-1.5h-5.75z%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-list-background:var(--ds-color-neutral-surface-default);--dsc-suggestion-list-border-radius:var(--ds-border-radius-md);--dsc-suggestion-list-box-shadow:var(--ds-shadow-md);--dsc-suggestion-list-color:var(--ds-color-text-default);--dsc-suggestion-list-offset:var(--ds-size-1);--dsc-suggestion-list-gap:var(--ds-size-1);--dsc-suggestion-list-placement:bottom;--dsc-suggestion-list-padding:var(--ds-size-3) 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-subtle);--dsc-suggestion-chip-gap:var(--ds-size-1);--dsc-suggestion-chip-background:var(--ds-color-base-default);--dsc-suggestion-chip-background--hover:var(--ds-color-base-hover);--dsc-suggestion-chip-border-width:var(--ds-border-width-default);--dsc-suggestion-chip-height:var(--ds-size-8);--dsc-suggestion-chip-font-size:var(--ds-body-sm-font-size);--dsc-suggestion-chip-border-style:solid;--dsc-suggestion-chip-border-color:transparent;--dsc-suggestion-chip-border-radius:var(--ds-border-radius-full);--dsc-suggestion-chip-padding:0 var(--ds-size-3);--dsc-suggestion-chip-color:var(--ds-color-base-contrast-default);--dsc-suggestion-chip-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.53%205.47a.75.75%200%200%200-1.06%201.06L10.94%2012l-5.47%205.47a.75.75%200%201%200%201.06%201.06L12%2013.06l5.47%205.47a.75.75%200%201%200%201.06-1.06L13.06%2012l5.47-5.47a.75.75%200%200%200-1.06-1.06L12%2010.94z%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-chip-icon-size:var(--ds-icon-size);--dsc-suggestion-chip-input-size:var(--ds-size-5);--dsc-suggestion-chip-spacing:calc((var(--dsc-suggestion-chip-height) - var(--dsc-suggestion-chip-input-size))/2);&:is([lang|=nb i],[lang|=nn i],[lang|=no i]),:is([lang|=nb i],[lang|=nn i],[lang|=no i]) &{--dsc-suggestion-create-text:'Legg til "{value}"';--dsc-suggestion-empty-text:"Tomt"}align-items:center;box-sizing:border-box;grid-template:"items items" auto "input submit" auto/1fr auto}:is(.ds-search,.ds-suggestion):not([hidden]){display:grid}:is(.ds-search,.ds-suggestion)>data{background:var(--dsc-suggestion-chip-background);border-color:var(--dsc-suggestion-chip-border-color);border-radius:var(--dsc-suggestion-chip-border-radius);border-style:var(--dsc-suggestion-chip-border-style);border-width:var(--dsc-suggestion-chip-border-width);box-sizing:border-box;color:var(--dsc-suggestion-chip-color);cursor:pointer;display:block;font-size:var(--dsc-suggestion-chip-font-size);height:var(--dsc-suggestion-chip-height);line-height:var(--ds-line-height-sm);min-width:0;order:-1;overflow:hidden;padding:var(--dsc-suggestion-chip-padding);padding-block:calc(var(--dsc-suggestion-chip-height)/2 - var(--dsc-suggestion-chip-border-width)/2 - .5lh);padding-inline-end:calc(var(--dsc-suggestion-chip-spacing)*2 + var(--dsc-suggestion-chip-icon-size));position:relative;text-overflow:ellipsis;white-space:nowrap}:is(:is(.ds-search,.ds-suggestion)>data):after{content:"";background:currentcolor;height:var(--dsc-suggestion-chip-icon-size);inset-block-start:50%;inset-inline-end:var(--dsc-suggestion-chip-spacing);margin-left:var(--dsc-suggestion-chip-gap);-webkit-mask:center/contain no-repeat var(--dsc-suggestion-chip-icon-url);mask:center/contain no-repeat var(--dsc-suggestion-chip-icon-url);padding-inline:0;position:absolute;translate:0 -50%;width:var(--dsc-suggestion-chip-icon-size)}@media (forced-colors:active){:is(:is(.ds-search,.ds-suggestion)>data):after{background-color:CanvasText;forced-color-adjust:none}}:is(.ds-search,.ds-suggestion)>data{-webkit-print-color-adjust:exact;print-color-adjust:exact}:is(:is(.ds-search,.ds-suggestion)>data):focus{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-search,.ds-suggestion)>data):focus *{--_ds--focus:}:is(:is(.ds-search,.ds-suggestion)>data):focus{z-index:2}:is(:is(.ds-search,.ds-suggestion)>data):hover{background:var(--dsc-suggestion-chip-background--hover)}:is(.ds-search,.ds-suggestion)>u-datalist{--_ds-floating:top;--_ds-floating-arrow-size:0;--_ds-floating-arrow-visibility:inherit;animation:ds-fade-in .15s ease-in-out forwards;margin:0;overflow:visible;position:absolute}:is(:is(.ds-search,.ds-suggestion)>u-datalist):before{background:inherit;border:inherit;border-left-color:transparent;border-top-color:transparent;box-sizing:border-box;content:"";height:var(--_ds-floating-arrow-size);left:var(--_ds-floating-arrow-x,50%);position:absolute;rotate:45deg;top:var(--_ds-floating-arrow-y,100%);translate:-50% -50%;visibility:var(--_ds-floating-arrow-visibility);width:var(--_ds-floating-arrow-size)}[data-overscroll=contain]:is(:is(.ds-search,.ds-suggestion)>u-datalist){--_ds-floating-overscroll:contain;overscroll-behavior:contain;overflow:auto}:is(.ds-search,.ds-suggestion)>u-datalist{&[data-floating|=top]:before{top:100%;rotate:45deg}&[data-floating|=right]:before{left:0;rotate:135deg}&[data-floating|=bottom]:before{top:0;rotate:-135deg}&[data-floating|=left]:before{left:100%;rotate:-45deg}--_ds-floating:var(--dsc-suggestion-list-placement);--_ds-floating-overscroll:fit;--_ds-floating-arrow-visibility:hidden;--_ds-floating-arrow-size:var(--ds-size-2);background:var(--dsc-suggestion-list-background);border-color:var(--dsc-suggestion-border-color);border-radius:var(--dsc-suggestion-list-border-radius);border-style:var(--dsc-suggestion-border-style);border-width:var(--dsc-suggestion-border-width);box-shadow:var(--dsc-suggestion-list-box-shadow);box-sizing:border-box;color:var(--dsc-suggestion-list-color);display:none;grid-area:input;inset:0 auto auto 0;overflow:auto;overscroll-behavior:contain;padding:var(--dsc-suggestion-list-padding)}:is(:is(.ds-search,.ds-suggestion)>u-datalist):not([popover]){margin-top:var(--dsc-suggestion-list-offset);z-index:1600;inset:100% 0 auto 0}:is(:is(.ds-search,.ds-suggestion)>u-datalist):not([hidden]):not(:empty){display:grid;align-content:start;gap:var(--dsc-suggestion-list-gap)}[data-is-floating]:is(:is(.ds-search,.ds-suggestion)>u-datalist):not([style*=translate]){opacity:0}:is(.ds-search,.ds-suggestion)>u-datalist>u-option{padding:var(--dsc-suggestion-option-padding);border:none;outline:none;border-radius:var(--dsc-suggestion-option-border-radius);cursor:pointer;position:relative;outline-offset:calc(var(--dsc-suggestion-option-activedecendant-outline-width)*-1);line-height:var(--ds-line-height-sm)}@media (hover:hover) and (pointer:fine){:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option):hover{background:var(--dsc-suggestion-option-background--hover)}}[selected]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option){padding-inline-start:calc(var(--dsc-suggestion-option-padding) + var(--dsc-suggestion-option-checkmark-size) + var(--dsc-suggestion-option-gap));background-color:var(--dsc-suggestion-option-background--selected)}[selected]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{content:"";position:absolute;inset-inline-start:var(--dsc-suggestion-option-padding);-webkit-mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;background:currentcolor;width:var(--dsc-suggestion-option-checkmark-size);height:var(--dsc-suggestion-option-checkmark-size)}@media (forced-colors:active){[selected]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{background-color:LinkText;forced-color-adjust:none}}[data-activedescendant]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option){box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-middle));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, 0))}[data-activedescendant]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option) *{--_ds--focus:}[data-empty]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option):not([value]){display:none}[data-multiple]:is(.ds-search,.ds-suggestion):has(data){row-gap:var(--ds-size-1)}[data-multiple]:is(.ds-search,.ds-suggestion)::part(items){display:flex;flex-wrap:wrap;gap:var(--dsc-suggestion-chip-gap);max-width:100%}[data-multiple]:is(.ds-search,.ds-suggestion)>u-datalist>u-option{padding-inline-start:calc(var(--dsc-suggestion-option-padding) + var(--dsc-suggestion-option-checkmark-size) + var(--dsc-suggestion-option-gap))}:is([data-multiple]:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{content:"";position:absolute;inset-inline-start:var(--dsc-suggestion-option-padding);-webkit-mask:none;mask:none;width:var(--dsc-suggestion-option-checkmark-size);height:var(--dsc-suggestion-option-checkmark-size);border-radius:var(--ds-border-radius-sm);outline:var(--dsc-suggestion-option-checkmark-border) solid var(--dsc-suggestion-option-checkmark-border-color);outline-offset:calc(var(--dsc-suggestion-option-checkmark-border)*-1);padding:.188rem;box-sizing:border-box;translate:0 calc(.5lh - 50%)}[selected]:is([data-multiple]:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{background-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default);outline:none;--_stroke-width:0.05em;--_stroke-width-fallback:0.05em;--_diagonal-1:transparent calc(48% - var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-2:currentcolor calc(50% - var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-3:currentcolor calc(50% + var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-4:transparent calc(52% + var(--_stroke-width, var(--_stroke-width-fallback)));background-origin:content-box;background-repeat:no-repeat;background-position:10% 73%,90% 50%;background-size:35% 35%,65% 65%;background-image:linear-gradient(45deg,var(--_diagonal-1),var(--_diagonal-2),var(--_diagonal-3),var(--_diagonal-4)),linear-gradient(-45deg,var(--_diagonal-1),var(--_diagonal-2),var(--_diagonal-3),var(--_diagonal-4))}@media (forced-colors:active){[selected]:is([data-multiple]:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{background-color:LinkText;border-color:LinkText;forced-color-adjust:none}}:is(.ds-search,.ds-suggestion):not([data-creatable])>u-datalist:has(u-option[aria-hidden=false]:not([data-empty]))>u-option[data-empty]{display:none}:is(.ds-search,.ds-suggestion):not([data-creatable])>u-datalist>u-option[data-empty]{padding-inline-start:var(--dsc-suggestion-option-padding);background:none;cursor:default}[data-empty]:is(:is(.ds-search,.ds-suggestion):not([data-creatable])>u-datalist>u-option[data-empty]):empty:after{content:var(--dsc-suggestion-empty-text)}:is(:is(.ds-search,.ds-suggestion):not([data-creatable])>u-datalist>u-option[data-empty]):before{display:none}[data-creatable]:is(.ds-search,.ds-suggestion)>u-datalist>u-option[data-empty]{--_ds-data-empty:var(--dsc-suggestion-create-text)}:is([data-creatable]:is(.ds-search,.ds-suggestion)>u-datalist>u-option[data-empty]):empty:after{content:attr(data-create)}:is([data-creatable]:is(.ds-search,.ds-suggestion)>u-datalist>u-option[data-empty]):before{display:block;background:currentcolor;color:inherit;-webkit-mask:var(--dsc-suggestion-create-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-create-icon-url) center /contain no-repeat}[aria-selected=true]:is([data-creatable]:is(.ds-search,.ds-suggestion)>u-datalist>u-option[data-empty]):before{-webkit-mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat}:is(.ds-search,.ds-suggestion)>input{grid-area:input}:is(.ds-search,.ds-suggestion)>input[inputmode=none]{box-shadow:none;outline:none}:is(.ds-search,.ds-suggestion)>input[type=search]{padding-inline-start:calc(var(--dsc-suggestion-search-icon-size) + var(--dsc-suggestion-clear-gap)*2)}:is(.ds-search,.ds-suggestion)>input[type=search]::-webkit-search-cancel-button{display:none}:is(.ds-search,.ds-suggestion):has(>input[type=search]):after{grid-area:input;margin-inline-start:var(--dsc-suggestion-clear-gap);pointer-events:none;background:currentcolor;content:"";height:var(--dsc-suggestion-search-icon-size);width:var(--dsc-suggestion-search-icon-size);-webkit-mask:var(--dsc-suggestion-search-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-search-icon-url) center /contain no-repeat}@media (forced-colors:active){:is(.ds-search,.ds-suggestion):has(>input[type=search]):after{background:CanvasText}}:is(.ds-search,.ds-suggestion)>input{padding-inline-end:calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))}:is(.ds-search,.ds-suggestion):where(:has(u-datalist):not(:has(button[aria-expanded],button[type=reset]:not([hidden]))))>input{background-position:calc(100% - 1.2em + var(--dsc-input-stroke-width)),calc(100% - .8em);background-repeat:no-repeat;background-size:.4em .4em;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))}:is(.ds-search,.ds-suggestion):has(u-datalist)>input:dir(rtl){background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}:is(.ds-search,.ds-suggestion)>input:is(:-moz-read-only,:disabled,[aria-disabled=true])~:is(del,button[type=reset],button[aria-expanded]){display:none}:is(.ds-search,.ds-suggestion)>input:is(:read-only,:disabled,[aria-disabled=true])~:is(del,button[type=reset],button[aria-expanded]){display:none}:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded]){--dsc-button-size:var(--dsc-suggestion-clear-size);grid-area:input;justify-self:end;align-self:center;border-radius:var(--dsc-suggestion-clear-border-radius);box-sizing:border-box;cursor:pointer;height:var(--dsc-suggestion-clear-size);margin-inline-end:var(--dsc-suggestion-clear-gap);outline:none;padding:var(--dsc-suggestion-clear-padding);scale:.75;width:var(--dsc-suggestion-clear-size)}:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):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-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):focus-visible *{--_ds--focus:}:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):hover{background:var(--dsc-suggestion-clear-background--hover)}:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):active{background:var(--dsc-suggestion-clear-background--active)}:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):empty:before{content:"";background:currentcolor;display:block;height:100%;-webkit-mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;width:100%}@media (forced-colors:active){:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):empty:before{background-color:canvastext;forced-color-adjust:none}}:is(.ds-search,.ds-suggestion)>button[aria-expanded]:empty:before{-webkit-mask-image:var(--dsc-suggestion-toggle-icon-url);mask-image:var(--dsc-suggestion-toggle-icon-url)}:is(.ds-search,.ds-suggestion)>input[aria-expanded=true]~button[aria-expanded]:before{rotate:180deg}:is(.ds-search,.ds-suggestion)>button:not([type=reset]):not([aria-expanded]){grid-area:submit;border-start-start-radius:0;border-end-start-radius:0}:is(:is(.ds-search,.ds-suggestion)>button:not([type=reset]):not([aria-expanded])):not(:focus-visible){border-inline-start:0}:is(.ds-search,.ds-suggestion):has(button:not([type=reset]):not([aria-expanded]))>input{border-start-end-radius:0;border-end-end-radius:0}}
+@layer ds.components{.ds-search{--dsc-search-padding-inline:var(--dsc-suggestion-clear-gap);--dsc-search-clear-padding:var(--dsc-suggestion-clear-padding);--dsc-search-clear-size:var(--dsc-suggestion-clear-size);--dsc-search-clear-icon-url:var(--dsc-suggestion-clear-icon-url);--dsc-search-magnifying-icon-url:var(--dsc-suggestion-search-icon-url);--dsc-search-magnifying-icon-size:var(--dsc-suggestion-search-icon-size)}.ds-search,.ds-suggestion{--dsc-suggestion-option-background--hover:var(--ds-color-surface-hover);--dsc-suggestion-option-background--selected:var(--ds-color-surface-active);--dsc-suggestion-option-border-radius:var(--ds-border-radius-md);--dsc-suggestion-option-checkmark-size:var(--ds-size-6);--dsc-suggestion-option-checkmark-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.998%206.94a.75.75%200%200%201%20.063%201.058l-8%209a.75.75%200%200%201-1.091.032l-5-5a.75.75%200%201%201%201.06-1.06l4.438%204.437%207.471-8.405A.75.75%200%200%201%2019%206.939%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-option-padding:var(--ds-size-3);--dsc-suggestion-option-gap:var(--ds-size-2);--dsc-suggestion-option-checkmark-border:max(2px, 0.125rem);--dsc-suggestion-option-checkmark-border-color:var(--ds-color-neutral-border-default);--dsc-suggestion-search-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10.5%203.25a7.25%207.25%200%201%200%204.57%2012.88l5.41%205.41a.75.75%200%201%200%201.06-1.06l-5.41-5.41A7.25%207.25%200%200%200%2010.5%203.25M4.75%2010.5a5.75%205.75%200%201%201%2011.5%200%205.75%205.75%200%200%201-11.5%200%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-search-icon-size:var(--ds-icon-size);--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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.53%205.47a.75.75%200%200%200-1.06%201.06L10.94%2012l-5.47%205.47a.75.75%200%201%200%201.06%201.06L12%2013.06l5.47%205.47a.75.75%200%201%200%201.06-1.06L13.06%2012l5.47-5.47a.75.75%200%200%200-1.06-1.06L12%2010.94z%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-clear-border-radius:var(--ds-border-radius-md);--dsc-suggestion-clear-background--hover:var(--ds-color-surface-hover);--dsc-suggestion-clear-background--active:var(--ds-color-surface-active);--dsc-suggestion-toggle-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5.97%209.47a.75.75%200%200%201%201.06%200L12%2014.44l4.97-4.97a.75.75%200%201%201%201.06%201.06l-5.5%205.5a.75.75%200%200%201-1.06%200l-5.5-5.5a.75.75%200%200%201%200-1.06%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-create-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12.75%205.5a.75.75%200%200%200-1.5%200v5.75H5.5a.75.75%200%200%200%200%201.5h5.75v5.75a.75.75%200%200%200%201.5%200v-5.75h5.75a.75.75%200%200%200%200-1.5h-5.75z%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-list-background:var(--ds-color-neutral-surface-default);--dsc-suggestion-list-border-radius:var(--ds-border-radius-md);--dsc-suggestion-list-box-shadow:var(--ds-shadow-md);--dsc-suggestion-list-color:var(--ds-color-text-default);--dsc-suggestion-list-offset:var(--ds-size-1);--dsc-suggestion-list-gap:var(--ds-size-1);--dsc-suggestion-list-placement:bottom;--dsc-suggestion-list-padding:var(--ds-size-3) 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-subtle);--dsc-suggestion-chip-gap:var(--ds-size-1);--dsc-suggestion-chip-background:var(--ds-color-base-default);--dsc-suggestion-chip-background--hover:var(--ds-color-base-hover);--dsc-suggestion-chip-border-width:var(--ds-border-width-default);--dsc-suggestion-chip-height:var(--ds-size-8);--dsc-suggestion-chip-font-size:var(--ds-body-sm-font-size);--dsc-suggestion-chip-border-style:solid;--dsc-suggestion-chip-border-color:transparent;--dsc-suggestion-chip-border-radius:var(--ds-border-radius-full);--dsc-suggestion-chip-padding:0 var(--ds-size-3);--dsc-suggestion-chip-color:var(--ds-color-base-contrast-default);--dsc-suggestion-chip-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.53%205.47a.75.75%200%200%200-1.06%201.06L10.94%2012l-5.47%205.47a.75.75%200%201%200%201.06%201.06L12%2013.06l5.47%205.47a.75.75%200%201%200%201.06-1.06L13.06%2012l5.47-5.47a.75.75%200%200%200-1.06-1.06L12%2010.94z%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-chip-icon-size:var(--ds-icon-size);--dsc-suggestion-chip-input-size:var(--ds-size-5);--dsc-suggestion-chip-spacing:calc((var(--dsc-suggestion-chip-height) - var(--dsc-suggestion-chip-input-size))/2)}:is(.ds-search,.ds-suggestion):lang(nb),:is(.ds-search,.ds-suggestion):lang(nn),:is(.ds-search,.ds-suggestion):lang(no){--dsc-suggestion-create-text:'Legg til "{value}"';--dsc-suggestion-empty-text:"Tomt";--dsc-suggestion-sr-added:"La til";--dsc-suggestion-sr-clear:"Fjern tekst";--dsc-suggestion-sr-empty:"Ingen valgte";--dsc-suggestion-sr-found:"Naviger til venstre for å finne %d valgte";--dsc-suggestion-sr-invalid:"Ugyldig valg";--dsc-suggestion-sr-items:"Valgte";--dsc-suggestion-sr-of:"av";--dsc-suggestion-sr-plural:"%d forslag";--dsc-suggestion-sr-remove:"Trykk for å fjerne";--dsc-suggestion-sr-removed:"Fjernet";--dsc-suggestion-sr-singular:"%d forslag";--dsc-suggestion-sr-toggle:"Forslag"}.ds-search,.ds-suggestion{--_ds-data-sr-added:var(--dsc-suggestion-sr-added);--_ds-data-sr-clear:var(--dsc-suggestion-sr-clear);--_ds-data-sr-empty:var(--dsc-suggestion-sr-empty);--_ds-data-sr-found:var(--dsc-suggestion-sr-found);--_ds-data-sr-invalid:var(--dsc-suggestion-sr-invalid);--_ds-data-sr-items:var(--dsc-suggestion-sr-items);--_ds-data-sr-of:var(--dsc-suggestion-sr-of);--_ds-data-sr-plural:var(--dsc-suggestion-sr-plural);--_ds-data-sr-remove:var(--dsc-suggestion-sr-remove);--_ds-data-sr-removed:var(--dsc-suggestion-sr-removed);--_ds-data-sr-singular:var(--dsc-suggestion-sr-singular);--_ds-data-sr-toggle:var(--dsc-suggestion-sr-toggle);align-items:center;box-sizing:border-box;grid-template:"items items" auto "input submit" auto/1fr auto}:is(.ds-search,.ds-suggestion):not([hidden]){display:grid}:is(.ds-search,.ds-suggestion)>data{background:var(--dsc-suggestion-chip-background);border-color:var(--dsc-suggestion-chip-border-color);border-radius:var(--dsc-suggestion-chip-border-radius);border-style:var(--dsc-suggestion-chip-border-style);border-width:var(--dsc-suggestion-chip-border-width);box-sizing:border-box;color:var(--dsc-suggestion-chip-color);cursor:pointer;display:block;font-size:var(--dsc-suggestion-chip-font-size);height:var(--dsc-suggestion-chip-height);line-height:var(--ds-line-height-sm);min-width:0;order:-1;overflow:hidden;padding:var(--dsc-suggestion-chip-padding);padding-block:calc(var(--dsc-suggestion-chip-height)/2 - var(--dsc-suggestion-chip-border-width)/2 - .5lh);padding-inline-end:calc(var(--dsc-suggestion-chip-spacing)*2 + var(--dsc-suggestion-chip-icon-size));position:relative;text-overflow:ellipsis;white-space:nowrap}:is(:is(.ds-search,.ds-suggestion)>data):after{content:"";background:currentcolor;height:var(--dsc-suggestion-chip-icon-size);inset-block-start:50%;inset-inline-end:var(--dsc-suggestion-chip-spacing);margin-left:var(--dsc-suggestion-chip-gap);-webkit-mask:center/contain no-repeat var(--dsc-suggestion-chip-icon-url);mask:center/contain no-repeat var(--dsc-suggestion-chip-icon-url);padding-inline:0;position:absolute;translate:0 -50%;width:var(--dsc-suggestion-chip-icon-size)}@media (forced-colors:active){:is(:is(.ds-search,.ds-suggestion)>data):after{background-color:CanvasText;forced-color-adjust:none}}:is(.ds-search,.ds-suggestion)>data{-webkit-print-color-adjust:exact;print-color-adjust:exact}:is(:is(.ds-search,.ds-suggestion)>data):focus{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-search,.ds-suggestion)>data):focus *{--_ds--focus:}:is(:is(.ds-search,.ds-suggestion)>data):focus{z-index:2}:is(:is(.ds-search,.ds-suggestion)>data):hover{background:var(--dsc-suggestion-chip-background--hover)}:is(.ds-search,.ds-suggestion)>u-datalist{--_ds-floating:top;--_ds-floating-arrow-size:0;--_ds-floating-arrow-visibility:inherit;animation:ds-fade-in .15s ease-in-out forwards;margin:0;overflow:visible;position:absolute}:is(:is(.ds-search,.ds-suggestion)>u-datalist):before{background:inherit;border:inherit;border-left-color:transparent;border-top-color:transparent;box-sizing:border-box;content:"";height:var(--_ds-floating-arrow-size);left:var(--_ds-floating-arrow-x,50%);position:absolute;rotate:45deg;top:var(--_ds-floating-arrow-y,100%);translate:-50% -50%;visibility:var(--_ds-floating-arrow-visibility);width:var(--_ds-floating-arrow-size)}[data-overscroll=contain]:is(:is(.ds-search,.ds-suggestion)>u-datalist){--_ds-floating-overscroll:contain;overscroll-behavior:contain;overflow:auto}:is(.ds-search,.ds-suggestion)>u-datalist{&[data-floating|=top]:before{top:100%;rotate:45deg}&[data-floating|=right]:before{left:0;rotate:135deg}&[data-floating|=bottom]:before{top:0;rotate:-135deg}&[data-floating|=left]:before{left:100%;rotate:-45deg}--_ds-floating:var(--dsc-suggestion-list-placement);--_ds-floating-overscroll:fit;--_ds-floating-arrow-visibility:hidden;--_ds-floating-arrow-size:var(--ds-size-2);background:var(--dsc-suggestion-list-background);border-color:var(--dsc-suggestion-border-color);border-radius:var(--dsc-suggestion-list-border-radius);border-style:var(--dsc-suggestion-border-style);border-width:var(--dsc-suggestion-border-width);box-shadow:var(--dsc-suggestion-list-box-shadow);box-sizing:border-box;color:var(--dsc-suggestion-list-color);display:none;grid-area:input;inset:0 auto auto 0;overflow:auto;overscroll-behavior:contain;padding:var(--dsc-suggestion-list-padding)}:is(:is(.ds-search,.ds-suggestion)>u-datalist):not([popover]){margin-top:var(--dsc-suggestion-list-offset);z-index:1600;inset:100% 0 auto 0}:is(:is(.ds-search,.ds-suggestion)>u-datalist):not([hidden]):not(:empty){display:grid;align-content:start;gap:var(--dsc-suggestion-list-gap)}[data-is-floating]:is(:is(.ds-search,.ds-suggestion)>u-datalist):not([style*=translate]){opacity:0}:is(.ds-search,.ds-suggestion)>u-datalist>u-option{padding:var(--dsc-suggestion-option-padding);border:none;outline:none;border-radius:var(--dsc-suggestion-option-border-radius);cursor:pointer;position:relative;outline-offset:calc(var(--dsc-suggestion-option-activedecendant-outline-width)*-1);line-height:var(--ds-line-height-sm)}@media (hover:hover) and (pointer:fine){:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option):hover{background:var(--dsc-suggestion-option-background--hover)}}[selected]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option){padding-inline-start:calc(var(--dsc-suggestion-option-padding) + var(--dsc-suggestion-option-checkmark-size) + var(--dsc-suggestion-option-gap));background-color:var(--dsc-suggestion-option-background--selected)}[selected]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{content:"";position:absolute;inset-inline-start:var(--dsc-suggestion-option-padding);-webkit-mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;background:currentcolor;width:var(--dsc-suggestion-option-checkmark-size);height:var(--dsc-suggestion-option-checkmark-size)}@media (forced-colors:active){[selected]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{background-color:LinkText;forced-color-adjust:none}}[data-activedescendant]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option){box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-middle));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, 0))}[data-activedescendant]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option) *{--_ds--focus:}[data-empty]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option):not([value]){display:none}[data-multiple]:is(.ds-search,.ds-suggestion):has(data){row-gap:var(--ds-size-1)}[data-multiple]:is(.ds-search,.ds-suggestion)::part(items){display:flex;flex-wrap:wrap;gap:var(--dsc-suggestion-chip-gap);max-width:100%}[data-multiple]:is(.ds-search,.ds-suggestion)>u-datalist>u-option{padding-inline-start:calc(var(--dsc-suggestion-option-padding) + var(--dsc-suggestion-option-checkmark-size) + var(--dsc-suggestion-option-gap))}:is([data-multiple]:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{content:"";position:absolute;inset-inline-start:var(--dsc-suggestion-option-padding);-webkit-mask:none;mask:none;width:var(--dsc-suggestion-option-checkmark-size);height:var(--dsc-suggestion-option-checkmark-size);border-radius:var(--ds-border-radius-sm);outline:var(--dsc-suggestion-option-checkmark-border) solid var(--dsc-suggestion-option-checkmark-border-color);outline-offset:calc(var(--dsc-suggestion-option-checkmark-border)*-1);padding:.188rem;box-sizing:border-box;translate:0 calc(.5lh - 50%)}[selected]:is([data-multiple]:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{background-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default);outline:none;--_stroke-width:0.05em;--_stroke-width-fallback:0.05em;--_diagonal-1:transparent calc(48% - var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-2:currentcolor calc(50% - var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-3:currentcolor calc(50% + var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-4:transparent calc(52% + var(--_stroke-width, var(--_stroke-width-fallback)));background-origin:content-box;background-repeat:no-repeat;background-position:10% 73%,90% 50%;background-size:35% 35%,65% 65%;background-image:linear-gradient(45deg,var(--_diagonal-1),var(--_diagonal-2),var(--_diagonal-3),var(--_diagonal-4)),linear-gradient(-45deg,var(--_diagonal-1),var(--_diagonal-2),var(--_diagonal-3),var(--_diagonal-4))}@media (forced-colors:active){[selected]:is([data-multiple]:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{background-color:LinkText;border-color:LinkText;forced-color-adjust:none}}:is(.ds-search,.ds-suggestion):not([data-creatable])>u-datalist:has(u-option[aria-hidden=false]:not([data-empty]))>u-option[data-empty]{display:none}:is(.ds-search,.ds-suggestion):not([data-creatable])>u-datalist>u-option[data-empty]{padding-inline-start:var(--dsc-suggestion-option-padding);background:none;cursor:default}[data-empty]:is(:is(.ds-search,.ds-suggestion):not([data-creatable])>u-datalist>u-option[data-empty]):empty:after{content:var(--dsc-suggestion-empty-text)}:is(:is(.ds-search,.ds-suggestion):not([data-creatable])>u-datalist>u-option[data-empty]):before{display:none}[data-creatable]:is(.ds-search,.ds-suggestion)>u-datalist>u-option[data-empty]{--_ds-data-empty:var(--dsc-suggestion-create-text)}:is([data-creatable]:is(.ds-search,.ds-suggestion)>u-datalist>u-option[data-empty]):empty:after{content:attr(data-create)}:is([data-creatable]:is(.ds-search,.ds-suggestion)>u-datalist>u-option[data-empty]):before{display:block;background:currentcolor;color:inherit;-webkit-mask:var(--dsc-suggestion-create-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-create-icon-url) center /contain no-repeat}[aria-selected=true]:is([data-creatable]:is(.ds-search,.ds-suggestion)>u-datalist>u-option[data-empty]):before{-webkit-mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat}:is(.ds-search,.ds-suggestion)>input{grid-area:input}:is(.ds-search,.ds-suggestion)>input[inputmode=none]{box-shadow:none;outline:none}:is(.ds-search,.ds-suggestion)>input[type=search]{padding-inline-start:calc(var(--dsc-suggestion-search-icon-size) + var(--dsc-suggestion-clear-gap)*2)}:is(.ds-search,.ds-suggestion)>input[type=search]::-webkit-search-cancel-button{display:none}:is(.ds-search,.ds-suggestion):has(>input[type=search]):after{grid-area:input;margin-inline-start:var(--dsc-suggestion-clear-gap);pointer-events:none;background:currentcolor;content:"";height:var(--dsc-suggestion-search-icon-size);width:var(--dsc-suggestion-search-icon-size);-webkit-mask:var(--dsc-suggestion-search-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-search-icon-url) center /contain no-repeat}@media (forced-colors:active){:is(.ds-search,.ds-suggestion):has(>input[type=search]):after{background:CanvasText}}:is(.ds-search,.ds-suggestion)>input{padding-inline-end:calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))}:is(.ds-search,.ds-suggestion):where(:has(u-datalist):not(:has(button[aria-expanded],button[type=reset]:not([hidden]),del:not([hidden]))))>input{background-position:calc(100% - 1.2em + var(--dsc-input-stroke-width)),calc(100% - .8em);background-repeat:no-repeat;background-size:.4em .4em;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))}:is(.ds-search,.ds-suggestion):has(u-datalist)>input:dir(rtl){background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}:is(.ds-search,.ds-suggestion)>input:is(:-moz-read-only,:disabled,[aria-disabled=true])~:is(del,button[type=reset],button[aria-expanded]){display:none}:is(.ds-search,.ds-suggestion)>input:is(:read-only,:disabled,[aria-disabled=true])~:is(del,button[type=reset],button[aria-expanded]){display:none}:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded]){--dsc-button-size:var(--dsc-suggestion-clear-size);grid-area:input;justify-self:end;align-self:center;border-radius:var(--dsc-suggestion-clear-border-radius);box-sizing:border-box;cursor:pointer;height:var(--dsc-suggestion-clear-size);margin-inline-end:var(--dsc-suggestion-clear-gap);outline:none;padding:var(--dsc-suggestion-clear-padding);scale:.75;width:var(--dsc-suggestion-clear-size)}:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):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-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):focus-visible *{--_ds--focus:}:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):hover{background:var(--dsc-suggestion-clear-background--hover)}:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):active{background:var(--dsc-suggestion-clear-background--active)}:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):empty:before{content:"";background:currentcolor;display:block;height:100%;-webkit-mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;width:100%}@media (forced-colors:active){:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):empty:before{background-color:canvastext;forced-color-adjust:none}}:is(.ds-search,.ds-suggestion)>button[aria-expanded]:empty:before{-webkit-mask-image:var(--dsc-suggestion-toggle-icon-url);mask-image:var(--dsc-suggestion-toggle-icon-url)}:is(.ds-search,.ds-suggestion)>input[aria-expanded=true]~button[aria-expanded]:before{rotate:180deg}:is(.ds-search,.ds-suggestion)>button:not([type=reset]):not([aria-expanded]){grid-area:submit;border-start-start-radius:0;border-end-start-radius:0}:is(:is(.ds-search,.ds-suggestion)>button:not([type=reset]):not([aria-expanded])):not(:focus-visible){border-inline-start:0}:is(.ds-search,.ds-suggestion):has(button:not([type=reset]):not([aria-expanded]))>input{border-start-end-radius:0;border-end-end-radius:0}}

package/dist/src/suggestion.css

@@ -1 +1 @@
-.ds-search{--dsc-search-padding-inline:var(--dsc-suggestion-clear-gap);--dsc-search-clear-padding:var(--dsc-suggestion-clear-padding);--dsc-search-clear-size:var(--dsc-suggestion-clear-size);--dsc-search-clear-icon-url:var(--dsc-suggestion-clear-icon-url);--dsc-search-magnifying-icon-url:var(--dsc-suggestion-search-icon-url);--dsc-search-magnifying-icon-size:var(--dsc-suggestion-search-icon-size)}.ds-search,.ds-suggestion{--dsc-suggestion-option-background--hover:var(--ds-color-surface-hover);--dsc-suggestion-option-background--selected:var(--ds-color-surface-active);--dsc-suggestion-option-border-radius:var(--ds-border-radius-md);--dsc-suggestion-option-checkmark-size:var(--ds-size-6);--dsc-suggestion-option-checkmark-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.998%206.94a.75.75%200%200%201%20.063%201.058l-8%209a.75.75%200%200%201-1.091.032l-5-5a.75.75%200%201%201%201.06-1.06l4.438%204.437%207.471-8.405A.75.75%200%200%201%2019%206.939%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-option-padding:var(--ds-size-3);--dsc-suggestion-option-gap:var(--ds-size-2);--dsc-suggestion-option-checkmark-border:max(2px, 0.125rem);--dsc-suggestion-option-checkmark-border-color:var(--ds-color-neutral-border-default);--dsc-suggestion-search-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10.5%203.25a7.25%207.25%200%201%200%204.57%2012.88l5.41%205.41a.75.75%200%201%200%201.06-1.06l-5.41-5.41A7.25%207.25%200%200%200%2010.5%203.25M4.75%2010.5a5.75%205.75%200%201%201%2011.5%200%205.75%205.75%200%200%201-11.5%200%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-search-icon-size:var(--ds-icon-size);--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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.53%205.47a.75.75%200%200%200-1.06%201.06L10.94%2012l-5.47%205.47a.75.75%200%201%200%201.06%201.06L12%2013.06l5.47%205.47a.75.75%200%201%200%201.06-1.06L13.06%2012l5.47-5.47a.75.75%200%200%200-1.06-1.06L12%2010.94z%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-clear-border-radius:var(--ds-border-radius-md);--dsc-suggestion-clear-background--hover:var(--ds-color-surface-hover);--dsc-suggestion-clear-background--active:var(--ds-color-surface-active);--dsc-suggestion-toggle-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5.97%209.47a.75.75%200%200%201%201.06%200L12%2014.44l4.97-4.97a.75.75%200%201%201%201.06%201.06l-5.5%205.5a.75.75%200%200%201-1.06%200l-5.5-5.5a.75.75%200%200%201%200-1.06%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-create-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12.75%205.5a.75.75%200%200%200-1.5%200v5.75H5.5a.75.75%200%200%200%200%201.5h5.75v5.75a.75.75%200%200%200%201.5%200v-5.75h5.75a.75.75%200%200%200%200-1.5h-5.75z%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-list-background:var(--ds-color-neutral-surface-default);--dsc-suggestion-list-border-radius:var(--ds-border-radius-md);--dsc-suggestion-list-box-shadow:var(--ds-shadow-md);--dsc-suggestion-list-color:var(--ds-color-text-default);--dsc-suggestion-list-offset:var(--ds-size-1);--dsc-suggestion-list-gap:var(--ds-size-1);--dsc-suggestion-list-placement:bottom;--dsc-suggestion-list-padding:var(--ds-size-3) 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-subtle);--dsc-suggestion-chip-gap:var(--ds-size-1);--dsc-suggestion-chip-background:var(--ds-color-base-default);--dsc-suggestion-chip-background--hover:var(--ds-color-base-hover);--dsc-suggestion-chip-border-width:var(--ds-border-width-default);--dsc-suggestion-chip-height:var(--ds-size-8);--dsc-suggestion-chip-font-size:var(--ds-body-sm-font-size);--dsc-suggestion-chip-border-style:solid;--dsc-suggestion-chip-border-color:transparent;--dsc-suggestion-chip-border-radius:var(--ds-border-radius-full);--dsc-suggestion-chip-padding:0 var(--ds-size-3);--dsc-suggestion-chip-color:var(--ds-color-base-contrast-default);--dsc-suggestion-chip-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.53%205.47a.75.75%200%200%200-1.06%201.06L10.94%2012l-5.47%205.47a.75.75%200%201%200%201.06%201.06L12%2013.06l5.47%205.47a.75.75%200%201%200%201.06-1.06L13.06%2012l5.47-5.47a.75.75%200%200%200-1.06-1.06L12%2010.94z%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-chip-icon-size:var(--ds-icon-size);--dsc-suggestion-chip-input-size:var(--ds-size-5);--dsc-suggestion-chip-spacing:calc((var(--dsc-suggestion-chip-height) - var(--dsc-suggestion-chip-input-size))/2);&:is([lang|=nb i],[lang|=nn i],[lang|=no i]),:is([lang|=nb i],[lang|=nn i],[lang|=no i]) &{--dsc-suggestion-create-text:'Legg til "{value}"';--dsc-suggestion-empty-text:"Tomt"}align-items:center;box-sizing:border-box;grid-template:"items items" auto "input submit" auto/1fr auto}:is(.ds-search,.ds-suggestion):not([hidden]){display:grid}:is(.ds-search,.ds-suggestion)>data{background:var(--dsc-suggestion-chip-background);border-color:var(--dsc-suggestion-chip-border-color);border-radius:var(--dsc-suggestion-chip-border-radius);border-style:var(--dsc-suggestion-chip-border-style);border-width:var(--dsc-suggestion-chip-border-width);box-sizing:border-box;color:var(--dsc-suggestion-chip-color);cursor:pointer;display:block;font-size:var(--dsc-suggestion-chip-font-size);height:var(--dsc-suggestion-chip-height);line-height:var(--ds-line-height-sm);min-width:0;order:-1;overflow:hidden;padding:var(--dsc-suggestion-chip-padding);padding-block:calc(var(--dsc-suggestion-chip-height)/2 - var(--dsc-suggestion-chip-border-width)/2 - .5lh);padding-inline-end:calc(var(--dsc-suggestion-chip-spacing)*2 + var(--dsc-suggestion-chip-icon-size));position:relative;text-overflow:ellipsis;white-space:nowrap}:is(:is(.ds-search,.ds-suggestion)>data):after{content:"";background:currentcolor;height:var(--dsc-suggestion-chip-icon-size);inset-block-start:50%;inset-inline-end:var(--dsc-suggestion-chip-spacing);margin-left:var(--dsc-suggestion-chip-gap);-webkit-mask:center/contain no-repeat var(--dsc-suggestion-chip-icon-url);mask:center/contain no-repeat var(--dsc-suggestion-chip-icon-url);padding-inline:0;position:absolute;translate:0 -50%;width:var(--dsc-suggestion-chip-icon-size)}@media (forced-colors:active){:is(:is(.ds-search,.ds-suggestion)>data):after{background-color:CanvasText;forced-color-adjust:none}}:is(.ds-search,.ds-suggestion)>data{-webkit-print-color-adjust:exact;print-color-adjust:exact}:is(:is(.ds-search,.ds-suggestion)>data):focus{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-search,.ds-suggestion)>data):focus *{--_ds--focus:}:is(:is(.ds-search,.ds-suggestion)>data):focus{z-index:2}:is(:is(.ds-search,.ds-suggestion)>data):hover{background:var(--dsc-suggestion-chip-background--hover)}:is(.ds-search,.ds-suggestion)>u-datalist{--_ds-floating:top;--_ds-floating-arrow-size:0;--_ds-floating-arrow-visibility:inherit;animation:ds-fade-in .15s ease-in-out forwards;margin:0;overflow:visible;position:absolute}:is(:is(.ds-search,.ds-suggestion)>u-datalist):before{background:inherit;border:inherit;border-left-color:transparent;border-top-color:transparent;box-sizing:border-box;content:"";height:var(--_ds-floating-arrow-size);left:var(--_ds-floating-arrow-x,50%);position:absolute;rotate:45deg;top:var(--_ds-floating-arrow-y,100%);translate:-50% -50%;visibility:var(--_ds-floating-arrow-visibility);width:var(--_ds-floating-arrow-size)}[data-overscroll=contain]:is(:is(.ds-search,.ds-suggestion)>u-datalist){--_ds-floating-overscroll:contain;overscroll-behavior:contain;overflow:auto}:is(.ds-search,.ds-suggestion)>u-datalist{&[data-floating|=top]:before{top:100%;rotate:45deg}&[data-floating|=right]:before{left:0;rotate:135deg}&[data-floating|=bottom]:before{top:0;rotate:-135deg}&[data-floating|=left]:before{left:100%;rotate:-45deg}--_ds-floating:var(--dsc-suggestion-list-placement);--_ds-floating-overscroll:fit;--_ds-floating-arrow-visibility:hidden;--_ds-floating-arrow-size:var(--ds-size-2);background:var(--dsc-suggestion-list-background);border-color:var(--dsc-suggestion-border-color);border-radius:var(--dsc-suggestion-list-border-radius);border-style:var(--dsc-suggestion-border-style);border-width:var(--dsc-suggestion-border-width);box-shadow:var(--dsc-suggestion-list-box-shadow);box-sizing:border-box;color:var(--dsc-suggestion-list-color);display:none;grid-area:input;inset:0 auto auto 0;overflow:auto;overscroll-behavior:contain;padding:var(--dsc-suggestion-list-padding)}:is(:is(.ds-search,.ds-suggestion)>u-datalist):not([popover]){margin-top:var(--dsc-suggestion-list-offset);z-index:1600;inset:100% 0 auto 0}:is(:is(.ds-search,.ds-suggestion)>u-datalist):not([hidden]):not(:empty){display:grid;align-content:start;gap:var(--dsc-suggestion-list-gap)}[data-is-floating]:is(:is(.ds-search,.ds-suggestion)>u-datalist):not([style*=translate]){opacity:0}:is(.ds-search,.ds-suggestion)>u-datalist>u-option{padding:var(--dsc-suggestion-option-padding);border:none;outline:none;border-radius:var(--dsc-suggestion-option-border-radius);cursor:pointer;position:relative;outline-offset:calc(var(--dsc-suggestion-option-activedecendant-outline-width)*-1);line-height:var(--ds-line-height-sm)}@media (hover:hover) and (pointer:fine){:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option):hover{background:var(--dsc-suggestion-option-background--hover)}}[selected]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option){padding-inline-start:calc(var(--dsc-suggestion-option-padding) + var(--dsc-suggestion-option-checkmark-size) + var(--dsc-suggestion-option-gap));background-color:var(--dsc-suggestion-option-background--selected)}[selected]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{content:"";position:absolute;inset-inline-start:var(--dsc-suggestion-option-padding);-webkit-mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;background:currentcolor;width:var(--dsc-suggestion-option-checkmark-size);height:var(--dsc-suggestion-option-checkmark-size)}@media (forced-colors:active){[selected]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{background-color:LinkText;forced-color-adjust:none}}[data-activedescendant]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option){box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-middle));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, 0))}[data-activedescendant]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option) *{--_ds--focus:}[data-empty]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option):not([value]){display:none}[data-multiple]:is(.ds-search,.ds-suggestion):has(data){row-gap:var(--ds-size-1)}[data-multiple]:is(.ds-search,.ds-suggestion)::part(items){display:flex;flex-wrap:wrap;gap:var(--dsc-suggestion-chip-gap);max-width:100%}[data-multiple]:is(.ds-search,.ds-suggestion)>u-datalist>u-option{padding-inline-start:calc(var(--dsc-suggestion-option-padding) + var(--dsc-suggestion-option-checkmark-size) + var(--dsc-suggestion-option-gap))}:is([data-multiple]:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{content:"";position:absolute;inset-inline-start:var(--dsc-suggestion-option-padding);-webkit-mask:none;mask:none;width:var(--dsc-suggestion-option-checkmark-size);height:var(--dsc-suggestion-option-checkmark-size);border-radius:var(--ds-border-radius-sm);outline:var(--dsc-suggestion-option-checkmark-border) solid var(--dsc-suggestion-option-checkmark-border-color);outline-offset:calc(var(--dsc-suggestion-option-checkmark-border)*-1);padding:.188rem;box-sizing:border-box;translate:0 calc(.5lh - 50%)}[selected]:is([data-multiple]:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{background-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default);outline:none;--_stroke-width:0.05em;--_stroke-width-fallback:0.05em;--_diagonal-1:transparent calc(48% - var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-2:currentcolor calc(50% - var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-3:currentcolor calc(50% + var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-4:transparent calc(52% + var(--_stroke-width, var(--_stroke-width-fallback)));background-origin:content-box;background-repeat:no-repeat;background-position:10% 73%,90% 50%;background-size:35% 35%,65% 65%;background-image:linear-gradient(45deg,var(--_diagonal-1),var(--_diagonal-2),var(--_diagonal-3),var(--_diagonal-4)),linear-gradient(-45deg,var(--_diagonal-1),var(--_diagonal-2),var(--_diagonal-3),var(--_diagonal-4))}@media (forced-colors:active){[selected]:is([data-multiple]:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{background-color:LinkText;border-color:LinkText;forced-color-adjust:none}}:is(.ds-search,.ds-suggestion):not([data-creatable])>u-datalist:has(u-option[aria-hidden=false]:not([data-empty]))>u-option[data-empty]{display:none}:is(.ds-search,.ds-suggestion):not([data-creatable])>u-datalist>u-option[data-empty]{padding-inline-start:var(--dsc-suggestion-option-padding);background:none;cursor:default}[data-empty]:is(:is(.ds-search,.ds-suggestion):not([data-creatable])>u-datalist>u-option[data-empty]):empty:after{content:var(--dsc-suggestion-empty-text)}:is(:is(.ds-search,.ds-suggestion):not([data-creatable])>u-datalist>u-option[data-empty]):before{display:none}[data-creatable]:is(.ds-search,.ds-suggestion)>u-datalist>u-option[data-empty]{--_ds-data-empty:var(--dsc-suggestion-create-text)}:is([data-creatable]:is(.ds-search,.ds-suggestion)>u-datalist>u-option[data-empty]):empty:after{content:attr(data-create)}:is([data-creatable]:is(.ds-search,.ds-suggestion)>u-datalist>u-option[data-empty]):before{display:block;background:currentcolor;color:inherit;-webkit-mask:var(--dsc-suggestion-create-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-create-icon-url) center /contain no-repeat}[aria-selected=true]:is([data-creatable]:is(.ds-search,.ds-suggestion)>u-datalist>u-option[data-empty]):before{-webkit-mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat}:is(.ds-search,.ds-suggestion)>input{grid-area:input}:is(.ds-search,.ds-suggestion)>input[inputmode=none]{box-shadow:none;outline:none}:is(.ds-search,.ds-suggestion)>input[type=search]{padding-inline-start:calc(var(--dsc-suggestion-search-icon-size) + var(--dsc-suggestion-clear-gap)*2)}:is(.ds-search,.ds-suggestion)>input[type=search]::-webkit-search-cancel-button{display:none}:is(.ds-search,.ds-suggestion):has(>input[type=search]):after{grid-area:input;margin-inline-start:var(--dsc-suggestion-clear-gap);pointer-events:none;background:currentcolor;content:"";height:var(--dsc-suggestion-search-icon-size);width:var(--dsc-suggestion-search-icon-size);-webkit-mask:var(--dsc-suggestion-search-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-search-icon-url) center /contain no-repeat}@media (forced-colors:active){:is(.ds-search,.ds-suggestion):has(>input[type=search]):after{background:CanvasText}}:is(.ds-search,.ds-suggestion)>input{padding-inline-end:calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))}:is(.ds-search,.ds-suggestion):where(:has(u-datalist):not(:has(button[aria-expanded],button[type=reset]:not([hidden]))))>input{background-position:calc(100% - 1.2em + var(--dsc-input-stroke-width)),calc(100% - .8em);background-repeat:no-repeat;background-size:.4em .4em;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))}:is(.ds-search,.ds-suggestion):has(u-datalist)>input:dir(rtl){background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}:is(.ds-search,.ds-suggestion)>input:is(:-moz-read-only,:disabled,[aria-disabled=true])~:is(del,button[type=reset],button[aria-expanded]){display:none}:is(.ds-search,.ds-suggestion)>input:is(:read-only,:disabled,[aria-disabled=true])~:is(del,button[type=reset],button[aria-expanded]){display:none}:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded]){--dsc-button-size:var(--dsc-suggestion-clear-size);grid-area:input;justify-self:end;align-self:center;border-radius:var(--dsc-suggestion-clear-border-radius);box-sizing:border-box;cursor:pointer;height:var(--dsc-suggestion-clear-size);margin-inline-end:var(--dsc-suggestion-clear-gap);outline:none;padding:var(--dsc-suggestion-clear-padding);scale:.75;width:var(--dsc-suggestion-clear-size)}:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):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-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):focus-visible *{--_ds--focus:}:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):hover{background:var(--dsc-suggestion-clear-background--hover)}:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):active{background:var(--dsc-suggestion-clear-background--active)}:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):empty:before{content:"";background:currentcolor;display:block;height:100%;-webkit-mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;width:100%}@media (forced-colors:active){:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):empty:before{background-color:canvastext;forced-color-adjust:none}}:is(.ds-search,.ds-suggestion)>button[aria-expanded]:empty:before{-webkit-mask-image:var(--dsc-suggestion-toggle-icon-url);mask-image:var(--dsc-suggestion-toggle-icon-url)}:is(.ds-search,.ds-suggestion)>input[aria-expanded=true]~button[aria-expanded]:before{rotate:180deg}:is(.ds-search,.ds-suggestion)>button:not([type=reset]):not([aria-expanded]){grid-area:submit;border-start-start-radius:0;border-end-start-radius:0}:is(:is(.ds-search,.ds-suggestion)>button:not([type=reset]):not([aria-expanded])):not(:focus-visible){border-inline-start:0}:is(.ds-search,.ds-suggestion):has(button:not([type=reset]):not([aria-expanded]))>input{border-start-end-radius:0;border-end-end-radius:0}
+.ds-search{--dsc-search-padding-inline:var(--dsc-suggestion-clear-gap);--dsc-search-clear-padding:var(--dsc-suggestion-clear-padding);--dsc-search-clear-size:var(--dsc-suggestion-clear-size);--dsc-search-clear-icon-url:var(--dsc-suggestion-clear-icon-url);--dsc-search-magnifying-icon-url:var(--dsc-suggestion-search-icon-url);--dsc-search-magnifying-icon-size:var(--dsc-suggestion-search-icon-size)}.ds-search,.ds-suggestion{--dsc-suggestion-option-background--hover:var(--ds-color-surface-hover);--dsc-suggestion-option-background--selected:var(--ds-color-surface-active);--dsc-suggestion-option-border-radius:var(--ds-border-radius-md);--dsc-suggestion-option-checkmark-size:var(--ds-size-6);--dsc-suggestion-option-checkmark-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.998%206.94a.75.75%200%200%201%20.063%201.058l-8%209a.75.75%200%200%201-1.091.032l-5-5a.75.75%200%201%201%201.06-1.06l4.438%204.437%207.471-8.405A.75.75%200%200%201%2019%206.939%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-option-padding:var(--ds-size-3);--dsc-suggestion-option-gap:var(--ds-size-2);--dsc-suggestion-option-checkmark-border:max(2px, 0.125rem);--dsc-suggestion-option-checkmark-border-color:var(--ds-color-neutral-border-default);--dsc-suggestion-search-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10.5%203.25a7.25%207.25%200%201%200%204.57%2012.88l5.41%205.41a.75.75%200%201%200%201.06-1.06l-5.41-5.41A7.25%207.25%200%200%200%2010.5%203.25M4.75%2010.5a5.75%205.75%200%201%201%2011.5%200%205.75%205.75%200%200%201-11.5%200%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-search-icon-size:var(--ds-icon-size);--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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.53%205.47a.75.75%200%200%200-1.06%201.06L10.94%2012l-5.47%205.47a.75.75%200%201%200%201.06%201.06L12%2013.06l5.47%205.47a.75.75%200%201%200%201.06-1.06L13.06%2012l5.47-5.47a.75.75%200%200%200-1.06-1.06L12%2010.94z%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-clear-border-radius:var(--ds-border-radius-md);--dsc-suggestion-clear-background--hover:var(--ds-color-surface-hover);--dsc-suggestion-clear-background--active:var(--ds-color-surface-active);--dsc-suggestion-toggle-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5.97%209.47a.75.75%200%200%201%201.06%200L12%2014.44l4.97-4.97a.75.75%200%201%201%201.06%201.06l-5.5%205.5a.75.75%200%200%201-1.06%200l-5.5-5.5a.75.75%200%200%201%200-1.06%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-create-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12.75%205.5a.75.75%200%200%200-1.5%200v5.75H5.5a.75.75%200%200%200%200%201.5h5.75v5.75a.75.75%200%200%200%201.5%200v-5.75h5.75a.75.75%200%200%200%200-1.5h-5.75z%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-list-background:var(--ds-color-neutral-surface-default);--dsc-suggestion-list-border-radius:var(--ds-border-radius-md);--dsc-suggestion-list-box-shadow:var(--ds-shadow-md);--dsc-suggestion-list-color:var(--ds-color-text-default);--dsc-suggestion-list-offset:var(--ds-size-1);--dsc-suggestion-list-gap:var(--ds-size-1);--dsc-suggestion-list-placement:bottom;--dsc-suggestion-list-padding:var(--ds-size-3) 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-subtle);--dsc-suggestion-chip-gap:var(--ds-size-1);--dsc-suggestion-chip-background:var(--ds-color-base-default);--dsc-suggestion-chip-background--hover:var(--ds-color-base-hover);--dsc-suggestion-chip-border-width:var(--ds-border-width-default);--dsc-suggestion-chip-height:var(--ds-size-8);--dsc-suggestion-chip-font-size:var(--ds-body-sm-font-size);--dsc-suggestion-chip-border-style:solid;--dsc-suggestion-chip-border-color:transparent;--dsc-suggestion-chip-border-radius:var(--ds-border-radius-full);--dsc-suggestion-chip-padding:0 var(--ds-size-3);--dsc-suggestion-chip-color:var(--ds-color-base-contrast-default);--dsc-suggestion-chip-icon-url:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.53%205.47a.75.75%200%200%200-1.06%201.06L10.94%2012l-5.47%205.47a.75.75%200%201%200%201.06%201.06L12%2013.06l5.47%205.47a.75.75%200%201%200%201.06-1.06L13.06%2012l5.47-5.47a.75.75%200%200%200-1.06-1.06L12%2010.94z%22%2F%3E%3C%2Fsvg%3E");--dsc-suggestion-chip-icon-size:var(--ds-icon-size);--dsc-suggestion-chip-input-size:var(--ds-size-5);--dsc-suggestion-chip-spacing:calc((var(--dsc-suggestion-chip-height) - var(--dsc-suggestion-chip-input-size))/2)}:is(.ds-search,.ds-suggestion):lang(nb),:is(.ds-search,.ds-suggestion):lang(nn),:is(.ds-search,.ds-suggestion):lang(no){--dsc-suggestion-create-text:'Legg til "{value}"';--dsc-suggestion-empty-text:"Tomt";--dsc-suggestion-sr-added:"La til";--dsc-suggestion-sr-clear:"Fjern tekst";--dsc-suggestion-sr-empty:"Ingen valgte";--dsc-suggestion-sr-found:"Naviger til venstre for å finne %d valgte";--dsc-suggestion-sr-invalid:"Ugyldig valg";--dsc-suggestion-sr-items:"Valgte";--dsc-suggestion-sr-of:"av";--dsc-suggestion-sr-plural:"%d forslag";--dsc-suggestion-sr-remove:"Trykk for å fjerne";--dsc-suggestion-sr-removed:"Fjernet";--dsc-suggestion-sr-singular:"%d forslag";--dsc-suggestion-sr-toggle:"Forslag"}.ds-search,.ds-suggestion{--_ds-data-sr-added:var(--dsc-suggestion-sr-added);--_ds-data-sr-clear:var(--dsc-suggestion-sr-clear);--_ds-data-sr-empty:var(--dsc-suggestion-sr-empty);--_ds-data-sr-found:var(--dsc-suggestion-sr-found);--_ds-data-sr-invalid:var(--dsc-suggestion-sr-invalid);--_ds-data-sr-items:var(--dsc-suggestion-sr-items);--_ds-data-sr-of:var(--dsc-suggestion-sr-of);--_ds-data-sr-plural:var(--dsc-suggestion-sr-plural);--_ds-data-sr-remove:var(--dsc-suggestion-sr-remove);--_ds-data-sr-removed:var(--dsc-suggestion-sr-removed);--_ds-data-sr-singular:var(--dsc-suggestion-sr-singular);--_ds-data-sr-toggle:var(--dsc-suggestion-sr-toggle);align-items:center;box-sizing:border-box;grid-template:"items items" auto "input submit" auto/1fr auto}:is(.ds-search,.ds-suggestion):not([hidden]){display:grid}:is(.ds-search,.ds-suggestion)>data{background:var(--dsc-suggestion-chip-background);border-color:var(--dsc-suggestion-chip-border-color);border-radius:var(--dsc-suggestion-chip-border-radius);border-style:var(--dsc-suggestion-chip-border-style);border-width:var(--dsc-suggestion-chip-border-width);box-sizing:border-box;color:var(--dsc-suggestion-chip-color);cursor:pointer;display:block;font-size:var(--dsc-suggestion-chip-font-size);height:var(--dsc-suggestion-chip-height);line-height:var(--ds-line-height-sm);min-width:0;order:-1;overflow:hidden;padding:var(--dsc-suggestion-chip-padding);padding-block:calc(var(--dsc-suggestion-chip-height)/2 - var(--dsc-suggestion-chip-border-width)/2 - .5lh);padding-inline-end:calc(var(--dsc-suggestion-chip-spacing)*2 + var(--dsc-suggestion-chip-icon-size));position:relative;text-overflow:ellipsis;white-space:nowrap}:is(:is(.ds-search,.ds-suggestion)>data):after{content:"";background:currentcolor;height:var(--dsc-suggestion-chip-icon-size);inset-block-start:50%;inset-inline-end:var(--dsc-suggestion-chip-spacing);margin-left:var(--dsc-suggestion-chip-gap);-webkit-mask:center/contain no-repeat var(--dsc-suggestion-chip-icon-url);mask:center/contain no-repeat var(--dsc-suggestion-chip-icon-url);padding-inline:0;position:absolute;translate:0 -50%;width:var(--dsc-suggestion-chip-icon-size)}@media (forced-colors:active){:is(:is(.ds-search,.ds-suggestion)>data):after{background-color:CanvasText;forced-color-adjust:none}}:is(.ds-search,.ds-suggestion)>data{-webkit-print-color-adjust:exact;print-color-adjust:exact}:is(:is(.ds-search,.ds-suggestion)>data):focus{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-search,.ds-suggestion)>data):focus *{--_ds--focus:}:is(:is(.ds-search,.ds-suggestion)>data):focus{z-index:2}:is(:is(.ds-search,.ds-suggestion)>data):hover{background:var(--dsc-suggestion-chip-background--hover)}:is(.ds-search,.ds-suggestion)>u-datalist{--_ds-floating:top;--_ds-floating-arrow-size:0;--_ds-floating-arrow-visibility:inherit;animation:ds-fade-in .15s ease-in-out forwards;margin:0;overflow:visible;position:absolute}:is(:is(.ds-search,.ds-suggestion)>u-datalist):before{background:inherit;border:inherit;border-left-color:transparent;border-top-color:transparent;box-sizing:border-box;content:"";height:var(--_ds-floating-arrow-size);left:var(--_ds-floating-arrow-x,50%);position:absolute;rotate:45deg;top:var(--_ds-floating-arrow-y,100%);translate:-50% -50%;visibility:var(--_ds-floating-arrow-visibility);width:var(--_ds-floating-arrow-size)}[data-overscroll=contain]:is(:is(.ds-search,.ds-suggestion)>u-datalist){--_ds-floating-overscroll:contain;overscroll-behavior:contain;overflow:auto}:is(.ds-search,.ds-suggestion)>u-datalist{&[data-floating|=top]:before{top:100%;rotate:45deg}&[data-floating|=right]:before{left:0;rotate:135deg}&[data-floating|=bottom]:before{top:0;rotate:-135deg}&[data-floating|=left]:before{left:100%;rotate:-45deg}--_ds-floating:var(--dsc-suggestion-list-placement);--_ds-floating-overscroll:fit;--_ds-floating-arrow-visibility:hidden;--_ds-floating-arrow-size:var(--ds-size-2);background:var(--dsc-suggestion-list-background);border-color:var(--dsc-suggestion-border-color);border-radius:var(--dsc-suggestion-list-border-radius);border-style:var(--dsc-suggestion-border-style);border-width:var(--dsc-suggestion-border-width);box-shadow:var(--dsc-suggestion-list-box-shadow);box-sizing:border-box;color:var(--dsc-suggestion-list-color);display:none;grid-area:input;inset:0 auto auto 0;overflow:auto;overscroll-behavior:contain;padding:var(--dsc-suggestion-list-padding)}:is(:is(.ds-search,.ds-suggestion)>u-datalist):not([popover]){margin-top:var(--dsc-suggestion-list-offset);z-index:1600;inset:100% 0 auto 0}:is(:is(.ds-search,.ds-suggestion)>u-datalist):not([hidden]):not(:empty){display:grid;align-content:start;gap:var(--dsc-suggestion-list-gap)}[data-is-floating]:is(:is(.ds-search,.ds-suggestion)>u-datalist):not([style*=translate]){opacity:0}:is(.ds-search,.ds-suggestion)>u-datalist>u-option{padding:var(--dsc-suggestion-option-padding);border:none;outline:none;border-radius:var(--dsc-suggestion-option-border-radius);cursor:pointer;position:relative;outline-offset:calc(var(--dsc-suggestion-option-activedecendant-outline-width)*-1);line-height:var(--ds-line-height-sm)}@media (hover:hover) and (pointer:fine){:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option):hover{background:var(--dsc-suggestion-option-background--hover)}}[selected]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option){padding-inline-start:calc(var(--dsc-suggestion-option-padding) + var(--dsc-suggestion-option-checkmark-size) + var(--dsc-suggestion-option-gap));background-color:var(--dsc-suggestion-option-background--selected)}[selected]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{content:"";position:absolute;inset-inline-start:var(--dsc-suggestion-option-padding);-webkit-mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;background:currentcolor;width:var(--dsc-suggestion-option-checkmark-size);height:var(--dsc-suggestion-option-checkmark-size)}@media (forced-colors:active){[selected]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{background-color:LinkText;forced-color-adjust:none}}[data-activedescendant]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option){box-shadow:var(--_ds--focus,var(--dsc-focus-boxShadow-middle));outline:var(--_ds--focus,var(--dsc-focus-outline));outline-offset:calc(var(--_ds--focus, 0))}[data-activedescendant]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option) *{--_ds--focus:}[data-empty]:is(:is(.ds-search,.ds-suggestion)>u-datalist>u-option):not([value]){display:none}[data-multiple]:is(.ds-search,.ds-suggestion):has(data){row-gap:var(--ds-size-1)}[data-multiple]:is(.ds-search,.ds-suggestion)::part(items){display:flex;flex-wrap:wrap;gap:var(--dsc-suggestion-chip-gap);max-width:100%}[data-multiple]:is(.ds-search,.ds-suggestion)>u-datalist>u-option{padding-inline-start:calc(var(--dsc-suggestion-option-padding) + var(--dsc-suggestion-option-checkmark-size) + var(--dsc-suggestion-option-gap))}:is([data-multiple]:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{content:"";position:absolute;inset-inline-start:var(--dsc-suggestion-option-padding);-webkit-mask:none;mask:none;width:var(--dsc-suggestion-option-checkmark-size);height:var(--dsc-suggestion-option-checkmark-size);border-radius:var(--ds-border-radius-sm);outline:var(--dsc-suggestion-option-checkmark-border) solid var(--dsc-suggestion-option-checkmark-border-color);outline-offset:calc(var(--dsc-suggestion-option-checkmark-border)*-1);padding:.188rem;box-sizing:border-box;translate:0 calc(.5lh - 50%)}[selected]:is([data-multiple]:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{background-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default);outline:none;--_stroke-width:0.05em;--_stroke-width-fallback:0.05em;--_diagonal-1:transparent calc(48% - var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-2:currentcolor calc(50% - var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-3:currentcolor calc(50% + var(--_stroke-width, var(--_stroke-width-fallback)));--_diagonal-4:transparent calc(52% + var(--_stroke-width, var(--_stroke-width-fallback)));background-origin:content-box;background-repeat:no-repeat;background-position:10% 73%,90% 50%;background-size:35% 35%,65% 65%;background-image:linear-gradient(45deg,var(--_diagonal-1),var(--_diagonal-2),var(--_diagonal-3),var(--_diagonal-4)),linear-gradient(-45deg,var(--_diagonal-1),var(--_diagonal-2),var(--_diagonal-3),var(--_diagonal-4))}@media (forced-colors:active){[selected]:is([data-multiple]:is(.ds-search,.ds-suggestion)>u-datalist>u-option):before{background-color:LinkText;border-color:LinkText;forced-color-adjust:none}}:is(.ds-search,.ds-suggestion):not([data-creatable])>u-datalist:has(u-option[aria-hidden=false]:not([data-empty]))>u-option[data-empty]{display:none}:is(.ds-search,.ds-suggestion):not([data-creatable])>u-datalist>u-option[data-empty]{padding-inline-start:var(--dsc-suggestion-option-padding);background:none;cursor:default}[data-empty]:is(:is(.ds-search,.ds-suggestion):not([data-creatable])>u-datalist>u-option[data-empty]):empty:after{content:var(--dsc-suggestion-empty-text)}:is(:is(.ds-search,.ds-suggestion):not([data-creatable])>u-datalist>u-option[data-empty]):before{display:none}[data-creatable]:is(.ds-search,.ds-suggestion)>u-datalist>u-option[data-empty]{--_ds-data-empty:var(--dsc-suggestion-create-text)}:is([data-creatable]:is(.ds-search,.ds-suggestion)>u-datalist>u-option[data-empty]):empty:after{content:attr(data-create)}:is([data-creatable]:is(.ds-search,.ds-suggestion)>u-datalist>u-option[data-empty]):before{display:block;background:currentcolor;color:inherit;-webkit-mask:var(--dsc-suggestion-create-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-create-icon-url) center /contain no-repeat}[aria-selected=true]:is([data-creatable]:is(.ds-search,.ds-suggestion)>u-datalist>u-option[data-empty]):before{-webkit-mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat;mask:var(--dsc-suggestion-option-checkmark-url) center /contain no-repeat}:is(.ds-search,.ds-suggestion)>input{grid-area:input}:is(.ds-search,.ds-suggestion)>input[inputmode=none]{box-shadow:none;outline:none}:is(.ds-search,.ds-suggestion)>input[type=search]{padding-inline-start:calc(var(--dsc-suggestion-search-icon-size) + var(--dsc-suggestion-clear-gap)*2)}:is(.ds-search,.ds-suggestion)>input[type=search]::-webkit-search-cancel-button{display:none}:is(.ds-search,.ds-suggestion):has(>input[type=search]):after{grid-area:input;margin-inline-start:var(--dsc-suggestion-clear-gap);pointer-events:none;background:currentcolor;content:"";height:var(--dsc-suggestion-search-icon-size);width:var(--dsc-suggestion-search-icon-size);-webkit-mask:var(--dsc-suggestion-search-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-search-icon-url) center /contain no-repeat}@media (forced-colors:active){:is(.ds-search,.ds-suggestion):has(>input[type=search]):after{background:CanvasText}}:is(.ds-search,.ds-suggestion)>input{padding-inline-end:calc(var(--dsc-suggestion-clear-size) + var(--dsc-suggestion-clear-gap))}:is(.ds-search,.ds-suggestion):where(:has(u-datalist):not(:has(button[aria-expanded],button[type=reset]:not([hidden]),del:not([hidden]))))>input{background-position:calc(100% - 1.2em + var(--dsc-input-stroke-width)),calc(100% - .8em);background-repeat:no-repeat;background-size:.4em .4em;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))}:is(.ds-search,.ds-suggestion):has(u-datalist)>input:dir(rtl){background-position:calc(1.2em - var(--dsc-input-stroke-width)),.8em}:is(.ds-search,.ds-suggestion)>input:is(:-moz-read-only,:disabled,[aria-disabled=true])~:is(del,button[type=reset],button[aria-expanded]){display:none}:is(.ds-search,.ds-suggestion)>input:is(:read-only,:disabled,[aria-disabled=true])~:is(del,button[type=reset],button[aria-expanded]){display:none}:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded]){--dsc-button-size:var(--dsc-suggestion-clear-size);grid-area:input;justify-self:end;align-self:center;border-radius:var(--dsc-suggestion-clear-border-radius);box-sizing:border-box;cursor:pointer;height:var(--dsc-suggestion-clear-size);margin-inline-end:var(--dsc-suggestion-clear-gap);outline:none;padding:var(--dsc-suggestion-clear-padding);scale:.75;width:var(--dsc-suggestion-clear-size)}:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):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-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):focus-visible *{--_ds--focus:}:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):hover{background:var(--dsc-suggestion-clear-background--hover)}:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):active{background:var(--dsc-suggestion-clear-background--active)}:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):empty:before{content:"";background:currentcolor;display:block;height:100%;-webkit-mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;mask:var(--dsc-suggestion-clear-icon-url) center /contain no-repeat;width:100%}@media (forced-colors:active){:is(:is(.ds-search,.ds-suggestion)>:is(del,button[type=reset],button[aria-expanded])):empty:before{background-color:canvastext;forced-color-adjust:none}}:is(.ds-search,.ds-suggestion)>button[aria-expanded]:empty:before{-webkit-mask-image:var(--dsc-suggestion-toggle-icon-url);mask-image:var(--dsc-suggestion-toggle-icon-url)}:is(.ds-search,.ds-suggestion)>input[aria-expanded=true]~button[aria-expanded]:before{rotate:180deg}:is(.ds-search,.ds-suggestion)>button:not([type=reset]):not([aria-expanded]){grid-area:submit;border-start-start-radius:0;border-end-start-radius:0}:is(:is(.ds-search,.ds-suggestion)>button:not([type=reset]):not([aria-expanded])):not(:focus-visible){border-inline-start:0}:is(.ds-search,.ds-suggestion):has(button:not([type=reset]):not([aria-expanded]))>input{border-start-end-radius:0;border-end-end-radius:0}

package/dist/src/table.css

@@ -1 +1 @@
-.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-icon-size);--dsc-table-vertical-align:middle;--_dsc-table-border-radius--inner:calc(var(--dsc-table-border-radius) - var(--dsc-table-border-width));border-collapse:initial;border-spacing:0;box-sizing:border-box;-moz-column-break-inside:avoid;break-inside:avoid;color:var(--dsc-table-color);vertical-align:var(--dsc-table-vertical-align);width:100%}.ds-table>:is(thead,tbody,tfoot){vertical-align:inherit}.ds-table>:is(tbody,thead,tfoot)>tr>:is(th,td){background:var(--dsc-table-background);border-bottom-width:var(--dsc-table-border-width);border-bottom-style:var(--dsc-table-border-style);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}.ds-table>caption{-moz-column-break-after:avoid;break-after:avoid-page;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-weight:var(--ds-heading-2xs-font-weight);line-height:var(--ds-heading-2xs-line-height);font-size:var(--ds-heading-2xs-font-size);letter-spacing:var(--ds-heading-2xs-letter-spacing)}[data-size=xs]:is(.ds-table>caption){font-weight:var(--ds-heading-xs-font-weight);line-height:var(--ds-heading-xs-line-height);font-size:var(--ds-heading-xs-font-size);letter-spacing:var(--ds-heading-xs-letter-spacing)}[data-size=sm]:is(.ds-table>caption){font-weight:var(--ds-heading-sm-font-weight);line-height:var(--ds-heading-sm-line-height);font-size:var(--ds-heading-sm-font-size);letter-spacing:var(--ds-heading-sm-letter-spacing)}[data-size=md]:is(.ds-table>caption){font-size:var(--ds-heading-md-font-size)}[data-size=lg]:is(.ds-table>caption){font-weight:var(--ds-heading-lg-font-weight);line-height:var(--ds-heading-lg-line-height);font-size:var(--ds-heading-lg-font-size);letter-spacing:var(--ds-heading-lg-letter-spacing)}[data-size=xl]:is(.ds-table>caption){font-weight:var(--ds-heading-xl-font-weight);line-height:var(--ds-heading-xl-line-height);font-size:var(--ds-heading-xl-font-size);letter-spacing:var(--ds-heading-xl-letter-spacing)}[data-size="2xl"]:is(.ds-table>caption){font-weight:var(--ds-heading-2xl-font-weight);line-height:var(--ds-heading-2xl-line-height);font-size:var(--ds-heading-2xl-font-size);letter-spacing:var(--ds-heading-2xl-letter-spacing)}.ds-table>caption{text-align:inherit;margin-bottom:var(--ds-size-1)}.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;height:var(--dsc-table-sort-size);flex-shrink:0;-webkit-mask:center/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12.53%204.47a.75.75%200%200%200-1.06%200l-3.5%203.5a.75.75%200%200%200%201.06%201.06L12%206.06l2.97%202.97a.75.75%200%201%200%201.06-1.06zm-3.5%2010.5a.75.75%200%200%200-1.06%201.06l3.5%203.5a.75.75%200%200%200%201.06%200l3.5-3.5a.75.75%200%201%200-1.06-1.06L12%2017.94z%22%2F%3E%3C%2Fsvg%3E");mask:center/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12.53%204.47a.75.75%200%200%200-1.06%200l-3.5%203.5a.75.75%200%200%200%201.06%201.06L12%206.06l2.97%202.97a.75.75%200%201%200%201.06-1.06zm-3.5%2010.5a.75.75%200%200%200-1.06%201.06l3.5%203.5a.75.75%200%200%200%201.06%200l3.5-3.5a.75.75%200%201%200-1.06-1.06L12%2017.94z%22%2F%3E%3C%2Fsvg%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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11.47%207.97a.75.75%200%200%201%201.06%200l5.5%205.5a.75.75%200%201%201-1.06%201.06L12%209.56l-4.97%204.97a.75.75%200%200%201-1.06-1.06z%22%2F%3E%3C%2Fsvg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11.47%207.97a.75.75%200%200%201%201.06%200l5.5%205.5a.75.75%200%201%201-1.06%201.06L12%209.56l-4.97%204.97a.75.75%200%200%201-1.06-1.06z%22%2F%3E%3C%2Fsvg%3E")}[aria-sort=descending]:is(.ds-table>thead>tr>[aria-sort])>button:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5.97%209.47a.75.75%200%200%201%201.06%200L12%2014.44l4.97-4.97a.75.75%200%201%201%201.06%201.06l-5.5%205.5a.75.75%200%200%201-1.06%200l-5.5-5.5a.75.75%200%200%201%200-1.06%22%2F%3E%3C%2Fsvg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5.97%209.47a.75.75%200%200%201%201.06%200L12%2014.44l4.97-4.97a.75.75%200%201%201%201.06%201.06l-5.5%205.5a.75.75%200%200%201-1.06%200l-5.5-5.5a.75.75%200%200%201%200-1.06%22%2F%3E%3C%2Fsvg%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-radius:var(--dsc-table-border-radius);border-width:var(--dsc-table-border-width);border-style:var(--dsc-table-border-style);border-color:var(--dsc-table-border-color)}.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]{position:relative;overflow:auto}.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)}}
+.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-lg);--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-icon-size);--dsc-table-vertical-align:middle;--_dsc-table-border-radius--inner:calc(var(--dsc-table-border-radius) - var(--dsc-table-border-width));border-collapse:initial;border-spacing:0;box-sizing:border-box;-moz-column-break-inside:avoid;break-inside:avoid;color:var(--dsc-table-color);vertical-align:var(--dsc-table-vertical-align);width:100%}.ds-table>:is(thead,tbody,tfoot){vertical-align:inherit}.ds-table>:is(tbody,thead,tfoot)>tr>:is(th,td){background:var(--dsc-table-background);border-bottom-width:var(--dsc-table-border-width);border-bottom-style:var(--dsc-table-border-style);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}.ds-table>caption{-moz-column-break-after:avoid;break-after:avoid-page;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-weight:var(--ds-heading-2xs-font-weight);line-height:var(--ds-heading-2xs-line-height);font-size:var(--ds-heading-2xs-font-size);letter-spacing:var(--ds-heading-2xs-letter-spacing)}[data-size=xs]:is(.ds-table>caption){font-weight:var(--ds-heading-xs-font-weight);line-height:var(--ds-heading-xs-line-height);font-size:var(--ds-heading-xs-font-size);letter-spacing:var(--ds-heading-xs-letter-spacing)}[data-size=sm]:is(.ds-table>caption){font-weight:var(--ds-heading-sm-font-weight);line-height:var(--ds-heading-sm-line-height);font-size:var(--ds-heading-sm-font-size);letter-spacing:var(--ds-heading-sm-letter-spacing)}[data-size=md]:is(.ds-table>caption){font-size:var(--ds-heading-md-font-size)}[data-size=lg]:is(.ds-table>caption){font-weight:var(--ds-heading-lg-font-weight);line-height:var(--ds-heading-lg-line-height);font-size:var(--ds-heading-lg-font-size);letter-spacing:var(--ds-heading-lg-letter-spacing)}[data-size=xl]:is(.ds-table>caption){font-weight:var(--ds-heading-xl-font-weight);line-height:var(--ds-heading-xl-line-height);font-size:var(--ds-heading-xl-font-size);letter-spacing:var(--ds-heading-xl-letter-spacing)}[data-size="2xl"]:is(.ds-table>caption){font-weight:var(--ds-heading-2xl-font-weight);line-height:var(--ds-heading-2xl-line-height);font-size:var(--ds-heading-2xl-font-size);letter-spacing:var(--ds-heading-2xl-letter-spacing)}.ds-table>caption{text-align:inherit;margin-bottom:var(--ds-size-1)}.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;height:var(--dsc-table-sort-size);flex-shrink:0;-webkit-mask:center/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12.53%204.47a.75.75%200%200%200-1.06%200l-3.5%203.5a.75.75%200%200%200%201.06%201.06L12%206.06l2.97%202.97a.75.75%200%201%200%201.06-1.06zm-3.5%2010.5a.75.75%200%200%200-1.06%201.06l3.5%203.5a.75.75%200%200%200%201.06%200l3.5-3.5a.75.75%200%201%200-1.06-1.06L12%2017.94z%22%2F%3E%3C%2Fsvg%3E");mask:center/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12.53%204.47a.75.75%200%200%200-1.06%200l-3.5%203.5a.75.75%200%200%200%201.06%201.06L12%206.06l2.97%202.97a.75.75%200%201%200%201.06-1.06zm-3.5%2010.5a.75.75%200%200%200-1.06%201.06l3.5%203.5a.75.75%200%200%200%201.06%200l3.5-3.5a.75.75%200%201%200-1.06-1.06L12%2017.94z%22%2F%3E%3C%2Fsvg%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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11.47%207.97a.75.75%200%200%201%201.06%200l5.5%205.5a.75.75%200%201%201-1.06%201.06L12%209.56l-4.97%204.97a.75.75%200%200%201-1.06-1.06z%22%2F%3E%3C%2Fsvg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11.47%207.97a.75.75%200%200%201%201.06%200l5.5%205.5a.75.75%200%201%201-1.06%201.06L12%209.56l-4.97%204.97a.75.75%200%200%201-1.06-1.06z%22%2F%3E%3C%2Fsvg%3E")}[aria-sort=descending]:is(.ds-table>thead>tr>[aria-sort])>button:after{-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5.97%209.47a.75.75%200%200%201%201.06%200L12%2014.44l4.97-4.97a.75.75%200%201%201%201.06%201.06l-5.5%205.5a.75.75%200%200%201-1.06%200l-5.5-5.5a.75.75%200%200%201%200-1.06%22%2F%3E%3C%2Fsvg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M5.97%209.47a.75.75%200%200%201%201.06%200L12%2014.44l4.97-4.97a.75.75%200%201%201%201.06%201.06l-5.5%205.5a.75.75%200%200%201-1.06%200l-5.5-5.5a.75.75%200%200%201%200-1.06%22%2F%3E%3C%2Fsvg%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-radius:var(--dsc-table-border-radius);border-width:var(--dsc-table-border-width);border-style:var(--dsc-table-border-style);border-color:var(--dsc-table-border-color)}.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]{position:relative;overflow:auto}.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)}}

package/dist/src/tag.css

@@ -1 +1 @@
-.ds-tag{--dsc-tag-background:var(--ds-color-surface-tinted);--dsc-tag-color:var(--ds-color-text-default);--dsc-tag-min-height:var(--ds-size-8);--dsc-tag-padding:0 var(--ds-size-2);--dsc-tag-border-radius:var(--ds-border-radius-sm);--dsc-tag-border-width:var(--ds-border-width-default);--dsc-tag-border-color:transparent;--dsc-tag-border-style:solid;align-items:center;background:var(--dsc-tag-background);border-color:var(--dsc-tag-border-color);border-radius:var(--dsc-tag-border-radius);border-style:var(--dsc-tag-border-style);border-width:var(--dsc-tag-border-width);box-sizing:border-box;color:var(--dsc-tag-color);flex-shrink:0;font-size:var(--ds-body-sm-font-size);font-weight:400;height:-moz-fit-content;height:fit-content;line-height:var(--ds-line-height-sm);min-height:var(--dsc-tag-min-height);padding:var(--dsc-tag-padding);width:-moz-max-content;width:max-content;word-break:break-word;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-tag :is(img,svg){display:inline-block;flex-shrink:0;font-size:1em;height:var(--ds-icon-size);vertical-align:middle;width:var(--ds-icon-size)}.ds-tag:not([hidden]){display:inline-flex}.ds-tag[data-variant=outline]{--dsc-tag-border-color:var(--ds-color-border-subtle)}@media (forced-colors:active){.ds-tag{border-width:var(--ds-border-width-default);border-style:solid;border-color:CanvasText}}
+.ds-tag{--dsc-tag-background:var(--ds-color-surface-tinted);--dsc-tag-background--hover:var(--ds-color-surface-hover);--dsc-tag-color:var(--ds-color-text-default);--dsc-tag-min-height:var(--ds-size-8);--dsc-tag-padding:0 var(--ds-size-2);--dsc-tag-border-radius:var(--ds-border-radius-sm);--dsc-tag-border-width:var(--ds-border-width-default);--dsc-tag-border-color:transparent;--dsc-tag-border-style:solid;align-items:center;background:var(--dsc-tag-background);border-color:var(--dsc-tag-border-color);border-radius:var(--dsc-tag-border-radius);border-style:var(--dsc-tag-border-style);border-width:var(--dsc-tag-border-width);box-sizing:border-box;color:var(--dsc-tag-color);flex-shrink:0;font-size:var(--ds-body-sm-font-size);font-weight:400;height:-moz-fit-content;height:fit-content;line-height:var(--ds-line-height-sm);min-height:var(--dsc-tag-min-height);padding:var(--dsc-tag-padding);text-decoration:none;vertical-align:middle;width:-moz-max-content;width:max-content;word-break:break-word;-webkit-print-color-adjust:exact;print-color-adjust:exact}.ds-tag: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-tag:focus-visible *{--_ds--focus:}.ds-tag :is(img,svg){display:inline-block;flex-shrink:0;font-size:1em;height:var(--ds-icon-size);vertical-align:middle;width:var(--ds-icon-size)}.ds-tag:not([hidden]){display:inline-flex}.ds-tag[data-variant=outline]{--dsc-tag-border-color:var(--ds-color-border-subtle)}.ds-tag:is(button,a,[role=button]):hover{cursor:pointer;background:var(--dsc-tag-background--hover)}@media (forced-colors:active){.ds-tag{border-width:var(--ds-border-width-default);border-style:solid;border-color:CanvasText}}