/**
 * Do not edit directly.
 *
 * This file was copied from
 * https://github.com/coopnorge/web-ui-component-library/blob/main/web-design-extractor/generated/common/common.css
 * and modified by adding [data-bs-theme="light"], [data-bs-theme="dark"] to
 * the .light and .dark selectors
 */

[data-bs-theme="light"],
.light {
  --color-success-background-default: #ffffff;
  --color-success-background-tinted: #edf6ed;
  --color-success-surface-default: #ffffff;
  --color-success-surface-tinted: #dbeddb;
  --color-success-surface-hover: #c4e2c4;
  --color-success-surface-active: #add6ad;
  --color-success-border-subtle: #92c992;
  --color-success-border-default: #249224;
  --color-success-border-strong: #007200;
  --color-success-text-subtle: #007200;
  --color-success-text-default: #003400;
  --color-success-base-default: #008000;
  --color-success-base-hover: #006a00;
  --color-success-base-active: #005400;
  --color-success-base-contrast-subtle: #eef6ee;
  --color-success-base-contrast-default: #ffffff;
  --color-danger-background-default: #ffffff;
  --color-danger-background-tinted: #faf2f1;
  --color-danger-surface-default: #ffffff;
  --color-danger-surface-tinted: #f5e5e4;
  --color-danger-surface-hover: #efd4d2;
  --color-danger-surface-active: #e8c3c0;
  --color-danger-border-subtle: #e1b0ac;
  --color-danger-border-default: #c3625a;
  --color-danger-border-strong: #b1342a;
  --color-danger-text-subtle: #b1342a;
  --color-danger-text-default: #590e08;
  --color-danger-base-default: #a81b10;
  --color-danger-base-hover: #86150d;
  --color-danger-base-active: #631009;
  --color-danger-base-contrast-subtle: #faf2f2;
  --color-danger-base-contrast-default: #ffffff;
  --color-info-background-default: #ffffff;
  --color-info-background-tinted: #eff4f8;
  --color-info-surface-default: #ffffff;
  --color-info-surface-tinted: #dfeaf2;
  --color-info-surface-hover: #cbdde9;
  --color-info-surface-active: #b6cfe1;
  --color-info-border-subtle: #9fc0d7;
  --color-info-border-default: #4584b2;
  --color-info-border-strong: #16659e;
  --color-info-text-subtle: #16659e;
  --color-info-text-default: #002d4e;
  --color-info-base-default: #005795;
  --color-info-base-hover: #004475;
  --color-info-base-active: #003256;
  --color-info-base-contrast-subtle: #eef4f8;
  --color-info-base-contrast-default: #ffffff;
  --color-warning-background-default: #ffffff;
  --color-warning-background-tinted: #fbf4da;
  --color-warning-surface-default: #ffffff;
  --color-warning-surface-tinted: #f6e8b6;
  --color-warning-surface-hover: #f0d985;
  --color-warning-surface-active: #eac952;
  --color-warning-border-subtle: #e3b715;
  --color-warning-border-default: #9c7a00;
  --color-warning-border-strong: #785e00;
  --color-warning-text-subtle: #785e00;
  --color-warning-text-default: #362a00;
  --color-warning-base-default: #e0b000;
  --color-warning-base-hover: #c69c00;
  --color-warning-base-active: #ac8700;
  --color-warning-base-contrast-subtle: #2d2300;
  --color-warning-base-contrast-default: #000000;
  --color-disabled-background-default: #ffffff;
  --color-disabled-background-tinted: #f3f3f3;
  --color-disabled-surface-default: #ffffff;
  --color-disabled-surface-tinted: #e8e8e8;
  --color-disabled-surface-hover: #dadada;
  --color-disabled-surface-active: #cbcbcb;
  --color-disabled-border-subtle: #bcbcbc;
  --color-disabled-border-default: #7e7e7e;
  --color-disabled-border-strong: #616161;
  --color-disabled-text-subtle: #7e7e7e;
  --color-disabled-text-default: #616161;
  --color-disabled-base-default: #d9d9d9;
  --color-disabled-base-hover: #c3c3c3;
  --color-disabled-base-active: #adadad;
  --color-disabled-base-contrast-subtle: #121212;
  --color-disabled-base-contrast-default: #616161;
  --color-overlay: #000000;
}

[data-bs-theme="dark"],
.dark {
  --color-success-background-default: #002100;
  --color-success-background-tinted: #003400;
  --color-success-surface-default: #1a641c;
  --color-success-surface-tinted: #1e7320;
  --color-success-surface-hover: #238625;
  --color-success-surface-active: #1c6b1e;
  --color-success-border-subtle: #2f862f;
  --color-success-border-default: #46a446;
  --color-success-border-strong: #66b366;
  --color-success-text-subtle: #b2d8b2;
  --color-success-text-default: #e8f8e8;
  --color-success-base-default: #279327;
  --color-success-base-hover: #4fa74f;
  --color-success-base-active: #75ba75;
  --color-success-base-contrast-subtle: #e6f6e6;
  --color-success-base-contrast-default: #ffffff;
  --color-danger-background-default: #3a0905;
  --color-danger-background-tinted: #490c07;
  --color-danger-surface-default: #7a1410;
  --color-danger-surface-tinted: #8b1612;
  --color-danger-surface-hover: #a01915;
  --color-danger-surface-active: #b21c18;
  --color-danger-border-subtle: #c11e1a;
  --color-danger-border-default: #c33c3c;
  --color-danger-border-strong: #e27d78;
  --color-danger-text-subtle: #f2b0ad;
  --color-danger-text-default: #f8e8e7;
  --color-danger-base-default: #d1221c;
  --color-danger-base-hover: #e24f4a;
  --color-danger-base-active: #f27570;
  --color-danger-base-contrast-subtle: #fbecec;
  --color-danger-base-contrast-default: #ffffff;
  --color-info-background-default: #001d32;
  --color-info-background-tinted: #002540;
  --color-info-surface-default: #00406a;
  --color-info-surface-tinted: #004c7d;
  --color-info-surface-hover: #005892;
  --color-info-surface-active: #0064a6;
  --color-info-border-subtle: #0071ba;
  --color-info-border-default: #2c8dc8;
  --color-info-border-strong: #6fb1d8;
  --color-info-text-subtle: #c7dfed;
  --color-info-text-default: #e4f1f9;
  --color-info-base-default: #1c88c3;
  --color-info-base-hover: #4fa3d1;
  --color-info-base-active: #7abce0;
  --color-info-base-contrast-subtle: #0b1218;
  --color-info-base-contrast-default: #000000;
  --color-warning-background-default: #241700;
  --color-warning-background-tinted: #372400;
  --color-warning-surface-default: #704e00;
  --color-warning-surface-tinted: #806200;
  --color-warning-surface-hover: #996f00;
  --color-warning-surface-active: #865f00;
  --color-warning-border-subtle: #a27800;
  --color-warning-border-default: #c48f00;
  --color-warning-border-strong: #e0a800;
  --color-warning-text-subtle: #ffd966;
  --color-warning-text-default: #fff4cc;
  --color-warning-base-default: #a67c00;
  --color-warning-base-hover: #c68f1a;
  --color-warning-base-active: #e0a842;
  --color-warning-base-contrast-subtle: #231a00;
  --color-warning-base-contrast-default: #000000;
  --color-disabled-background-default: #181a1d;
  --color-disabled-background-tinted: #202225;
  --color-disabled-surface-default: #282a2f;
  --color-disabled-surface-tinted: #303339;
  --color-disabled-surface-hover: #36393f;
  --color-disabled-surface-active: #3e4249;
  --color-disabled-border-subtle: #4a4e57;
  --color-disabled-border-default: #6f7580;
  --color-disabled-border-strong: #9a9fa9;
  --color-disabled-text-subtle: #6d7178;
  --color-disabled-text-default: #93979f;
  --color-disabled-base-default: #212327;
  --color-disabled-base-hover: #2e3137;
  --color-disabled-base-active: #3f434a;
  --color-disabled-base-contrast-subtle: #5f636d;
  --color-disabled-base-contrast-default: #787d87;
  --color-overlay: #000000;
}

:root,
.size-small {
  --border-radius-static: 0.5rem;
  --opacity-overlay: 0.5;
  --dimension-0: 0;
  --dimension-1: 0.1875rem;
  --dimension-2: 0.4375rem;
  --dimension-3: 0.625rem;
  --dimension-4: 0.875rem;
  --dimension-5: 1.0625rem;
  --dimension-6: 1.3125rem;
  --dimension-7: 1.5rem;
  --dimension-8: 1.75rem;
  --dimension-9: 2rem;
  --dimension-10: 2.1875rem;
  --dimension-11: 2.4375rem;
  --dimension-12: 2.625rem;
  --dimension-13: 2.875rem;
  --dimension-14: 3.0625rem;
  --dimension-15: 3.3125rem;
  --dimension-18: 4rem;
  --dimension-22: 4.875rem;
  --dimension-26: 5.75rem;
  --dimension-30: 6.625rem;
  --dimension-32: 7.0625rem;
  --dimension-34: 7.5rem;
  --dimension-38: 8.4375rem;
  --dimension-42: 9.3125rem;
  --dimension-46: 10.1875rem;
  --dimension-50: 11.0625rem;
  --dimension-54: 12rem;
  --dimension-58: 12.875rem;
  --dimension-62: 13.75rem;
  --dimension-66: 14.625rem;
  --dimension-74: 16.4375rem;
  --dimension-86: 19.0625rem;
  --dimension-min-width: 20rem;
  --dimension-max-width: 30.625rem;
  --border-width-default: 1px;
  --border-width-highlight: 2px;
  --border-width-focus: 3px;
  --shadow-xs: 0 1px 8px 0 #00000033;
  --shadow-sm: 0 2px 4px 0 #00000024, 0 4px 5px 0 #0000001f,
    0 1px 10px 0 #00000033;
  --shadow-md: 1px 8px 20px 0 #00000026, 0 4px 10px 0 #0000001f;
  --shadow-lg: 0 9px 46px 0 #0000001f, 0 24px 38px 0 #00000024,
    0 11px 15px 0 #00000033;
}

.size-medium {
  --border-radius-static: 0.5rem;
  --opacity-overlay: 0.5;
  --dimension-0: 0;
  --dimension-1: 0.25rem;
  --dimension-2: 0.5rem;
  --dimension-3: 0.75rem;
  --dimension-4: 1rem;
  --dimension-5: 1.25rem;
  --dimension-6: 1.5rem;
  --dimension-7: 1.75rem;
  --dimension-8: 2rem;
  --dimension-9: 2.25rem;
  --dimension-10: 2.5rem;
  --dimension-11: 2.75rem;
  --dimension-12: 3rem;
  --dimension-13: 3.25rem;
  --dimension-14: 3.5rem;
  --dimension-15: 3.75rem;
  --dimension-18: 4.5rem;
  --dimension-22: 5.5rem;
  --dimension-26: 6.5rem;
  --dimension-30: 7.5rem;
  --dimension-32: 8rem;
  --dimension-34: 8.5rem;
  --dimension-38: 9.5rem;
  --dimension-42: 10.5rem;
  --dimension-46: 11.5rem;
  --dimension-50: 12.5rem;
  --dimension-54: 13.5rem;
  --dimension-58: 14.5rem;
  --dimension-62: 15.5rem;
  --dimension-66: 16.5rem;
  --dimension-74: 18.5rem;
  --dimension-86: 21.5rem;
  --dimension-min-width: 22.5rem;
  --dimension-max-width: 34.5rem;
  --border-width-default: 1px;
  --border-width-highlight: 2px;
  --border-width-focus: 3px;
  --shadow-xs: 0 1px 8px 0 #00000033;
  --shadow-sm: 0 2px 4px 0 #00000024, 0 4px 5px 0 #0000001f,
    0 1px 10px 0 #00000033;
  --shadow-md: 1px 8px 20px 0 #00000026, 0 4px 10px 0 #0000001f;
  --shadow-lg: 0 9px 46px 0 #0000001f, 0 24px 38px 0 #00000024,
    0 11px 15px 0 #00000033;
}

@media (min-width: 768px) {
  :root {
    --border-radius-static: 0.5rem;
    --opacity-overlay: 0.5;
    --dimension-0: 0;
    --dimension-1: 0.25rem;
    --dimension-2: 0.5rem;
    --dimension-3: 0.75rem;
    --dimension-4: 1rem;
    --dimension-5: 1.25rem;
    --dimension-6: 1.5rem;
    --dimension-7: 1.75rem;
    --dimension-8: 2rem;
    --dimension-9: 2.25rem;
    --dimension-10: 2.5rem;
    --dimension-11: 2.75rem;
    --dimension-12: 3rem;
    --dimension-13: 3.25rem;
    --dimension-14: 3.5rem;
    --dimension-15: 3.75rem;
    --dimension-18: 4.5rem;
    --dimension-22: 5.5rem;
    --dimension-26: 6.5rem;
    --dimension-30: 7.5rem;
    --dimension-32: 8rem;
    --dimension-34: 8.5rem;
    --dimension-38: 9.5rem;
    --dimension-42: 10.5rem;
    --dimension-46: 11.5rem;
    --dimension-50: 12.5rem;
    --dimension-54: 13.5rem;
    --dimension-58: 14.5rem;
    --dimension-62: 15.5rem;
    --dimension-66: 16.5rem;
    --dimension-74: 18.5rem;
    --dimension-86: 21.5rem;
    --dimension-min-width: 22.5rem;
    --dimension-max-width: 34.5rem;
    --border-width-default: 1px;
    --border-width-highlight: 2px;
    --border-width-focus: 3px;
    --shadow-xs: 0 1px 8px 0 #00000033;
    --shadow-sm: 0 2px 4px 0 #00000024, 0 4px 5px 0 #0000001f,
      0 1px 10px 0 #00000033;
    --shadow-md: 1px 8px 20px 0 #00000026, 0 4px 10px 0 #0000001f;
    --shadow-lg: 0 9px 46px 0 #0000001f, 0 24px 38px 0 #00000024,
      0 11px 15px 0 #00000033;
  }
}

.size-large {
  --border-radius-static: 0.5rem;
  --opacity-overlay: 0.5;
  --dimension-0: 0;
  --dimension-1: 0.25rem;
  --dimension-2: 0.5625rem;
  --dimension-3: 0.8125rem;
  --dimension-4: 1.125rem;
  --dimension-5: 1.4375rem;
  --dimension-6: 1.6875rem;
  --dimension-7: 2rem;
  --dimension-8: 2.3125rem;
  --dimension-9: 2.5625rem;
  --dimension-10: 2.875rem;
  --dimension-11: 3.1875rem;
  --dimension-12: 3.4375rem;
  --dimension-13: 3.75rem;
  --dimension-14: 4.0625rem;
  --dimension-15: 4.3125rem;
  --dimension-18: 5.1875rem;
  --dimension-22: 6.375rem;
  --dimension-26: 7.5625rem;
  --dimension-30: 8.6875rem;
  --dimension-32: 9.3125rem;
  --dimension-34: 9.875rem;
  --dimension-38: 11.0625rem;
  --dimension-42: 12.1875rem;
  --dimension-46: 13.375rem;
  --dimension-50: 14.5625rem;
  --dimension-54: 15.6875rem;
  --dimension-58: 16.875rem;
  --dimension-62: 18.0625rem;
  --dimension-66: 19.1875rem;
  --dimension-74: 21.5625rem;
  --dimension-86: 25.0625rem;
  --dimension-min-width: 26.1875rem;
  --dimension-max-width: 40.1875rem;
  --border-width-default: 1px;
  --border-width-highlight: 2px;
  --border-width-focus: 3px;
  --shadow-xs: 0 1px 8px 0 #00000033;
  --shadow-sm: 0 2px 4px 0 #00000024, 0 4px 5px 0 #0000001f,
    0 1px 10px 0 #00000033;
  --shadow-md: 1px 8px 20px 0 #00000026, 0 4px 10px 0 #0000001f;
  --shadow-lg: 0 9px 46px 0 #0000001f, 0 24px 38px 0 #00000024,
    0 11px 15px 0 #00000033;
}

@media (min-width: 1200px) {
  :root {
    --border-radius-static: 0.5rem;
    --opacity-overlay: 0.5;
    --dimension-0: 0;
    --dimension-1: 0.25rem;
    --dimension-2: 0.5625rem;
    --dimension-3: 0.8125rem;
    --dimension-4: 1.125rem;
    --dimension-5: 1.4375rem;
    --dimension-6: 1.6875rem;
    --dimension-7: 2rem;
    --dimension-8: 2.3125rem;
    --dimension-9: 2.5625rem;
    --dimension-10: 2.875rem;
    --dimension-11: 3.1875rem;
    --dimension-12: 3.4375rem;
    --dimension-13: 3.75rem;
    --dimension-14: 4.0625rem;
    --dimension-15: 4.3125rem;
    --dimension-18: 5.1875rem;
    --dimension-22: 6.375rem;
    --dimension-26: 7.5625rem;
    --dimension-30: 8.6875rem;
    --dimension-32: 9.3125rem;
    --dimension-34: 9.875rem;
    --dimension-38: 11.0625rem;
    --dimension-42: 12.1875rem;
    --dimension-46: 13.375rem;
    --dimension-50: 14.5625rem;
    --dimension-54: 15.6875rem;
    --dimension-58: 16.875rem;
    --dimension-62: 18.0625rem;
    --dimension-66: 19.1875rem;
    --dimension-74: 21.5625rem;
    --dimension-86: 25.0625rem;
    --dimension-min-width: 26.1875rem;
    --dimension-max-width: 40.1875rem;
    --border-width-default: 1px;
    --border-width-highlight: 2px;
    --border-width-focus: 3px;
    --shadow-xs: 0 1px 8px 0 #00000033;
    --shadow-sm: 0 2px 4px 0 #00000024, 0 4px 5px 0 #0000001f,
      0 1px 10px 0 #00000033;
    --shadow-md: 1px 8px 20px 0 #00000026, 0 4px 10px 0 #0000001f;
    --shadow-lg: 0 9px 46px 0 #0000001f, 0 24px 38px 0 #00000024,
      0 11px 15px 0 #00000033;
  }
}