@danske/sapphire-angular 2.5.0 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/esm2020/lib/table/src/table-row.directive.mjs +14 -10
  2. package/esm2020/lib/table/src/table.component.mjs +6 -4
  3. package/esm2020/lib/table/src/table.directive.mjs +3 -2
  4. package/esm2020/lib/theme/src/themes.mjs +2 -2
  5. package/fesm2015/danske-sapphire-angular.mjs +33 -27
  6. package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
  7. package/fesm2020/danske-sapphire-angular.mjs +33 -27
  8. package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
  9. package/lib/table/src/table-row.directive.d.ts +4 -2
  10. package/lib/table/src/table.component.d.ts +6 -1
  11. package/package.json +3 -3
package/fesm2020/danske-sapphire-angular.mjs CHANGED
@@ -5792,10 +5792,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
5792
5792
  class ThemeDefault {
5793
5793
  }
5794
5794
  ThemeDefault.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ThemeDefault, deps: [], target: i0.ɵɵFactoryTarget.Component });
5795
- ThemeDefault.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ThemeDefault, isStandalone: true, selector: "sp-theme-default", hostDirectives: [{ directive: ThemeBaseDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes backdrop-fade-in{0%{background-color:transparent}to{background-color:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background-color:var(--sapphire-semantic-color-background-backdrop)}to{background-color:transparent}}.sapphire-backdrop,:host.sapphire-backdrop{width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation-name:backdrop-fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-backdrop--exiting,:host.sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-l: 1200px;--sapphire-semantic-size-breakpoint-m: 960px;--sapphire-semantic-size-breakpoint-s: 768px;--sapphire-semantic-size-breakpoint-xs: 576px;--sapphire-semantic-size-width-panel-lg: 100%;--sapphire-semantic-size-width-panel-sm: 100%;--sapphire-semantic-font-weight-display-bold: 700;--sapphire-semantic-font-weight-display-regular: 400;--sapphire-semantic-font-weight-default-bold: 700;--sapphire-semantic-font-weight-default-semibold: 600;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-global-time-2000: 2s;--sapphire-global-time-1800: 1.8s;--sapphire-global-time-1000: 1s;--sapphire-global-time-400: .4s;--sapphire-global-time-200: .2s;--sapphire-global-time-100: .1s;--sapphire-global-size-ratio-height: .875;--sapphire-global-size-line-height-md: 1.5;--sapphire-global-size-line-height-sm: 1.2;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-220: 2.1875rem;--sapphire-global-size-font-188: 1.875rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-130: 1.3125rem;--sapphire-global-size-font-112: 1.125rem;--sapphire-global-size-font-106: 1.0625rem;--sapphire-global-size-font-100: 1rem;--sapphire-global-size-font-88: .875rem;--sapphire-global-size-font-75: .75rem;--sapphire-global-size-font-60: .625rem;--sapphire-global-size-generic-4320: 108rem;--sapphire-global-size-generic-3780: 94.5rem;--sapphire-global-size-generic-3600: 90rem;--sapphire-global-size-generic-3200: 80rem;--sapphire-global-size-generic-2560: 64rem;--sapphire-global-size-generic-2400: 60rem;--sapphire-global-size-generic-1920: 48rem;--sapphire-global-size-generic-1600: 40rem;--sapphire-global-size-generic-1400: 35rem;--sapphire-global-size-generic-1280: 32rem;--sapphire-global-size-generic-1200: 30rem;--sapphire-global-size-generic-1120: 28rem;--sapphire-global-size-generic-1000: 25rem;--sapphire-global-size-generic-960: 24rem;--sapphire-global-size-generic-940: 23.5rem;--sapphire-global-size-generic-900: 22.5rem;--sapphire-global-size-generic-800: 20rem;--sapphire-global-size-generic-750: 18.75rem;--sapphire-global-size-generic-640: 16rem;--sapphire-global-size-generic-600: 15rem;--sapphire-global-size-generic-560: 14rem;--sapphire-global-size-generic-480: 12rem;--sapphire-global-size-generic-400: 10rem;--sapphire-global-size-generic-340: 8.5rem;--sapphire-global-size-generic-320: 8rem;--sapphire-global-size-generic-300: 7.5rem;--sapphire-global-size-generic-280: 7rem;--sapphire-global-size-generic-240: 6rem;--sapphire-global-size-generic-200: 5rem;--sapphire-global-size-generic-180: 4.5rem;--sapphire-global-size-generic-160: 4rem;--sapphire-global-size-generic-140: 3.5rem;--sapphire-global-size-generic-120: 3rem;--sapphire-global-size-generic-100: 2.5rem;--sapphire-global-size-generic-80: 2rem;--sapphire-global-size-generic-60: 1.5rem;--sapphire-global-size-generic-50: 1.25rem;--sapphire-global-size-generic-40: 1rem;--sapphire-global-size-generic-35: .875rem;--sapphire-global-size-generic-30: .75rem;--sapphire-global-size-generic-25: .625rem;--sapphire-global-size-generic-20: .5rem;--sapphire-global-size-generic-15: .375rem;--sapphire-global-size-generic-10: .25rem;--sapphire-global-size-generic-5: .125rem;--sapphire-global-size-generic-2: .0625rem;--sapphire-global-size-generic-0: 0rem;--sapphire-global-size-static-60: 24px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-10: 4px;--sapphire-global-size-static-5: 2px;--sapphire-global-size-static-2: 1px;--sapphire-global-size-static-0: 0px;--sapphire-global-shadow-lg: 0px 0px 2px 0px rgba(34, 64, 82, .02), 0px -1.5px 6px 0px rgba(34, 64, 82, .03), 0px 4.5px 12px 0px rgba(34, 64, 82, .04), 0px 14.5px 18px 0px rgba(34, 64, 82, .04), 0px 26px 34px 0px rgba(34, 64, 82, .05), 0px 84px 92px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-md: 0px 0px 3px 0px rgba(34, 64, 82, .02), 0px 3px 7px 0px rgba(34, 64, 82, .03), 0px 6.5px 14px 0px rgba(34, 64, 82, .04), 0px 13px 29px 0px rgba(34, 64, 82, .05), 0px 36px 80px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-sm: 0px 0px 2px 0px rgba(34, 64, 82, .06), 0px 1.5px 4px 0px rgba(34, 64, 82, .04), 0px 4.5px 6px 0px rgba(34, 64, 82, .04), 0px 10.5px 12px 0px rgba(34, 64, 82, .03), 0px 25px 24px 0px rgba(34, 64, 82, .02), 0px 100px 64px 0px rgba(34, 64, 82, .02), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-opacity-50: .5;--sapphire-global-opacity-40: .4;--sapphire-global-opacity-35: .35;--sapphire-global-font-danske-human-name: \"Danske Human\";--sapphire-global-font-danske-text-name: \"Danske Text v2\";--sapphire-global-color-secondary-orange-600: hsl(19, 100%, 34%);--sapphire-global-color-secondary-orange-500: hsl(17, 100%, 43%);--sapphire-global-color-secondary-orange-400: hsl(19, 84%, 54%);--sapphire-global-color-secondary-orange-300: hsl(21, 84%, 66%);--sapphire-global-color-secondary-orange-200: hsl(23, 83%, 79%);--sapphire-global-color-secondary-orange-150: hsl(25, 84%, 86%);--sapphire-global-color-secondary-orange-100: hsl(26, 89%, 93%);--sapphire-global-color-secondary-orange-75: hsl(27, 85%, 95%);--sapphire-global-color-secondary-orange-50: hsl(28, 89%, 96%);--sapphire-global-color-secondary-teal-600: hsl(171, 100%, 22%);--sapphire-global-color-secondary-teal-500: hsl(171, 100%, 26%);--sapphire-global-color-secondary-teal-400: hsl(172, 50%, 42%);--sapphire-global-color-secondary-teal-300: hsl(172, 36%, 57%);--sapphire-global-color-secondary-teal-200: hsl(171, 36%, 74%);--sapphire-global-color-secondary-teal-150: hsl(171, 36%, 82%);--sapphire-global-color-secondary-teal-100: hsl(172, 35%, 92%);--sapphire-global-color-secondary-teal-75: hsl(170, 38%, 94%);--sapphire-global-color-secondary-teal-50: hsl(171, 33%, 96%);--sapphire-global-color-secondary-forest-green-600: hsl(105, 93%, 23%);--sapphire-global-color-secondary-forest-green-500: hsl(105, 93%, 28%);--sapphire-global-color-secondary-forest-green-400: hsl(105, 48%, 43%);--sapphire-global-color-secondary-forest-green-300: hsl(105, 36%, 58%);--sapphire-global-color-secondary-forest-green-200: hsl(105, 36%, 74%);--sapphire-global-color-secondary-forest-green-150: hsl(105, 36%, 82%);--sapphire-global-color-secondary-forest-green-100: hsl(104, 35%, 92%);--sapphire-global-color-secondary-forest-green-75: hsl(109, 35%, 94%);--sapphire-global-color-secondary-forest-green-50: hsl(111, 33%, 96%);--sapphire-global-color-secondary-cobalt-600: hsl(215, 87%, 42%);--sapphire-global-color-secondary-cobalt-500: hsl(215, 92%, 51%);--sapphire-global-color-secondary-cobalt-400: hsl(215, 92%, 62%);--sapphire-global-color-secondary-cobalt-300: hsl(215, 92%, 72%);--sapphire-global-color-secondary-cobalt-200: hsl(215, 91%, 83%);--sapphire-global-color-secondary-cobalt-150: hsl(216, 93%, 89%);--sapphire-global-color-secondary-cobalt-100: hsl(216, 93%, 95%);--sapphire-global-color-secondary-cobalt-75: hsl(215, 90%, 96%);--sapphire-global-color-secondary-cobalt-50: hsl(215, 86%, 97%);--sapphire-global-color-secondary-gray-600: hsl(202, 6%, 38%);--sapphire-global-color-secondary-gray-500: hsl(201, 6%, 46%);--sapphire-global-color-secondary-gray-400: hsl(200, 5%, 56%);--sapphire-global-color-secondary-gray-300: hsl(203, 5%, 67%);--sapphire-global-color-secondary-gray-200: hsl(200, 6%, 79%);--sapphire-global-color-secondary-gray-150: hsl(195, 6%, 86%);--sapphire-global-color-secondary-gray-100: hsl(210, 6%, 93%);--sapphire-global-color-secondary-gray-75: hsl(240, 4%, 95%);--sapphire-global-color-secondary-gray-50: hsl(180, 6%, 97%);--sapphire-global-color-secondary-orchid-600: hsl(304, 36%, 42%);--sapphire-global-color-secondary-orchid-500: hsl(304, 37%, 51%);--sapphire-global-color-secondary-orchid-400: hsl(304, 37%, 61%);--sapphire-global-color-secondary-orchid-300: hsl(303, 37%, 71%);--sapphire-global-color-secondary-orchid-200: hsl(304, 37%, 82%);--sapphire-global-color-secondary-orchid-150: hsl(305, 38%, 88%);--sapphire-global-color-secondary-orchid-100: hsl(305, 38%, 94%);--sapphire-global-color-secondary-orchid-75: hsl(300, 36%, 96%);--sapphire-global-color-secondary-orchid-50: hsl(300, 33%, 97%);--sapphire-global-color-secondary-beige-600: hsl(38, 20%, 35%);--sapphire-global-color-secondary-beige-500: hsl(40, 20%, 43%);--sapphire-global-color-secondary-beige-400: hsl(38, 15%, 54%);--sapphire-global-color-secondary-beige-300: hsl(39, 16%, 65%);--sapphire-global-color-secondary-beige-200: hsl(41, 14%, 78%);--sapphire-global-color-secondary-beige-150: hsl(40, 16%, 85%);--sapphire-global-color-secondary-beige-100: hsl(40, 17%, 93%);--sapphire-global-color-secondary-beige-75: hsl(30, 15%, 95%);--sapphire-global-color-secondary-beige-50: hsl(30, 11%, 96%);--sapphire-global-color-secondary-gold-600: hsl(42, 97%, 25%);--sapphire-global-color-secondary-gold-500: hsl(42, 96%, 31%);--sapphire-global-color-secondary-gold-400: hsl(42, 54%, 45%);--sapphire-global-color-secondary-gold-300: hsl(42, 44%, 59%);--sapphire-global-color-secondary-gold-200: hsl(42, 44%, 74%);--sapphire-global-color-secondary-gold-150: hsl(43, 43%, 83%);--sapphire-global-color-secondary-gold-100: hsl(43, 43%, 92%);--sapphire-global-color-secondary-gold-75: hsl(42, 42%, 94%);--sapphire-global-color-secondary-gold-50: hsl(40, 43%, 96%);--sapphire-global-color-secondary-violet-600: hsl(245, 41%, 52%);--sapphire-global-color-secondary-violet-500: hsl(245, 66%, 64%);--sapphire-global-color-secondary-violet-400: hsl(245, 66%, 71%);--sapphire-global-color-secondary-violet-300: hsl(245, 66%, 78%);--sapphire-global-color-secondary-violet-200: hsl(244, 65%, 86%);--sapphire-global-color-secondary-violet-150: hsl(246, 66%, 91%);--sapphire-global-color-secondary-violet-100: hsl(244, 64%, 96%);--sapphire-global-color-secondary-violet-75: hsl(245, 65%, 97%);--sapphire-global-color-secondary-violet-50: hsl(240, 64%, 98%);--sapphire-global-color-secondary-purple-600: hsl(270, 28%, 45%);--sapphire-global-color-secondary-purple-500: hsl(270, 33%, 55%);--sapphire-global-color-secondary-purple-400: hsl(270, 33%, 64%);--sapphire-global-color-secondary-purple-300: hsl(270, 33%, 73%);--sapphire-global-color-secondary-purple-200: hsl(269, 33%, 83%);--sapphire-global-color-secondary-purple-150: hsl(272, 32%, 88%);--sapphire-global-color-secondary-purple-100: hsl(270, 36%, 95%);--sapphire-global-color-secondary-purple-75: hsl(274, 33%, 96%);--sapphire-global-color-secondary-purple-50: hsl(270, 29%, 97%);--sapphire-global-color-secondary-pink-600: hsl(327, 48%, 43%);--sapphire-global-color-secondary-pink-500: hsl(327, 53%, 53%);--sapphire-global-color-secondary-pink-400: hsl(326, 53%, 63%);--sapphire-global-color-secondary-pink-300: hsl(326, 53%, 73%);--sapphire-global-color-secondary-pink-200: hsl(327, 53%, 83%);--sapphire-global-color-secondary-pink-150: hsl(327, 54%, 89%);--sapphire-global-color-secondary-pink-100: hsl(328, 56%, 95%);--sapphire-global-color-secondary-pink-75: hsl(330, 50%, 96%);--sapphire-global-color-secondary-pink-50: hsl(326, 54%, 97%);--sapphire-global-color-secondary-lime-600: hsl(71, 76%, 23%);--sapphire-global-color-secondary-lime-500: hsl(71, 76%, 28%);--sapphire-global-color-secondary-lime-400: hsl(71, 42%, 42%);--sapphire-global-color-secondary-lime-300: hsl(72, 30%, 57%);--sapphire-global-color-secondary-lime-200: hsl(70, 29%, 73%);--sapphire-global-color-secondary-lime-150: hsl(71, 30%, 82%);--sapphire-global-color-secondary-lime-100: hsl(69, 29%, 91%);--sapphire-global-color-secondary-lime-75: hsl(66, 29%, 93%);--sapphire-global-color-secondary-lime-50: hsl(70, 27%, 96%);--sapphire-global-color-secondary-indigo-600: hsl(230, 62%, 53%);--sapphire-global-color-secondary-indigo-500: hsl(230, 100%, 64%);--sapphire-global-color-secondary-indigo-400: hsl(230, 100%, 72%);--sapphire-global-color-secondary-indigo-300: hsl(230, 100%, 79%);--sapphire-global-color-secondary-indigo-200: hsl(229, 100%, 87%);--sapphire-global-color-secondary-indigo-150: hsl(229, 100%, 91%);--sapphire-global-color-secondary-indigo-100: hsl(231, 100%, 96%);--sapphire-global-color-secondary-indigo-75: hsl(229, 100%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(229, 100%, 98%);--sapphire-global-color-secondary-electro-600: hsl(207, 31%, 38%);--sapphire-global-color-secondary-electro-500: hsl(206, 31%, 46%);--sapphire-global-color-secondary-electro-400: hsl(206, 27%, 56%);--sapphire-global-color-secondary-electro-300: hsl(207, 27%, 67%);--sapphire-global-color-secondary-electro-200: hsl(208, 27%, 80%);--sapphire-global-color-secondary-electro-150: hsl(205, 27%, 86%);--sapphire-global-color-secondary-electro-100: hsl(207, 27%, 94%);--sapphire-global-color-secondary-electro-75: hsl(206, 28%, 95%);--sapphire-global-color-secondary-electro-50: hsl(204, 29%, 97%);--sapphire-global-color-secondary-copper-600: hsl(16, 54%, 39%);--sapphire-global-color-secondary-copper-500: hsl(15, 54%, 48%);--sapphire-global-color-secondary-copper-400: hsl(15, 50%, 59%);--sapphire-global-color-secondary-copper-300: hsl(15, 50%, 69%);--sapphire-global-color-secondary-copper-200: hsl(16, 49%, 81%);--sapphire-global-color-secondary-copper-150: hsl(15, 51%, 87%);--sapphire-global-color-secondary-copper-100: hsl(16, 48%, 94%);--sapphire-global-color-secondary-copper-75: hsl(16, 48%, 95%);--sapphire-global-color-secondary-copper-50: hsl(15, 50%, 97%);--sapphire-global-color-secondary-aqua-600: hsl(192, 100%, 26%);--sapphire-global-color-secondary-aqua-500: hsl(192, 100%, 32%);--sapphire-global-color-secondary-aqua-400: hsl(192, 55%, 46%);--sapphire-global-color-secondary-aqua-300: hsl(192, 47%, 60%);--sapphire-global-color-secondary-aqua-200: hsl(192, 47%, 76%);--sapphire-global-color-secondary-aqua-150: hsl(192, 47%, 84%);--sapphire-global-color-secondary-aqua-100: hsl(190, 45%, 92%);--sapphire-global-color-secondary-aqua-75: hsl(193, 47%, 94%);--sapphire-global-color-secondary-aqua-50: hsl(193, 47%, 96%);--sapphire-global-color-yellow-975: hsl(20, 95%, 8%);--sapphire-global-color-yellow-950: hsl(19, 89%, 11%);--sapphire-global-color-yellow-925: hsl(21, 87%, 15%);--sapphire-global-color-yellow-900: hsl(21, 88%, 19%);--sapphire-global-color-yellow-875: hsl(21, 86%, 23%);--sapphire-global-color-yellow-850: hsl(22, 85%, 27%);--sapphire-global-color-yellow-800: hsl(22, 88%, 29%);--sapphire-global-color-yellow-750: hsl(24, 89%, 33%);--sapphire-global-color-yellow-700: hsl(25, 93%, 37%);--sapphire-global-color-yellow-650: hsl(28, 94%, 41%);--sapphire-global-color-yellow-600: hsl(31, 93%, 44%);--sapphire-global-color-yellow-550: hsl(34, 94%, 48%);--sapphire-global-color-yellow-500: hsl(37, 95%, 52%);--sapphire-global-color-yellow-450: hsl(40, 95%, 54%);--sapphire-global-color-yellow-400: hsl(43, 98%, 55%);--sapphire-global-color-yellow-350: hsl(44, 98%, 60%);--sapphire-global-color-yellow-300: hsl(46, 98%, 64%);--sapphire-global-color-yellow-250: hsl(47, 97%, 70%);--sapphire-global-color-yellow-200: hsl(48, 98%, 76%);--sapphire-global-color-yellow-150: hsl(48, 98%, 79%);--sapphire-global-color-yellow-125: hsl(49, 97%, 85%);--sapphire-global-color-yellow-100: hsl(48, 100%, 89%);--sapphire-global-color-yellow-75: hsl(49, 100%, 92%);--sapphire-global-color-yellow-50: hsl(51, 100%, 96%);--sapphire-global-color-yellow-25: hsl(54, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 33%, 10%);--sapphire-global-color-red-950: hsl(355, 38%, 12%);--sapphire-global-color-red-925: hsl(356, 41%, 14%);--sapphire-global-color-red-900: hsl(355, 43%, 15%);--sapphire-global-color-red-875: hsl(354, 44%, 18%);--sapphire-global-color-red-850: hsl(353, 48%, 21%);--sapphire-global-color-red-800: hsl(353, 50%, 26%);--sapphire-global-color-red-750: hsl(351, 54%, 31%);--sapphire-global-color-red-700: hsl(351, 55%, 35%);--sapphire-global-color-red-650: hsl(350, 57%, 39%);--sapphire-global-color-red-600: hsl(349, 60%, 44%);--sapphire-global-color-red-550: hsl(349, 61%, 48%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-450: hsl(351, 73%, 59%);--sapphire-global-color-red-400: hsl(353, 75%, 65%);--sapphire-global-color-red-350: hsl(355, 79%, 71%);--sapphire-global-color-red-300: hsl(356, 82%, 76%);--sapphire-global-color-red-250: hsl(357, 88%, 81%);--sapphire-global-color-red-200: hsl(358, 92%, 86%);--sapphire-global-color-red-150: hsl(359, 100%, 91%);--sapphire-global-color-red-125: hsl(358, 100%, 94%);--sapphire-global-color-red-100: hsl(357, 100%, 96%);--sapphire-global-color-red-75: hsl(356, 100%, 97%);--sapphire-global-color-red-50: hsl(355, 100%, 98%);--sapphire-global-color-red-25: hsl(0, 100%, 99%);--sapphire-global-color-green-975: hsl(159, 100%, 5%);--sapphire-global-color-green-950: hsl(159, 100%, 6%);--sapphire-global-color-green-925: hsl(159, 100%, 7%);--sapphire-global-color-green-900: hsl(159, 100%, 7%);--sapphire-global-color-green-875: hsl(159, 100%, 9%);--sapphire-global-color-green-850: hsl(158, 100%, 10%);--sapphire-global-color-green-800: hsl(159, 100%, 13%);--sapphire-global-color-green-750: hsl(159, 100%, 15%);--sapphire-global-color-green-700: hsl(159, 100%, 17%);--sapphire-global-color-green-650: hsl(159, 100%, 19%);--sapphire-global-color-green-600: hsl(159, 100%, 22%);--sapphire-global-color-green-550: hsl(159, 100%, 24%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-450: hsl(159, 71%, 34%);--sapphire-global-color-green-400: hsl(159, 51%, 42%);--sapphire-global-color-green-350: hsl(159, 37%, 50%);--sapphire-global-color-green-300: hsl(159, 36%, 57%);--sapphire-global-color-green-250: hsl(159, 36%, 66%);--sapphire-global-color-green-200: hsl(160, 36%, 74%);--sapphire-global-color-green-150: hsl(159, 36%, 83%);--sapphire-global-color-green-125: hsl(159, 37%, 88%);--sapphire-global-color-green-100: hsl(159, 35%, 92%);--sapphire-global-color-green-75: hsl(162, 33%, 94%);--sapphire-global-color-green-50: hsl(158, 40%, 96%);--sapphire-global-color-green-25: hsl(150, 40%, 98%);--sapphire-global-color-blue-975: hsl(202, 100%, 7%);--sapphire-global-color-blue-950: hsl(203, 100%, 9%);--sapphire-global-color-blue-925: hsl(203, 100%, 10%);--sapphire-global-color-blue-900: hsl(202, 100%, 11%);--sapphire-global-color-blue-875: hsl(203, 100%, 13%);--sapphire-global-color-blue-850: hsl(203, 100%, 15%);--sapphire-global-color-blue-800: hsl(203, 100%, 19%);--sapphire-global-color-blue-750: hsl(202, 100%, 22%);--sapphire-global-color-blue-700: hsl(203, 100%, 25%);--sapphire-global-color-blue-650: hsl(203, 100%, 29%);--sapphire-global-color-blue-600: hsl(203, 100%, 32%);--sapphire-global-color-blue-550: hsl(203, 100%, 35%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-450: hsl(203, 90%, 44%);--sapphire-global-color-blue-400: hsl(203, 80%, 50%);--sapphire-global-color-blue-350: hsl(203, 75%, 57%);--sapphire-global-color-blue-300: hsl(203, 70%, 65%);--sapphire-global-color-blue-250: hsl(203, 64%, 72%);--sapphire-global-color-blue-200: hsl(203, 65%, 79%);--sapphire-global-color-blue-150: hsl(203, 64%, 86%);--sapphire-global-color-blue-125: hsl(204, 65%, 90%);--sapphire-global-color-blue-100: hsl(203, 64%, 94%);--sapphire-global-color-blue-75: hsl(206, 67%, 95%);--sapphire-global-color-blue-50: hsl(202, 65%, 97%);--sapphire-global-color-blue-25: hsl(204, 56%, 98%);--sapphire-global-color-sapphire-900-70p: hsla(202, 100%, 11%, .7);--sapphire-global-color-sapphire-900-4p: hsla(202, 100%, 11%, .04);--sapphire-global-color-sapphire-975: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-950: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-925: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-900: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-875: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-850: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-800: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-750: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-700: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-650: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-600: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-550: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-450: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-400: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-350: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-300: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-250: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-200: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-150: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-125: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-100: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-75: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-50: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-25: hsl(220, 33%, 98%);--sapphire-global-color-neutral-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-neutral-black: hsl(0, 0%, 0%);--sapphire-global-color-neutral-white: hsl(0, 0%, 100%);--sapphire-semantic-time-motion-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-motion-default: var(--sapphire-global-time-200);--sapphire-semantic-time-motion-slow: var(--sapphire-global-time-400);--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-1000);--sapphire-semantic-time-fade-slow: var(--sapphire-global-time-1800);--sapphire-semantic-time-fade-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-fade-default: var(--sapphire-global-time-200);--sapphire-semantic-size-spacing-80: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-70: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-60: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-50: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-40: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-30: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-25: var(--sapphire-global-size-generic-25);--sapphire-semantic-size-spacing-20: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-10: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-5: var(--sapphire-global-size-generic-5);--sapphire-semantic-size-line-height-md: var(--sapphire-global-size-line-height-md);--sapphire-semantic-size-line-height-sm: var(--sapphire-global-size-line-height-sm);--sapphire-semantic-size-font-control-default: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-control-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-control-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-label-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-label-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-label-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-text-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-text-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-text-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-60);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-sm: var(--sapphire-global-size-static-10);--sapphire-semantic-size-radius-xs: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-lg: var(--sapphire-global-size-static-10);--sapphire-semantic-size-border-md: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-sm: var(--sapphire-global-size-static-2);--sapphire-semantic-size-icon-xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-icon-lg: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-icon-md: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-icon-sm: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-width-control-default: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-xl: var(--sapphire-global-size-generic-140);--sapphire-semantic-size-height-control-lg: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-height-control-md: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-height-control-sm: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-height-control-xs: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-height-control-2xs: var(--sapphire-global-size-generic-50);--sapphire-semantic-shadow-popover: var(--sapphire-global-shadow-md);--sapphire-semantic-opacity-disabled: var(--sapphire-global-opacity-40);--sapphire-semantic-opacity-50: var(--sapphire-global-opacity-50);--sapphire-semantic-font-name-display: var(--sapphire-global-font-danske-human-name);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-text-name);--sapphire-semantic-color-content-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-600);--sapphire-semantic-color-content-decorative-orange-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-600);--sapphire-semantic-color-content-decorative-teal-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-600);--sapphire-semantic-color-content-decorative-forest-green-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-600);--sapphire-semantic-color-content-decorative-cobalt-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-600);--sapphire-semantic-color-content-decorative-gray-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-600);--sapphire-semantic-color-content-decorative-orchid-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-600);--sapphire-semantic-color-content-decorative-beige-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-600);--sapphire-semantic-color-content-decorative-gold-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-600);--sapphire-semantic-color-content-decorative-violet-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-600);--sapphire-semantic-color-content-decorative-pink-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-600);--sapphire-semantic-color-content-decorative-lime-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-600);--sapphire-semantic-color-content-decorative-indigo-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-600);--sapphire-semantic-color-content-decorative-electro-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-600);--sapphire-semantic-color-content-decorative-copper-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-600);--sapphire-semantic-color-content-decorative-aqua-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-passive-secondary-default: var(--sapphire-global-color-sapphire-550);--sapphire-semantic-color-content-passive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-informative-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-informative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-warning-secondary-default: var(--sapphire-global-color-yellow-700);--sapphire-semantic-color-content-negative-secondary-active: var(--sapphire-global-color-red-700);--sapphire-semantic-color-content-negative-secondary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-content-negative-secondary-default: var(--sapphire-global-color-red-550);--sapphire-semantic-color-content-negative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-positive-secondary-default: var(--sapphire-global-color-green-550);--sapphire-semantic-color-content-positive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-selection-unselected-active: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-hover: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-selected-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-selection-selected-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-selection-selected-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-tertiary-active: var(--sapphire-global-color-sapphire-975);--sapphire-semantic-color-content-action-tertiary-hover: var(--sapphire-global-color-sapphire-950);--sapphire-semantic-color-content-action-tertiary-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-action-secondary-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-action-secondary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-action-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-default-secondary: var(--sapphire-global-color-sapphire-600);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-200);--sapphire-semantic-color-border-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-200);--sapphire-semantic-color-border-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-200);--sapphire-semantic-color-border-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-200);--sapphire-semantic-color-border-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-200);--sapphire-semantic-color-border-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-200);--sapphire-semantic-color-border-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-200);--sapphire-semantic-color-border-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-200);--sapphire-semantic-color-border-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-200);--sapphire-semantic-color-border-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-200);--sapphire-semantic-color-border-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-200);--sapphire-semantic-color-border-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-200);--sapphire-semantic-color-border-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-200);--sapphire-semantic-color-border-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-200);--sapphire-semantic-color-border-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-200);--sapphire-semantic-color-border-informative-secondary-default: var(--sapphire-global-color-blue-200);--sapphire-semantic-color-border-warning-secondary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-border-positive-secondary-default: var(--sapphire-global-color-green-200);--sapphire-semantic-color-border-negative-secondary-default: var(--sapphire-global-color-red-200);--sapphire-semantic-color-border-field-error: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-tertiary-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-border-secondary-default: var(--sapphire-global-color-sapphire-150);--sapphire-semantic-color-border-primary-active: var(--sapphire-global-color-sapphire-300);--sapphire-semantic-color-border-primary-hover: var(--sapphire-global-color-sapphire-250);--sapphire-semantic-color-border-primary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-background-skeleton-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-backdrop: var(--sapphire-global-color-sapphire-900-70p);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-control-special-secondary-default: var(--sapphire-global-color-sapphire-900-4p);--sapphire-semantic-color-background-control-special-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-50);--sapphire-semantic-color-background-decorative-orange-primary-default: var(--sapphire-global-color-secondary-orange-400);--sapphire-semantic-color-background-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-50);--sapphire-semantic-color-background-decorative-teal-primary-default: var(--sapphire-global-color-secondary-teal-500);--sapphire-semantic-color-background-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-50);--sapphire-semantic-color-background-decorative-forest-green-primary-default: var(--sapphire-global-color-secondary-forest-green-500);--sapphire-semantic-color-background-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-50);--sapphire-semantic-color-background-decorative-cobalt-primary-default: var(--sapphire-global-color-secondary-cobalt-500);--sapphire-semantic-color-background-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-50);--sapphire-semantic-color-background-decorative-gray-primary-default: var(--sapphire-global-color-secondary-gray-500);--sapphire-semantic-color-background-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-50);--sapphire-semantic-color-background-decorative-orchid-primary-default: var(--sapphire-global-color-secondary-orchid-500);--sapphire-semantic-color-background-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-50);--sapphire-semantic-color-background-decorative-beige-primary-default: var(--sapphire-global-color-secondary-beige-500);--sapphire-semantic-color-background-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-50);--sapphire-semantic-color-background-decorative-gold-primary-default: var(--sapphire-global-color-secondary-gold-500);--sapphire-semantic-color-background-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-100);--sapphire-semantic-color-background-decorative-violet-primary-default: var(--sapphire-global-color-secondary-violet-500);--sapphire-semantic-color-background-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-100);--sapphire-semantic-color-background-decorative-pink-primary-default: var(--sapphire-global-color-secondary-pink-500);--sapphire-semantic-color-background-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-100);--sapphire-semantic-color-background-decorative-lime-primary-default: var(--sapphire-global-color-secondary-lime-500);--sapphire-semantic-color-background-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-100);--sapphire-semantic-color-background-decorative-indigo-primary-default: var(--sapphire-global-color-secondary-indigo-500);--sapphire-semantic-color-background-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-100);--sapphire-semantic-color-background-decorative-electro-primary-default: var(--sapphire-global-color-secondary-electro-500);--sapphire-semantic-color-background-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-100);--sapphire-semantic-color-background-decorative-copper-primary-default: var(--sapphire-global-color-secondary-copper-500);--sapphire-semantic-color-background-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-100);--sapphire-semantic-color-background-decorative-aqua-primary-default: var(--sapphire-global-color-secondary-aqua-500);--sapphire-semantic-color-background-passive-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-passive-primary-default: var(--sapphire-global-color-sapphire-450);--sapphire-semantic-color-background-informative-secondary-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-informative-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-warning-secondary-default: var(--sapphire-global-color-yellow-75);--sapphire-semantic-color-background-warning-primary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive-secondary-default: var(--sapphire-global-color-green-50);--sapphire-semantic-color-background-positive-primary-default: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-negative-secondary-active: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-negative-secondary-hover: var(--sapphire-global-color-red-75);--sapphire-semantic-color-background-negative-secondary-default: var(--sapphire-global-color-red-50);--sapphire-semantic-color-background-negative-primary-active: var(--sapphire-global-color-red-650);--sapphire-semantic-color-background-negative-primary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-background-negative-primary-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-selection-selected-active: var(--sapphire-global-color-blue-100);--sapphire-semantic-color-background-selection-selected-hover: var(--sapphire-global-color-blue-75);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-action-danger-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-secondary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-primary-active: var(--sapphire-global-color-blue-650);--sapphire-semantic-color-background-action-primary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-background-action-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-60);--sapphire-semantic-size-spacing-container-horizontal-sm: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg: var(--sapphire-semantic-size-spacing-40);--sapphire-semantic-size-spacing-data-collection-item-horizontal-md: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-sm: var(--sapphire-semantic-size-spacing-20);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-10);--sapphire-semantic-size-radius-popover: var(--sapphire-semantic-size-radius-md);--sapphire-semantic-size-focus-ring: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-height-box-lg: var(--sapphire-semantic-size-height-control-2xs);--sapphire-semantic-size-height-input-md: var(--sapphire-semantic-size-height-control-md);--sapphire-semantic-size-height-input-lg: var(--sapphire-semantic-size-height-control-lg);--sapphire-semantic-color-cursor-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-content-warning-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-active: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-hover: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-primary-active: var(--sapphire-semantic-color-content-action-secondary-active);--sapphire-semantic-color-content-link-primary-hover: var(--sapphire-semantic-color-content-action-secondary-hover);--sapphire-semantic-color-content-link-primary-default: var(--sapphire-semantic-color-content-action-secondary-default);--sapphire-semantic-color-content-action-danger-active: var(--sapphire-semantic-color-content-negative-secondary-active);--sapphire-semantic-color-content-action-danger-hover: var(--sapphire-semantic-color-content-negative-secondary-hover);--sapphire-semantic-color-content-action-danger-default: var(--sapphire-semantic-color-content-negative-secondary-default);--sapphire-semantic-color-border-passive-secondary-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-separator-default: var(--sapphire-semantic-color-border-tertiary-default);--sapphire-semantic-color-border-control-active: var(--sapphire-semantic-color-border-primary-active);--sapphire-semantic-color-border-control-hover: var(--sapphire-semantic-color-border-primary-hover);--sapphire-semantic-color-border-control-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-background-spinner-secondary-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-background-spinner-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-background-popover-default: var(--sapphire-semantic-color-background-surface);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative-secondary-default);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-control-default)}@media screen and (min-width: 768px){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-width-panel-sm: var(--sapphire-global-size-generic-1120);--sapphire-semantic-size-width-panel-lg: var(--sapphire-global-size-generic-1600)}}@media (prefers-reduced-motion){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-2000);--sapphire-semantic-time-motion-slow: 0s;--sapphire-semantic-time-motion-default: 0s;--sapphire-semantic-time-motion-quick: 0s}}.sapphire-theme-default.sapphire-theme--secondary,.sapphire-theme-default .sapphire-theme--secondary,:host .sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary{--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-global-color-red-125);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-global-color-red-125);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-50)}.sapphire-theme-default.sapphire-theme--contrast,.sapphire-theme-default .sapphire-theme--contrast,:host .sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-global-color-sapphire-25: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-50: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-75: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-100: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-125: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-150: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-200: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-250: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-300: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-350: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-400: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-450: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-550: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-600: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-650: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-700: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-750: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-800: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-850: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-875: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-900: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-925: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-950: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-975: hsl(220, 33%, 98%);--sapphire-global-color-sapphire-900-70p: hsla(210, 24%, 93%, .3);--sapphire-global-color-blue-25: hsl(202, 100%, 7%);--sapphire-global-color-blue-50: hsl(203, 100%, 9%);--sapphire-global-color-blue-75: hsl(203, 100%, 10%);--sapphire-global-color-blue-100: hsl(202, 100%, 11%);--sapphire-global-color-blue-125: hsl(203, 100%, 13%);--sapphire-global-color-blue-150: hsl(203, 100%, 15%);--sapphire-global-color-blue-200: hsl(203, 100%, 19%);--sapphire-global-color-blue-250: hsl(202, 100%, 22%);--sapphire-global-color-blue-300: hsl(203, 100%, 25%);--sapphire-global-color-blue-350: hsl(203, 100%, 29%);--sapphire-global-color-blue-400: hsl(203, 100%, 32%);--sapphire-global-color-blue-450: hsl(203, 100%, 35%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-550: hsl(203, 90%, 44%);--sapphire-global-color-blue-600: hsl(203, 80%, 50%);--sapphire-global-color-blue-650: hsl(203, 75%, 57%);--sapphire-global-color-blue-700: hsl(203, 70%, 65%);--sapphire-global-color-blue-750: hsl(203, 64%, 72%);--sapphire-global-color-blue-800: hsl(203, 65%, 79%);--sapphire-global-color-blue-850: hsl(203, 64%, 86%);--sapphire-global-color-blue-875: hsl(204, 65%, 90%);--sapphire-global-color-blue-900: hsl(203, 64%, 94%);--sapphire-global-color-blue-925: hsl(206, 67%, 95%);--sapphire-global-color-blue-950: hsl(202, 65%, 97%);--sapphire-global-color-blue-975: hsl(204, 56%, 98%);--sapphire-global-color-green-25: hsl(159, 100%, 5%);--sapphire-global-color-green-50: hsl(159, 100%, 6%);--sapphire-global-color-green-75: hsl(159, 100%, 7%);--sapphire-global-color-green-100: hsl(159, 100%, 7%);--sapphire-global-color-green-125: hsl(159, 100%, 9%);--sapphire-global-color-green-150: hsl(158, 100%, 10%);--sapphire-global-color-green-200: hsl(159, 100%, 13%);--sapphire-global-color-green-250: hsl(159, 100%, 15%);--sapphire-global-color-green-300: hsl(159, 100%, 17%);--sapphire-global-color-green-350: hsl(159, 100%, 19%);--sapphire-global-color-green-400: hsl(159, 100%, 22%);--sapphire-global-color-green-450: hsl(159, 100%, 24%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-550: hsl(159, 71%, 34%);--sapphire-global-color-green-600: hsl(159, 51%, 42%);--sapphire-global-color-green-650: hsl(159, 37%, 50%);--sapphire-global-color-green-700: hsl(159, 36%, 57%);--sapphire-global-color-green-750: hsl(159, 36%, 66%);--sapphire-global-color-green-800: hsl(160, 36%, 74%);--sapphire-global-color-green-850: hsl(159, 36%, 83%);--sapphire-global-color-green-875: hsl(159, 37%, 88%);--sapphire-global-color-green-900: hsl(159, 35%, 92%);--sapphire-global-color-green-925: hsl(162, 33%, 94%);--sapphire-global-color-green-950: hsl(158, 40%, 96%);--sapphire-global-color-green-975: hsl(150, 40%, 98%);--sapphire-global-color-red-25: hsl(0, 33%, 10%);--sapphire-global-color-red-50: hsl(355, 38%, 12%);--sapphire-global-color-red-75: hsl(356, 41%, 14%);--sapphire-global-color-red-100: hsl(355, 43%, 15%);--sapphire-global-color-red-125: hsl(354, 44%, 18%);--sapphire-global-color-red-150: hsl(353, 48%, 21%);--sapphire-global-color-red-200: hsl(353, 50%, 26%);--sapphire-global-color-red-250: hsl(351, 54%, 31%);--sapphire-global-color-red-300: hsl(351, 55%, 35%);--sapphire-global-color-red-350: hsl(350, 57%, 39%);--sapphire-global-color-red-400: hsl(349, 60%, 44%);--sapphire-global-color-red-450: hsl(349, 61%, 48%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-550: hsl(351, 73%, 59%);--sapphire-global-color-red-600: hsl(353, 75%, 65%);--sapphire-global-color-red-650: hsl(355, 79%, 71%);--sapphire-global-color-red-700: hsl(356, 82%, 76%);--sapphire-global-color-red-750: hsl(357, 88%, 81%);--sapphire-global-color-red-800: hsl(358, 92%, 86%);--sapphire-global-color-red-850: hsl(359, 100%, 91%);--sapphire-global-color-red-875: hsl(358, 100%, 94%);--sapphire-global-color-red-900: hsl(357, 100%, 96%);--sapphire-global-color-red-925: hsl(356, 100%, 97%);--sapphire-global-color-red-950: hsl(355, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 100%, 99%);--sapphire-global-color-secondary-aqua-50: hsl(192, 82%, 34%);--sapphire-global-color-secondary-aqua-100: hsl(192, 66%, 42%);--sapphire-global-color-secondary-aqua-150: hsl(192, 48%, 54%);--sapphire-global-color-secondary-aqua-200: hsl(192, 49%, 67%);--sapphire-global-color-secondary-aqua-300: hsl(191, 55%, 79%);--sapphire-global-color-secondary-aqua-400: hsl(192, 56%, 86%);--sapphire-global-color-secondary-aqua-500: hsl(190, 57%, 92%);--sapphire-global-color-secondary-aqua-600: hsl(190, 60%, 96%);--sapphire-global-color-secondary-copper-50: hsl(16, 54%, 47%);--sapphire-global-color-secondary-copper-100: hsl(16, 57%, 55%);--sapphire-global-color-secondary-copper-150: hsl(16, 56%, 65%);--sapphire-global-color-secondary-copper-200: hsl(16, 57%, 75%);--sapphire-global-color-secondary-copper-300: hsl(15, 56%, 85%);--sapphire-global-color-secondary-copper-400: hsl(16, 56%, 89%);--sapphire-global-color-secondary-copper-500: hsl(15, 57%, 95%);--sapphire-global-color-secondary-copper-600: hsl(17, 54%, 97%);--sapphire-global-color-secondary-electro-50: hsl(206, 32%, 46%);--sapphire-global-color-secondary-electro-100: hsl(206, 31%, 54%);--sapphire-global-color-secondary-electro-150: hsl(206, 31%, 63%);--sapphire-global-color-secondary-electro-200: hsl(206, 32%, 73%);--sapphire-global-color-secondary-electro-300: hsl(207, 38%, 84%);--sapphire-global-color-secondary-electro-400: hsl(207, 39%, 89%);--sapphire-global-color-secondary-electro-500: hsl(206, 44%, 94%);--sapphire-global-color-secondary-electro-600: hsl(204, 33%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(224, 81%, 59%);--sapphire-global-color-secondary-indigo-100: hsl(224, 100%, 66%);--sapphire-global-color-secondary-indigo-150: hsl(224, 100%, 74%);--sapphire-global-color-secondary-indigo-200: hsl(223, 100%, 81%);--sapphire-global-color-secondary-indigo-300: hsl(224, 100%, 88%);--sapphire-global-color-secondary-indigo-400: hsl(225, 100%, 92%);--sapphire-global-color-secondary-indigo-500: hsl(224, 100%, 96%);--sapphire-global-color-secondary-indigo-600: hsl(224, 100%, 98%);--sapphire-global-color-secondary-lime-50: hsl(76, 100%, 25%);--sapphire-global-color-secondary-lime-100: hsl(74, 100%, 29%);--sapphire-global-color-secondary-lime-150: hsl(73, 52%, 44%);--sapphire-global-color-secondary-lime-200: hsl(74, 42%, 59%);--sapphire-global-color-secondary-lime-300: hsl(74, 46%, 74%);--sapphire-global-color-secondary-lime-400: hsl(74, 52%, 81%);--sapphire-global-color-secondary-lime-500: hsl(74, 61%, 89%);--sapphire-global-color-secondary-lime-600: hsl(73, 66%, 94%);--sapphire-global-color-secondary-pink-50: hsl(333, 53%, 52%);--sapphire-global-color-secondary-pink-100: hsl(333, 65%, 61%);--sapphire-global-color-secondary-pink-150: hsl(333, 66%, 69%);--sapphire-global-color-secondary-pink-200: hsl(333, 67%, 78%);--sapphire-global-color-secondary-pink-300: hsl(332, 69%, 86%);--sapphire-global-color-secondary-pink-400: hsl(333, 70%, 91%);--sapphire-global-color-secondary-pink-500: hsl(330, 62%, 95%);--sapphire-global-color-secondary-pink-600: hsl(330, 71%, 97%);--sapphire-global-color-secondary-violet-50: hsl(245, 60%, 63%);--sapphire-global-color-secondary-violet-100: hsl(245, 75%, 70%);--sapphire-global-color-secondary-violet-150: hsl(245, 74%, 76%);--sapphire-global-color-secondary-violet-200: hsl(246, 75%, 83%);--sapphire-global-color-secondary-violet-300: hsl(248, 74%, 89%);--sapphire-global-color-secondary-violet-400: hsl(246, 74%, 93%);--sapphire-global-color-secondary-violet-500: hsl(244, 70%, 96%);--sapphire-global-color-secondary-violet-600: hsl(248, 80%, 98%);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-control-special-primary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-control-special-secondary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-popover-default: var(--sapphire-global-color-sapphire-25);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-neutral-white)}::ng-deep .cdk-overlay-container,::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}::ng-deep .cdk-overlay-container:empty{display:none}::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}::ng-deep .cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}::ng-deep .cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}::ng-deep .cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] ::ng-deep .cdk-visually-hidden{left:auto;right:0}\n"] });
5795
+ ThemeDefault.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ThemeDefault, isStandalone: true, selector: "sp-theme-default", hostDirectives: [{ directive: ThemeBaseDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@keyframes backdrop-fade-in{0%{background-color:transparent}to{background-color:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background-color:var(--sapphire-semantic-color-background-backdrop)}to{background-color:transparent}}.sapphire-backdrop,:host.sapphire-backdrop{width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation-name:backdrop-fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-backdrop--exiting,:host.sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-l: 1200px;--sapphire-semantic-size-breakpoint-m: 960px;--sapphire-semantic-size-breakpoint-s: 768px;--sapphire-semantic-size-breakpoint-xs: 576px;--sapphire-semantic-size-width-panel-lg: 100%;--sapphire-semantic-size-width-panel-sm: 100%;--sapphire-semantic-font-weight-display-bold: 700;--sapphire-semantic-font-weight-display-regular: 400;--sapphire-semantic-font-weight-default-bold: 700;--sapphire-semantic-font-weight-default-semibold: 600;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-global-time-2000: 2s;--sapphire-global-time-1800: 1.8s;--sapphire-global-time-1000: 1s;--sapphire-global-time-400: .4s;--sapphire-global-time-200: .2s;--sapphire-global-time-100: .1s;--sapphire-global-size-ratio-height: .875;--sapphire-global-size-line-height-md: 1.5;--sapphire-global-size-line-height-sm: 1.2;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-220: 2.1875rem;--sapphire-global-size-font-188: 1.875rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-130: 1.3125rem;--sapphire-global-size-font-112: 1.125rem;--sapphire-global-size-font-106: 1.0625rem;--sapphire-global-size-font-100: 1rem;--sapphire-global-size-font-88: .875rem;--sapphire-global-size-font-75: .75rem;--sapphire-global-size-font-60: .625rem;--sapphire-global-size-generic-4320: 108rem;--sapphire-global-size-generic-3780: 94.5rem;--sapphire-global-size-generic-3600: 90rem;--sapphire-global-size-generic-3200: 80rem;--sapphire-global-size-generic-2560: 64rem;--sapphire-global-size-generic-2400: 60rem;--sapphire-global-size-generic-1920: 48rem;--sapphire-global-size-generic-1600: 40rem;--sapphire-global-size-generic-1400: 35rem;--sapphire-global-size-generic-1280: 32rem;--sapphire-global-size-generic-1200: 30rem;--sapphire-global-size-generic-1120: 28rem;--sapphire-global-size-generic-1000: 25rem;--sapphire-global-size-generic-960: 24rem;--sapphire-global-size-generic-940: 23.5rem;--sapphire-global-size-generic-900: 22.5rem;--sapphire-global-size-generic-800: 20rem;--sapphire-global-size-generic-750: 18.75rem;--sapphire-global-size-generic-640: 16rem;--sapphire-global-size-generic-600: 15rem;--sapphire-global-size-generic-560: 14rem;--sapphire-global-size-generic-480: 12rem;--sapphire-global-size-generic-400: 10rem;--sapphire-global-size-generic-340: 8.5rem;--sapphire-global-size-generic-320: 8rem;--sapphire-global-size-generic-300: 7.5rem;--sapphire-global-size-generic-280: 7rem;--sapphire-global-size-generic-240: 6rem;--sapphire-global-size-generic-200: 5rem;--sapphire-global-size-generic-180: 4.5rem;--sapphire-global-size-generic-160: 4rem;--sapphire-global-size-generic-140: 3.5rem;--sapphire-global-size-generic-120: 3rem;--sapphire-global-size-generic-100: 2.5rem;--sapphire-global-size-generic-80: 2rem;--sapphire-global-size-generic-60: 1.5rem;--sapphire-global-size-generic-50: 1.25rem;--sapphire-global-size-generic-40: 1rem;--sapphire-global-size-generic-35: .875rem;--sapphire-global-size-generic-30: .75rem;--sapphire-global-size-generic-25: .625rem;--sapphire-global-size-generic-20: .5rem;--sapphire-global-size-generic-15: .375rem;--sapphire-global-size-generic-10: .25rem;--sapphire-global-size-generic-5: .125rem;--sapphire-global-size-generic-2: .0625rem;--sapphire-global-size-generic-0: 0rem;--sapphire-global-size-static-60: 24px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-10: 4px;--sapphire-global-size-static-5: 2px;--sapphire-global-size-static-2: 1px;--sapphire-global-size-static-0: 0px;--sapphire-global-shadow-lg: 0px 0px 2px 0px rgba(34, 64, 82, .02), 0px -1.5px 6px 0px rgba(34, 64, 82, .03), 0px 4.5px 12px 0px rgba(34, 64, 82, .04), 0px 14.5px 18px 0px rgba(34, 64, 82, .04), 0px 26px 34px 0px rgba(34, 64, 82, .05), 0px 84px 92px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-md: 0px 0px 3px 0px rgba(34, 64, 82, .02), 0px 3px 7px 0px rgba(34, 64, 82, .03), 0px 6.5px 14px 0px rgba(34, 64, 82, .04), 0px 13px 29px 0px rgba(34, 64, 82, .05), 0px 36px 80px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-sm: 0px 0px 2px 0px rgba(34, 64, 82, .06), 0px 1.5px 4px 0px rgba(34, 64, 82, .04), 0px 4.5px 6px 0px rgba(34, 64, 82, .04), 0px 10.5px 12px 0px rgba(34, 64, 82, .03), 0px 25px 24px 0px rgba(34, 64, 82, .02), 0px 100px 64px 0px rgba(34, 64, 82, .02), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-opacity-50: .5;--sapphire-global-opacity-40: .4;--sapphire-global-opacity-35: .35;--sapphire-global-font-danske-human-name: \"Danske Human\";--sapphire-global-font-danske-text-name: \"Danske Text v2\";--sapphire-global-color-secondary-orange-600: hsl(19, 100%, 34%);--sapphire-global-color-secondary-orange-500: hsl(17, 100%, 43%);--sapphire-global-color-secondary-orange-400: hsl(19, 84%, 54%);--sapphire-global-color-secondary-orange-300: hsl(21, 84%, 66%);--sapphire-global-color-secondary-orange-200: hsl(23, 83%, 79%);--sapphire-global-color-secondary-orange-150: hsl(25, 84%, 86%);--sapphire-global-color-secondary-orange-100: hsl(26, 89%, 93%);--sapphire-global-color-secondary-orange-75: hsl(27, 85%, 95%);--sapphire-global-color-secondary-orange-50: hsl(28, 89%, 96%);--sapphire-global-color-secondary-teal-600: hsl(171, 100%, 22%);--sapphire-global-color-secondary-teal-500: hsl(171, 100%, 26%);--sapphire-global-color-secondary-teal-400: hsl(172, 50%, 42%);--sapphire-global-color-secondary-teal-300: hsl(172, 36%, 57%);--sapphire-global-color-secondary-teal-200: hsl(171, 36%, 74%);--sapphire-global-color-secondary-teal-150: hsl(171, 36%, 82%);--sapphire-global-color-secondary-teal-100: hsl(172, 35%, 92%);--sapphire-global-color-secondary-teal-75: hsl(170, 38%, 94%);--sapphire-global-color-secondary-teal-50: hsl(171, 33%, 96%);--sapphire-global-color-secondary-forest-green-600: hsl(105, 93%, 23%);--sapphire-global-color-secondary-forest-green-500: hsl(105, 93%, 28%);--sapphire-global-color-secondary-forest-green-400: hsl(105, 48%, 43%);--sapphire-global-color-secondary-forest-green-300: hsl(105, 36%, 58%);--sapphire-global-color-secondary-forest-green-200: hsl(105, 36%, 74%);--sapphire-global-color-secondary-forest-green-150: hsl(105, 36%, 82%);--sapphire-global-color-secondary-forest-green-100: hsl(104, 35%, 92%);--sapphire-global-color-secondary-forest-green-75: hsl(109, 35%, 94%);--sapphire-global-color-secondary-forest-green-50: hsl(111, 33%, 96%);--sapphire-global-color-secondary-cobalt-600: hsl(215, 87%, 42%);--sapphire-global-color-secondary-cobalt-500: hsl(215, 92%, 51%);--sapphire-global-color-secondary-cobalt-400: hsl(215, 92%, 62%);--sapphire-global-color-secondary-cobalt-300: hsl(215, 92%, 72%);--sapphire-global-color-secondary-cobalt-200: hsl(215, 91%, 83%);--sapphire-global-color-secondary-cobalt-150: hsl(216, 93%, 89%);--sapphire-global-color-secondary-cobalt-100: hsl(216, 93%, 95%);--sapphire-global-color-secondary-cobalt-75: hsl(215, 90%, 96%);--sapphire-global-color-secondary-cobalt-50: hsl(215, 86%, 97%);--sapphire-global-color-secondary-gray-600: hsl(202, 6%, 38%);--sapphire-global-color-secondary-gray-500: hsl(201, 6%, 46%);--sapphire-global-color-secondary-gray-400: hsl(200, 5%, 56%);--sapphire-global-color-secondary-gray-300: hsl(203, 5%, 67%);--sapphire-global-color-secondary-gray-200: hsl(200, 6%, 79%);--sapphire-global-color-secondary-gray-150: hsl(195, 6%, 86%);--sapphire-global-color-secondary-gray-100: hsl(210, 6%, 93%);--sapphire-global-color-secondary-gray-75: hsl(240, 4%, 95%);--sapphire-global-color-secondary-gray-50: hsl(180, 6%, 97%);--sapphire-global-color-secondary-orchid-600: hsl(304, 36%, 42%);--sapphire-global-color-secondary-orchid-500: hsl(304, 37%, 51%);--sapphire-global-color-secondary-orchid-400: hsl(304, 37%, 61%);--sapphire-global-color-secondary-orchid-300: hsl(303, 37%, 71%);--sapphire-global-color-secondary-orchid-200: hsl(304, 37%, 82%);--sapphire-global-color-secondary-orchid-150: hsl(305, 38%, 88%);--sapphire-global-color-secondary-orchid-100: hsl(305, 38%, 94%);--sapphire-global-color-secondary-orchid-75: hsl(300, 36%, 96%);--sapphire-global-color-secondary-orchid-50: hsl(300, 33%, 97%);--sapphire-global-color-secondary-beige-600: hsl(38, 20%, 35%);--sapphire-global-color-secondary-beige-500: hsl(40, 20%, 43%);--sapphire-global-color-secondary-beige-400: hsl(38, 15%, 54%);--sapphire-global-color-secondary-beige-300: hsl(39, 16%, 65%);--sapphire-global-color-secondary-beige-200: hsl(41, 14%, 78%);--sapphire-global-color-secondary-beige-150: hsl(40, 16%, 85%);--sapphire-global-color-secondary-beige-100: hsl(40, 17%, 93%);--sapphire-global-color-secondary-beige-75: hsl(30, 15%, 95%);--sapphire-global-color-secondary-beige-50: hsl(30, 11%, 96%);--sapphire-global-color-secondary-gold-600: hsl(42, 97%, 25%);--sapphire-global-color-secondary-gold-500: hsl(42, 96%, 31%);--sapphire-global-color-secondary-gold-400: hsl(42, 54%, 45%);--sapphire-global-color-secondary-gold-300: hsl(42, 44%, 59%);--sapphire-global-color-secondary-gold-200: hsl(42, 44%, 74%);--sapphire-global-color-secondary-gold-150: hsl(43, 43%, 83%);--sapphire-global-color-secondary-gold-100: hsl(43, 43%, 92%);--sapphire-global-color-secondary-gold-75: hsl(42, 42%, 94%);--sapphire-global-color-secondary-gold-50: hsl(40, 43%, 96%);--sapphire-global-color-secondary-violet-600: hsl(245, 41%, 52%);--sapphire-global-color-secondary-violet-500: hsl(245, 66%, 64%);--sapphire-global-color-secondary-violet-400: hsl(245, 66%, 71%);--sapphire-global-color-secondary-violet-300: hsl(245, 66%, 78%);--sapphire-global-color-secondary-violet-200: hsl(244, 65%, 86%);--sapphire-global-color-secondary-violet-150: hsl(246, 66%, 91%);--sapphire-global-color-secondary-violet-100: hsl(244, 64%, 96%);--sapphire-global-color-secondary-violet-75: hsl(245, 65%, 97%);--sapphire-global-color-secondary-violet-50: hsl(240, 64%, 98%);--sapphire-global-color-secondary-purple-600: hsl(270, 28%, 45%);--sapphire-global-color-secondary-purple-500: hsl(270, 33%, 55%);--sapphire-global-color-secondary-purple-400: hsl(270, 33%, 64%);--sapphire-global-color-secondary-purple-300: hsl(270, 33%, 73%);--sapphire-global-color-secondary-purple-200: hsl(269, 33%, 83%);--sapphire-global-color-secondary-purple-150: hsl(272, 32%, 88%);--sapphire-global-color-secondary-purple-100: hsl(270, 36%, 95%);--sapphire-global-color-secondary-purple-75: hsl(274, 33%, 96%);--sapphire-global-color-secondary-purple-50: hsl(270, 29%, 97%);--sapphire-global-color-secondary-pink-600: hsl(327, 48%, 43%);--sapphire-global-color-secondary-pink-500: hsl(327, 53%, 53%);--sapphire-global-color-secondary-pink-400: hsl(326, 53%, 63%);--sapphire-global-color-secondary-pink-300: hsl(326, 53%, 73%);--sapphire-global-color-secondary-pink-200: hsl(327, 53%, 83%);--sapphire-global-color-secondary-pink-150: hsl(327, 54%, 89%);--sapphire-global-color-secondary-pink-100: hsl(328, 56%, 95%);--sapphire-global-color-secondary-pink-75: hsl(330, 50%, 96%);--sapphire-global-color-secondary-pink-50: hsl(326, 54%, 97%);--sapphire-global-color-secondary-lime-600: hsl(71, 76%, 23%);--sapphire-global-color-secondary-lime-500: hsl(71, 76%, 28%);--sapphire-global-color-secondary-lime-400: hsl(71, 42%, 42%);--sapphire-global-color-secondary-lime-300: hsl(72, 30%, 57%);--sapphire-global-color-secondary-lime-200: hsl(70, 29%, 73%);--sapphire-global-color-secondary-lime-150: hsl(71, 30%, 82%);--sapphire-global-color-secondary-lime-100: hsl(69, 29%, 91%);--sapphire-global-color-secondary-lime-75: hsl(66, 29%, 93%);--sapphire-global-color-secondary-lime-50: hsl(70, 27%, 96%);--sapphire-global-color-secondary-indigo-600: hsl(230, 62%, 53%);--sapphire-global-color-secondary-indigo-500: hsl(230, 100%, 64%);--sapphire-global-color-secondary-indigo-400: hsl(230, 100%, 72%);--sapphire-global-color-secondary-indigo-300: hsl(230, 100%, 79%);--sapphire-global-color-secondary-indigo-200: hsl(229, 100%, 87%);--sapphire-global-color-secondary-indigo-150: hsl(229, 100%, 91%);--sapphire-global-color-secondary-indigo-100: hsl(231, 100%, 96%);--sapphire-global-color-secondary-indigo-75: hsl(229, 100%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(229, 100%, 98%);--sapphire-global-color-secondary-electro-600: hsl(207, 31%, 38%);--sapphire-global-color-secondary-electro-500: hsl(206, 31%, 46%);--sapphire-global-color-secondary-electro-400: hsl(206, 27%, 56%);--sapphire-global-color-secondary-electro-300: hsl(207, 27%, 67%);--sapphire-global-color-secondary-electro-200: hsl(208, 27%, 80%);--sapphire-global-color-secondary-electro-150: hsl(205, 27%, 86%);--sapphire-global-color-secondary-electro-100: hsl(207, 27%, 94%);--sapphire-global-color-secondary-electro-75: hsl(206, 28%, 95%);--sapphire-global-color-secondary-electro-50: hsl(204, 29%, 97%);--sapphire-global-color-secondary-copper-600: hsl(16, 54%, 39%);--sapphire-global-color-secondary-copper-500: hsl(15, 54%, 48%);--sapphire-global-color-secondary-copper-400: hsl(15, 50%, 59%);--sapphire-global-color-secondary-copper-300: hsl(15, 50%, 69%);--sapphire-global-color-secondary-copper-200: hsl(16, 49%, 81%);--sapphire-global-color-secondary-copper-150: hsl(15, 51%, 87%);--sapphire-global-color-secondary-copper-100: hsl(16, 48%, 94%);--sapphire-global-color-secondary-copper-75: hsl(16, 48%, 95%);--sapphire-global-color-secondary-copper-50: hsl(15, 50%, 97%);--sapphire-global-color-secondary-aqua-600: hsl(192, 100%, 26%);--sapphire-global-color-secondary-aqua-500: hsl(192, 100%, 32%);--sapphire-global-color-secondary-aqua-400: hsl(192, 55%, 46%);--sapphire-global-color-secondary-aqua-300: hsl(192, 47%, 60%);--sapphire-global-color-secondary-aqua-200: hsl(192, 47%, 76%);--sapphire-global-color-secondary-aqua-150: hsl(192, 47%, 84%);--sapphire-global-color-secondary-aqua-100: hsl(190, 45%, 92%);--sapphire-global-color-secondary-aqua-75: hsl(193, 47%, 94%);--sapphire-global-color-secondary-aqua-50: hsl(193, 47%, 96%);--sapphire-global-color-yellow-975: hsl(20, 95%, 8%);--sapphire-global-color-yellow-950: hsl(19, 89%, 11%);--sapphire-global-color-yellow-925: hsl(21, 87%, 15%);--sapphire-global-color-yellow-900: hsl(21, 88%, 19%);--sapphire-global-color-yellow-875: hsl(21, 86%, 23%);--sapphire-global-color-yellow-850: hsl(22, 85%, 27%);--sapphire-global-color-yellow-800: hsl(22, 88%, 29%);--sapphire-global-color-yellow-750: hsl(24, 89%, 33%);--sapphire-global-color-yellow-700: hsl(25, 93%, 37%);--sapphire-global-color-yellow-650: hsl(28, 94%, 41%);--sapphire-global-color-yellow-600: hsl(31, 93%, 44%);--sapphire-global-color-yellow-550: hsl(34, 94%, 48%);--sapphire-global-color-yellow-500: hsl(37, 95%, 52%);--sapphire-global-color-yellow-450: hsl(40, 95%, 54%);--sapphire-global-color-yellow-400: hsl(43, 98%, 55%);--sapphire-global-color-yellow-350: hsl(44, 98%, 60%);--sapphire-global-color-yellow-300: hsl(46, 98%, 64%);--sapphire-global-color-yellow-250: hsl(47, 97%, 70%);--sapphire-global-color-yellow-200: hsl(48, 98%, 76%);--sapphire-global-color-yellow-150: hsl(48, 98%, 79%);--sapphire-global-color-yellow-125: hsl(49, 97%, 85%);--sapphire-global-color-yellow-100: hsl(48, 100%, 89%);--sapphire-global-color-yellow-75: hsl(49, 100%, 92%);--sapphire-global-color-yellow-50: hsl(51, 100%, 96%);--sapphire-global-color-yellow-25: hsl(54, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 33%, 10%);--sapphire-global-color-red-950: hsl(355, 38%, 12%);--sapphire-global-color-red-925: hsl(356, 41%, 14%);--sapphire-global-color-red-900: hsl(355, 43%, 15%);--sapphire-global-color-red-875: hsl(354, 44%, 18%);--sapphire-global-color-red-850: hsl(353, 48%, 21%);--sapphire-global-color-red-800: hsl(353, 50%, 26%);--sapphire-global-color-red-750: hsl(351, 54%, 31%);--sapphire-global-color-red-700: hsl(351, 55%, 35%);--sapphire-global-color-red-650: hsl(350, 57%, 39%);--sapphire-global-color-red-600: hsl(349, 60%, 44%);--sapphire-global-color-red-550: hsl(349, 61%, 48%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-450: hsl(351, 73%, 59%);--sapphire-global-color-red-400: hsl(353, 75%, 65%);--sapphire-global-color-red-350: hsl(355, 79%, 71%);--sapphire-global-color-red-300: hsl(356, 82%, 76%);--sapphire-global-color-red-250: hsl(357, 88%, 81%);--sapphire-global-color-red-200: hsl(358, 92%, 86%);--sapphire-global-color-red-150: hsl(359, 100%, 91%);--sapphire-global-color-red-125: hsl(358, 100%, 94%);--sapphire-global-color-red-100: hsl(357, 100%, 96%);--sapphire-global-color-red-75: hsl(356, 100%, 97%);--sapphire-global-color-red-50: hsl(355, 100%, 98%);--sapphire-global-color-red-25: hsl(0, 100%, 99%);--sapphire-global-color-green-975: hsl(159, 100%, 5%);--sapphire-global-color-green-950: hsl(159, 100%, 6%);--sapphire-global-color-green-925: hsl(159, 100%, 7%);--sapphire-global-color-green-900: hsl(159, 100%, 7%);--sapphire-global-color-green-875: hsl(159, 100%, 9%);--sapphire-global-color-green-850: hsl(158, 100%, 10%);--sapphire-global-color-green-800: hsl(159, 100%, 13%);--sapphire-global-color-green-750: hsl(159, 100%, 15%);--sapphire-global-color-green-700: hsl(159, 100%, 17%);--sapphire-global-color-green-650: hsl(159, 100%, 19%);--sapphire-global-color-green-600: hsl(159, 100%, 22%);--sapphire-global-color-green-550: hsl(159, 100%, 24%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-450: hsl(159, 71%, 34%);--sapphire-global-color-green-400: hsl(159, 51%, 42%);--sapphire-global-color-green-350: hsl(159, 37%, 50%);--sapphire-global-color-green-300: hsl(159, 36%, 57%);--sapphire-global-color-green-250: hsl(159, 36%, 66%);--sapphire-global-color-green-200: hsl(160, 36%, 74%);--sapphire-global-color-green-150: hsl(159, 36%, 83%);--sapphire-global-color-green-125: hsl(159, 37%, 88%);--sapphire-global-color-green-100: hsl(159, 35%, 92%);--sapphire-global-color-green-75: hsl(162, 33%, 94%);--sapphire-global-color-green-50: hsl(158, 40%, 96%);--sapphire-global-color-green-25: hsl(150, 40%, 98%);--sapphire-global-color-blue-975: hsl(202, 100%, 7%);--sapphire-global-color-blue-950: hsl(203, 100%, 9%);--sapphire-global-color-blue-925: hsl(203, 100%, 10%);--sapphire-global-color-blue-900: hsl(202, 100%, 11%);--sapphire-global-color-blue-875: hsl(203, 100%, 13%);--sapphire-global-color-blue-850: hsl(203, 100%, 15%);--sapphire-global-color-blue-800: hsl(203, 100%, 19%);--sapphire-global-color-blue-750: hsl(202, 100%, 22%);--sapphire-global-color-blue-700: hsl(203, 100%, 25%);--sapphire-global-color-blue-650: hsl(203, 100%, 29%);--sapphire-global-color-blue-600: hsl(203, 100%, 32%);--sapphire-global-color-blue-550: hsl(203, 100%, 35%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-450: hsl(203, 90%, 44%);--sapphire-global-color-blue-400: hsl(203, 80%, 50%);--sapphire-global-color-blue-350: hsl(203, 75%, 57%);--sapphire-global-color-blue-300: hsl(203, 70%, 65%);--sapphire-global-color-blue-250: hsl(203, 64%, 72%);--sapphire-global-color-blue-200: hsl(203, 65%, 79%);--sapphire-global-color-blue-150: hsl(203, 64%, 86%);--sapphire-global-color-blue-125: hsl(204, 65%, 90%);--sapphire-global-color-blue-100: hsl(203, 64%, 94%);--sapphire-global-color-blue-75: hsl(206, 67%, 95%);--sapphire-global-color-blue-50: hsl(202, 65%, 97%);--sapphire-global-color-blue-25: hsl(204, 56%, 98%);--sapphire-global-color-sapphire-900-70p: hsla(202, 100%, 11%, .7);--sapphire-global-color-sapphire-900-4p: hsla(202, 100%, 11%, .04);--sapphire-global-color-sapphire-975: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-950: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-925: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-900: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-875: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-850: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-800: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-750: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-700: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-650: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-600: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-550: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-450: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-400: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-350: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-300: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-250: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-200: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-150: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-125: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-100: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-75: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-50: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-25: hsl(220, 33%, 98%);--sapphire-global-color-neutral-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-neutral-black: hsl(0, 0%, 0%);--sapphire-global-color-neutral-white: hsl(0, 0%, 100%);--sapphire-semantic-time-motion-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-motion-default: var(--sapphire-global-time-200);--sapphire-semantic-time-motion-slow: var(--sapphire-global-time-400);--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-1000);--sapphire-semantic-time-fade-slow: var(--sapphire-global-time-1800);--sapphire-semantic-time-fade-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-fade-default: var(--sapphire-global-time-200);--sapphire-semantic-size-spacing-80: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-70: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-60: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-50: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-40: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-30: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-25: var(--sapphire-global-size-generic-25);--sapphire-semantic-size-spacing-20: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-10: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-5: var(--sapphire-global-size-generic-5);--sapphire-semantic-size-line-height-md: var(--sapphire-global-size-line-height-md);--sapphire-semantic-size-line-height-sm: var(--sapphire-global-size-line-height-sm);--sapphire-semantic-size-font-control-default: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-control-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-control-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-label-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-label-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-label-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-text-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-text-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-text-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-60);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-sm: var(--sapphire-global-size-static-10);--sapphire-semantic-size-radius-xs: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-lg: var(--sapphire-global-size-static-10);--sapphire-semantic-size-border-md: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-sm: var(--sapphire-global-size-static-2);--sapphire-semantic-size-icon-xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-icon-lg: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-icon-md: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-icon-sm: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-width-control-default: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-xl: var(--sapphire-global-size-generic-140);--sapphire-semantic-size-height-control-lg: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-height-control-md: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-height-control-sm: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-height-control-xs: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-height-control-2xs: var(--sapphire-global-size-generic-50);--sapphire-semantic-shadow-popover: var(--sapphire-global-shadow-md);--sapphire-semantic-opacity-disabled: var(--sapphire-global-opacity-40);--sapphire-semantic-opacity-50: var(--sapphire-global-opacity-50);--sapphire-semantic-font-name-display: var(--sapphire-global-font-danske-human-name);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-text-name);--sapphire-semantic-color-content-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-600);--sapphire-semantic-color-content-decorative-orange-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-600);--sapphire-semantic-color-content-decorative-teal-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-600);--sapphire-semantic-color-content-decorative-forest-green-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-600);--sapphire-semantic-color-content-decorative-cobalt-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-600);--sapphire-semantic-color-content-decorative-gray-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-600);--sapphire-semantic-color-content-decorative-orchid-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-600);--sapphire-semantic-color-content-decorative-beige-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-600);--sapphire-semantic-color-content-decorative-gold-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-600);--sapphire-semantic-color-content-decorative-violet-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-600);--sapphire-semantic-color-content-decorative-pink-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-600);--sapphire-semantic-color-content-decorative-lime-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-600);--sapphire-semantic-color-content-decorative-indigo-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-600);--sapphire-semantic-color-content-decorative-electro-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-600);--sapphire-semantic-color-content-decorative-copper-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-600);--sapphire-semantic-color-content-decorative-aqua-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-passive-secondary-default: var(--sapphire-global-color-sapphire-550);--sapphire-semantic-color-content-passive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-informative-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-informative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-warning-secondary-default: var(--sapphire-global-color-yellow-700);--sapphire-semantic-color-content-negative-secondary-active: var(--sapphire-global-color-red-700);--sapphire-semantic-color-content-negative-secondary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-content-negative-secondary-default: var(--sapphire-global-color-red-550);--sapphire-semantic-color-content-negative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-positive-secondary-default: var(--sapphire-global-color-green-550);--sapphire-semantic-color-content-positive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-selection-unselected-active: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-hover: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-selected-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-selection-selected-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-selection-selected-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-tertiary-active: var(--sapphire-global-color-sapphire-975);--sapphire-semantic-color-content-action-tertiary-hover: var(--sapphire-global-color-sapphire-950);--sapphire-semantic-color-content-action-tertiary-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-action-secondary-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-action-secondary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-action-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-default-secondary: var(--sapphire-global-color-sapphire-600);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-200);--sapphire-semantic-color-border-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-200);--sapphire-semantic-color-border-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-200);--sapphire-semantic-color-border-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-200);--sapphire-semantic-color-border-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-200);--sapphire-semantic-color-border-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-200);--sapphire-semantic-color-border-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-200);--sapphire-semantic-color-border-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-200);--sapphire-semantic-color-border-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-200);--sapphire-semantic-color-border-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-200);--sapphire-semantic-color-border-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-200);--sapphire-semantic-color-border-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-200);--sapphire-semantic-color-border-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-200);--sapphire-semantic-color-border-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-200);--sapphire-semantic-color-border-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-200);--sapphire-semantic-color-border-informative-secondary-default: var(--sapphire-global-color-blue-200);--sapphire-semantic-color-border-warning-secondary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-border-positive-secondary-default: var(--sapphire-global-color-green-200);--sapphire-semantic-color-border-negative-secondary-default: var(--sapphire-global-color-red-200);--sapphire-semantic-color-border-field-error: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-tertiary-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-border-secondary-default: var(--sapphire-global-color-sapphire-150);--sapphire-semantic-color-border-primary-active: var(--sapphire-global-color-sapphire-300);--sapphire-semantic-color-border-primary-hover: var(--sapphire-global-color-sapphire-250);--sapphire-semantic-color-border-primary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-background-skeleton-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-backdrop: var(--sapphire-global-color-sapphire-900-70p);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-control-special-secondary-default: var(--sapphire-global-color-sapphire-900-4p);--sapphire-semantic-color-background-control-special-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-50);--sapphire-semantic-color-background-decorative-orange-primary-default: var(--sapphire-global-color-secondary-orange-400);--sapphire-semantic-color-background-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-50);--sapphire-semantic-color-background-decorative-teal-primary-default: var(--sapphire-global-color-secondary-teal-500);--sapphire-semantic-color-background-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-50);--sapphire-semantic-color-background-decorative-forest-green-primary-default: var(--sapphire-global-color-secondary-forest-green-500);--sapphire-semantic-color-background-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-50);--sapphire-semantic-color-background-decorative-cobalt-primary-default: var(--sapphire-global-color-secondary-cobalt-500);--sapphire-semantic-color-background-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-50);--sapphire-semantic-color-background-decorative-gray-primary-default: var(--sapphire-global-color-secondary-gray-500);--sapphire-semantic-color-background-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-50);--sapphire-semantic-color-background-decorative-orchid-primary-default: var(--sapphire-global-color-secondary-orchid-500);--sapphire-semantic-color-background-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-50);--sapphire-semantic-color-background-decorative-beige-primary-default: var(--sapphire-global-color-secondary-beige-500);--sapphire-semantic-color-background-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-50);--sapphire-semantic-color-background-decorative-gold-primary-default: var(--sapphire-global-color-secondary-gold-500);--sapphire-semantic-color-background-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-100);--sapphire-semantic-color-background-decorative-violet-primary-default: var(--sapphire-global-color-secondary-violet-500);--sapphire-semantic-color-background-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-100);--sapphire-semantic-color-background-decorative-pink-primary-default: var(--sapphire-global-color-secondary-pink-500);--sapphire-semantic-color-background-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-100);--sapphire-semantic-color-background-decorative-lime-primary-default: var(--sapphire-global-color-secondary-lime-500);--sapphire-semantic-color-background-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-100);--sapphire-semantic-color-background-decorative-indigo-primary-default: var(--sapphire-global-color-secondary-indigo-500);--sapphire-semantic-color-background-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-100);--sapphire-semantic-color-background-decorative-electro-primary-default: var(--sapphire-global-color-secondary-electro-500);--sapphire-semantic-color-background-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-100);--sapphire-semantic-color-background-decorative-copper-primary-default: var(--sapphire-global-color-secondary-copper-500);--sapphire-semantic-color-background-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-100);--sapphire-semantic-color-background-decorative-aqua-primary-default: var(--sapphire-global-color-secondary-aqua-500);--sapphire-semantic-color-background-passive-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-passive-primary-default: var(--sapphire-global-color-sapphire-450);--sapphire-semantic-color-background-informative-secondary-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-informative-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-warning-secondary-default: var(--sapphire-global-color-yellow-75);--sapphire-semantic-color-background-warning-primary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive-secondary-default: var(--sapphire-global-color-green-50);--sapphire-semantic-color-background-positive-primary-default: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-negative-secondary-active: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-negative-secondary-hover: var(--sapphire-global-color-red-75);--sapphire-semantic-color-background-negative-secondary-default: var(--sapphire-global-color-red-50);--sapphire-semantic-color-background-negative-primary-active: var(--sapphire-global-color-red-650);--sapphire-semantic-color-background-negative-primary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-background-negative-primary-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-selection-selected-active: var(--sapphire-global-color-blue-100);--sapphire-semantic-color-background-selection-selected-hover: var(--sapphire-global-color-blue-75);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-action-danger-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-secondary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-primary-active: var(--sapphire-global-color-blue-650);--sapphire-semantic-color-background-action-primary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-background-action-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-60);--sapphire-semantic-size-spacing-container-horizontal-sm: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg: var(--sapphire-semantic-size-spacing-40);--sapphire-semantic-size-spacing-data-collection-item-horizontal-md: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-sm: var(--sapphire-semantic-size-spacing-20);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-10);--sapphire-semantic-size-radius-popover: var(--sapphire-semantic-size-radius-md);--sapphire-semantic-size-focus-ring: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-height-box-lg: var(--sapphire-semantic-size-height-control-2xs);--sapphire-semantic-size-height-input-md: var(--sapphire-semantic-size-height-control-md);--sapphire-semantic-size-height-input-lg: var(--sapphire-semantic-size-height-control-lg);--sapphire-semantic-color-cursor-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-content-warning-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-active: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-hover: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-primary-active: var(--sapphire-semantic-color-content-action-secondary-active);--sapphire-semantic-color-content-link-primary-hover: var(--sapphire-semantic-color-content-action-secondary-hover);--sapphire-semantic-color-content-link-primary-default: var(--sapphire-semantic-color-content-action-secondary-default);--sapphire-semantic-color-content-action-danger-active: var(--sapphire-semantic-color-content-negative-secondary-active);--sapphire-semantic-color-content-action-danger-hover: var(--sapphire-semantic-color-content-negative-secondary-hover);--sapphire-semantic-color-content-action-danger-default: var(--sapphire-semantic-color-content-negative-secondary-default);--sapphire-semantic-color-border-passive-secondary-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-separator-default: var(--sapphire-semantic-color-border-tertiary-default);--sapphire-semantic-color-border-control-active: var(--sapphire-semantic-color-border-primary-active);--sapphire-semantic-color-border-control-hover: var(--sapphire-semantic-color-border-primary-hover);--sapphire-semantic-color-border-control-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-background-spinner-secondary-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-background-spinner-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-background-popover-default: var(--sapphire-semantic-color-background-surface);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative-secondary-default);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-control-default)}@media screen and (min-width: 768px){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-width-panel-sm: var(--sapphire-global-size-generic-1120);--sapphire-semantic-size-width-panel-lg: var(--sapphire-global-size-generic-1600)}}@media (prefers-reduced-motion){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-2000);--sapphire-semantic-time-motion-slow: 0s;--sapphire-semantic-time-motion-default: 0s;--sapphire-semantic-time-motion-quick: 0s}}.sapphire-theme-default.sapphire-theme--secondary,.sapphire-theme-default .sapphire-theme--secondary,:host .sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary{--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-global-color-red-125);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-global-color-red-125);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-sapphire-900-4p);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-50)}.sapphire-theme-default.sapphire-theme--contrast,.sapphire-theme-default .sapphire-theme--contrast,:host .sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-global-color-sapphire-25: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-50: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-75: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-100: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-125: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-150: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-200: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-250: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-300: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-350: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-400: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-450: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-550: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-600: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-650: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-700: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-750: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-800: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-850: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-875: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-900: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-925: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-950: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-975: hsl(220, 33%, 98%);--sapphire-global-color-sapphire-900-70p: hsla(210, 24%, 93%, .3);--sapphire-global-color-blue-25: hsl(202, 100%, 7%);--sapphire-global-color-blue-50: hsl(203, 100%, 9%);--sapphire-global-color-blue-75: hsl(203, 100%, 10%);--sapphire-global-color-blue-100: hsl(202, 100%, 11%);--sapphire-global-color-blue-125: hsl(203, 100%, 13%);--sapphire-global-color-blue-150: hsl(203, 100%, 15%);--sapphire-global-color-blue-200: hsl(203, 100%, 19%);--sapphire-global-color-blue-250: hsl(202, 100%, 22%);--sapphire-global-color-blue-300: hsl(203, 100%, 25%);--sapphire-global-color-blue-350: hsl(203, 100%, 29%);--sapphire-global-color-blue-400: hsl(203, 100%, 32%);--sapphire-global-color-blue-450: hsl(203, 100%, 35%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-550: hsl(203, 90%, 44%);--sapphire-global-color-blue-600: hsl(203, 80%, 50%);--sapphire-global-color-blue-650: hsl(203, 75%, 57%);--sapphire-global-color-blue-700: hsl(203, 70%, 65%);--sapphire-global-color-blue-750: hsl(203, 64%, 72%);--sapphire-global-color-blue-800: hsl(203, 65%, 79%);--sapphire-global-color-blue-850: hsl(203, 64%, 86%);--sapphire-global-color-blue-875: hsl(204, 65%, 90%);--sapphire-global-color-blue-900: hsl(203, 64%, 94%);--sapphire-global-color-blue-925: hsl(206, 67%, 95%);--sapphire-global-color-blue-950: hsl(202, 65%, 97%);--sapphire-global-color-blue-975: hsl(204, 56%, 98%);--sapphire-global-color-green-25: hsl(159, 100%, 5%);--sapphire-global-color-green-50: hsl(159, 100%, 6%);--sapphire-global-color-green-75: hsl(159, 100%, 7%);--sapphire-global-color-green-100: hsl(159, 100%, 7%);--sapphire-global-color-green-125: hsl(159, 100%, 9%);--sapphire-global-color-green-150: hsl(158, 100%, 10%);--sapphire-global-color-green-200: hsl(159, 100%, 13%);--sapphire-global-color-green-250: hsl(159, 100%, 15%);--sapphire-global-color-green-300: hsl(159, 100%, 17%);--sapphire-global-color-green-350: hsl(159, 100%, 19%);--sapphire-global-color-green-400: hsl(159, 100%, 22%);--sapphire-global-color-green-450: hsl(159, 100%, 24%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-550: hsl(159, 71%, 34%);--sapphire-global-color-green-600: hsl(159, 51%, 42%);--sapphire-global-color-green-650: hsl(159, 37%, 50%);--sapphire-global-color-green-700: hsl(159, 36%, 57%);--sapphire-global-color-green-750: hsl(159, 36%, 66%);--sapphire-global-color-green-800: hsl(160, 36%, 74%);--sapphire-global-color-green-850: hsl(159, 36%, 83%);--sapphire-global-color-green-875: hsl(159, 37%, 88%);--sapphire-global-color-green-900: hsl(159, 35%, 92%);--sapphire-global-color-green-925: hsl(162, 33%, 94%);--sapphire-global-color-green-950: hsl(158, 40%, 96%);--sapphire-global-color-green-975: hsl(150, 40%, 98%);--sapphire-global-color-red-25: hsl(0, 33%, 10%);--sapphire-global-color-red-50: hsl(355, 38%, 12%);--sapphire-global-color-red-75: hsl(356, 41%, 14%);--sapphire-global-color-red-100: hsl(355, 43%, 15%);--sapphire-global-color-red-125: hsl(354, 44%, 18%);--sapphire-global-color-red-150: hsl(353, 48%, 21%);--sapphire-global-color-red-200: hsl(353, 50%, 26%);--sapphire-global-color-red-250: hsl(351, 54%, 31%);--sapphire-global-color-red-300: hsl(351, 55%, 35%);--sapphire-global-color-red-350: hsl(350, 57%, 39%);--sapphire-global-color-red-400: hsl(349, 60%, 44%);--sapphire-global-color-red-450: hsl(349, 61%, 48%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-550: hsl(351, 73%, 59%);--sapphire-global-color-red-600: hsl(353, 75%, 65%);--sapphire-global-color-red-650: hsl(355, 79%, 71%);--sapphire-global-color-red-700: hsl(356, 82%, 76%);--sapphire-global-color-red-750: hsl(357, 88%, 81%);--sapphire-global-color-red-800: hsl(358, 92%, 86%);--sapphire-global-color-red-850: hsl(359, 100%, 91%);--sapphire-global-color-red-875: hsl(358, 100%, 94%);--sapphire-global-color-red-900: hsl(357, 100%, 96%);--sapphire-global-color-red-925: hsl(356, 100%, 97%);--sapphire-global-color-red-950: hsl(355, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 100%, 99%);--sapphire-global-color-secondary-aqua-50: hsl(192, 82%, 34%);--sapphire-global-color-secondary-aqua-100: hsl(192, 66%, 42%);--sapphire-global-color-secondary-aqua-150: hsl(192, 48%, 54%);--sapphire-global-color-secondary-aqua-200: hsl(192, 49%, 67%);--sapphire-global-color-secondary-aqua-300: hsl(191, 55%, 79%);--sapphire-global-color-secondary-aqua-400: hsl(192, 56%, 86%);--sapphire-global-color-secondary-aqua-500: hsl(190, 57%, 92%);--sapphire-global-color-secondary-aqua-600: hsl(190, 60%, 96%);--sapphire-global-color-secondary-copper-50: hsl(16, 54%, 47%);--sapphire-global-color-secondary-copper-100: hsl(16, 57%, 55%);--sapphire-global-color-secondary-copper-150: hsl(16, 56%, 65%);--sapphire-global-color-secondary-copper-200: hsl(16, 57%, 75%);--sapphire-global-color-secondary-copper-300: hsl(15, 56%, 85%);--sapphire-global-color-secondary-copper-400: hsl(16, 56%, 89%);--sapphire-global-color-secondary-copper-500: hsl(15, 57%, 95%);--sapphire-global-color-secondary-copper-600: hsl(17, 54%, 97%);--sapphire-global-color-secondary-electro-50: hsl(206, 32%, 46%);--sapphire-global-color-secondary-electro-100: hsl(206, 31%, 54%);--sapphire-global-color-secondary-electro-150: hsl(206, 31%, 63%);--sapphire-global-color-secondary-electro-200: hsl(206, 32%, 73%);--sapphire-global-color-secondary-electro-300: hsl(207, 38%, 84%);--sapphire-global-color-secondary-electro-400: hsl(207, 39%, 89%);--sapphire-global-color-secondary-electro-500: hsl(206, 44%, 94%);--sapphire-global-color-secondary-electro-600: hsl(204, 33%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(224, 81%, 59%);--sapphire-global-color-secondary-indigo-100: hsl(224, 100%, 66%);--sapphire-global-color-secondary-indigo-150: hsl(224, 100%, 74%);--sapphire-global-color-secondary-indigo-200: hsl(223, 100%, 81%);--sapphire-global-color-secondary-indigo-300: hsl(224, 100%, 88%);--sapphire-global-color-secondary-indigo-400: hsl(225, 100%, 92%);--sapphire-global-color-secondary-indigo-500: hsl(224, 100%, 96%);--sapphire-global-color-secondary-indigo-600: hsl(224, 100%, 98%);--sapphire-global-color-secondary-lime-50: hsl(76, 100%, 25%);--sapphire-global-color-secondary-lime-100: hsl(74, 100%, 29%);--sapphire-global-color-secondary-lime-150: hsl(73, 52%, 44%);--sapphire-global-color-secondary-lime-200: hsl(74, 42%, 59%);--sapphire-global-color-secondary-lime-300: hsl(74, 46%, 74%);--sapphire-global-color-secondary-lime-400: hsl(74, 52%, 81%);--sapphire-global-color-secondary-lime-500: hsl(74, 61%, 89%);--sapphire-global-color-secondary-lime-600: hsl(73, 66%, 94%);--sapphire-global-color-secondary-pink-50: hsl(333, 53%, 52%);--sapphire-global-color-secondary-pink-100: hsl(333, 65%, 61%);--sapphire-global-color-secondary-pink-150: hsl(333, 66%, 69%);--sapphire-global-color-secondary-pink-200: hsl(333, 67%, 78%);--sapphire-global-color-secondary-pink-300: hsl(332, 69%, 86%);--sapphire-global-color-secondary-pink-400: hsl(333, 70%, 91%);--sapphire-global-color-secondary-pink-500: hsl(330, 62%, 95%);--sapphire-global-color-secondary-pink-600: hsl(330, 71%, 97%);--sapphire-global-color-secondary-violet-50: hsl(245, 60%, 63%);--sapphire-global-color-secondary-violet-100: hsl(245, 75%, 70%);--sapphire-global-color-secondary-violet-150: hsl(245, 74%, 76%);--sapphire-global-color-secondary-violet-200: hsl(246, 75%, 83%);--sapphire-global-color-secondary-violet-300: hsl(248, 74%, 89%);--sapphire-global-color-secondary-violet-400: hsl(246, 74%, 93%);--sapphire-global-color-secondary-violet-500: hsl(244, 70%, 96%);--sapphire-global-color-secondary-violet-600: hsl(248, 80%, 98%);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-control-special-primary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-control-special-secondary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-popover-default: var(--sapphire-global-color-sapphire-25);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-neutral-white)}::ng-deep .cdk-overlay-container,::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}::ng-deep .cdk-overlay-container:empty{display:none}::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}::ng-deep .cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}::ng-deep .cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}::ng-deep .cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] ::ng-deep .cdk-visually-hidden{left:auto;right:0}\n"] });
5796
5796
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ThemeDefault, decorators: [{
5797
5797
  type: Component,
5798
- args: [{ selector: 'sp-theme-default', standalone: true, template: '<ng-content></ng-content>', hostDirectives: [ThemeBaseDirective], styles: ["@keyframes backdrop-fade-in{0%{background-color:transparent}to{background-color:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background-color:var(--sapphire-semantic-color-background-backdrop)}to{background-color:transparent}}.sapphire-backdrop,:host.sapphire-backdrop{width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation-name:backdrop-fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-backdrop--exiting,:host.sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-l: 1200px;--sapphire-semantic-size-breakpoint-m: 960px;--sapphire-semantic-size-breakpoint-s: 768px;--sapphire-semantic-size-breakpoint-xs: 576px;--sapphire-semantic-size-width-panel-lg: 100%;--sapphire-semantic-size-width-panel-sm: 100%;--sapphire-semantic-font-weight-display-bold: 700;--sapphire-semantic-font-weight-display-regular: 400;--sapphire-semantic-font-weight-default-bold: 700;--sapphire-semantic-font-weight-default-semibold: 600;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-global-time-2000: 2s;--sapphire-global-time-1800: 1.8s;--sapphire-global-time-1000: 1s;--sapphire-global-time-400: .4s;--sapphire-global-time-200: .2s;--sapphire-global-time-100: .1s;--sapphire-global-size-ratio-height: .875;--sapphire-global-size-line-height-md: 1.5;--sapphire-global-size-line-height-sm: 1.2;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-220: 2.1875rem;--sapphire-global-size-font-188: 1.875rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-130: 1.3125rem;--sapphire-global-size-font-112: 1.125rem;--sapphire-global-size-font-106: 1.0625rem;--sapphire-global-size-font-100: 1rem;--sapphire-global-size-font-88: .875rem;--sapphire-global-size-font-75: .75rem;--sapphire-global-size-font-60: .625rem;--sapphire-global-size-generic-4320: 108rem;--sapphire-global-size-generic-3780: 94.5rem;--sapphire-global-size-generic-3600: 90rem;--sapphire-global-size-generic-3200: 80rem;--sapphire-global-size-generic-2560: 64rem;--sapphire-global-size-generic-2400: 60rem;--sapphire-global-size-generic-1920: 48rem;--sapphire-global-size-generic-1600: 40rem;--sapphire-global-size-generic-1400: 35rem;--sapphire-global-size-generic-1280: 32rem;--sapphire-global-size-generic-1200: 30rem;--sapphire-global-size-generic-1120: 28rem;--sapphire-global-size-generic-1000: 25rem;--sapphire-global-size-generic-960: 24rem;--sapphire-global-size-generic-940: 23.5rem;--sapphire-global-size-generic-900: 22.5rem;--sapphire-global-size-generic-800: 20rem;--sapphire-global-size-generic-750: 18.75rem;--sapphire-global-size-generic-640: 16rem;--sapphire-global-size-generic-600: 15rem;--sapphire-global-size-generic-560: 14rem;--sapphire-global-size-generic-480: 12rem;--sapphire-global-size-generic-400: 10rem;--sapphire-global-size-generic-340: 8.5rem;--sapphire-global-size-generic-320: 8rem;--sapphire-global-size-generic-300: 7.5rem;--sapphire-global-size-generic-280: 7rem;--sapphire-global-size-generic-240: 6rem;--sapphire-global-size-generic-200: 5rem;--sapphire-global-size-generic-180: 4.5rem;--sapphire-global-size-generic-160: 4rem;--sapphire-global-size-generic-140: 3.5rem;--sapphire-global-size-generic-120: 3rem;--sapphire-global-size-generic-100: 2.5rem;--sapphire-global-size-generic-80: 2rem;--sapphire-global-size-generic-60: 1.5rem;--sapphire-global-size-generic-50: 1.25rem;--sapphire-global-size-generic-40: 1rem;--sapphire-global-size-generic-35: .875rem;--sapphire-global-size-generic-30: .75rem;--sapphire-global-size-generic-25: .625rem;--sapphire-global-size-generic-20: .5rem;--sapphire-global-size-generic-15: .375rem;--sapphire-global-size-generic-10: .25rem;--sapphire-global-size-generic-5: .125rem;--sapphire-global-size-generic-2: .0625rem;--sapphire-global-size-generic-0: 0rem;--sapphire-global-size-static-60: 24px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-10: 4px;--sapphire-global-size-static-5: 2px;--sapphire-global-size-static-2: 1px;--sapphire-global-size-static-0: 0px;--sapphire-global-shadow-lg: 0px 0px 2px 0px rgba(34, 64, 82, .02), 0px -1.5px 6px 0px rgba(34, 64, 82, .03), 0px 4.5px 12px 0px rgba(34, 64, 82, .04), 0px 14.5px 18px 0px rgba(34, 64, 82, .04), 0px 26px 34px 0px rgba(34, 64, 82, .05), 0px 84px 92px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-md: 0px 0px 3px 0px rgba(34, 64, 82, .02), 0px 3px 7px 0px rgba(34, 64, 82, .03), 0px 6.5px 14px 0px rgba(34, 64, 82, .04), 0px 13px 29px 0px rgba(34, 64, 82, .05), 0px 36px 80px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-sm: 0px 0px 2px 0px rgba(34, 64, 82, .06), 0px 1.5px 4px 0px rgba(34, 64, 82, .04), 0px 4.5px 6px 0px rgba(34, 64, 82, .04), 0px 10.5px 12px 0px rgba(34, 64, 82, .03), 0px 25px 24px 0px rgba(34, 64, 82, .02), 0px 100px 64px 0px rgba(34, 64, 82, .02), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-opacity-50: .5;--sapphire-global-opacity-40: .4;--sapphire-global-opacity-35: .35;--sapphire-global-font-danske-human-name: \"Danske Human\";--sapphire-global-font-danske-text-name: \"Danske Text v2\";--sapphire-global-color-secondary-orange-600: hsl(19, 100%, 34%);--sapphire-global-color-secondary-orange-500: hsl(17, 100%, 43%);--sapphire-global-color-secondary-orange-400: hsl(19, 84%, 54%);--sapphire-global-color-secondary-orange-300: hsl(21, 84%, 66%);--sapphire-global-color-secondary-orange-200: hsl(23, 83%, 79%);--sapphire-global-color-secondary-orange-150: hsl(25, 84%, 86%);--sapphire-global-color-secondary-orange-100: hsl(26, 89%, 93%);--sapphire-global-color-secondary-orange-75: hsl(27, 85%, 95%);--sapphire-global-color-secondary-orange-50: hsl(28, 89%, 96%);--sapphire-global-color-secondary-teal-600: hsl(171, 100%, 22%);--sapphire-global-color-secondary-teal-500: hsl(171, 100%, 26%);--sapphire-global-color-secondary-teal-400: hsl(172, 50%, 42%);--sapphire-global-color-secondary-teal-300: hsl(172, 36%, 57%);--sapphire-global-color-secondary-teal-200: hsl(171, 36%, 74%);--sapphire-global-color-secondary-teal-150: hsl(171, 36%, 82%);--sapphire-global-color-secondary-teal-100: hsl(172, 35%, 92%);--sapphire-global-color-secondary-teal-75: hsl(170, 38%, 94%);--sapphire-global-color-secondary-teal-50: hsl(171, 33%, 96%);--sapphire-global-color-secondary-forest-green-600: hsl(105, 93%, 23%);--sapphire-global-color-secondary-forest-green-500: hsl(105, 93%, 28%);--sapphire-global-color-secondary-forest-green-400: hsl(105, 48%, 43%);--sapphire-global-color-secondary-forest-green-300: hsl(105, 36%, 58%);--sapphire-global-color-secondary-forest-green-200: hsl(105, 36%, 74%);--sapphire-global-color-secondary-forest-green-150: hsl(105, 36%, 82%);--sapphire-global-color-secondary-forest-green-100: hsl(104, 35%, 92%);--sapphire-global-color-secondary-forest-green-75: hsl(109, 35%, 94%);--sapphire-global-color-secondary-forest-green-50: hsl(111, 33%, 96%);--sapphire-global-color-secondary-cobalt-600: hsl(215, 87%, 42%);--sapphire-global-color-secondary-cobalt-500: hsl(215, 92%, 51%);--sapphire-global-color-secondary-cobalt-400: hsl(215, 92%, 62%);--sapphire-global-color-secondary-cobalt-300: hsl(215, 92%, 72%);--sapphire-global-color-secondary-cobalt-200: hsl(215, 91%, 83%);--sapphire-global-color-secondary-cobalt-150: hsl(216, 93%, 89%);--sapphire-global-color-secondary-cobalt-100: hsl(216, 93%, 95%);--sapphire-global-color-secondary-cobalt-75: hsl(215, 90%, 96%);--sapphire-global-color-secondary-cobalt-50: hsl(215, 86%, 97%);--sapphire-global-color-secondary-gray-600: hsl(202, 6%, 38%);--sapphire-global-color-secondary-gray-500: hsl(201, 6%, 46%);--sapphire-global-color-secondary-gray-400: hsl(200, 5%, 56%);--sapphire-global-color-secondary-gray-300: hsl(203, 5%, 67%);--sapphire-global-color-secondary-gray-200: hsl(200, 6%, 79%);--sapphire-global-color-secondary-gray-150: hsl(195, 6%, 86%);--sapphire-global-color-secondary-gray-100: hsl(210, 6%, 93%);--sapphire-global-color-secondary-gray-75: hsl(240, 4%, 95%);--sapphire-global-color-secondary-gray-50: hsl(180, 6%, 97%);--sapphire-global-color-secondary-orchid-600: hsl(304, 36%, 42%);--sapphire-global-color-secondary-orchid-500: hsl(304, 37%, 51%);--sapphire-global-color-secondary-orchid-400: hsl(304, 37%, 61%);--sapphire-global-color-secondary-orchid-300: hsl(303, 37%, 71%);--sapphire-global-color-secondary-orchid-200: hsl(304, 37%, 82%);--sapphire-global-color-secondary-orchid-150: hsl(305, 38%, 88%);--sapphire-global-color-secondary-orchid-100: hsl(305, 38%, 94%);--sapphire-global-color-secondary-orchid-75: hsl(300, 36%, 96%);--sapphire-global-color-secondary-orchid-50: hsl(300, 33%, 97%);--sapphire-global-color-secondary-beige-600: hsl(38, 20%, 35%);--sapphire-global-color-secondary-beige-500: hsl(40, 20%, 43%);--sapphire-global-color-secondary-beige-400: hsl(38, 15%, 54%);--sapphire-global-color-secondary-beige-300: hsl(39, 16%, 65%);--sapphire-global-color-secondary-beige-200: hsl(41, 14%, 78%);--sapphire-global-color-secondary-beige-150: hsl(40, 16%, 85%);--sapphire-global-color-secondary-beige-100: hsl(40, 17%, 93%);--sapphire-global-color-secondary-beige-75: hsl(30, 15%, 95%);--sapphire-global-color-secondary-beige-50: hsl(30, 11%, 96%);--sapphire-global-color-secondary-gold-600: hsl(42, 97%, 25%);--sapphire-global-color-secondary-gold-500: hsl(42, 96%, 31%);--sapphire-global-color-secondary-gold-400: hsl(42, 54%, 45%);--sapphire-global-color-secondary-gold-300: hsl(42, 44%, 59%);--sapphire-global-color-secondary-gold-200: hsl(42, 44%, 74%);--sapphire-global-color-secondary-gold-150: hsl(43, 43%, 83%);--sapphire-global-color-secondary-gold-100: hsl(43, 43%, 92%);--sapphire-global-color-secondary-gold-75: hsl(42, 42%, 94%);--sapphire-global-color-secondary-gold-50: hsl(40, 43%, 96%);--sapphire-global-color-secondary-violet-600: hsl(245, 41%, 52%);--sapphire-global-color-secondary-violet-500: hsl(245, 66%, 64%);--sapphire-global-color-secondary-violet-400: hsl(245, 66%, 71%);--sapphire-global-color-secondary-violet-300: hsl(245, 66%, 78%);--sapphire-global-color-secondary-violet-200: hsl(244, 65%, 86%);--sapphire-global-color-secondary-violet-150: hsl(246, 66%, 91%);--sapphire-global-color-secondary-violet-100: hsl(244, 64%, 96%);--sapphire-global-color-secondary-violet-75: hsl(245, 65%, 97%);--sapphire-global-color-secondary-violet-50: hsl(240, 64%, 98%);--sapphire-global-color-secondary-purple-600: hsl(270, 28%, 45%);--sapphire-global-color-secondary-purple-500: hsl(270, 33%, 55%);--sapphire-global-color-secondary-purple-400: hsl(270, 33%, 64%);--sapphire-global-color-secondary-purple-300: hsl(270, 33%, 73%);--sapphire-global-color-secondary-purple-200: hsl(269, 33%, 83%);--sapphire-global-color-secondary-purple-150: hsl(272, 32%, 88%);--sapphire-global-color-secondary-purple-100: hsl(270, 36%, 95%);--sapphire-global-color-secondary-purple-75: hsl(274, 33%, 96%);--sapphire-global-color-secondary-purple-50: hsl(270, 29%, 97%);--sapphire-global-color-secondary-pink-600: hsl(327, 48%, 43%);--sapphire-global-color-secondary-pink-500: hsl(327, 53%, 53%);--sapphire-global-color-secondary-pink-400: hsl(326, 53%, 63%);--sapphire-global-color-secondary-pink-300: hsl(326, 53%, 73%);--sapphire-global-color-secondary-pink-200: hsl(327, 53%, 83%);--sapphire-global-color-secondary-pink-150: hsl(327, 54%, 89%);--sapphire-global-color-secondary-pink-100: hsl(328, 56%, 95%);--sapphire-global-color-secondary-pink-75: hsl(330, 50%, 96%);--sapphire-global-color-secondary-pink-50: hsl(326, 54%, 97%);--sapphire-global-color-secondary-lime-600: hsl(71, 76%, 23%);--sapphire-global-color-secondary-lime-500: hsl(71, 76%, 28%);--sapphire-global-color-secondary-lime-400: hsl(71, 42%, 42%);--sapphire-global-color-secondary-lime-300: hsl(72, 30%, 57%);--sapphire-global-color-secondary-lime-200: hsl(70, 29%, 73%);--sapphire-global-color-secondary-lime-150: hsl(71, 30%, 82%);--sapphire-global-color-secondary-lime-100: hsl(69, 29%, 91%);--sapphire-global-color-secondary-lime-75: hsl(66, 29%, 93%);--sapphire-global-color-secondary-lime-50: hsl(70, 27%, 96%);--sapphire-global-color-secondary-indigo-600: hsl(230, 62%, 53%);--sapphire-global-color-secondary-indigo-500: hsl(230, 100%, 64%);--sapphire-global-color-secondary-indigo-400: hsl(230, 100%, 72%);--sapphire-global-color-secondary-indigo-300: hsl(230, 100%, 79%);--sapphire-global-color-secondary-indigo-200: hsl(229, 100%, 87%);--sapphire-global-color-secondary-indigo-150: hsl(229, 100%, 91%);--sapphire-global-color-secondary-indigo-100: hsl(231, 100%, 96%);--sapphire-global-color-secondary-indigo-75: hsl(229, 100%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(229, 100%, 98%);--sapphire-global-color-secondary-electro-600: hsl(207, 31%, 38%);--sapphire-global-color-secondary-electro-500: hsl(206, 31%, 46%);--sapphire-global-color-secondary-electro-400: hsl(206, 27%, 56%);--sapphire-global-color-secondary-electro-300: hsl(207, 27%, 67%);--sapphire-global-color-secondary-electro-200: hsl(208, 27%, 80%);--sapphire-global-color-secondary-electro-150: hsl(205, 27%, 86%);--sapphire-global-color-secondary-electro-100: hsl(207, 27%, 94%);--sapphire-global-color-secondary-electro-75: hsl(206, 28%, 95%);--sapphire-global-color-secondary-electro-50: hsl(204, 29%, 97%);--sapphire-global-color-secondary-copper-600: hsl(16, 54%, 39%);--sapphire-global-color-secondary-copper-500: hsl(15, 54%, 48%);--sapphire-global-color-secondary-copper-400: hsl(15, 50%, 59%);--sapphire-global-color-secondary-copper-300: hsl(15, 50%, 69%);--sapphire-global-color-secondary-copper-200: hsl(16, 49%, 81%);--sapphire-global-color-secondary-copper-150: hsl(15, 51%, 87%);--sapphire-global-color-secondary-copper-100: hsl(16, 48%, 94%);--sapphire-global-color-secondary-copper-75: hsl(16, 48%, 95%);--sapphire-global-color-secondary-copper-50: hsl(15, 50%, 97%);--sapphire-global-color-secondary-aqua-600: hsl(192, 100%, 26%);--sapphire-global-color-secondary-aqua-500: hsl(192, 100%, 32%);--sapphire-global-color-secondary-aqua-400: hsl(192, 55%, 46%);--sapphire-global-color-secondary-aqua-300: hsl(192, 47%, 60%);--sapphire-global-color-secondary-aqua-200: hsl(192, 47%, 76%);--sapphire-global-color-secondary-aqua-150: hsl(192, 47%, 84%);--sapphire-global-color-secondary-aqua-100: hsl(190, 45%, 92%);--sapphire-global-color-secondary-aqua-75: hsl(193, 47%, 94%);--sapphire-global-color-secondary-aqua-50: hsl(193, 47%, 96%);--sapphire-global-color-yellow-975: hsl(20, 95%, 8%);--sapphire-global-color-yellow-950: hsl(19, 89%, 11%);--sapphire-global-color-yellow-925: hsl(21, 87%, 15%);--sapphire-global-color-yellow-900: hsl(21, 88%, 19%);--sapphire-global-color-yellow-875: hsl(21, 86%, 23%);--sapphire-global-color-yellow-850: hsl(22, 85%, 27%);--sapphire-global-color-yellow-800: hsl(22, 88%, 29%);--sapphire-global-color-yellow-750: hsl(24, 89%, 33%);--sapphire-global-color-yellow-700: hsl(25, 93%, 37%);--sapphire-global-color-yellow-650: hsl(28, 94%, 41%);--sapphire-global-color-yellow-600: hsl(31, 93%, 44%);--sapphire-global-color-yellow-550: hsl(34, 94%, 48%);--sapphire-global-color-yellow-500: hsl(37, 95%, 52%);--sapphire-global-color-yellow-450: hsl(40, 95%, 54%);--sapphire-global-color-yellow-400: hsl(43, 98%, 55%);--sapphire-global-color-yellow-350: hsl(44, 98%, 60%);--sapphire-global-color-yellow-300: hsl(46, 98%, 64%);--sapphire-global-color-yellow-250: hsl(47, 97%, 70%);--sapphire-global-color-yellow-200: hsl(48, 98%, 76%);--sapphire-global-color-yellow-150: hsl(48, 98%, 79%);--sapphire-global-color-yellow-125: hsl(49, 97%, 85%);--sapphire-global-color-yellow-100: hsl(48, 100%, 89%);--sapphire-global-color-yellow-75: hsl(49, 100%, 92%);--sapphire-global-color-yellow-50: hsl(51, 100%, 96%);--sapphire-global-color-yellow-25: hsl(54, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 33%, 10%);--sapphire-global-color-red-950: hsl(355, 38%, 12%);--sapphire-global-color-red-925: hsl(356, 41%, 14%);--sapphire-global-color-red-900: hsl(355, 43%, 15%);--sapphire-global-color-red-875: hsl(354, 44%, 18%);--sapphire-global-color-red-850: hsl(353, 48%, 21%);--sapphire-global-color-red-800: hsl(353, 50%, 26%);--sapphire-global-color-red-750: hsl(351, 54%, 31%);--sapphire-global-color-red-700: hsl(351, 55%, 35%);--sapphire-global-color-red-650: hsl(350, 57%, 39%);--sapphire-global-color-red-600: hsl(349, 60%, 44%);--sapphire-global-color-red-550: hsl(349, 61%, 48%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-450: hsl(351, 73%, 59%);--sapphire-global-color-red-400: hsl(353, 75%, 65%);--sapphire-global-color-red-350: hsl(355, 79%, 71%);--sapphire-global-color-red-300: hsl(356, 82%, 76%);--sapphire-global-color-red-250: hsl(357, 88%, 81%);--sapphire-global-color-red-200: hsl(358, 92%, 86%);--sapphire-global-color-red-150: hsl(359, 100%, 91%);--sapphire-global-color-red-125: hsl(358, 100%, 94%);--sapphire-global-color-red-100: hsl(357, 100%, 96%);--sapphire-global-color-red-75: hsl(356, 100%, 97%);--sapphire-global-color-red-50: hsl(355, 100%, 98%);--sapphire-global-color-red-25: hsl(0, 100%, 99%);--sapphire-global-color-green-975: hsl(159, 100%, 5%);--sapphire-global-color-green-950: hsl(159, 100%, 6%);--sapphire-global-color-green-925: hsl(159, 100%, 7%);--sapphire-global-color-green-900: hsl(159, 100%, 7%);--sapphire-global-color-green-875: hsl(159, 100%, 9%);--sapphire-global-color-green-850: hsl(158, 100%, 10%);--sapphire-global-color-green-800: hsl(159, 100%, 13%);--sapphire-global-color-green-750: hsl(159, 100%, 15%);--sapphire-global-color-green-700: hsl(159, 100%, 17%);--sapphire-global-color-green-650: hsl(159, 100%, 19%);--sapphire-global-color-green-600: hsl(159, 100%, 22%);--sapphire-global-color-green-550: hsl(159, 100%, 24%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-450: hsl(159, 71%, 34%);--sapphire-global-color-green-400: hsl(159, 51%, 42%);--sapphire-global-color-green-350: hsl(159, 37%, 50%);--sapphire-global-color-green-300: hsl(159, 36%, 57%);--sapphire-global-color-green-250: hsl(159, 36%, 66%);--sapphire-global-color-green-200: hsl(160, 36%, 74%);--sapphire-global-color-green-150: hsl(159, 36%, 83%);--sapphire-global-color-green-125: hsl(159, 37%, 88%);--sapphire-global-color-green-100: hsl(159, 35%, 92%);--sapphire-global-color-green-75: hsl(162, 33%, 94%);--sapphire-global-color-green-50: hsl(158, 40%, 96%);--sapphire-global-color-green-25: hsl(150, 40%, 98%);--sapphire-global-color-blue-975: hsl(202, 100%, 7%);--sapphire-global-color-blue-950: hsl(203, 100%, 9%);--sapphire-global-color-blue-925: hsl(203, 100%, 10%);--sapphire-global-color-blue-900: hsl(202, 100%, 11%);--sapphire-global-color-blue-875: hsl(203, 100%, 13%);--sapphire-global-color-blue-850: hsl(203, 100%, 15%);--sapphire-global-color-blue-800: hsl(203, 100%, 19%);--sapphire-global-color-blue-750: hsl(202, 100%, 22%);--sapphire-global-color-blue-700: hsl(203, 100%, 25%);--sapphire-global-color-blue-650: hsl(203, 100%, 29%);--sapphire-global-color-blue-600: hsl(203, 100%, 32%);--sapphire-global-color-blue-550: hsl(203, 100%, 35%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-450: hsl(203, 90%, 44%);--sapphire-global-color-blue-400: hsl(203, 80%, 50%);--sapphire-global-color-blue-350: hsl(203, 75%, 57%);--sapphire-global-color-blue-300: hsl(203, 70%, 65%);--sapphire-global-color-blue-250: hsl(203, 64%, 72%);--sapphire-global-color-blue-200: hsl(203, 65%, 79%);--sapphire-global-color-blue-150: hsl(203, 64%, 86%);--sapphire-global-color-blue-125: hsl(204, 65%, 90%);--sapphire-global-color-blue-100: hsl(203, 64%, 94%);--sapphire-global-color-blue-75: hsl(206, 67%, 95%);--sapphire-global-color-blue-50: hsl(202, 65%, 97%);--sapphire-global-color-blue-25: hsl(204, 56%, 98%);--sapphire-global-color-sapphire-900-70p: hsla(202, 100%, 11%, .7);--sapphire-global-color-sapphire-900-4p: hsla(202, 100%, 11%, .04);--sapphire-global-color-sapphire-975: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-950: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-925: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-900: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-875: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-850: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-800: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-750: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-700: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-650: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-600: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-550: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-450: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-400: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-350: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-300: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-250: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-200: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-150: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-125: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-100: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-75: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-50: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-25: hsl(220, 33%, 98%);--sapphire-global-color-neutral-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-neutral-black: hsl(0, 0%, 0%);--sapphire-global-color-neutral-white: hsl(0, 0%, 100%);--sapphire-semantic-time-motion-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-motion-default: var(--sapphire-global-time-200);--sapphire-semantic-time-motion-slow: var(--sapphire-global-time-400);--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-1000);--sapphire-semantic-time-fade-slow: var(--sapphire-global-time-1800);--sapphire-semantic-time-fade-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-fade-default: var(--sapphire-global-time-200);--sapphire-semantic-size-spacing-80: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-70: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-60: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-50: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-40: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-30: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-25: var(--sapphire-global-size-generic-25);--sapphire-semantic-size-spacing-20: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-10: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-5: var(--sapphire-global-size-generic-5);--sapphire-semantic-size-line-height-md: var(--sapphire-global-size-line-height-md);--sapphire-semantic-size-line-height-sm: var(--sapphire-global-size-line-height-sm);--sapphire-semantic-size-font-control-default: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-control-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-control-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-label-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-label-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-label-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-text-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-text-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-text-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-60);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-sm: var(--sapphire-global-size-static-10);--sapphire-semantic-size-radius-xs: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-lg: var(--sapphire-global-size-static-10);--sapphire-semantic-size-border-md: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-sm: var(--sapphire-global-size-static-2);--sapphire-semantic-size-icon-xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-icon-lg: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-icon-md: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-icon-sm: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-width-control-default: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-xl: var(--sapphire-global-size-generic-140);--sapphire-semantic-size-height-control-lg: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-height-control-md: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-height-control-sm: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-height-control-xs: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-height-control-2xs: var(--sapphire-global-size-generic-50);--sapphire-semantic-shadow-popover: var(--sapphire-global-shadow-md);--sapphire-semantic-opacity-disabled: var(--sapphire-global-opacity-40);--sapphire-semantic-opacity-50: var(--sapphire-global-opacity-50);--sapphire-semantic-font-name-display: var(--sapphire-global-font-danske-human-name);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-text-name);--sapphire-semantic-color-content-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-600);--sapphire-semantic-color-content-decorative-orange-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-600);--sapphire-semantic-color-content-decorative-teal-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-600);--sapphire-semantic-color-content-decorative-forest-green-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-600);--sapphire-semantic-color-content-decorative-cobalt-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-600);--sapphire-semantic-color-content-decorative-gray-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-600);--sapphire-semantic-color-content-decorative-orchid-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-600);--sapphire-semantic-color-content-decorative-beige-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-600);--sapphire-semantic-color-content-decorative-gold-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-600);--sapphire-semantic-color-content-decorative-violet-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-600);--sapphire-semantic-color-content-decorative-pink-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-600);--sapphire-semantic-color-content-decorative-lime-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-600);--sapphire-semantic-color-content-decorative-indigo-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-600);--sapphire-semantic-color-content-decorative-electro-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-600);--sapphire-semantic-color-content-decorative-copper-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-600);--sapphire-semantic-color-content-decorative-aqua-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-passive-secondary-default: var(--sapphire-global-color-sapphire-550);--sapphire-semantic-color-content-passive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-informative-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-informative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-warning-secondary-default: var(--sapphire-global-color-yellow-700);--sapphire-semantic-color-content-negative-secondary-active: var(--sapphire-global-color-red-700);--sapphire-semantic-color-content-negative-secondary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-content-negative-secondary-default: var(--sapphire-global-color-red-550);--sapphire-semantic-color-content-negative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-positive-secondary-default: var(--sapphire-global-color-green-550);--sapphire-semantic-color-content-positive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-selection-unselected-active: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-hover: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-selected-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-selection-selected-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-selection-selected-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-tertiary-active: var(--sapphire-global-color-sapphire-975);--sapphire-semantic-color-content-action-tertiary-hover: var(--sapphire-global-color-sapphire-950);--sapphire-semantic-color-content-action-tertiary-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-action-secondary-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-action-secondary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-action-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-default-secondary: var(--sapphire-global-color-sapphire-600);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-200);--sapphire-semantic-color-border-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-200);--sapphire-semantic-color-border-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-200);--sapphire-semantic-color-border-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-200);--sapphire-semantic-color-border-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-200);--sapphire-semantic-color-border-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-200);--sapphire-semantic-color-border-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-200);--sapphire-semantic-color-border-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-200);--sapphire-semantic-color-border-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-200);--sapphire-semantic-color-border-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-200);--sapphire-semantic-color-border-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-200);--sapphire-semantic-color-border-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-200);--sapphire-semantic-color-border-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-200);--sapphire-semantic-color-border-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-200);--sapphire-semantic-color-border-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-200);--sapphire-semantic-color-border-informative-secondary-default: var(--sapphire-global-color-blue-200);--sapphire-semantic-color-border-warning-secondary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-border-positive-secondary-default: var(--sapphire-global-color-green-200);--sapphire-semantic-color-border-negative-secondary-default: var(--sapphire-global-color-red-200);--sapphire-semantic-color-border-field-error: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-tertiary-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-border-secondary-default: var(--sapphire-global-color-sapphire-150);--sapphire-semantic-color-border-primary-active: var(--sapphire-global-color-sapphire-300);--sapphire-semantic-color-border-primary-hover: var(--sapphire-global-color-sapphire-250);--sapphire-semantic-color-border-primary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-background-skeleton-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-backdrop: var(--sapphire-global-color-sapphire-900-70p);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-control-special-secondary-default: var(--sapphire-global-color-sapphire-900-4p);--sapphire-semantic-color-background-control-special-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-50);--sapphire-semantic-color-background-decorative-orange-primary-default: var(--sapphire-global-color-secondary-orange-400);--sapphire-semantic-color-background-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-50);--sapphire-semantic-color-background-decorative-teal-primary-default: var(--sapphire-global-color-secondary-teal-500);--sapphire-semantic-color-background-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-50);--sapphire-semantic-color-background-decorative-forest-green-primary-default: var(--sapphire-global-color-secondary-forest-green-500);--sapphire-semantic-color-background-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-50);--sapphire-semantic-color-background-decorative-cobalt-primary-default: var(--sapphire-global-color-secondary-cobalt-500);--sapphire-semantic-color-background-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-50);--sapphire-semantic-color-background-decorative-gray-primary-default: var(--sapphire-global-color-secondary-gray-500);--sapphire-semantic-color-background-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-50);--sapphire-semantic-color-background-decorative-orchid-primary-default: var(--sapphire-global-color-secondary-orchid-500);--sapphire-semantic-color-background-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-50);--sapphire-semantic-color-background-decorative-beige-primary-default: var(--sapphire-global-color-secondary-beige-500);--sapphire-semantic-color-background-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-50);--sapphire-semantic-color-background-decorative-gold-primary-default: var(--sapphire-global-color-secondary-gold-500);--sapphire-semantic-color-background-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-100);--sapphire-semantic-color-background-decorative-violet-primary-default: var(--sapphire-global-color-secondary-violet-500);--sapphire-semantic-color-background-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-100);--sapphire-semantic-color-background-decorative-pink-primary-default: var(--sapphire-global-color-secondary-pink-500);--sapphire-semantic-color-background-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-100);--sapphire-semantic-color-background-decorative-lime-primary-default: var(--sapphire-global-color-secondary-lime-500);--sapphire-semantic-color-background-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-100);--sapphire-semantic-color-background-decorative-indigo-primary-default: var(--sapphire-global-color-secondary-indigo-500);--sapphire-semantic-color-background-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-100);--sapphire-semantic-color-background-decorative-electro-primary-default: var(--sapphire-global-color-secondary-electro-500);--sapphire-semantic-color-background-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-100);--sapphire-semantic-color-background-decorative-copper-primary-default: var(--sapphire-global-color-secondary-copper-500);--sapphire-semantic-color-background-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-100);--sapphire-semantic-color-background-decorative-aqua-primary-default: var(--sapphire-global-color-secondary-aqua-500);--sapphire-semantic-color-background-passive-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-passive-primary-default: var(--sapphire-global-color-sapphire-450);--sapphire-semantic-color-background-informative-secondary-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-informative-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-warning-secondary-default: var(--sapphire-global-color-yellow-75);--sapphire-semantic-color-background-warning-primary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive-secondary-default: var(--sapphire-global-color-green-50);--sapphire-semantic-color-background-positive-primary-default: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-negative-secondary-active: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-negative-secondary-hover: var(--sapphire-global-color-red-75);--sapphire-semantic-color-background-negative-secondary-default: var(--sapphire-global-color-red-50);--sapphire-semantic-color-background-negative-primary-active: var(--sapphire-global-color-red-650);--sapphire-semantic-color-background-negative-primary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-background-negative-primary-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-selection-selected-active: var(--sapphire-global-color-blue-100);--sapphire-semantic-color-background-selection-selected-hover: var(--sapphire-global-color-blue-75);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-action-danger-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-secondary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-primary-active: var(--sapphire-global-color-blue-650);--sapphire-semantic-color-background-action-primary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-background-action-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-60);--sapphire-semantic-size-spacing-container-horizontal-sm: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg: var(--sapphire-semantic-size-spacing-40);--sapphire-semantic-size-spacing-data-collection-item-horizontal-md: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-sm: var(--sapphire-semantic-size-spacing-20);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-10);--sapphire-semantic-size-radius-popover: var(--sapphire-semantic-size-radius-md);--sapphire-semantic-size-focus-ring: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-height-box-lg: var(--sapphire-semantic-size-height-control-2xs);--sapphire-semantic-size-height-input-md: var(--sapphire-semantic-size-height-control-md);--sapphire-semantic-size-height-input-lg: var(--sapphire-semantic-size-height-control-lg);--sapphire-semantic-color-cursor-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-content-warning-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-active: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-hover: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-primary-active: var(--sapphire-semantic-color-content-action-secondary-active);--sapphire-semantic-color-content-link-primary-hover: var(--sapphire-semantic-color-content-action-secondary-hover);--sapphire-semantic-color-content-link-primary-default: var(--sapphire-semantic-color-content-action-secondary-default);--sapphire-semantic-color-content-action-danger-active: var(--sapphire-semantic-color-content-negative-secondary-active);--sapphire-semantic-color-content-action-danger-hover: var(--sapphire-semantic-color-content-negative-secondary-hover);--sapphire-semantic-color-content-action-danger-default: var(--sapphire-semantic-color-content-negative-secondary-default);--sapphire-semantic-color-border-passive-secondary-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-separator-default: var(--sapphire-semantic-color-border-tertiary-default);--sapphire-semantic-color-border-control-active: var(--sapphire-semantic-color-border-primary-active);--sapphire-semantic-color-border-control-hover: var(--sapphire-semantic-color-border-primary-hover);--sapphire-semantic-color-border-control-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-background-spinner-secondary-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-background-spinner-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-background-popover-default: var(--sapphire-semantic-color-background-surface);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative-secondary-default);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-control-default)}@media screen and (min-width: 768px){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-width-panel-sm: var(--sapphire-global-size-generic-1120);--sapphire-semantic-size-width-panel-lg: var(--sapphire-global-size-generic-1600)}}@media (prefers-reduced-motion){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-2000);--sapphire-semantic-time-motion-slow: 0s;--sapphire-semantic-time-motion-default: 0s;--sapphire-semantic-time-motion-quick: 0s}}.sapphire-theme-default.sapphire-theme--secondary,.sapphire-theme-default .sapphire-theme--secondary,:host .sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary{--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-global-color-red-125);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-global-color-red-125);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-50)}.sapphire-theme-default.sapphire-theme--contrast,.sapphire-theme-default .sapphire-theme--contrast,:host .sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-global-color-sapphire-25: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-50: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-75: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-100: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-125: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-150: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-200: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-250: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-300: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-350: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-400: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-450: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-550: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-600: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-650: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-700: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-750: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-800: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-850: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-875: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-900: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-925: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-950: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-975: hsl(220, 33%, 98%);--sapphire-global-color-sapphire-900-70p: hsla(210, 24%, 93%, .3);--sapphire-global-color-blue-25: hsl(202, 100%, 7%);--sapphire-global-color-blue-50: hsl(203, 100%, 9%);--sapphire-global-color-blue-75: hsl(203, 100%, 10%);--sapphire-global-color-blue-100: hsl(202, 100%, 11%);--sapphire-global-color-blue-125: hsl(203, 100%, 13%);--sapphire-global-color-blue-150: hsl(203, 100%, 15%);--sapphire-global-color-blue-200: hsl(203, 100%, 19%);--sapphire-global-color-blue-250: hsl(202, 100%, 22%);--sapphire-global-color-blue-300: hsl(203, 100%, 25%);--sapphire-global-color-blue-350: hsl(203, 100%, 29%);--sapphire-global-color-blue-400: hsl(203, 100%, 32%);--sapphire-global-color-blue-450: hsl(203, 100%, 35%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-550: hsl(203, 90%, 44%);--sapphire-global-color-blue-600: hsl(203, 80%, 50%);--sapphire-global-color-blue-650: hsl(203, 75%, 57%);--sapphire-global-color-blue-700: hsl(203, 70%, 65%);--sapphire-global-color-blue-750: hsl(203, 64%, 72%);--sapphire-global-color-blue-800: hsl(203, 65%, 79%);--sapphire-global-color-blue-850: hsl(203, 64%, 86%);--sapphire-global-color-blue-875: hsl(204, 65%, 90%);--sapphire-global-color-blue-900: hsl(203, 64%, 94%);--sapphire-global-color-blue-925: hsl(206, 67%, 95%);--sapphire-global-color-blue-950: hsl(202, 65%, 97%);--sapphire-global-color-blue-975: hsl(204, 56%, 98%);--sapphire-global-color-green-25: hsl(159, 100%, 5%);--sapphire-global-color-green-50: hsl(159, 100%, 6%);--sapphire-global-color-green-75: hsl(159, 100%, 7%);--sapphire-global-color-green-100: hsl(159, 100%, 7%);--sapphire-global-color-green-125: hsl(159, 100%, 9%);--sapphire-global-color-green-150: hsl(158, 100%, 10%);--sapphire-global-color-green-200: hsl(159, 100%, 13%);--sapphire-global-color-green-250: hsl(159, 100%, 15%);--sapphire-global-color-green-300: hsl(159, 100%, 17%);--sapphire-global-color-green-350: hsl(159, 100%, 19%);--sapphire-global-color-green-400: hsl(159, 100%, 22%);--sapphire-global-color-green-450: hsl(159, 100%, 24%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-550: hsl(159, 71%, 34%);--sapphire-global-color-green-600: hsl(159, 51%, 42%);--sapphire-global-color-green-650: hsl(159, 37%, 50%);--sapphire-global-color-green-700: hsl(159, 36%, 57%);--sapphire-global-color-green-750: hsl(159, 36%, 66%);--sapphire-global-color-green-800: hsl(160, 36%, 74%);--sapphire-global-color-green-850: hsl(159, 36%, 83%);--sapphire-global-color-green-875: hsl(159, 37%, 88%);--sapphire-global-color-green-900: hsl(159, 35%, 92%);--sapphire-global-color-green-925: hsl(162, 33%, 94%);--sapphire-global-color-green-950: hsl(158, 40%, 96%);--sapphire-global-color-green-975: hsl(150, 40%, 98%);--sapphire-global-color-red-25: hsl(0, 33%, 10%);--sapphire-global-color-red-50: hsl(355, 38%, 12%);--sapphire-global-color-red-75: hsl(356, 41%, 14%);--sapphire-global-color-red-100: hsl(355, 43%, 15%);--sapphire-global-color-red-125: hsl(354, 44%, 18%);--sapphire-global-color-red-150: hsl(353, 48%, 21%);--sapphire-global-color-red-200: hsl(353, 50%, 26%);--sapphire-global-color-red-250: hsl(351, 54%, 31%);--sapphire-global-color-red-300: hsl(351, 55%, 35%);--sapphire-global-color-red-350: hsl(350, 57%, 39%);--sapphire-global-color-red-400: hsl(349, 60%, 44%);--sapphire-global-color-red-450: hsl(349, 61%, 48%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-550: hsl(351, 73%, 59%);--sapphire-global-color-red-600: hsl(353, 75%, 65%);--sapphire-global-color-red-650: hsl(355, 79%, 71%);--sapphire-global-color-red-700: hsl(356, 82%, 76%);--sapphire-global-color-red-750: hsl(357, 88%, 81%);--sapphire-global-color-red-800: hsl(358, 92%, 86%);--sapphire-global-color-red-850: hsl(359, 100%, 91%);--sapphire-global-color-red-875: hsl(358, 100%, 94%);--sapphire-global-color-red-900: hsl(357, 100%, 96%);--sapphire-global-color-red-925: hsl(356, 100%, 97%);--sapphire-global-color-red-950: hsl(355, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 100%, 99%);--sapphire-global-color-secondary-aqua-50: hsl(192, 82%, 34%);--sapphire-global-color-secondary-aqua-100: hsl(192, 66%, 42%);--sapphire-global-color-secondary-aqua-150: hsl(192, 48%, 54%);--sapphire-global-color-secondary-aqua-200: hsl(192, 49%, 67%);--sapphire-global-color-secondary-aqua-300: hsl(191, 55%, 79%);--sapphire-global-color-secondary-aqua-400: hsl(192, 56%, 86%);--sapphire-global-color-secondary-aqua-500: hsl(190, 57%, 92%);--sapphire-global-color-secondary-aqua-600: hsl(190, 60%, 96%);--sapphire-global-color-secondary-copper-50: hsl(16, 54%, 47%);--sapphire-global-color-secondary-copper-100: hsl(16, 57%, 55%);--sapphire-global-color-secondary-copper-150: hsl(16, 56%, 65%);--sapphire-global-color-secondary-copper-200: hsl(16, 57%, 75%);--sapphire-global-color-secondary-copper-300: hsl(15, 56%, 85%);--sapphire-global-color-secondary-copper-400: hsl(16, 56%, 89%);--sapphire-global-color-secondary-copper-500: hsl(15, 57%, 95%);--sapphire-global-color-secondary-copper-600: hsl(17, 54%, 97%);--sapphire-global-color-secondary-electro-50: hsl(206, 32%, 46%);--sapphire-global-color-secondary-electro-100: hsl(206, 31%, 54%);--sapphire-global-color-secondary-electro-150: hsl(206, 31%, 63%);--sapphire-global-color-secondary-electro-200: hsl(206, 32%, 73%);--sapphire-global-color-secondary-electro-300: hsl(207, 38%, 84%);--sapphire-global-color-secondary-electro-400: hsl(207, 39%, 89%);--sapphire-global-color-secondary-electro-500: hsl(206, 44%, 94%);--sapphire-global-color-secondary-electro-600: hsl(204, 33%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(224, 81%, 59%);--sapphire-global-color-secondary-indigo-100: hsl(224, 100%, 66%);--sapphire-global-color-secondary-indigo-150: hsl(224, 100%, 74%);--sapphire-global-color-secondary-indigo-200: hsl(223, 100%, 81%);--sapphire-global-color-secondary-indigo-300: hsl(224, 100%, 88%);--sapphire-global-color-secondary-indigo-400: hsl(225, 100%, 92%);--sapphire-global-color-secondary-indigo-500: hsl(224, 100%, 96%);--sapphire-global-color-secondary-indigo-600: hsl(224, 100%, 98%);--sapphire-global-color-secondary-lime-50: hsl(76, 100%, 25%);--sapphire-global-color-secondary-lime-100: hsl(74, 100%, 29%);--sapphire-global-color-secondary-lime-150: hsl(73, 52%, 44%);--sapphire-global-color-secondary-lime-200: hsl(74, 42%, 59%);--sapphire-global-color-secondary-lime-300: hsl(74, 46%, 74%);--sapphire-global-color-secondary-lime-400: hsl(74, 52%, 81%);--sapphire-global-color-secondary-lime-500: hsl(74, 61%, 89%);--sapphire-global-color-secondary-lime-600: hsl(73, 66%, 94%);--sapphire-global-color-secondary-pink-50: hsl(333, 53%, 52%);--sapphire-global-color-secondary-pink-100: hsl(333, 65%, 61%);--sapphire-global-color-secondary-pink-150: hsl(333, 66%, 69%);--sapphire-global-color-secondary-pink-200: hsl(333, 67%, 78%);--sapphire-global-color-secondary-pink-300: hsl(332, 69%, 86%);--sapphire-global-color-secondary-pink-400: hsl(333, 70%, 91%);--sapphire-global-color-secondary-pink-500: hsl(330, 62%, 95%);--sapphire-global-color-secondary-pink-600: hsl(330, 71%, 97%);--sapphire-global-color-secondary-violet-50: hsl(245, 60%, 63%);--sapphire-global-color-secondary-violet-100: hsl(245, 75%, 70%);--sapphire-global-color-secondary-violet-150: hsl(245, 74%, 76%);--sapphire-global-color-secondary-violet-200: hsl(246, 75%, 83%);--sapphire-global-color-secondary-violet-300: hsl(248, 74%, 89%);--sapphire-global-color-secondary-violet-400: hsl(246, 74%, 93%);--sapphire-global-color-secondary-violet-500: hsl(244, 70%, 96%);--sapphire-global-color-secondary-violet-600: hsl(248, 80%, 98%);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-control-special-primary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-control-special-secondary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-popover-default: var(--sapphire-global-color-sapphire-25);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-neutral-white)}::ng-deep .cdk-overlay-container,::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}::ng-deep .cdk-overlay-container:empty{display:none}::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}::ng-deep .cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}::ng-deep .cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}::ng-deep .cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] ::ng-deep .cdk-visually-hidden{left:auto;right:0}\n"] }]
5798
+ args: [{ selector: 'sp-theme-default', standalone: true, template: '<ng-content></ng-content>', hostDirectives: [ThemeBaseDirective], styles: ["@keyframes backdrop-fade-in{0%{background-color:transparent}to{background-color:var(--sapphire-semantic-color-background-backdrop)}}@keyframes backdrop-fade-out{0%{background-color:var(--sapphire-semantic-color-background-backdrop)}to{background-color:transparent}}.sapphire-backdrop,:host.sapphire-backdrop{width:100%;height:100%;display:flex;justify-content:center;align-items:center;animation-name:backdrop-fade-in;animation-duration:var(--sapphire-semantic-time-fade-default);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-backdrop--exiting,:host.sapphire-backdrop--exiting{animation-name:backdrop-fade-out}.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-breakpoint-xl: 1400px;--sapphire-semantic-size-breakpoint-l: 1200px;--sapphire-semantic-size-breakpoint-m: 960px;--sapphire-semantic-size-breakpoint-s: 768px;--sapphire-semantic-size-breakpoint-xs: 576px;--sapphire-semantic-size-width-panel-lg: 100%;--sapphire-semantic-size-width-panel-sm: 100%;--sapphire-semantic-font-weight-display-bold: 700;--sapphire-semantic-font-weight-display-regular: 400;--sapphire-semantic-font-weight-default-bold: 700;--sapphire-semantic-font-weight-default-semibold: 600;--sapphire-semantic-font-weight-default-regular: 400;--sapphire-global-time-2000: 2s;--sapphire-global-time-1800: 1.8s;--sapphire-global-time-1000: 1s;--sapphire-global-time-400: .4s;--sapphire-global-time-200: .2s;--sapphire-global-time-100: .1s;--sapphire-global-size-ratio-height: .875;--sapphire-global-size-line-height-md: 1.5;--sapphire-global-size-line-height-sm: 1.2;--sapphire-global-size-font-300: 3rem;--sapphire-global-size-font-220: 2.1875rem;--sapphire-global-size-font-188: 1.875rem;--sapphire-global-size-font-150: 1.5rem;--sapphire-global-size-font-130: 1.3125rem;--sapphire-global-size-font-112: 1.125rem;--sapphire-global-size-font-106: 1.0625rem;--sapphire-global-size-font-100: 1rem;--sapphire-global-size-font-88: .875rem;--sapphire-global-size-font-75: .75rem;--sapphire-global-size-font-60: .625rem;--sapphire-global-size-generic-4320: 108rem;--sapphire-global-size-generic-3780: 94.5rem;--sapphire-global-size-generic-3600: 90rem;--sapphire-global-size-generic-3200: 80rem;--sapphire-global-size-generic-2560: 64rem;--sapphire-global-size-generic-2400: 60rem;--sapphire-global-size-generic-1920: 48rem;--sapphire-global-size-generic-1600: 40rem;--sapphire-global-size-generic-1400: 35rem;--sapphire-global-size-generic-1280: 32rem;--sapphire-global-size-generic-1200: 30rem;--sapphire-global-size-generic-1120: 28rem;--sapphire-global-size-generic-1000: 25rem;--sapphire-global-size-generic-960: 24rem;--sapphire-global-size-generic-940: 23.5rem;--sapphire-global-size-generic-900: 22.5rem;--sapphire-global-size-generic-800: 20rem;--sapphire-global-size-generic-750: 18.75rem;--sapphire-global-size-generic-640: 16rem;--sapphire-global-size-generic-600: 15rem;--sapphire-global-size-generic-560: 14rem;--sapphire-global-size-generic-480: 12rem;--sapphire-global-size-generic-400: 10rem;--sapphire-global-size-generic-340: 8.5rem;--sapphire-global-size-generic-320: 8rem;--sapphire-global-size-generic-300: 7.5rem;--sapphire-global-size-generic-280: 7rem;--sapphire-global-size-generic-240: 6rem;--sapphire-global-size-generic-200: 5rem;--sapphire-global-size-generic-180: 4.5rem;--sapphire-global-size-generic-160: 4rem;--sapphire-global-size-generic-140: 3.5rem;--sapphire-global-size-generic-120: 3rem;--sapphire-global-size-generic-100: 2.5rem;--sapphire-global-size-generic-80: 2rem;--sapphire-global-size-generic-60: 1.5rem;--sapphire-global-size-generic-50: 1.25rem;--sapphire-global-size-generic-40: 1rem;--sapphire-global-size-generic-35: .875rem;--sapphire-global-size-generic-30: .75rem;--sapphire-global-size-generic-25: .625rem;--sapphire-global-size-generic-20: .5rem;--sapphire-global-size-generic-15: .375rem;--sapphire-global-size-generic-10: .25rem;--sapphire-global-size-generic-5: .125rem;--sapphire-global-size-generic-2: .0625rem;--sapphire-global-size-generic-0: 0rem;--sapphire-global-size-static-60: 24px;--sapphire-global-size-static-30: 12px;--sapphire-global-size-static-20: 8px;--sapphire-global-size-static-10: 4px;--sapphire-global-size-static-5: 2px;--sapphire-global-size-static-2: 1px;--sapphire-global-size-static-0: 0px;--sapphire-global-shadow-lg: 0px 0px 2px 0px rgba(34, 64, 82, .02), 0px -1.5px 6px 0px rgba(34, 64, 82, .03), 0px 4.5px 12px 0px rgba(34, 64, 82, .04), 0px 14.5px 18px 0px rgba(34, 64, 82, .04), 0px 26px 34px 0px rgba(34, 64, 82, .05), 0px 84px 92px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-md: 0px 0px 3px 0px rgba(34, 64, 82, .02), 0px 3px 7px 0px rgba(34, 64, 82, .03), 0px 6.5px 14px 0px rgba(34, 64, 82, .04), 0px 13px 29px 0px rgba(34, 64, 82, .05), 0px 36px 80px 0px rgba(34, 64, 82, .07), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-shadow-sm: 0px 0px 2px 0px rgba(34, 64, 82, .06), 0px 1.5px 4px 0px rgba(34, 64, 82, .04), 0px 4.5px 6px 0px rgba(34, 64, 82, .04), 0px 10.5px 12px 0px rgba(34, 64, 82, .03), 0px 25px 24px 0px rgba(34, 64, 82, .02), 0px 100px 64px 0px rgba(34, 64, 82, .02), 0px 0px 2px 0px rgba(34, 64, 82, .05), 0px 0px 1px 0px rgba(34, 64, 82, .2);--sapphire-global-opacity-50: .5;--sapphire-global-opacity-40: .4;--sapphire-global-opacity-35: .35;--sapphire-global-font-danske-human-name: \"Danske Human\";--sapphire-global-font-danske-text-name: \"Danske Text v2\";--sapphire-global-color-secondary-orange-600: hsl(19, 100%, 34%);--sapphire-global-color-secondary-orange-500: hsl(17, 100%, 43%);--sapphire-global-color-secondary-orange-400: hsl(19, 84%, 54%);--sapphire-global-color-secondary-orange-300: hsl(21, 84%, 66%);--sapphire-global-color-secondary-orange-200: hsl(23, 83%, 79%);--sapphire-global-color-secondary-orange-150: hsl(25, 84%, 86%);--sapphire-global-color-secondary-orange-100: hsl(26, 89%, 93%);--sapphire-global-color-secondary-orange-75: hsl(27, 85%, 95%);--sapphire-global-color-secondary-orange-50: hsl(28, 89%, 96%);--sapphire-global-color-secondary-teal-600: hsl(171, 100%, 22%);--sapphire-global-color-secondary-teal-500: hsl(171, 100%, 26%);--sapphire-global-color-secondary-teal-400: hsl(172, 50%, 42%);--sapphire-global-color-secondary-teal-300: hsl(172, 36%, 57%);--sapphire-global-color-secondary-teal-200: hsl(171, 36%, 74%);--sapphire-global-color-secondary-teal-150: hsl(171, 36%, 82%);--sapphire-global-color-secondary-teal-100: hsl(172, 35%, 92%);--sapphire-global-color-secondary-teal-75: hsl(170, 38%, 94%);--sapphire-global-color-secondary-teal-50: hsl(171, 33%, 96%);--sapphire-global-color-secondary-forest-green-600: hsl(105, 93%, 23%);--sapphire-global-color-secondary-forest-green-500: hsl(105, 93%, 28%);--sapphire-global-color-secondary-forest-green-400: hsl(105, 48%, 43%);--sapphire-global-color-secondary-forest-green-300: hsl(105, 36%, 58%);--sapphire-global-color-secondary-forest-green-200: hsl(105, 36%, 74%);--sapphire-global-color-secondary-forest-green-150: hsl(105, 36%, 82%);--sapphire-global-color-secondary-forest-green-100: hsl(104, 35%, 92%);--sapphire-global-color-secondary-forest-green-75: hsl(109, 35%, 94%);--sapphire-global-color-secondary-forest-green-50: hsl(111, 33%, 96%);--sapphire-global-color-secondary-cobalt-600: hsl(215, 87%, 42%);--sapphire-global-color-secondary-cobalt-500: hsl(215, 92%, 51%);--sapphire-global-color-secondary-cobalt-400: hsl(215, 92%, 62%);--sapphire-global-color-secondary-cobalt-300: hsl(215, 92%, 72%);--sapphire-global-color-secondary-cobalt-200: hsl(215, 91%, 83%);--sapphire-global-color-secondary-cobalt-150: hsl(216, 93%, 89%);--sapphire-global-color-secondary-cobalt-100: hsl(216, 93%, 95%);--sapphire-global-color-secondary-cobalt-75: hsl(215, 90%, 96%);--sapphire-global-color-secondary-cobalt-50: hsl(215, 86%, 97%);--sapphire-global-color-secondary-gray-600: hsl(202, 6%, 38%);--sapphire-global-color-secondary-gray-500: hsl(201, 6%, 46%);--sapphire-global-color-secondary-gray-400: hsl(200, 5%, 56%);--sapphire-global-color-secondary-gray-300: hsl(203, 5%, 67%);--sapphire-global-color-secondary-gray-200: hsl(200, 6%, 79%);--sapphire-global-color-secondary-gray-150: hsl(195, 6%, 86%);--sapphire-global-color-secondary-gray-100: hsl(210, 6%, 93%);--sapphire-global-color-secondary-gray-75: hsl(240, 4%, 95%);--sapphire-global-color-secondary-gray-50: hsl(180, 6%, 97%);--sapphire-global-color-secondary-orchid-600: hsl(304, 36%, 42%);--sapphire-global-color-secondary-orchid-500: hsl(304, 37%, 51%);--sapphire-global-color-secondary-orchid-400: hsl(304, 37%, 61%);--sapphire-global-color-secondary-orchid-300: hsl(303, 37%, 71%);--sapphire-global-color-secondary-orchid-200: hsl(304, 37%, 82%);--sapphire-global-color-secondary-orchid-150: hsl(305, 38%, 88%);--sapphire-global-color-secondary-orchid-100: hsl(305, 38%, 94%);--sapphire-global-color-secondary-orchid-75: hsl(300, 36%, 96%);--sapphire-global-color-secondary-orchid-50: hsl(300, 33%, 97%);--sapphire-global-color-secondary-beige-600: hsl(38, 20%, 35%);--sapphire-global-color-secondary-beige-500: hsl(40, 20%, 43%);--sapphire-global-color-secondary-beige-400: hsl(38, 15%, 54%);--sapphire-global-color-secondary-beige-300: hsl(39, 16%, 65%);--sapphire-global-color-secondary-beige-200: hsl(41, 14%, 78%);--sapphire-global-color-secondary-beige-150: hsl(40, 16%, 85%);--sapphire-global-color-secondary-beige-100: hsl(40, 17%, 93%);--sapphire-global-color-secondary-beige-75: hsl(30, 15%, 95%);--sapphire-global-color-secondary-beige-50: hsl(30, 11%, 96%);--sapphire-global-color-secondary-gold-600: hsl(42, 97%, 25%);--sapphire-global-color-secondary-gold-500: hsl(42, 96%, 31%);--sapphire-global-color-secondary-gold-400: hsl(42, 54%, 45%);--sapphire-global-color-secondary-gold-300: hsl(42, 44%, 59%);--sapphire-global-color-secondary-gold-200: hsl(42, 44%, 74%);--sapphire-global-color-secondary-gold-150: hsl(43, 43%, 83%);--sapphire-global-color-secondary-gold-100: hsl(43, 43%, 92%);--sapphire-global-color-secondary-gold-75: hsl(42, 42%, 94%);--sapphire-global-color-secondary-gold-50: hsl(40, 43%, 96%);--sapphire-global-color-secondary-violet-600: hsl(245, 41%, 52%);--sapphire-global-color-secondary-violet-500: hsl(245, 66%, 64%);--sapphire-global-color-secondary-violet-400: hsl(245, 66%, 71%);--sapphire-global-color-secondary-violet-300: hsl(245, 66%, 78%);--sapphire-global-color-secondary-violet-200: hsl(244, 65%, 86%);--sapphire-global-color-secondary-violet-150: hsl(246, 66%, 91%);--sapphire-global-color-secondary-violet-100: hsl(244, 64%, 96%);--sapphire-global-color-secondary-violet-75: hsl(245, 65%, 97%);--sapphire-global-color-secondary-violet-50: hsl(240, 64%, 98%);--sapphire-global-color-secondary-purple-600: hsl(270, 28%, 45%);--sapphire-global-color-secondary-purple-500: hsl(270, 33%, 55%);--sapphire-global-color-secondary-purple-400: hsl(270, 33%, 64%);--sapphire-global-color-secondary-purple-300: hsl(270, 33%, 73%);--sapphire-global-color-secondary-purple-200: hsl(269, 33%, 83%);--sapphire-global-color-secondary-purple-150: hsl(272, 32%, 88%);--sapphire-global-color-secondary-purple-100: hsl(270, 36%, 95%);--sapphire-global-color-secondary-purple-75: hsl(274, 33%, 96%);--sapphire-global-color-secondary-purple-50: hsl(270, 29%, 97%);--sapphire-global-color-secondary-pink-600: hsl(327, 48%, 43%);--sapphire-global-color-secondary-pink-500: hsl(327, 53%, 53%);--sapphire-global-color-secondary-pink-400: hsl(326, 53%, 63%);--sapphire-global-color-secondary-pink-300: hsl(326, 53%, 73%);--sapphire-global-color-secondary-pink-200: hsl(327, 53%, 83%);--sapphire-global-color-secondary-pink-150: hsl(327, 54%, 89%);--sapphire-global-color-secondary-pink-100: hsl(328, 56%, 95%);--sapphire-global-color-secondary-pink-75: hsl(330, 50%, 96%);--sapphire-global-color-secondary-pink-50: hsl(326, 54%, 97%);--sapphire-global-color-secondary-lime-600: hsl(71, 76%, 23%);--sapphire-global-color-secondary-lime-500: hsl(71, 76%, 28%);--sapphire-global-color-secondary-lime-400: hsl(71, 42%, 42%);--sapphire-global-color-secondary-lime-300: hsl(72, 30%, 57%);--sapphire-global-color-secondary-lime-200: hsl(70, 29%, 73%);--sapphire-global-color-secondary-lime-150: hsl(71, 30%, 82%);--sapphire-global-color-secondary-lime-100: hsl(69, 29%, 91%);--sapphire-global-color-secondary-lime-75: hsl(66, 29%, 93%);--sapphire-global-color-secondary-lime-50: hsl(70, 27%, 96%);--sapphire-global-color-secondary-indigo-600: hsl(230, 62%, 53%);--sapphire-global-color-secondary-indigo-500: hsl(230, 100%, 64%);--sapphire-global-color-secondary-indigo-400: hsl(230, 100%, 72%);--sapphire-global-color-secondary-indigo-300: hsl(230, 100%, 79%);--sapphire-global-color-secondary-indigo-200: hsl(229, 100%, 87%);--sapphire-global-color-secondary-indigo-150: hsl(229, 100%, 91%);--sapphire-global-color-secondary-indigo-100: hsl(231, 100%, 96%);--sapphire-global-color-secondary-indigo-75: hsl(229, 100%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(229, 100%, 98%);--sapphire-global-color-secondary-electro-600: hsl(207, 31%, 38%);--sapphire-global-color-secondary-electro-500: hsl(206, 31%, 46%);--sapphire-global-color-secondary-electro-400: hsl(206, 27%, 56%);--sapphire-global-color-secondary-electro-300: hsl(207, 27%, 67%);--sapphire-global-color-secondary-electro-200: hsl(208, 27%, 80%);--sapphire-global-color-secondary-electro-150: hsl(205, 27%, 86%);--sapphire-global-color-secondary-electro-100: hsl(207, 27%, 94%);--sapphire-global-color-secondary-electro-75: hsl(206, 28%, 95%);--sapphire-global-color-secondary-electro-50: hsl(204, 29%, 97%);--sapphire-global-color-secondary-copper-600: hsl(16, 54%, 39%);--sapphire-global-color-secondary-copper-500: hsl(15, 54%, 48%);--sapphire-global-color-secondary-copper-400: hsl(15, 50%, 59%);--sapphire-global-color-secondary-copper-300: hsl(15, 50%, 69%);--sapphire-global-color-secondary-copper-200: hsl(16, 49%, 81%);--sapphire-global-color-secondary-copper-150: hsl(15, 51%, 87%);--sapphire-global-color-secondary-copper-100: hsl(16, 48%, 94%);--sapphire-global-color-secondary-copper-75: hsl(16, 48%, 95%);--sapphire-global-color-secondary-copper-50: hsl(15, 50%, 97%);--sapphire-global-color-secondary-aqua-600: hsl(192, 100%, 26%);--sapphire-global-color-secondary-aqua-500: hsl(192, 100%, 32%);--sapphire-global-color-secondary-aqua-400: hsl(192, 55%, 46%);--sapphire-global-color-secondary-aqua-300: hsl(192, 47%, 60%);--sapphire-global-color-secondary-aqua-200: hsl(192, 47%, 76%);--sapphire-global-color-secondary-aqua-150: hsl(192, 47%, 84%);--sapphire-global-color-secondary-aqua-100: hsl(190, 45%, 92%);--sapphire-global-color-secondary-aqua-75: hsl(193, 47%, 94%);--sapphire-global-color-secondary-aqua-50: hsl(193, 47%, 96%);--sapphire-global-color-yellow-975: hsl(20, 95%, 8%);--sapphire-global-color-yellow-950: hsl(19, 89%, 11%);--sapphire-global-color-yellow-925: hsl(21, 87%, 15%);--sapphire-global-color-yellow-900: hsl(21, 88%, 19%);--sapphire-global-color-yellow-875: hsl(21, 86%, 23%);--sapphire-global-color-yellow-850: hsl(22, 85%, 27%);--sapphire-global-color-yellow-800: hsl(22, 88%, 29%);--sapphire-global-color-yellow-750: hsl(24, 89%, 33%);--sapphire-global-color-yellow-700: hsl(25, 93%, 37%);--sapphire-global-color-yellow-650: hsl(28, 94%, 41%);--sapphire-global-color-yellow-600: hsl(31, 93%, 44%);--sapphire-global-color-yellow-550: hsl(34, 94%, 48%);--sapphire-global-color-yellow-500: hsl(37, 95%, 52%);--sapphire-global-color-yellow-450: hsl(40, 95%, 54%);--sapphire-global-color-yellow-400: hsl(43, 98%, 55%);--sapphire-global-color-yellow-350: hsl(44, 98%, 60%);--sapphire-global-color-yellow-300: hsl(46, 98%, 64%);--sapphire-global-color-yellow-250: hsl(47, 97%, 70%);--sapphire-global-color-yellow-200: hsl(48, 98%, 76%);--sapphire-global-color-yellow-150: hsl(48, 98%, 79%);--sapphire-global-color-yellow-125: hsl(49, 97%, 85%);--sapphire-global-color-yellow-100: hsl(48, 100%, 89%);--sapphire-global-color-yellow-75: hsl(49, 100%, 92%);--sapphire-global-color-yellow-50: hsl(51, 100%, 96%);--sapphire-global-color-yellow-25: hsl(54, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 33%, 10%);--sapphire-global-color-red-950: hsl(355, 38%, 12%);--sapphire-global-color-red-925: hsl(356, 41%, 14%);--sapphire-global-color-red-900: hsl(355, 43%, 15%);--sapphire-global-color-red-875: hsl(354, 44%, 18%);--sapphire-global-color-red-850: hsl(353, 48%, 21%);--sapphire-global-color-red-800: hsl(353, 50%, 26%);--sapphire-global-color-red-750: hsl(351, 54%, 31%);--sapphire-global-color-red-700: hsl(351, 55%, 35%);--sapphire-global-color-red-650: hsl(350, 57%, 39%);--sapphire-global-color-red-600: hsl(349, 60%, 44%);--sapphire-global-color-red-550: hsl(349, 61%, 48%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-450: hsl(351, 73%, 59%);--sapphire-global-color-red-400: hsl(353, 75%, 65%);--sapphire-global-color-red-350: hsl(355, 79%, 71%);--sapphire-global-color-red-300: hsl(356, 82%, 76%);--sapphire-global-color-red-250: hsl(357, 88%, 81%);--sapphire-global-color-red-200: hsl(358, 92%, 86%);--sapphire-global-color-red-150: hsl(359, 100%, 91%);--sapphire-global-color-red-125: hsl(358, 100%, 94%);--sapphire-global-color-red-100: hsl(357, 100%, 96%);--sapphire-global-color-red-75: hsl(356, 100%, 97%);--sapphire-global-color-red-50: hsl(355, 100%, 98%);--sapphire-global-color-red-25: hsl(0, 100%, 99%);--sapphire-global-color-green-975: hsl(159, 100%, 5%);--sapphire-global-color-green-950: hsl(159, 100%, 6%);--sapphire-global-color-green-925: hsl(159, 100%, 7%);--sapphire-global-color-green-900: hsl(159, 100%, 7%);--sapphire-global-color-green-875: hsl(159, 100%, 9%);--sapphire-global-color-green-850: hsl(158, 100%, 10%);--sapphire-global-color-green-800: hsl(159, 100%, 13%);--sapphire-global-color-green-750: hsl(159, 100%, 15%);--sapphire-global-color-green-700: hsl(159, 100%, 17%);--sapphire-global-color-green-650: hsl(159, 100%, 19%);--sapphire-global-color-green-600: hsl(159, 100%, 22%);--sapphire-global-color-green-550: hsl(159, 100%, 24%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-450: hsl(159, 71%, 34%);--sapphire-global-color-green-400: hsl(159, 51%, 42%);--sapphire-global-color-green-350: hsl(159, 37%, 50%);--sapphire-global-color-green-300: hsl(159, 36%, 57%);--sapphire-global-color-green-250: hsl(159, 36%, 66%);--sapphire-global-color-green-200: hsl(160, 36%, 74%);--sapphire-global-color-green-150: hsl(159, 36%, 83%);--sapphire-global-color-green-125: hsl(159, 37%, 88%);--sapphire-global-color-green-100: hsl(159, 35%, 92%);--sapphire-global-color-green-75: hsl(162, 33%, 94%);--sapphire-global-color-green-50: hsl(158, 40%, 96%);--sapphire-global-color-green-25: hsl(150, 40%, 98%);--sapphire-global-color-blue-975: hsl(202, 100%, 7%);--sapphire-global-color-blue-950: hsl(203, 100%, 9%);--sapphire-global-color-blue-925: hsl(203, 100%, 10%);--sapphire-global-color-blue-900: hsl(202, 100%, 11%);--sapphire-global-color-blue-875: hsl(203, 100%, 13%);--sapphire-global-color-blue-850: hsl(203, 100%, 15%);--sapphire-global-color-blue-800: hsl(203, 100%, 19%);--sapphire-global-color-blue-750: hsl(202, 100%, 22%);--sapphire-global-color-blue-700: hsl(203, 100%, 25%);--sapphire-global-color-blue-650: hsl(203, 100%, 29%);--sapphire-global-color-blue-600: hsl(203, 100%, 32%);--sapphire-global-color-blue-550: hsl(203, 100%, 35%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-450: hsl(203, 90%, 44%);--sapphire-global-color-blue-400: hsl(203, 80%, 50%);--sapphire-global-color-blue-350: hsl(203, 75%, 57%);--sapphire-global-color-blue-300: hsl(203, 70%, 65%);--sapphire-global-color-blue-250: hsl(203, 64%, 72%);--sapphire-global-color-blue-200: hsl(203, 65%, 79%);--sapphire-global-color-blue-150: hsl(203, 64%, 86%);--sapphire-global-color-blue-125: hsl(204, 65%, 90%);--sapphire-global-color-blue-100: hsl(203, 64%, 94%);--sapphire-global-color-blue-75: hsl(206, 67%, 95%);--sapphire-global-color-blue-50: hsl(202, 65%, 97%);--sapphire-global-color-blue-25: hsl(204, 56%, 98%);--sapphire-global-color-sapphire-900-70p: hsla(202, 100%, 11%, .7);--sapphire-global-color-sapphire-900-4p: hsla(202, 100%, 11%, .04);--sapphire-global-color-sapphire-975: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-950: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-925: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-900: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-875: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-850: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-800: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-750: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-700: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-650: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-600: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-550: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-450: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-400: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-350: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-300: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-250: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-200: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-150: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-125: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-100: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-75: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-50: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-25: hsl(220, 33%, 98%);--sapphire-global-color-neutral-transparent: hsla(0, 0%, 100%, 0);--sapphire-global-color-neutral-black: hsl(0, 0%, 0%);--sapphire-global-color-neutral-white: hsl(0, 0%, 100%);--sapphire-semantic-time-motion-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-motion-default: var(--sapphire-global-time-200);--sapphire-semantic-time-motion-slow: var(--sapphire-global-time-400);--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-1000);--sapphire-semantic-time-fade-slow: var(--sapphire-global-time-1800);--sapphire-semantic-time-fade-quick: var(--sapphire-global-time-100);--sapphire-semantic-time-fade-default: var(--sapphire-global-time-200);--sapphire-semantic-size-spacing-80: var(--sapphire-global-size-generic-160);--sapphire-semantic-size-spacing-70: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-spacing-60: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-spacing-50: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-spacing-40: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-spacing-30: var(--sapphire-global-size-generic-30);--sapphire-semantic-size-spacing-25: var(--sapphire-global-size-generic-25);--sapphire-semantic-size-spacing-20: var(--sapphire-global-size-generic-20);--sapphire-semantic-size-spacing-10: var(--sapphire-global-size-generic-10);--sapphire-semantic-size-spacing-5: var(--sapphire-global-size-generic-5);--sapphire-semantic-size-line-height-md: var(--sapphire-global-size-line-height-md);--sapphire-semantic-size-line-height-sm: var(--sapphire-global-size-line-height-sm);--sapphire-semantic-size-font-control-default: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-control-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-control-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-label-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-label-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-label-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-font-text-lg: var(--sapphire-global-size-font-100);--sapphire-semantic-size-font-text-md: var(--sapphire-global-size-font-88);--sapphire-semantic-size-font-text-sm: var(--sapphire-global-size-font-75);--sapphire-semantic-size-radius-xl: var(--sapphire-global-size-static-60);--sapphire-semantic-size-radius-lg: var(--sapphire-global-size-static-30);--sapphire-semantic-size-radius-md: var(--sapphire-global-size-static-20);--sapphire-semantic-size-radius-sm: var(--sapphire-global-size-static-10);--sapphire-semantic-size-radius-xs: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-lg: var(--sapphire-global-size-static-10);--sapphire-semantic-size-border-md: var(--sapphire-global-size-static-5);--sapphire-semantic-size-border-sm: var(--sapphire-global-size-static-2);--sapphire-semantic-size-icon-xl: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-icon-lg: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-icon-md: var(--sapphire-global-size-generic-50);--sapphire-semantic-size-icon-sm: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-width-control-default: var(--sapphire-global-size-generic-750);--sapphire-semantic-size-height-box-md: var(--sapphire-global-size-generic-40);--sapphire-semantic-size-height-control-xl: var(--sapphire-global-size-generic-140);--sapphire-semantic-size-height-control-lg: var(--sapphire-global-size-generic-120);--sapphire-semantic-size-height-control-md: var(--sapphire-global-size-generic-100);--sapphire-semantic-size-height-control-sm: var(--sapphire-global-size-generic-80);--sapphire-semantic-size-height-control-xs: var(--sapphire-global-size-generic-60);--sapphire-semantic-size-height-control-2xs: var(--sapphire-global-size-generic-50);--sapphire-semantic-shadow-popover: var(--sapphire-global-shadow-md);--sapphire-semantic-opacity-disabled: var(--sapphire-global-opacity-40);--sapphire-semantic-opacity-50: var(--sapphire-global-opacity-50);--sapphire-semantic-font-name-display: var(--sapphire-global-font-danske-human-name);--sapphire-semantic-font-name-default: var(--sapphire-global-font-danske-text-name);--sapphire-semantic-color-content-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-600);--sapphire-semantic-color-content-decorative-orange-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-600);--sapphire-semantic-color-content-decorative-teal-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-600);--sapphire-semantic-color-content-decorative-forest-green-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-600);--sapphire-semantic-color-content-decorative-cobalt-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-600);--sapphire-semantic-color-content-decorative-gray-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-600);--sapphire-semantic-color-content-decorative-orchid-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-600);--sapphire-semantic-color-content-decorative-beige-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-600);--sapphire-semantic-color-content-decorative-gold-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-600);--sapphire-semantic-color-content-decorative-violet-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-600);--sapphire-semantic-color-content-decorative-pink-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-600);--sapphire-semantic-color-content-decorative-lime-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-600);--sapphire-semantic-color-content-decorative-indigo-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-600);--sapphire-semantic-color-content-decorative-electro-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-600);--sapphire-semantic-color-content-decorative-copper-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-600);--sapphire-semantic-color-content-decorative-aqua-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-passive-secondary-default: var(--sapphire-global-color-sapphire-550);--sapphire-semantic-color-content-passive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-informative-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-informative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-warning-secondary-default: var(--sapphire-global-color-yellow-700);--sapphire-semantic-color-content-negative-secondary-active: var(--sapphire-global-color-red-700);--sapphire-semantic-color-content-negative-secondary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-content-negative-secondary-default: var(--sapphire-global-color-red-550);--sapphire-semantic-color-content-negative-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-positive-secondary-default: var(--sapphire-global-color-green-550);--sapphire-semantic-color-content-positive-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-selection-unselected-active: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-hover: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-unselected-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-selection-selected-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-selection-selected-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-selection-selected-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-tertiary-active: var(--sapphire-global-color-sapphire-975);--sapphire-semantic-color-content-action-tertiary-hover: var(--sapphire-global-color-sapphire-950);--sapphire-semantic-color-content-action-tertiary-default: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-content-action-secondary-active: var(--sapphire-global-color-blue-700);--sapphire-semantic-color-content-action-secondary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-content-action-secondary-default: var(--sapphire-global-color-blue-550);--sapphire-semantic-color-content-action-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-content-default-secondary: var(--sapphire-global-color-sapphire-600);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-sapphire-900);--sapphire-semantic-color-focus-ring: var(--sapphire-global-color-blue-400);--sapphire-semantic-color-border-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-200);--sapphire-semantic-color-border-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-200);--sapphire-semantic-color-border-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-200);--sapphire-semantic-color-border-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-200);--sapphire-semantic-color-border-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-200);--sapphire-semantic-color-border-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-200);--sapphire-semantic-color-border-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-200);--sapphire-semantic-color-border-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-200);--sapphire-semantic-color-border-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-200);--sapphire-semantic-color-border-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-200);--sapphire-semantic-color-border-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-200);--sapphire-semantic-color-border-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-200);--sapphire-semantic-color-border-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-200);--sapphire-semantic-color-border-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-200);--sapphire-semantic-color-border-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-200);--sapphire-semantic-color-border-informative-secondary-default: var(--sapphire-global-color-blue-200);--sapphire-semantic-color-border-warning-secondary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-border-positive-secondary-default: var(--sapphire-global-color-green-200);--sapphire-semantic-color-border-negative-secondary-default: var(--sapphire-global-color-red-200);--sapphire-semantic-color-border-field-error: var(--sapphire-global-color-red-500);--sapphire-semantic-color-border-tertiary-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-border-secondary-default: var(--sapphire-global-color-sapphire-150);--sapphire-semantic-color-border-primary-active: var(--sapphire-global-color-sapphire-300);--sapphire-semantic-color-border-primary-hover: var(--sapphire-global-color-sapphire-250);--sapphire-semantic-color-border-primary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-background-skeleton-default: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-backdrop: var(--sapphire-global-color-sapphire-900-70p);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-control-special-secondary-default: var(--sapphire-global-color-sapphire-900-4p);--sapphire-semantic-color-background-control-special-primary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-decorative-orange-secondary-default: var(--sapphire-global-color-secondary-orange-50);--sapphire-semantic-color-background-decorative-orange-primary-default: var(--sapphire-global-color-secondary-orange-400);--sapphire-semantic-color-background-decorative-teal-secondary-default: var(--sapphire-global-color-secondary-teal-50);--sapphire-semantic-color-background-decorative-teal-primary-default: var(--sapphire-global-color-secondary-teal-500);--sapphire-semantic-color-background-decorative-forest-green-secondary-default: var(--sapphire-global-color-secondary-forest-green-50);--sapphire-semantic-color-background-decorative-forest-green-primary-default: var(--sapphire-global-color-secondary-forest-green-500);--sapphire-semantic-color-background-decorative-cobalt-secondary-default: var(--sapphire-global-color-secondary-cobalt-50);--sapphire-semantic-color-background-decorative-cobalt-primary-default: var(--sapphire-global-color-secondary-cobalt-500);--sapphire-semantic-color-background-decorative-gray-secondary-default: var(--sapphire-global-color-secondary-gray-50);--sapphire-semantic-color-background-decorative-gray-primary-default: var(--sapphire-global-color-secondary-gray-500);--sapphire-semantic-color-background-decorative-orchid-secondary-default: var(--sapphire-global-color-secondary-orchid-50);--sapphire-semantic-color-background-decorative-orchid-primary-default: var(--sapphire-global-color-secondary-orchid-500);--sapphire-semantic-color-background-decorative-beige-secondary-default: var(--sapphire-global-color-secondary-beige-50);--sapphire-semantic-color-background-decorative-beige-primary-default: var(--sapphire-global-color-secondary-beige-500);--sapphire-semantic-color-background-decorative-gold-secondary-default: var(--sapphire-global-color-secondary-gold-50);--sapphire-semantic-color-background-decorative-gold-primary-default: var(--sapphire-global-color-secondary-gold-500);--sapphire-semantic-color-background-decorative-violet-secondary-default: var(--sapphire-global-color-secondary-violet-100);--sapphire-semantic-color-background-decorative-violet-primary-default: var(--sapphire-global-color-secondary-violet-500);--sapphire-semantic-color-background-decorative-pink-secondary-default: var(--sapphire-global-color-secondary-pink-100);--sapphire-semantic-color-background-decorative-pink-primary-default: var(--sapphire-global-color-secondary-pink-500);--sapphire-semantic-color-background-decorative-lime-secondary-default: var(--sapphire-global-color-secondary-lime-100);--sapphire-semantic-color-background-decorative-lime-primary-default: var(--sapphire-global-color-secondary-lime-500);--sapphire-semantic-color-background-decorative-indigo-secondary-default: var(--sapphire-global-color-secondary-indigo-100);--sapphire-semantic-color-background-decorative-indigo-primary-default: var(--sapphire-global-color-secondary-indigo-500);--sapphire-semantic-color-background-decorative-electro-secondary-default: var(--sapphire-global-color-secondary-electro-100);--sapphire-semantic-color-background-decorative-electro-primary-default: var(--sapphire-global-color-secondary-electro-500);--sapphire-semantic-color-background-decorative-copper-secondary-default: var(--sapphire-global-color-secondary-copper-100);--sapphire-semantic-color-background-decorative-copper-primary-default: var(--sapphire-global-color-secondary-copper-500);--sapphire-semantic-color-background-decorative-aqua-secondary-default: var(--sapphire-global-color-secondary-aqua-100);--sapphire-semantic-color-background-decorative-aqua-primary-default: var(--sapphire-global-color-secondary-aqua-500);--sapphire-semantic-color-background-passive-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-passive-primary-default: var(--sapphire-global-color-sapphire-450);--sapphire-semantic-color-background-informative-secondary-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-informative-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-color-background-warning-secondary-default: var(--sapphire-global-color-yellow-75);--sapphire-semantic-color-background-warning-primary-default: var(--sapphire-global-color-yellow-300);--sapphire-semantic-color-background-positive-secondary-default: var(--sapphire-global-color-green-50);--sapphire-semantic-color-background-positive-primary-default: var(--sapphire-global-color-green-500);--sapphire-semantic-color-background-negative-secondary-active: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-negative-secondary-hover: var(--sapphire-global-color-red-75);--sapphire-semantic-color-background-negative-secondary-default: var(--sapphire-global-color-red-50);--sapphire-semantic-color-background-negative-primary-active: var(--sapphire-global-color-red-650);--sapphire-semantic-color-background-negative-primary-hover: var(--sapphire-global-color-red-600);--sapphire-semantic-color-background-negative-primary-default: var(--sapphire-global-color-red-500);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-selection-selected-active: var(--sapphire-global-color-blue-100);--sapphire-semantic-color-background-selection-selected-hover: var(--sapphire-global-color-blue-75);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-blue-50);--sapphire-semantic-color-background-action-danger-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-danger-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-secondary-text: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-ghost-default: var(--sapphire-global-color-neutral-transparent);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-75);--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-action-primary-active: var(--sapphire-global-color-blue-650);--sapphire-semantic-color-background-action-primary-hover: var(--sapphire-global-color-blue-600);--sapphire-semantic-color-background-action-primary-default: var(--sapphire-global-color-blue-500);--sapphire-semantic-size-spacing-container-horizontal-md: var(--sapphire-semantic-size-spacing-60);--sapphire-semantic-size-spacing-container-horizontal-sm: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-lg: var(--sapphire-semantic-size-spacing-40);--sapphire-semantic-size-spacing-data-collection-item-horizontal-md: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-data-collection-item-horizontal-sm: var(--sapphire-semantic-size-spacing-20);--sapphire-semantic-size-spacing-control-horizontal-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-horizontal-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-lg: var(--sapphire-semantic-size-spacing-30);--sapphire-semantic-size-spacing-control-vertical-md: var(--sapphire-semantic-size-spacing-25);--sapphire-semantic-size-spacing-control-vertical-sm: var(--sapphire-semantic-size-spacing-10);--sapphire-semantic-size-radius-popover: var(--sapphire-semantic-size-radius-md);--sapphire-semantic-size-focus-ring: var(--sapphire-semantic-size-border-md);--sapphire-semantic-size-height-box-lg: var(--sapphire-semantic-size-height-control-2xs);--sapphire-semantic-size-height-input-md: var(--sapphire-semantic-size-height-control-md);--sapphire-semantic-size-height-input-lg: var(--sapphire-semantic-size-height-control-lg);--sapphire-semantic-color-cursor-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-content-warning-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-active: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-hover: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-secondary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-content-link-primary-active: var(--sapphire-semantic-color-content-action-secondary-active);--sapphire-semantic-color-content-link-primary-hover: var(--sapphire-semantic-color-content-action-secondary-hover);--sapphire-semantic-color-content-link-primary-default: var(--sapphire-semantic-color-content-action-secondary-default);--sapphire-semantic-color-content-action-danger-active: var(--sapphire-semantic-color-content-negative-secondary-active);--sapphire-semantic-color-content-action-danger-hover: var(--sapphire-semantic-color-content-negative-secondary-hover);--sapphire-semantic-color-content-action-danger-default: var(--sapphire-semantic-color-content-negative-secondary-default);--sapphire-semantic-color-border-passive-secondary-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-border-separator-default: var(--sapphire-semantic-color-border-tertiary-default);--sapphire-semantic-color-border-control-active: var(--sapphire-semantic-color-border-primary-active);--sapphire-semantic-color-border-control-hover: var(--sapphire-semantic-color-border-primary-hover);--sapphire-semantic-color-border-control-default: var(--sapphire-semantic-color-border-primary-default);--sapphire-semantic-color-background-spinner-secondary-default: var(--sapphire-semantic-color-background-action-primary-default);--sapphire-semantic-color-background-spinner-primary-default: var(--sapphire-semantic-color-content-default-primary);--sapphire-semantic-color-background-popover-default: var(--sapphire-semantic-color-background-surface);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-semantic-color-background-negative-secondary-active);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-semantic-color-background-negative-secondary-hover);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-semantic-color-background-negative-secondary-default);--sapphire-semantic-color-border-field-default: var(--sapphire-semantic-color-border-control-default)}@media screen and (min-width: 768px){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-size-width-panel-sm: var(--sapphire-global-size-generic-1120);--sapphire-semantic-size-width-panel-lg: var(--sapphire-global-size-generic-1600)}}@media (prefers-reduced-motion){.sapphire-theme-default,:host,.sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary,.sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-semantic-time-motion-very-slow: var(--sapphire-global-time-2000);--sapphire-semantic-time-motion-slow: 0s;--sapphire-semantic-time-motion-default: 0s;--sapphire-semantic-time-motion-quick: 0s}}.sapphire-theme-default.sapphire-theme--secondary,.sapphire-theme-default .sapphire-theme--secondary,:host .sapphire-theme--secondary,:host ::ng-deep .sapphire-theme--secondary{--sapphire-semantic-color-background-action-secondary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-secondary-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-secondary-ghost-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-secondary-ghost-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-tertiary-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-tertiary-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-tertiary-ghost-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-action-tertiary-ghost-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-action-danger-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-action-danger-hover: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-action-danger-active: var(--sapphire-global-color-red-125);--sapphire-semantic-color-background-action-danger-ghost-hover: var(--sapphire-global-color-red-100);--sapphire-semantic-color-background-action-danger-ghost-active: var(--sapphire-global-color-red-125);--sapphire-semantic-color-background-selection-selected-default: var(--sapphire-global-color-sapphire-900-4p);--sapphire-semantic-color-background-selection-unselected-default: var(--sapphire-global-color-neutral-white);--sapphire-semantic-color-background-selection-unselected-hover: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-selection-unselected-active: var(--sapphire-global-color-sapphire-125);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-50)}.sapphire-theme-default.sapphire-theme--contrast,.sapphire-theme-default .sapphire-theme--contrast,:host .sapphire-theme--contrast,:host ::ng-deep .sapphire-theme--contrast{--sapphire-global-color-sapphire-25: hsl(202, 100%, 7%);--sapphire-global-color-sapphire-50: hsl(203, 100%, 9%);--sapphire-global-color-sapphire-75: hsl(202, 100%, 10%);--sapphire-global-color-sapphire-100: hsl(202, 100%, 11%);--sapphire-global-color-sapphire-125: hsl(201, 82%, 13%);--sapphire-global-color-sapphire-150: hsl(202, 68%, 16%);--sapphire-global-color-sapphire-200: hsl(203, 50%, 21%);--sapphire-global-color-sapphire-250: hsl(204, 41%, 25%);--sapphire-global-color-sapphire-300: hsl(204, 32%, 29%);--sapphire-global-color-sapphire-350: hsl(203, 27%, 33%);--sapphire-global-color-sapphire-400: hsl(205, 23%, 37%);--sapphire-global-color-sapphire-450: hsl(205, 19%, 41%);--sapphire-global-color-sapphire-500: hsl(205, 16%, 46%);--sapphire-global-color-sapphire-550: hsl(206, 16%, 50%);--sapphire-global-color-sapphire-600: hsl(206, 15%, 56%);--sapphire-global-color-sapphire-650: hsl(206, 16%, 61%);--sapphire-global-color-sapphire-700: hsl(209, 17%, 66%);--sapphire-global-color-sapphire-750: hsl(207, 16%, 73%);--sapphire-global-color-sapphire-800: hsl(208, 18%, 79%);--sapphire-global-color-sapphire-850: hsl(208, 18%, 86%);--sapphire-global-color-sapphire-875: hsl(210, 19%, 90%);--sapphire-global-color-sapphire-900: hsl(210, 24%, 93%);--sapphire-global-color-sapphire-925: hsl(210, 23%, 95%);--sapphire-global-color-sapphire-950: hsl(216, 29%, 97%);--sapphire-global-color-sapphire-975: hsl(220, 33%, 98%);--sapphire-global-color-sapphire-900-70p: hsla(210, 24%, 93%, .3);--sapphire-global-color-blue-25: hsl(202, 100%, 7%);--sapphire-global-color-blue-50: hsl(203, 100%, 9%);--sapphire-global-color-blue-75: hsl(203, 100%, 10%);--sapphire-global-color-blue-100: hsl(202, 100%, 11%);--sapphire-global-color-blue-125: hsl(203, 100%, 13%);--sapphire-global-color-blue-150: hsl(203, 100%, 15%);--sapphire-global-color-blue-200: hsl(203, 100%, 19%);--sapphire-global-color-blue-250: hsl(202, 100%, 22%);--sapphire-global-color-blue-300: hsl(203, 100%, 25%);--sapphire-global-color-blue-350: hsl(203, 100%, 29%);--sapphire-global-color-blue-400: hsl(203, 100%, 32%);--sapphire-global-color-blue-450: hsl(203, 100%, 35%);--sapphire-global-color-blue-500: hsl(203, 100%, 39%);--sapphire-global-color-blue-550: hsl(203, 90%, 44%);--sapphire-global-color-blue-600: hsl(203, 80%, 50%);--sapphire-global-color-blue-650: hsl(203, 75%, 57%);--sapphire-global-color-blue-700: hsl(203, 70%, 65%);--sapphire-global-color-blue-750: hsl(203, 64%, 72%);--sapphire-global-color-blue-800: hsl(203, 65%, 79%);--sapphire-global-color-blue-850: hsl(203, 64%, 86%);--sapphire-global-color-blue-875: hsl(204, 65%, 90%);--sapphire-global-color-blue-900: hsl(203, 64%, 94%);--sapphire-global-color-blue-925: hsl(206, 67%, 95%);--sapphire-global-color-blue-950: hsl(202, 65%, 97%);--sapphire-global-color-blue-975: hsl(204, 56%, 98%);--sapphire-global-color-green-25: hsl(159, 100%, 5%);--sapphire-global-color-green-50: hsl(159, 100%, 6%);--sapphire-global-color-green-75: hsl(159, 100%, 7%);--sapphire-global-color-green-100: hsl(159, 100%, 7%);--sapphire-global-color-green-125: hsl(159, 100%, 9%);--sapphire-global-color-green-150: hsl(158, 100%, 10%);--sapphire-global-color-green-200: hsl(159, 100%, 13%);--sapphire-global-color-green-250: hsl(159, 100%, 15%);--sapphire-global-color-green-300: hsl(159, 100%, 17%);--sapphire-global-color-green-350: hsl(159, 100%, 19%);--sapphire-global-color-green-400: hsl(159, 100%, 22%);--sapphire-global-color-green-450: hsl(159, 100%, 24%);--sapphire-global-color-green-500: hsl(159, 100%, 27%);--sapphire-global-color-green-550: hsl(159, 71%, 34%);--sapphire-global-color-green-600: hsl(159, 51%, 42%);--sapphire-global-color-green-650: hsl(159, 37%, 50%);--sapphire-global-color-green-700: hsl(159, 36%, 57%);--sapphire-global-color-green-750: hsl(159, 36%, 66%);--sapphire-global-color-green-800: hsl(160, 36%, 74%);--sapphire-global-color-green-850: hsl(159, 36%, 83%);--sapphire-global-color-green-875: hsl(159, 37%, 88%);--sapphire-global-color-green-900: hsl(159, 35%, 92%);--sapphire-global-color-green-925: hsl(162, 33%, 94%);--sapphire-global-color-green-950: hsl(158, 40%, 96%);--sapphire-global-color-green-975: hsl(150, 40%, 98%);--sapphire-global-color-red-25: hsl(0, 33%, 10%);--sapphire-global-color-red-50: hsl(355, 38%, 12%);--sapphire-global-color-red-75: hsl(356, 41%, 14%);--sapphire-global-color-red-100: hsl(355, 43%, 15%);--sapphire-global-color-red-125: hsl(354, 44%, 18%);--sapphire-global-color-red-150: hsl(353, 48%, 21%);--sapphire-global-color-red-200: hsl(353, 50%, 26%);--sapphire-global-color-red-250: hsl(351, 54%, 31%);--sapphire-global-color-red-300: hsl(351, 55%, 35%);--sapphire-global-color-red-350: hsl(350, 57%, 39%);--sapphire-global-color-red-400: hsl(349, 60%, 44%);--sapphire-global-color-red-450: hsl(349, 61%, 48%);--sapphire-global-color-red-500: hsl(348, 72%, 53%);--sapphire-global-color-red-550: hsl(351, 73%, 59%);--sapphire-global-color-red-600: hsl(353, 75%, 65%);--sapphire-global-color-red-650: hsl(355, 79%, 71%);--sapphire-global-color-red-700: hsl(356, 82%, 76%);--sapphire-global-color-red-750: hsl(357, 88%, 81%);--sapphire-global-color-red-800: hsl(358, 92%, 86%);--sapphire-global-color-red-850: hsl(359, 100%, 91%);--sapphire-global-color-red-875: hsl(358, 100%, 94%);--sapphire-global-color-red-900: hsl(357, 100%, 96%);--sapphire-global-color-red-925: hsl(356, 100%, 97%);--sapphire-global-color-red-950: hsl(355, 100%, 98%);--sapphire-global-color-red-975: hsl(0, 100%, 99%);--sapphire-global-color-secondary-aqua-50: hsl(192, 82%, 34%);--sapphire-global-color-secondary-aqua-100: hsl(192, 66%, 42%);--sapphire-global-color-secondary-aqua-150: hsl(192, 48%, 54%);--sapphire-global-color-secondary-aqua-200: hsl(192, 49%, 67%);--sapphire-global-color-secondary-aqua-300: hsl(191, 55%, 79%);--sapphire-global-color-secondary-aqua-400: hsl(192, 56%, 86%);--sapphire-global-color-secondary-aqua-500: hsl(190, 57%, 92%);--sapphire-global-color-secondary-aqua-600: hsl(190, 60%, 96%);--sapphire-global-color-secondary-copper-50: hsl(16, 54%, 47%);--sapphire-global-color-secondary-copper-100: hsl(16, 57%, 55%);--sapphire-global-color-secondary-copper-150: hsl(16, 56%, 65%);--sapphire-global-color-secondary-copper-200: hsl(16, 57%, 75%);--sapphire-global-color-secondary-copper-300: hsl(15, 56%, 85%);--sapphire-global-color-secondary-copper-400: hsl(16, 56%, 89%);--sapphire-global-color-secondary-copper-500: hsl(15, 57%, 95%);--sapphire-global-color-secondary-copper-600: hsl(17, 54%, 97%);--sapphire-global-color-secondary-electro-50: hsl(206, 32%, 46%);--sapphire-global-color-secondary-electro-100: hsl(206, 31%, 54%);--sapphire-global-color-secondary-electro-150: hsl(206, 31%, 63%);--sapphire-global-color-secondary-electro-200: hsl(206, 32%, 73%);--sapphire-global-color-secondary-electro-300: hsl(207, 38%, 84%);--sapphire-global-color-secondary-electro-400: hsl(207, 39%, 89%);--sapphire-global-color-secondary-electro-500: hsl(206, 44%, 94%);--sapphire-global-color-secondary-electro-600: hsl(204, 33%, 97%);--sapphire-global-color-secondary-indigo-50: hsl(224, 81%, 59%);--sapphire-global-color-secondary-indigo-100: hsl(224, 100%, 66%);--sapphire-global-color-secondary-indigo-150: hsl(224, 100%, 74%);--sapphire-global-color-secondary-indigo-200: hsl(223, 100%, 81%);--sapphire-global-color-secondary-indigo-300: hsl(224, 100%, 88%);--sapphire-global-color-secondary-indigo-400: hsl(225, 100%, 92%);--sapphire-global-color-secondary-indigo-500: hsl(224, 100%, 96%);--sapphire-global-color-secondary-indigo-600: hsl(224, 100%, 98%);--sapphire-global-color-secondary-lime-50: hsl(76, 100%, 25%);--sapphire-global-color-secondary-lime-100: hsl(74, 100%, 29%);--sapphire-global-color-secondary-lime-150: hsl(73, 52%, 44%);--sapphire-global-color-secondary-lime-200: hsl(74, 42%, 59%);--sapphire-global-color-secondary-lime-300: hsl(74, 46%, 74%);--sapphire-global-color-secondary-lime-400: hsl(74, 52%, 81%);--sapphire-global-color-secondary-lime-500: hsl(74, 61%, 89%);--sapphire-global-color-secondary-lime-600: hsl(73, 66%, 94%);--sapphire-global-color-secondary-pink-50: hsl(333, 53%, 52%);--sapphire-global-color-secondary-pink-100: hsl(333, 65%, 61%);--sapphire-global-color-secondary-pink-150: hsl(333, 66%, 69%);--sapphire-global-color-secondary-pink-200: hsl(333, 67%, 78%);--sapphire-global-color-secondary-pink-300: hsl(332, 69%, 86%);--sapphire-global-color-secondary-pink-400: hsl(333, 70%, 91%);--sapphire-global-color-secondary-pink-500: hsl(330, 62%, 95%);--sapphire-global-color-secondary-pink-600: hsl(330, 71%, 97%);--sapphire-global-color-secondary-violet-50: hsl(245, 60%, 63%);--sapphire-global-color-secondary-violet-100: hsl(245, 75%, 70%);--sapphire-global-color-secondary-violet-150: hsl(245, 74%, 76%);--sapphire-global-color-secondary-violet-200: hsl(246, 75%, 83%);--sapphire-global-color-secondary-violet-300: hsl(248, 74%, 89%);--sapphire-global-color-secondary-violet-400: hsl(246, 74%, 93%);--sapphire-global-color-secondary-violet-500: hsl(244, 70%, 96%);--sapphire-global-color-secondary-violet-600: hsl(248, 80%, 98%);--sapphire-semantic-color-background-field-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-control-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-control-special-primary-default: var(--sapphire-global-color-sapphire-50);--sapphire-semantic-color-background-control-special-secondary-default: var(--sapphire-global-color-sapphire-200);--sapphire-semantic-color-background-surface: var(--sapphire-global-color-sapphire-100);--sapphire-semantic-color-background-popover-default: var(--sapphire-global-color-sapphire-25);--sapphire-semantic-color-content-default-primary: var(--sapphire-global-color-neutral-white)}::ng-deep .cdk-overlay-container,::ng-deep .cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}::ng-deep .cdk-overlay-container{position:fixed;z-index:1000}::ng-deep .cdk-overlay-container:empty{display:none}::ng-deep .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}::ng-deep .cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}::ng-deep .cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active ::ng-deep .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}::ng-deep .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}::ng-deep .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}::ng-deep .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}::ng-deep .cdk-overlay-backdrop-noop-animation{transition:none}::ng-deep .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}::ng-deep .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}::ng-deep .cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] ::ng-deep .cdk-visually-hidden{left:auto;right:0}\n"] }]
5799
5799
  }] });
5800
5800
  /**
5801
5801
  * Sapphire default theme
@@ -6304,9 +6304,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
6304
6304
  args: ['style.max-width']
6305
6305
  }] } });
6306
6306
 
6307
+ class TableFooterDirective {
6308
+ constructor() { }
6309
+ }
6310
+ TableFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
6311
+ TableFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: TableFooterDirective, selector: "tfoot[sp-table-tfoot]", host: { classAttribute: "sapphire-table__tfoot" }, hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0 });
6312
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableFooterDirective, decorators: [{
6313
+ type: Directive,
6314
+ args: [{
6315
+ selector: 'tfoot[sp-table-tfoot]',
6316
+ host: {
6317
+ class: 'sapphire-table__tfoot',
6318
+ },
6319
+ hostDirectives: [UseComponentStyles],
6320
+ }]
6321
+ }], ctorParameters: function () { return []; } });
6322
+
6307
6323
  class TableRowDirective {
6308
6324
  onRowClick() {
6309
- if (!this.disabled) {
6325
+ if (!this.disabled && !this._footer) {
6310
6326
  this.table.rowAction.emit({
6311
6327
  index: this.table.rows?.toArray().findIndex((row) => row === this) ?? -1,
6312
6328
  rowData: this.rowData,
@@ -6317,8 +6333,9 @@ class TableRowDirective {
6317
6333
  const index = this.cells.toArray().indexOf(cell);
6318
6334
  return this.table.headCells?.toArray()[index];
6319
6335
  }
6320
- constructor(table) {
6336
+ constructor(table, _footer) {
6321
6337
  this.table = table;
6338
+ this._footer = _footer;
6322
6339
  this.cells = new QueryList();
6323
6340
  this.rowData = null;
6324
6341
  this.disabled = false;
@@ -6335,8 +6352,8 @@ class TableRowDirective {
6335
6352
  this.highlighted = false;
6336
6353
  }
6337
6354
  }
6338
- TableRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableRowDirective, deps: [{ token: forwardRef(() => TableComponent) }], target: i0.ɵɵFactoryTarget.Directive });
6339
- TableRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: TableRowDirective, selector: "tr[sp-table-tr]", inputs: { rowData: "rowData", disabled: "disabled", selected: "selected", highlighted: "highlighted" }, host: { listeners: { "click": "onRowClick()" }, properties: { "class.sapphire-table__row--selected": "selected", "class.sapphire-table__row--highlighted": "highlighted", "attr.aria-selected": "selected || null", "class.js-hover": "disabled" }, classAttribute: "sapphire-table__row" }, queries: [{ propertyName: "cells", predicate: TableCellDirective }], hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0 });
6355
+ TableRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableRowDirective, deps: [{ token: forwardRef(() => TableComponent) }, { token: TableFooterDirective, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
6356
+ TableRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: TableRowDirective, selector: "tr[sp-table-tr]", inputs: { rowData: "rowData", disabled: "disabled", selected: "selected", highlighted: "highlighted" }, host: { listeners: { "click": "onRowClick()" }, properties: { "class.sapphire-table__row--selected": "selected", "class.sapphire-table__row--highlighted": "highlighted", "attr.aria-selected": "selected || null", "class.js-hover": "disabled||_footer" }, classAttribute: "sapphire-table__row" }, queries: [{ propertyName: "cells", predicate: TableCellDirective }], hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0 });
6340
6357
  __decorate([
6341
6358
  CoerceBoolean
6342
6359
  ], TableRowDirective.prototype, "disabled", void 0);
@@ -6360,13 +6377,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
6360
6377
  '[class.sapphire-table__row--selected]': 'selected',
6361
6378
  '[class.sapphire-table__row--highlighted]': 'highlighted',
6362
6379
  '[attr.aria-selected]': 'selected || null',
6363
- '[class.js-hover]': 'disabled',
6380
+ '[class.js-hover]': 'disabled||_footer',
6364
6381
  },
6365
6382
  hostDirectives: [UseComponentStyles],
6366
6383
  }]
6367
6384
  }], ctorParameters: function () { return [{ type: TableComponent, decorators: [{
6368
6385
  type: Inject,
6369
6386
  args: [forwardRef(() => TableComponent)]
6387
+ }] }, { type: TableFooterDirective, decorators: [{
6388
+ type: Optional
6370
6389
  }] }]; }, propDecorators: { cells: [{
6371
6390
  type: ContentChildren,
6372
6391
  args: [TableCellDirective]
@@ -6389,7 +6408,7 @@ class TableDirective {
6389
6408
  }
6390
6409
  }
6391
6410
  TableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableDirective, deps: [{ token: TableComponent }], target: i0.ɵɵFactoryTarget.Directive });
6392
- TableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: TableDirective, selector: "table[sp-table]", host: { properties: { "class.sapphire-table__table--spacing-sm": "_table.cellSpacing === \"sm\"", "class.sapphire-table__table--spacing-lg": "_table.cellSpacing === \"lg\"", "class.sapphire-table__table--spacing-xl": "_table.cellSpacing === \"xl\"" }, classAttribute: "sapphire-table__table" }, hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0 });
6411
+ TableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: TableDirective, selector: "table[sp-table]", host: { properties: { "class.sapphire-table__table--spacing-sm": "_table.cellSpacing === \"sm\"", "class.sapphire-table__table--spacing-lg": "_table.cellSpacing === \"lg\"", "class.sapphire-table__table--spacing-xl": "_table.cellSpacing === \"xl\"", "class.sapphire-table__table--fixed-layout": "_table.layout === \"fixed\"" }, classAttribute: "sapphire-table__table" }, hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0 });
6393
6412
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableDirective, decorators: [{
6394
6413
  type: Directive,
6395
6414
  args: [{
@@ -6399,6 +6418,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
6399
6418
  '[class.sapphire-table__table--spacing-sm]': '_table.cellSpacing === "sm"',
6400
6419
  '[class.sapphire-table__table--spacing-lg]': '_table.cellSpacing === "lg"',
6401
6420
  '[class.sapphire-table__table--spacing-xl]': '_table.cellSpacing === "xl"',
6421
+ '[class.sapphire-table__table--fixed-layout]': '_table.layout === "fixed"',
6402
6422
  },
6403
6423
  hostDirectives: [UseComponentStyles],
6404
6424
  }]
@@ -6431,11 +6451,11 @@ class TableComponent {
6431
6451
  }
6432
6452
  }
6433
6453
  TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6434
- TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: TableComponent, selector: "sp-table", inputs: { stickyHeader: "stickyHeader", cellOverflow: "cellOverflow", height: "height", maxHeight: "maxHeight", cellSpacing: "cellSpacing" }, outputs: { rowAction: "rowAction" }, host: { properties: { "style.height": "height", "style.max-height": "maxHeight", "class.sapphire-table--overflow": "height || maxHeight", "class.sapphire-table--interactive": "isInteractive" }, classAttribute: "sapphire-table" }, queries: [{ propertyName: "table", first: true, predicate: TableDirective, descendants: true }, { propertyName: "rows", predicate: TableRowDirective, descendants: true }, { propertyName: "headCells", predicate: TableHeadCellComponent, descendants: true }], hostDirectives: [{ directive: UseComponentStylesOnHost }], ngImport: i0, template: `
6454
+ TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: TableComponent, selector: "sp-table", inputs: { stickyHeader: "stickyHeader", cellOverflow: "cellOverflow", height: "height", maxHeight: "maxHeight", cellSpacing: "cellSpacing", layout: "layout" }, outputs: { rowAction: "rowAction" }, host: { properties: { "style.height": "height", "style.max-height": "maxHeight", "class.sapphire-table--overflow": "height || maxHeight", "class.sapphire-table--interactive": "isInteractive" }, classAttribute: "sapphire-table" }, queries: [{ propertyName: "table", first: true, predicate: TableDirective, descendants: true }, { propertyName: "rows", predicate: TableRowDirective, descendants: true }, { propertyName: "headCells", predicate: TableHeadCellComponent, descendants: true }], hostDirectives: [{ directive: UseComponentStylesOnHost }], ngImport: i0, template: `
6435
6455
  <ng-container>
6436
6456
  <ng-content select="table"></ng-content>
6437
6457
  </ng-container>
6438
- `, isInline: true, styles: [".sapphire-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table--overflow{overflow:auto}.sapphire-table__table{border-collapse:collapse;border-spacing:0;width:100%}.sapphire-table-sortedIcon,.sapphire-table-sortableIcon{display:inline-flex;visibility:hidden;vertical-align:top}.sapphire-table__head{top:0;z-index:2;line-height:var(--sapphire-semantic-size-line-height-md);background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table__head--sticky{position:sticky}.sapphire-table__cell--alignLeft{text-align:left}.sapphire-table__cell--alignCenter{text-align:center}.sapphire-table__cell--alignRight{text-align:end}.sapphire-table__cell-wrapper .sapphire-table__cell--alignLeft{justify-content:flex-start}.sapphire-table__cell-wrapper .sapphire-table__cell--alignCenter{justify-content:center}.sapphire-table__cell-wrapper .sapphire-table__cell--alignRight{justify-content:flex-end}.sapphire-table__headCell{color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-text-md);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);line-height:var(--sapphire-semantic-size-line-height-md);vertical-align:top}.sapphire-table__headCell_container{padding:var(--sapphire-semantic-size-spacing-20);display:inline-flex;align-items:center;box-sizing:border-box;width:100%}.sapphire-table__cell--alignRight .sapphire-table__headCell_container{justify-content:flex-end}.sapphire-table__cell--alignLeft .sapphire-table__headCell_container{justify-content:flex-start}.sapphire-table__cell--alignCenter .sapphire-table__headCell_container{justify-content:center}.sapphire-table__row,.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{outline:none;position:relative;z-index:1}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container,.sapphire-table__cell.is-focus,.sapphire-table__cell:not(.js-focus):focus-visible,.sapphire-table__selectionCell.is-focus,.sapphire-table__selectionCell:not(.js-focus):focus-visible,.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible{outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container{border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable.is-hover .sapphire-table__headCell_container,.sapphire-table__headCell.sapphire-table__headCell--sortable:not(.js-hover):hover .sapphire-table__headCell_container{background-color:var(--sapphire-semantic-color-background-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable{cursor:pointer}.sapphire-table__headCell--sortable:not(sapphire-table__headCell--sorted):hover .sapphire-table-sortableIcon{visibility:visible}.sapphire-table__headCell--sorted .sapphire-table-sortedIcon{visibility:visible;padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell .sapphire-table-sortedIcon,.sapphire-table__headCell .sapphire-table-sortableIcon{padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell--alignRight .sapphire-table-sortedIcon,.sapphire-table__cell--alignRight .sapphire-table-sortableIcon{padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell__text,.sapphire-table__headCell__icon{vertical-align:top;display:inline-block}.sapphire-table__body{position:relative;overflow:auto}.sapphire-table__cell{box-sizing:border-box;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular)}.sapphire-table__cell-contents{display:block;width:100%}.sapphire-table__cell--ellipsed,.sapphire-table__headCell_content--ellipsed,.sapphire-table__cell--ellipsed .sapphire-table__cell-contents{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sapphire-table__table--spacing-sm .sapphire-table__cell,.sapphire-table__table--spacing-sm .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__table--spacing-lg .sapphire-table__cell,.sapphire-table__table--spacing-lg .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-40);padding-bottom:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__table--spacing-xl .sapphire-table__cell,.sapphire-table__table--spacing-xl .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-global-size-generic-50);padding-bottom:var(--sapphire-global-size-generic-50)}.sapphire-table__cell,.sapphire-table__selectionCell{font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-20)}.sapphire-table__selectionCell{line-height:0;width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell-wrapper .sapphire-table__selectionCell{width:unset;min-width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell:first-child,.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__cell,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__cell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__cell{padding-right:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__headCell:first-child,.sapphire-table__cell-wrapper:first-child .sapphire-table__headCell{padding-left:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-right:var(--sapphire-semantic-size-spacing-30)}.sapphire-table__headCell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__headCell{padding-right:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__tfoot .sapphire-table__cell{font-weight:var(--sapphire-semantic-font-weight-default-bold)}.sapphire-table__cell-wrapper>.sapphire-table__cell,.sapphire-table__cell-wrapper>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__head .sapphire-table__selectionCell{padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell-wrapper .sapphire-table__headCell{padding-left:0;padding-right:0}.sapphire-table__cell-wrapper .sapphire-table__cell,.sapphire-table__cell-wrapper .sapphire-table__headCell,.sapphire-table__cell-wrapper .sapphire-table__selectionCell{display:flex;align-items:center;height:100%;box-sizing:border-box}.sapphire-table__row{position:relative;border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row--active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)!important}.sapphire-table__row--selected{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible,.sapphire-table__row.sapphire-table__row--expanded{border-bottom-color:transparent}.sapphire-table__row-expanded-view{border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row-expand-button{display:inline-flex;transition:transform ease-in-out var(--sapphire-semantic-time-motion-quick);margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table td:has(.sapphire-table__row-expand-button){width:0}.sapphire-table__row--expanded .sapphire-table__row-expand-button{transform:rotate(180deg)}.sapphire-table--without-last-divider .sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible):last-child{border-bottom-color:transparent}.sapphire-table--interactive .sapphire-table__row,.sapphire-table__row--interactive{cursor:default}.sapphire-table--interactive .sapphire-table__row.is-hover,.sapphire-table__row--interactive.is-hover,.sapphire-table--interactive .sapphire-table__row:not(.js-hover):hover,.sapphire-table__row--interactive:not(.js-hover):hover{background-color:var(--sapphire-semantic-color-background-action-secondary-default);cursor:pointer}.sapphire-table__row--highlighted{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row--highlighted>*:first-child{box-shadow:inset var(--sapphire-global-size-generic-5) 0 0 0 var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-table__tfoot{position:relative;z-index:2;background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__selection-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__footer{position:relative;z-index:2;margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__footer--sticky{position:sticky;bottom:0;left:0}.sapphire-table__footer--virtualized{position:absolute;z-index:2;bottom:0;right:0;left:0}sp-table{display:block}\n"] });
6458
+ `, isInline: true, styles: [".sapphire-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table--overflow{overflow:auto}.sapphire-table__table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:auto}.sapphire-table__table--fixed-layout{table-layout:fixed}.sapphire-table-sortedIcon,.sapphire-table-sortableIcon{display:inline-flex;visibility:hidden;vertical-align:top}.sapphire-table__head{top:0;z-index:2;line-height:var(--sapphire-semantic-size-line-height-md);background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table__head--sticky{position:sticky}.sapphire-table__cell--alignLeft{text-align:left}.sapphire-table__cell--alignCenter{text-align:center}.sapphire-table__cell--alignRight{text-align:end}.sapphire-table__cell-wrapper .sapphire-table__cell--alignLeft{justify-content:flex-start}.sapphire-table__cell-wrapper .sapphire-table__cell--alignCenter{justify-content:center}.sapphire-table__cell-wrapper .sapphire-table__cell--alignRight{justify-content:flex-end}.sapphire-table__headCell{color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-text-md);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);line-height:var(--sapphire-semantic-size-line-height-md);vertical-align:top}.sapphire-table__headCell_container{padding:var(--sapphire-semantic-size-spacing-20);display:inline-flex;align-items:center;box-sizing:border-box;width:100%}.sapphire-table__cell--alignRight .sapphire-table__headCell_container{justify-content:flex-end}.sapphire-table__cell--alignLeft .sapphire-table__headCell_container{justify-content:flex-start}.sapphire-table__cell--alignCenter .sapphire-table__headCell_container{justify-content:center}.sapphire-table__row,.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{outline:none;position:relative;z-index:1}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container,.sapphire-table__cell.is-focus,.sapphire-table__cell:not(.js-focus):focus-visible,.sapphire-table__selectionCell.is-focus,.sapphire-table__selectionCell:not(.js-focus):focus-visible,.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible{outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container{border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable.is-hover .sapphire-table__headCell_container,.sapphire-table__headCell.sapphire-table__headCell--sortable:not(.js-hover):hover .sapphire-table__headCell_container{background-color:var(--sapphire-semantic-color-background-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable{cursor:pointer}.sapphire-table__headCell--sortable:not(sapphire-table__headCell--sorted):hover .sapphire-table-sortableIcon{visibility:visible}.sapphire-table__headCell--sorted .sapphire-table-sortedIcon{visibility:visible;padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell .sapphire-table-sortedIcon,.sapphire-table__headCell .sapphire-table-sortableIcon{padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell--alignRight .sapphire-table-sortedIcon,.sapphire-table__cell--alignRight .sapphire-table-sortableIcon{padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell__text,.sapphire-table__headCell__icon{vertical-align:top;display:inline-block}.sapphire-table__body{position:relative;overflow:auto}.sapphire-table__cell{box-sizing:border-box;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow-wrap:break-word}.sapphire-table__cell-contents{display:block;width:100%;overflow-wrap:break-word}.sapphire-table__cell--ellipsed,.sapphire-table__headCell_content--ellipsed,.sapphire-table__cell--ellipsed .sapphire-table__cell-contents{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sapphire-table__table--spacing-sm .sapphire-table__cell,.sapphire-table__table--spacing-sm .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__table--spacing-lg .sapphire-table__cell,.sapphire-table__table--spacing-lg .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-40);padding-bottom:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__table--spacing-xl .sapphire-table__cell,.sapphire-table__table--spacing-xl .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-global-size-generic-50);padding-bottom:var(--sapphire-global-size-generic-50)}.sapphire-table__cell,.sapphire-table__selectionCell{font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-20)}.sapphire-table__selectionCell{line-height:0;width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell-wrapper .sapphire-table__selectionCell{width:unset;min-width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell:first-child,.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__cell,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__cell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__cell{padding-right:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__headCell:first-child,.sapphire-table__cell-wrapper:first-child .sapphire-table__headCell{padding-left:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-right:var(--sapphire-semantic-size-spacing-30)}.sapphire-table__headCell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__headCell{padding-right:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__tfoot .sapphire-table__cell{font-weight:var(--sapphire-semantic-font-weight-default-bold)}.sapphire-table__cell-wrapper>.sapphire-table__cell,.sapphire-table__cell-wrapper>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__head .sapphire-table__selectionCell{padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell-wrapper .sapphire-table__headCell{padding-left:0;padding-right:0}.sapphire-table__cell-wrapper .sapphire-table__cell,.sapphire-table__cell-wrapper .sapphire-table__headCell,.sapphire-table__cell-wrapper .sapphire-table__selectionCell{display:flex;align-items:center;height:100%;box-sizing:border-box}.sapphire-table__row{position:relative;border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row--active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)!important}.sapphire-table__row--selected{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible,.sapphire-table__row.sapphire-table__row--expanded{border-bottom-color:transparent}.sapphire-table__row-expanded-view{border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row-expand-button{display:inline-flex;transition:transform ease-in-out var(--sapphire-semantic-time-motion-quick);margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table td:has(.sapphire-table__row-expand-button){width:0}.sapphire-table__row--expanded .sapphire-table__row-expand-button{transform:rotate(180deg)}.sapphire-table--without-last-divider .sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible):last-child{border-bottom-color:transparent}.sapphire-table--interactive .sapphire-table__row,.sapphire-table__row--interactive{cursor:default}.sapphire-table--interactive .sapphire-table__row.is-hover,.sapphire-table__row--interactive.is-hover,.sapphire-table--interactive .sapphire-table__row:not(.js-hover):hover,.sapphire-table__row--interactive:not(.js-hover):hover{background-color:var(--sapphire-semantic-color-background-action-secondary-default);cursor:pointer}.sapphire-table__row--highlighted{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row--highlighted>*:first-child{box-shadow:inset var(--sapphire-global-size-generic-5) 0 0 0 var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-table__tfoot{position:relative;z-index:2;background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__selection-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-action-secondary-default);position:sticky;top:0;left:0;z-index:3}.sapphire-table__footer{position:relative;z-index:2;margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__footer--sticky{position:sticky;bottom:0;left:0}.sapphire-table__footer--virtualized{position:absolute;z-index:2;bottom:0;right:0;left:0}sp-table{display:block}\n"] });
6439
6459
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableComponent, decorators: [{
6440
6460
  type: Component,
6441
6461
  args: [{ selector: 'sp-table', template: `
@@ -6448,7 +6468,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
6448
6468
  '[style.max-height]': 'maxHeight',
6449
6469
  '[class.sapphire-table--overflow]': 'height || maxHeight',
6450
6470
  '[class.sapphire-table--interactive]': 'isInteractive',
6451
- }, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table--overflow{overflow:auto}.sapphire-table__table{border-collapse:collapse;border-spacing:0;width:100%}.sapphire-table-sortedIcon,.sapphire-table-sortableIcon{display:inline-flex;visibility:hidden;vertical-align:top}.sapphire-table__head{top:0;z-index:2;line-height:var(--sapphire-semantic-size-line-height-md);background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table__head--sticky{position:sticky}.sapphire-table__cell--alignLeft{text-align:left}.sapphire-table__cell--alignCenter{text-align:center}.sapphire-table__cell--alignRight{text-align:end}.sapphire-table__cell-wrapper .sapphire-table__cell--alignLeft{justify-content:flex-start}.sapphire-table__cell-wrapper .sapphire-table__cell--alignCenter{justify-content:center}.sapphire-table__cell-wrapper .sapphire-table__cell--alignRight{justify-content:flex-end}.sapphire-table__headCell{color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-text-md);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);line-height:var(--sapphire-semantic-size-line-height-md);vertical-align:top}.sapphire-table__headCell_container{padding:var(--sapphire-semantic-size-spacing-20);display:inline-flex;align-items:center;box-sizing:border-box;width:100%}.sapphire-table__cell--alignRight .sapphire-table__headCell_container{justify-content:flex-end}.sapphire-table__cell--alignLeft .sapphire-table__headCell_container{justify-content:flex-start}.sapphire-table__cell--alignCenter .sapphire-table__headCell_container{justify-content:center}.sapphire-table__row,.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{outline:none;position:relative;z-index:1}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container,.sapphire-table__cell.is-focus,.sapphire-table__cell:not(.js-focus):focus-visible,.sapphire-table__selectionCell.is-focus,.sapphire-table__selectionCell:not(.js-focus):focus-visible,.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible{outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container{border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable.is-hover .sapphire-table__headCell_container,.sapphire-table__headCell.sapphire-table__headCell--sortable:not(.js-hover):hover .sapphire-table__headCell_container{background-color:var(--sapphire-semantic-color-background-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable{cursor:pointer}.sapphire-table__headCell--sortable:not(sapphire-table__headCell--sorted):hover .sapphire-table-sortableIcon{visibility:visible}.sapphire-table__headCell--sorted .sapphire-table-sortedIcon{visibility:visible;padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell .sapphire-table-sortedIcon,.sapphire-table__headCell .sapphire-table-sortableIcon{padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell--alignRight .sapphire-table-sortedIcon,.sapphire-table__cell--alignRight .sapphire-table-sortableIcon{padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell__text,.sapphire-table__headCell__icon{vertical-align:top;display:inline-block}.sapphire-table__body{position:relative;overflow:auto}.sapphire-table__cell{box-sizing:border-box;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular)}.sapphire-table__cell-contents{display:block;width:100%}.sapphire-table__cell--ellipsed,.sapphire-table__headCell_content--ellipsed,.sapphire-table__cell--ellipsed .sapphire-table__cell-contents{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sapphire-table__table--spacing-sm .sapphire-table__cell,.sapphire-table__table--spacing-sm .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__table--spacing-lg .sapphire-table__cell,.sapphire-table__table--spacing-lg .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-40);padding-bottom:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__table--spacing-xl .sapphire-table__cell,.sapphire-table__table--spacing-xl .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-global-size-generic-50);padding-bottom:var(--sapphire-global-size-generic-50)}.sapphire-table__cell,.sapphire-table__selectionCell{font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-20)}.sapphire-table__selectionCell{line-height:0;width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell-wrapper .sapphire-table__selectionCell{width:unset;min-width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell:first-child,.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__cell,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__cell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__cell{padding-right:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__headCell:first-child,.sapphire-table__cell-wrapper:first-child .sapphire-table__headCell{padding-left:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-right:var(--sapphire-semantic-size-spacing-30)}.sapphire-table__headCell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__headCell{padding-right:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__tfoot .sapphire-table__cell{font-weight:var(--sapphire-semantic-font-weight-default-bold)}.sapphire-table__cell-wrapper>.sapphire-table__cell,.sapphire-table__cell-wrapper>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__head .sapphire-table__selectionCell{padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell-wrapper .sapphire-table__headCell{padding-left:0;padding-right:0}.sapphire-table__cell-wrapper .sapphire-table__cell,.sapphire-table__cell-wrapper .sapphire-table__headCell,.sapphire-table__cell-wrapper .sapphire-table__selectionCell{display:flex;align-items:center;height:100%;box-sizing:border-box}.sapphire-table__row{position:relative;border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row--active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)!important}.sapphire-table__row--selected{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible,.sapphire-table__row.sapphire-table__row--expanded{border-bottom-color:transparent}.sapphire-table__row-expanded-view{border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row-expand-button{display:inline-flex;transition:transform ease-in-out var(--sapphire-semantic-time-motion-quick);margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table td:has(.sapphire-table__row-expand-button){width:0}.sapphire-table__row--expanded .sapphire-table__row-expand-button{transform:rotate(180deg)}.sapphire-table--without-last-divider .sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible):last-child{border-bottom-color:transparent}.sapphire-table--interactive .sapphire-table__row,.sapphire-table__row--interactive{cursor:default}.sapphire-table--interactive .sapphire-table__row.is-hover,.sapphire-table__row--interactive.is-hover,.sapphire-table--interactive .sapphire-table__row:not(.js-hover):hover,.sapphire-table__row--interactive:not(.js-hover):hover{background-color:var(--sapphire-semantic-color-background-action-secondary-default);cursor:pointer}.sapphire-table__row--highlighted{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row--highlighted>*:first-child{box-shadow:inset var(--sapphire-global-size-generic-5) 0 0 0 var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-table__tfoot{position:relative;z-index:2;background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__selection-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__footer{position:relative;z-index:2;margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__footer--sticky{position:sticky;bottom:0;left:0}.sapphire-table__footer--virtualized{position:absolute;z-index:2;bottom:0;right:0;left:0}sp-table{display:block}\n"] }]
6471
+ }, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table--overflow{overflow:auto}.sapphire-table__table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:auto}.sapphire-table__table--fixed-layout{table-layout:fixed}.sapphire-table-sortedIcon,.sapphire-table-sortableIcon{display:inline-flex;visibility:hidden;vertical-align:top}.sapphire-table__head{top:0;z-index:2;line-height:var(--sapphire-semantic-size-line-height-md);background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table__head--sticky{position:sticky}.sapphire-table__cell--alignLeft{text-align:left}.sapphire-table__cell--alignCenter{text-align:center}.sapphire-table__cell--alignRight{text-align:end}.sapphire-table__cell-wrapper .sapphire-table__cell--alignLeft{justify-content:flex-start}.sapphire-table__cell-wrapper .sapphire-table__cell--alignCenter{justify-content:center}.sapphire-table__cell-wrapper .sapphire-table__cell--alignRight{justify-content:flex-end}.sapphire-table__headCell{color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-text-md);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);line-height:var(--sapphire-semantic-size-line-height-md);vertical-align:top}.sapphire-table__headCell_container{padding:var(--sapphire-semantic-size-spacing-20);display:inline-flex;align-items:center;box-sizing:border-box;width:100%}.sapphire-table__cell--alignRight .sapphire-table__headCell_container{justify-content:flex-end}.sapphire-table__cell--alignLeft .sapphire-table__headCell_container{justify-content:flex-start}.sapphire-table__cell--alignCenter .sapphire-table__headCell_container{justify-content:center}.sapphire-table__row,.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{outline:none;position:relative;z-index:1}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container,.sapphire-table__cell.is-focus,.sapphire-table__cell:not(.js-focus):focus-visible,.sapphire-table__selectionCell.is-focus,.sapphire-table__selectionCell:not(.js-focus):focus-visible,.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible{outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container{border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable.is-hover .sapphire-table__headCell_container,.sapphire-table__headCell.sapphire-table__headCell--sortable:not(.js-hover):hover .sapphire-table__headCell_container{background-color:var(--sapphire-semantic-color-background-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable{cursor:pointer}.sapphire-table__headCell--sortable:not(sapphire-table__headCell--sorted):hover .sapphire-table-sortableIcon{visibility:visible}.sapphire-table__headCell--sorted .sapphire-table-sortedIcon{visibility:visible;padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell .sapphire-table-sortedIcon,.sapphire-table__headCell .sapphire-table-sortableIcon{padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell--alignRight .sapphire-table-sortedIcon,.sapphire-table__cell--alignRight .sapphire-table-sortableIcon{padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell__text,.sapphire-table__headCell__icon{vertical-align:top;display:inline-block}.sapphire-table__body{position:relative;overflow:auto}.sapphire-table__cell{box-sizing:border-box;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow-wrap:break-word}.sapphire-table__cell-contents{display:block;width:100%;overflow-wrap:break-word}.sapphire-table__cell--ellipsed,.sapphire-table__headCell_content--ellipsed,.sapphire-table__cell--ellipsed .sapphire-table__cell-contents{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sapphire-table__table--spacing-sm .sapphire-table__cell,.sapphire-table__table--spacing-sm .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__table--spacing-lg .sapphire-table__cell,.sapphire-table__table--spacing-lg .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-40);padding-bottom:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__table--spacing-xl .sapphire-table__cell,.sapphire-table__table--spacing-xl .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-global-size-generic-50);padding-bottom:var(--sapphire-global-size-generic-50)}.sapphire-table__cell,.sapphire-table__selectionCell{font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-20)}.sapphire-table__selectionCell{line-height:0;width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell-wrapper .sapphire-table__selectionCell{width:unset;min-width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell:first-child,.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__cell,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__cell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__cell{padding-right:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__headCell:first-child,.sapphire-table__cell-wrapper:first-child .sapphire-table__headCell{padding-left:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-right:var(--sapphire-semantic-size-spacing-30)}.sapphire-table__headCell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__headCell{padding-right:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__tfoot .sapphire-table__cell{font-weight:var(--sapphire-semantic-font-weight-default-bold)}.sapphire-table__cell-wrapper>.sapphire-table__cell,.sapphire-table__cell-wrapper>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__head .sapphire-table__selectionCell{padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell-wrapper .sapphire-table__headCell{padding-left:0;padding-right:0}.sapphire-table__cell-wrapper .sapphire-table__cell,.sapphire-table__cell-wrapper .sapphire-table__headCell,.sapphire-table__cell-wrapper .sapphire-table__selectionCell{display:flex;align-items:center;height:100%;box-sizing:border-box}.sapphire-table__row{position:relative;border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row--active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)!important}.sapphire-table__row--selected{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible,.sapphire-table__row.sapphire-table__row--expanded{border-bottom-color:transparent}.sapphire-table__row-expanded-view{border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row-expand-button{display:inline-flex;transition:transform ease-in-out var(--sapphire-semantic-time-motion-quick);margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table td:has(.sapphire-table__row-expand-button){width:0}.sapphire-table__row--expanded .sapphire-table__row-expand-button{transform:rotate(180deg)}.sapphire-table--without-last-divider .sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible):last-child{border-bottom-color:transparent}.sapphire-table--interactive .sapphire-table__row,.sapphire-table__row--interactive{cursor:default}.sapphire-table--interactive .sapphire-table__row.is-hover,.sapphire-table__row--interactive.is-hover,.sapphire-table--interactive .sapphire-table__row:not(.js-hover):hover,.sapphire-table__row--interactive:not(.js-hover):hover{background-color:var(--sapphire-semantic-color-background-action-secondary-default);cursor:pointer}.sapphire-table__row--highlighted{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row--highlighted>*:first-child{box-shadow:inset var(--sapphire-global-size-generic-5) 0 0 0 var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-table__tfoot{position:relative;z-index:2;background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__selection-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-action-secondary-default);position:sticky;top:0;left:0;z-index:3}.sapphire-table__footer{position:relative;z-index:2;margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__footer--sticky{position:sticky;bottom:0;left:0}.sapphire-table__footer--virtualized{position:absolute;z-index:2;bottom:0;right:0;left:0}sp-table{display:block}\n"] }]
6452
6472
  }], ctorParameters: function () { return []; }, propDecorators: { rowAction: [{
6453
6473
  type: Output
6454
6474
  }], stickyHeader: [{
@@ -6461,6 +6481,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
6461
6481
  type: Input
6462
6482
  }], cellSpacing: [{
6463
6483
  type: Input
6484
+ }], layout: [{
6485
+ type: Input
6464
6486
  }], rows: [{
6465
6487
  type: ContentChildren,
6466
6488
  args: [TableRowDirective, { descendants: true }]
@@ -6472,22 +6494,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
6472
6494
  args: [TableDirective, { descendants: true }]
6473
6495
  }] } });
6474
6496
 
6475
- class TableFooterDirective {
6476
- constructor() { }
6477
- }
6478
- TableFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
6479
- TableFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: TableFooterDirective, selector: "tfoot[sp-table-tfoot]", host: { classAttribute: "sapphire-table__tfoot" }, hostDirectives: [{ directive: UseComponentStyles }], ngImport: i0 });
6480
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableFooterDirective, decorators: [{
6481
- type: Directive,
6482
- args: [{
6483
- selector: 'tfoot[sp-table-tfoot]',
6484
- host: {
6485
- class: 'sapphire-table__tfoot',
6486
- },
6487
- hostDirectives: [UseComponentStyles],
6488
- }]
6489
- }], ctorParameters: function () { return []; } });
6490
-
6491
6497
  class TableBodyDirective {
6492
6498
  constructor() { }
6493
6499
  }