*,
*::before,
*::after {
    box-sizing: border-box;
}
* {
    margin: 0;
}
body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}
#root {
    isolation: isolate;
}
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}
input,
button,
textarea,
select {
    font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}

:root {
    --electric-blue-eb-1: #c8dcff;
    --electric-blue-eb-2: #327dff;
    --electric-blue-eb-3: #003c7d;
    --electric-blue: #1441f5;
    --error-e-1: #ffc7c7;
    --error-e-2: #ff3333;
    --error-e-3: #800000;
    --error: #eb0d0d;
    --gold-g-1: #ebe6dc;
    --gold-g-2: #beaf93;
    --gold-g-3: #73644b;
    --gold: #a08c64;
    --neutrals-carbon-black: #101010;
    --neutrals-n-1: #f8f8f8;
    --neutrals-n-2: #e6e6e6;
    --neutrals-n-3: #dadada;
    --neutrals-n-4: #9d9d9d;
    --neutrals-n-5: #6f6f6f;
    --neutrals-n-6: #575757;
    --neutrals-n-7: #434343;
    --neutrals-n-8: #242424;
    --neutrals-n-9: #1b1b1b;
    --neutrals-white: #ffffff;
    --success-s-1: #d9ffc7;
    --success-s-2: #96ef6c;
    --success-s-3: #34611e;
    --success: #539e2e;
    --vibrant-orange-vo-1: #ffb991;
    --vibrant-orange-vo-2: #ff824b;
    --vibrant-orange-vo-3: #7d2300;
    --vibrant-orange: #f54b00;
    --warning-w-1: #fffaeb;
    --warning-w-2: #ffdd66;
    --warning-w-3: #806300;
    --warning: #ffd74b;
    --corner-radius-s: 0.125rem;
    --corner-radius-m: 0.25rem;
    --corner-radius-l: 1.5rem;
    --corner-radius-full: 62.5rem;
    --focus-outline-input-outline: 0.0625rem;
    --focus-outline-button-outline: 0.1875rem;
    --max-width-tooltip-width: 12.5rem;
    --max-width-app-launcher-max-width: 28rem;
    --max-width-toast-width: 30rem;
    --background-inverted: var(--neutrals-carbon-black);
    --background-modal: var(--neutrals-white);
    --background-overlay: var(--neutrals-white);
    --background-primary: var(--neutrals-white);
    --background-secondary: var(--neutrals-n-1);
    --background-tertiary: var(--neutrals-n-2);
    --border-black: var(--neutrals-carbon-black);
    --border-button-default: var(--neutrals-n-2);
    --border-button-disabled: var(--neutrals-n-3);
    --border-button-hovered: var(--neutrals-n-3);
    --border-button-latched: var(--neutrals-n-6);
    --border-default: var(--neutrals-n-3);
    --border-focused: var(--electric-blue);
    --border-input-default: var(--neutrals-n-3);
    --border-input-disabled: var(--neutrals-n-3);
    --border-input-error: var(--error);
    --border-input-hovered: var(--neutrals-n-6);
    --border-input-modified-default: var(--gold);
    --border-input-modified-hovered: var(--gold-g-3);
    --border-inverted: var(--neutrals-white);
    --border-white: var(--neutrals-white);
    --content-accent: var(--gold);
    --content-accent-cta: var(--electric-blue);
    --content-accent-hovered: var(--gold-g-2);
    --content-black: var(--neutrals-carbon-black);
    --content-disabled: var(--neutrals-n-4);
    --content-error: var(--error);
    --content-inverted: var(--neutrals-white);
    --content-modified: var(--neutrals-carbon-black);
    --content-primary-default: var(--neutrals-carbon-black);
    --content-secondary-default: var(--neutrals-n-5);
    --content-success: var(--success);
    --content-warning: var(--warning);
    --content-white: var(--neutrals-white);
    --documentation-background-primary: var(--neutrals-white);
    --documentation-background-secondary: var(--neutrals-n-1);
    --documentation-border-primary: var(--neutrals-carbon-black);
    --documentation-border-secondary: var(--neutrals-n-3);
    --fill-accent-default: var(--electric-blue);
    --fill-accent-disabled: var(--neutrals-n-3);
    --fill-accent-hovered: var(--electric-blue-eb-2);
    --fill-accent-latched: var(--electric-blue-eb-3);
    --fill-button-default: var(--neutrals-n-2);
    --fill-button-disabled: var(--neutrals-n-3);
    --fill-button-error-default: var(--error);
    --fill-button-error-hovered: var(--error-e-2);
    --fill-button-error-latched: var(--error-e-3);
    --fill-button-hovered: var(--neutrals-n-3);
    --fill-button-latched: var(--neutrals-n-6);
    --fill-button-success-default: var(--success);
    --fill-button-success-hovered: var(--success-s-2);
    --fill-button-success-latched: var(--success-s-3);
    --fill-dimming: #00000066;
    --fill-disabled: var(--neutrals-n-1);
    --fill-error: var(--neutrals-white);
    --fill-hovered: var(--neutrals-n-2);
    --fill-input-default: var(--neutrals-white);
    --fill-input-disabled: var(--neutrals-n-1);
    --fill-input-hovered: var(--neutrals-n-1);
    --fill-input-pressed: var(--neutrals-white);
    --fill-inverted: var(--neutrals-carbon-black);
    --fill-menu-hovered: var(--neutrals-n-2);
    --fill-menu-selected: var(--neutrals-n-2);
    --fill-modified-default: var(--gold-g-1);
    --fill-modified-hovered: var(--gold-g-1);
    --fill-selected: var(--fill-menu-selected);
    --font-size-body-2xs: 0.625rem;
    --font-size-label-xs: 0.625rem;
    --font-size-body-xs: 0.75rem;
    --font-size-label-s: 0.75rem;
    --font-size-body-s: 0.875rem;
    --font-size-label-m: 0.875rem;
    --font-size-body-m: 1rem;
    --font-size-heading-s: 1rem;
    --font-size-body-l: 1.125rem;
    --font-size-heading-m: 1.125rem;
    --font-size-label-l: 1.125rem;
    --font-size-heading-l: 1.5rem;
    --font-size-value-xs: 1.5rem;
    --font-size-value-s: 1.75rem;
    --font-size-value-m: 2rem;
    --font-size-heading-xl: 2.5rem;
    --font-size-value-l: 2.5rem;
    --font-size-value-xl: 3rem;
    --font-size-heading-2xl: 3.5rem;
    --font-size-value-2xl: 4rem;
    --font-size-heading-3xl: 5rem;
    --font-size-value-3xl: 5rem;
    --font-size-heading-4xl: 6.5rem;
    --icon-size-s: 1rem;
    --icon-size-m: 1.5rem;
    --icon-size-l: 3rem;
    --icon-size-xl: 4rem;
    --line-height-label-xs: 0.75rem;
    --line-height-body-2xs: 0.875rem;
    --line-height-label-s: 0.875rem;
    --line-height-body-xs: 1rem;
    --line-height-label-m: 1rem;
    --line-height-body-s: 1.125rem;
    --line-height-body-m: 1.25rem;
    --line-height-heading-s: 1.25rem;
    --line-height-heading-m: 1.375rem;
    --line-height-label-l: 1.375rem;
    --line-height-body-l: 1.5rem;
    --line-height-value-xs: 1.625rem;
    --line-height-heading-l: 1.875rem;
    --line-height-value-s: 2.125rem;
    --line-height-value-m: 2.5rem;
    --line-height-heading-xl: 2.75rem;
    --line-height-value-l: 3.25rem;
    --line-height-value-xl: 3.5rem;
    --line-height-heading-2xl: 3.75rem;
    --line-height-value-2xl: 4.5rem;
    --line-height-heading-3xl: 5rem;
    --line-height-value-3xl: 6rem;
    --line-height-heading-4xl: 6.5rem;
    --platform-size-xs: 1.25rem;
    --platform-size-s: 1.5rem;
    --platform-size-m: 2.25rem;
    --platform-size-l: 2.75rem;
    --platform-size-xl: 4rem;
    --platform-size-2xl: 5.5rem;
    --platform-spacing-none: 0rem;
    --platform-spacing-3xs: 0.25rem;
    --platform-spacing-2xs: 0.5rem;
    --platform-spacing-xs: 0.75rem;
    --platform-spacing-s: 1rem;
    --platform-spacing-m: 1.25rem;
    --platform-spacing-l: 1.5rem;
    --platform-spacing-xl: 2rem;
    --platform-spacing-2xl: 3rem;
    --selection-list-selection-size: 0.125rem;
    --tree-indentation-level-0: 0.5rem;
    --tree-indentation-level-1: 1.5rem;
    --tree-indentation-level-2: 2.5rem;
    --tree-indentation-level-3: 3.5rem;
    --font-weight-bold: bold;
    --font-weight-regular: normal;
    --typeface-heading: "Sandvik Sans Headline";
    --typeface-text: "Sandvik Sans Text";
}
html[data-theme="light"] {
    --background-inverted: var(--neutrals-carbon-black);
    --background-modal: var(--neutrals-white);
    --background-overlay: var(--neutrals-white);
    --background-primary: var(--neutrals-white);
    --background-secondary: var(--neutrals-n-1);
    --background-tertiary: var(--neutrals-n-2);
    --border-black: var(--neutrals-carbon-black);
    --border-button-default: var(--neutrals-n-2);
    --border-button-disabled: var(--neutrals-n-3);
    --border-button-hovered: var(--neutrals-n-3);
    --border-button-latched: var(--neutrals-n-6);
    --border-default: var(--neutrals-n-3);
    --border-focused: var(--electric-blue);
    --border-input-default: var(--neutrals-n-3);
    --border-input-disabled: var(--neutrals-n-3);
    --border-input-error: var(--error);
    --border-input-hovered: var(--neutrals-n-6);
    --border-input-modified-default: var(--gold);
    --border-input-modified-hovered: var(--gold-g-3);
    --border-inverted: var(--neutrals-white);
    --border-white: var(--neutrals-white);
    --content-accent: var(--gold);
    --content-accent-cta: var(--electric-blue);
    --content-accent-hovered: var(--gold-g-2);
    --content-black: var(--neutrals-carbon-black);
    --content-disabled: var(--neutrals-n-4);
    --content-error: var(--error);
    --content-inverted: var(--neutrals-white);
    --content-modified: var(--neutrals-carbon-black);
    --content-primary-default: var(--neutrals-carbon-black);
    --content-secondary-default: var(--neutrals-n-5);
    --content-success: var(--success);
    --content-warning: var(--warning);
    --content-white: var(--neutrals-white);
    --documentation-background-primary: var(--neutrals-white);
    --documentation-background-secondary: var(--neutrals-n-1);
    --documentation-border-primary: var(--neutrals-carbon-black);
    --documentation-border-secondary: var(--neutrals-n-3);
    --fill-accent-default: var(--electric-blue);
    --fill-accent-disabled: var(--neutrals-n-3);
    --fill-accent-hovered: var(--electric-blue-eb-2);
    --fill-accent-latched: var(--electric-blue-eb-3);
    --fill-button-default: var(--neutrals-n-2);
    --fill-button-disabled: var(--neutrals-n-3);
    --fill-button-error-default: var(--error);
    --fill-button-error-hovered: var(--error-e-2);
    --fill-button-error-latched: var(--error-e-3);
    --fill-button-hovered: var(--neutrals-n-3);
    --fill-button-latched: var(--neutrals-n-6);
    --fill-button-success-default: var(--success);
    --fill-button-success-hovered: var(--success-s-2);
    --fill-button-success-latched: var(--success-s-3);
    --fill-dimming: #00000066;
    --fill-disabled: var(--neutrals-n-1);
    --fill-error: var(--neutrals-white);
    --fill-hovered: var(--neutrals-n-2);
    --fill-input-default: var(--neutrals-white);
    --fill-input-disabled: var(--neutrals-n-1);
    --fill-input-hovered: var(--neutrals-n-1);
    --fill-input-pressed: var(--neutrals-white);
    --fill-inverted: var(--neutrals-carbon-black);
    --fill-menu-hovered: var(--neutrals-n-2);
    --fill-menu-selected: var(--neutrals-n-2);
    --fill-modified-default: var(--gold-g-1);
    --fill-modified-hovered: var(--gold-g-1);
    --fill-selected: var(--fill-menu-selected);
}

html[data-theme="dark"] {
    --background-inverted: var(--neutrals-white);
    --background-modal: var(--neutrals-n-9);
    --background-overlay: var(--neutrals-n-8);
    --background-primary: var(--neutrals-carbon-black);
    --background-secondary: var(--neutrals-n-9);
    --background-tertiary: var(--neutrals-n-8);
    --border-black: var(--neutrals-carbon-black);
    --border-button-default: var(--neutrals-n-7);
    --border-button-disabled: var(--neutrals-n-7);
    --border-button-hovered: var(--neutrals-n-6);
    --border-button-latched: var(--neutrals-n-4);
    --border-default: var(--neutrals-n-7);
    --border-focused: var(--neutrals-white);
    --border-input-default: var(--neutrals-n-6);
    --border-input-disabled: var(--neutrals-n-6);
    --border-input-error: var(--error-e-2);
    --border-input-hovered: var(--neutrals-n-4);
    --border-input-modified-default: var(--gold);
    --border-input-modified-hovered: var(--gold-g-2);
    --border-inverted: var(--neutrals-carbon-black);
    --border-white: var(--neutrals-white);
    --content-accent: var(--gold);
    --content-accent-cta: var(--electric-blue-eb-2);
    --content-accent-hovered: var(--gold-g-2);
    --content-black: var(--neutrals-carbon-black);
    --content-disabled: var(--neutrals-n-5);
    --content-error: var(--error-e-2);
    --content-inverted: var(--neutrals-carbon-black);
    --content-modified: var(--neutrals-white);
    --content-primary-default: var(--neutrals-white);
    --content-secondary-default: var(--neutrals-n-4);
    --content-success: var(--success);
    --content-warning: var(--warning);
    --content-white: var(--neutrals-white);
    --documentation-background-primary: var(--neutrals-carbon-black);
    --documentation-background-secondary: var(--neutrals-n-9);
    --documentation-border-primary: var(--neutrals-white);
    --documentation-border-secondary: var(--neutrals-n-7);
    --fill-accent-default: var(--neutrals-white);
    --fill-accent-disabled: var(--neutrals-n-6);
    --fill-accent-hovered: var(--neutrals-n-2);
    --fill-accent-latched: var(--neutrals-n-3);
    --fill-button-default: var(--neutrals-n-7);
    --fill-button-disabled: var(--neutrals-n-7);
    --fill-button-error-default: var(--error-e-2);
    --fill-button-error-hovered: var(--error);
    --fill-button-error-latched: var(--error-e-3);
    --fill-button-hovered: var(--neutrals-n-6);
    --fill-button-latched: var(--neutrals-n-4);
    --fill-button-success-default: var(--success-s-2);
    --fill-button-success-hovered: var(--success);
    --fill-button-success-latched: var(--success-s-3);
    --fill-dimming: #000000e5;
    --fill-disabled: var(--neutrals-n-9);
    --fill-error: var(--neutrals-white);
    --fill-hovered: var(--neutrals-n-8);
    --fill-input-default: var(--neutrals-carbon-black);
    --fill-input-disabled: var(--neutrals-n-9);
    --fill-input-hovered: var(--neutrals-n-9);
    --fill-input-pressed: var(--neutrals-n-8);
    --fill-inverted: var(--neutrals-white);
    --fill-menu-hovered: var(--neutrals-n-7);
    --fill-menu-selected: var(--neutrals-n-7);
    --fill-modified-default: var(--fill-input-default);
    --fill-modified-hovered: var(--neutrals-carbon-black);
    --fill-selected: var(--fill-menu-selected);
}

html[data-platform="desktop"] {
    --font-size-body-2xs: 0.625rem;
    --font-size-label-xs: 0.625rem;
    --font-size-body-xs: 0.75rem;
    --font-size-label-s: 0.75rem;
    --font-size-body-s: 0.875rem;
    --font-size-label-m: 0.875rem;
    --font-size-body-m: 1rem;
    --font-size-heading-s: 1rem;
    --font-size-body-l: 1.125rem;
    --font-size-heading-m: 1.125rem;
    --font-size-label-l: 1.125rem;
    --font-size-heading-l: 1.5rem;
    --font-size-value-xs: 1.5rem;
    --font-size-value-s: 1.75rem;
    --font-size-value-m: 2rem;
    --font-size-heading-xl: 2.5rem;
    --font-size-value-l: 2.5rem;
    --font-size-value-xl: 3rem;
    --font-size-heading-2xl: 3.5rem;
    --font-size-value-2xl: 4rem;
    --font-size-heading-3xl: 5rem;
    --font-size-value-3xl: 5rem;
    --font-size-heading-4xl: 6.5rem;
    --icon-size-s: 1rem;
    --icon-size-m: 1.5rem;
    --icon-size-l: 3rem;
    --icon-size-xl: 4rem;
    --line-height-label-xs: 0.75rem;
    --line-height-body-2xs: 0.875rem;
    --line-height-label-s: 0.875rem;
    --line-height-body-xs: 1rem;
    --line-height-label-m: 1rem;
    --line-height-body-s: 1.125rem;
    --line-height-body-m: 1.25rem;
    --line-height-heading-s: 1.25rem;
    --line-height-heading-m: 1.375rem;
    --line-height-label-l: 1.375rem;
    --line-height-body-l: 1.5rem;
    --line-height-value-xs: 1.625rem;
    --line-height-heading-l: 1.875rem;
    --line-height-value-s: 2.125rem;
    --line-height-value-m: 2.5rem;
    --line-height-heading-xl: 2.75rem;
    --line-height-value-l: 3.25rem;
    --line-height-value-xl: 3.5rem;
    --line-height-heading-2xl: 3.75rem;
    --line-height-value-2xl: 4.5rem;
    --line-height-heading-3xl: 5rem;
    --line-height-value-3xl: 6rem;
    --line-height-heading-4xl: 6.5rem;
    --platform-size-xs: 1.25rem;
    --platform-size-s: 1.5rem;
    --platform-size-m: 2.25rem;
    --platform-size-l: 2.75rem;
    --platform-size-xl: 4rem;
    --platform-size-2xl: 5.5rem;
    --platform-spacing-none: 0rem;
    --platform-spacing-3xs: 0.25rem;
    --platform-spacing-2xs: 0.5rem;
    --platform-spacing-xs: 0.75rem;
    --platform-spacing-s: 1rem;
    --platform-spacing-m: 1.25rem;
    --platform-spacing-l: 1.5rem;
    --platform-spacing-xl: 2rem;
    --platform-spacing-2xl: 3rem;
    --selection-list-selection-size: 0.125rem;
    --tree-indentation-level-0: 0.5rem;
    --tree-indentation-level-1: 1.5rem;
    --tree-indentation-level-2: 2.5rem;
    --tree-indentation-level-3: 3.5rem;
    --font-weight-bold: bold;
    --font-weight-regular: normal;
    --typeface-heading: "Sandvik Sans Headline";
    --typeface-text: "Sandvik Sans Text";
}
html[data-platform="mobile"] {
    --font-size-body-2xs: 0.625rem;
    --font-size-label-xs: 0.625rem;
    --font-size-body-xs: 0.75rem;
    --font-size-label-s: 0.75rem;
    --font-size-body-s: 0.875rem;
    --font-size-label-m: 0.875rem;
    --font-size-body-m: 1rem;
    --font-size-heading-s: 1rem;
    --font-size-body-l: 1.125rem;
    --font-size-heading-m: 1.125rem;
    --font-size-label-l: 1.125rem;
    --font-size-heading-l: 1.5rem;
    --font-size-value-xs: 1.5rem;
    --font-size-value-s: 1.75rem;
    --font-size-value-m: 2rem;
    --font-size-heading-xl: 2.5rem;
    --font-size-value-l: 2.5rem;
    --font-size-value-xl: 3rem;
    --font-size-heading-2xl: 3.5rem;
    --font-size-value-2xl: 4rem;
    --font-size-heading-3xl: 5rem;
    --font-size-value-3xl: 5rem;
    --font-size-heading-4xl: 6.5rem;
    --icon-size-s: 1rem;
    --icon-size-m: 1.5rem;
    --icon-size-l: 3rem;
    --icon-size-xl: 4rem;
    --line-height-label-xs: 0.75rem;
    --line-height-body-2xs: 0.875rem;
    --line-height-label-s: 0.875rem;
    --line-height-body-xs: 1rem;
    --line-height-label-m: 1rem;
    --line-height-body-s: 1.125rem;
    --line-height-body-m: 1.25rem;
    --line-height-heading-s: 1.25rem;
    --line-height-heading-m: 1.375rem;
    --line-height-label-l: 1.375rem;
    --line-height-body-l: 1.5rem;
    --line-height-value-xs: 1.625rem;
    --line-height-heading-l: 1.875rem;
    --line-height-value-s: 2.125rem;
    --line-height-value-m: 2.5rem;
    --line-height-heading-xl: 2.75rem;
    --line-height-value-l: 3.25rem;
    --line-height-value-xl: 3.5rem;
    --line-height-heading-2xl: 3.75rem;
    --line-height-value-2xl: 4.5rem;
    --line-height-heading-3xl: 5rem;
    --line-height-value-3xl: 6rem;
    --line-height-heading-4xl: 6.5rem;
    --platform-size-xs: 1.25rem;
    --platform-size-s: 1.5rem;
    --platform-size-m: 2.75rem;
    --platform-size-l: 3rem;
    --platform-size-xl: 4rem;
    --platform-size-2xl: 5.5rem;
    --platform-spacing-none: 0rem;
    --platform-spacing-3xs: 0.25rem;
    --platform-spacing-2xs: 0.75rem;
    --platform-spacing-s: 1rem;
    --platform-spacing-xs: 1rem;
    --platform-spacing-m: 1.25rem;
    --platform-spacing-l: 1.5rem;
    --platform-spacing-xl: 2rem;
    --platform-spacing-2xl: 3rem;
    --selection-list-selection-size: 0.125rem;
    --tree-indentation-level-0: 0.5rem;
    --tree-indentation-level-1: 1.5rem;
    --tree-indentation-level-2: 2.5rem;
    --tree-indentation-level-3: 3.5rem;
    --font-weight-bold: bold;
    --font-weight-regular: normal;
    --typeface-heading: "Sandvik Sans Headline";
    --typeface-text: "Sandvik Sans Text";
}

:root {
    --neutrals-n-9-opa-20: #1b1b1b20;
}

/* src/css/global-scope/button.css */
.ndv4-btn {
    display: flex;
    height: var(--platform-size-m);
    padding: var(--platform-spacing-none) var(--platform-spacing-l);
    border-radius: var(--corner-radius-m);
    align-items: center;
    justify-content: center;
    gap: var(--platform-spacing-2xs);
    flex-shrink: 0;
    border: 0;
    cursor: pointer;
}
.ndv4-btn.primary {
    background-color: var(--fill-accent-default);
    color: var(--content-inverted);
}
.ndv4-btn.primary span {
    color: var(--content-inverted);
}
.ndv4-btn:not(:disabled):active.primary {
    background-color: var(--fill-accent-latched);
}
.ndv4-btn:not(:disabled):hover.primary {
    background-color: var(--fill-accent-hovered);
}
.ndv4-btn.primary:focus-visible {
    background-color: var(--fill-accent-default);
    outline-offset: var(--focus-outline-button-outline);
    outline: 0.125rem solid var(--border-focused);
}
.ndv4-btn.primary:disabled {
    background-color: var(--fill-button-disabled);
    outline: 1px solid var(--border-button-disabled);
    outline-offset: -1px;
    cursor: default;
}
.ndv4-btn.primary:disabled span {
    color: var(--content-disabled);
}
.ndv4-btn.secondary {
    background-color: var(--fill-button-default);
    border: 0.0625rem solid var(--border-button-default);
}
.ndv4-btn.secondary span {
    color: var(--content-primary-default);
}
.ndv4-btn:focus-visible.secondary {
    background-color: var(--fill-accent-default);
    outline-offset: var(--focus-outline-button-outline);
    outline: 0.125rem solid var(--border-focused);
}
.ndv4-btn:focus-visible.secondary span {
    color: var(--content-inverted);
}
.ndv4-btn:not(:disabled):hover.secondary {
    background-color: var(--fill-button-hovered);
    border: 0.0625rem solid var(--border-button-hovered);
}
.ndv4-btn:not(:disabled):hover.secondary span {
    color: var(--content-primary-default);
}
.ndv4-btn:not(:disabled):active.secondary {
    background-color: var(--fill-button-latched);
    border: 0.0625rem solid var(--border-button-latched);
}
.ndv4-btn:not(:disabled):active.secondary span {
    color: var(--content-inverted);
}
.ndv4-btn.secondary:disabled {
    background-color: var(--fill-button-disabled);
    outline: 1px solid var(--border-button-disabled);
    outline-offset: -0.0625rem;
    cursor: default;
}
.ndv4-btn.secondary:disabled span {
    color: var(--content-disabled);
}
.ndv4-btn.dropdown-trigger {
    background-color: var(--fill-input-default);
    color: var(--content-primary-default);
    padding: 1rem;
}
.ndv4-btn.ndv4-menuitem {
    font-size: var(--font-size-m);
    line-height: var(--line-height-m);
    background-color: transparent;
    border-color: transparent;
    color: var(--content-primary-default);
    height: var(--platform-size-m);
    padding: 0 var(--platform-spacing-xs);
    width: 100%;
}
.ndv4-btn.ndv4-menuitem:focus-visible {
    background-color: var(--fill-menu-selected);
    border-color: transparent;
    color: var(--content-primary-default);
}
.ndv4-btn.ndv4-menuitem:hover {
    background-color: var(--fill-menu-hovered);
    border-color: transparent;
    color: var(--content-primary-default);
}
.ndv4-btn.ndv4-menuitem:active {
    background-color: var(--fill-menu-selected);
    border-color: transparent;
    color: var(--content-primary-default);
}
.ndv-btn-group-h {
    display: flex;
    gap: 0.5rem;
}
.ndv-btn-group-v {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

/* src/css/global-scope/forms.css */
.ndv4-form {
    display: flex;
    flex-direction: column;
    gap: var(--platform-spacing-s);
}
.ndv4-form-group.vertical {
    display: flex;
    flex-direction: column;
    gap: var(--platform-spacing-3xs);
}
.ndv4-form-label {
    color: var(--content-primary-default);
    font-feature-settings:
        "liga" off,
        "clig" off;
    font-size: var(--font-size-label-m);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-label-m);
    height: var(--platform-size-m);
    display: flex;
    align-items: center;
}
.ndv4-form-label.error {
    color: var(--content-error);
}
.ndv4-form-input {
    height: var(--platform-size-m);
    background-color: var(--fill-input-default);
    border-radius: var(--corner-radius-m);
    border: 1px solid var(--border-input-default);
    padding-left: var(--platform-spacing-xs);
    padding-right: calc(var(--platform-spacing-2xs) + var(--unit-width));
    font-size: var(--font-size-label-m);
    outline: none;
    color: var(--content-primary-default);
}
.ndv4-form-input:hover {
    border: 1px solid var(--border-input-hovered);
}
.ndv4-form-input:focus {
    border: 1px solid var(--border-focused);
}
.ndv4-form-input.error {
    border: 1px solid var(--border-input-error);
}
.ndv4-form-label-description {
    color: var(--content-primary-default);
    font-feature-settings:
        "liga" off,
        "clig" off;
    font-size: var(--font-size-label-s);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-label-s);
    height: auto;
    display: flex;
    align-items: center;
}
.ndv4-form-label-description.error {
    color: var(--content-error);
}
.ndv4-form-submit-group {
    display: flex;
    flex-direction: row;
    margin-top: 2rem;
    gap: var(--platform-spacing-3xs);
    align-items: center;
}

body {
    font-family: "SandvikSansText";
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: var(--background-primary);
}
html,
body {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.spinner {
    border: 2px solid var(--border-default);
    border-bottom-color: var(--content-primary-default);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* src/css/global-scope/typography.css */
body {
    font-weight: 500;
    font-size: var(--font-size-body-s);
    line-height: var(--line-height-body-s);
    color: var(--content-primary-default);
}
h1 {
    font-size: var(--font-size-heading-2xl);
    line-height: var(--font-size-heading-2xl);
    margin-bottom: 0.25rem;
}
h2 {
    font-size: var(--font-size-heading-xl);
    line-height: var(--font-size-heading-xl);
    margin-bottom: 0.25rem;
}
h3 {
    font-size: var(--font-size-heading-l);
    line-height: var(--font-size-heading-l);
}
h4 {
    font-size: var(--font-size-heading-m);
    line-height: var(--font-size-heading-m);
}
h5,
h6 {
    font-size: var(--font-size-heading-s);
    line-height: var(--font-size-heading-s);
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 0.0625rem solid transparent;
    border-radius: 0.25rem;
}
.alert-warning {
    background-color: var(--warning-w-3);
    color: var(--warning-w-1);
}

.sica-text-label-m {
    color: var(--content-primary-default);
    font-feature-settings:
        "clig" off,
        "liga" off;
    font-family: SandvikSansText;
    font-size: var(--font-size-label-m);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-label-m);
}

@font-face {
    font-family: "SandvikSansText";
    src: url("./fonts/SandvikSansText-Light.otf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "SandvikSansText";
    src: url("./fonts/SandvikSansText-Bold.otf") format("truetype");
    font-weight: 700;
    font-style: normal;
}