@oslokommune/punkt-css 12.12.2 → 12.12.4

package/dist/css/pkt-base.css

@@ -55,90 +55,90 @@
    * @tokens Colors
    * @presenter Color
    */
-  --pkt-color-brand-blue-100: #F1FDFF;
-  --pkt-color-brand-blue-200: #E5FCFF;
-  --pkt-color-brand-blue-300: #D1F9FF;
-  --pkt-color-brand-blue-500: #B3F5FF;
-  --pkt-color-brand-blue-1000: #6FE9FF;
-  --pkt-color-brand-dark-blue-700: #6A698B;
-  --pkt-color-brand-dark-blue-1000: #2A2859;
-  --pkt-color-brand-warm-blue-1000: #1F42AA;
-  --pkt-color-brand-green-400: #C7FDE9;
-  --pkt-color-brand-green-1000: #43F8B6;
-  --pkt-color-brand-light-green-400: #E5FFE6;
-  --pkt-color-brand-light-green-1000: #C7F6C9;
-  --pkt-color-brand-dark-green-1000: #034B45;
-  --pkt-color-brand-yellow-1000: #F9C66B;
-  --pkt-color-brand-yellow-500: #FFE7BC;
-  --pkt-color-brand-red-100: #FFF2F1;
-  --pkt-color-brand-red-400: #FFDFDC;
-  --pkt-color-brand-red-600: #FFB4AC;
-  --pkt-color-brand-red-1000: #FF8274;
-  --pkt-color-brand-light-beige-1000: #F8F0DD;
-  --pkt-color-brand-dark-beige-1000: #D0BFAE;
-  --pkt-color-brand-neutrals-white: #FFFFFF;
-  --pkt-color-brand-neutrals-100: #F9F9F9;
-  --pkt-color-brand-neutrals-200: #F2F2F2;
-  --pkt-color-brand-neutrals-1000: #2C2C2C;
+  --pkt-color-brand-blue-100: #f1fdff;
+  --pkt-color-brand-blue-200: #e5fcff;
+  --pkt-color-brand-blue-300: #d1f9ff;
+  --pkt-color-brand-blue-500: #b3f5ff;
+  --pkt-color-brand-blue-1000: #6fe9ff;
+  --pkt-color-brand-dark-blue-700: #6a698b;
+  --pkt-color-brand-dark-blue-1000: #2a2859;
+  --pkt-color-brand-warm-blue-1000: #1f42aa;
+  --pkt-color-brand-green-400: #c7fde9;
+  --pkt-color-brand-green-1000: #43f8b6;
+  --pkt-color-brand-light-green-400: #e5ffe6;
+  --pkt-color-brand-light-green-1000: #c7f6c9;
+  --pkt-color-brand-dark-green-1000: #034b45;
+  --pkt-color-brand-yellow-1000: #f9c66b;
+  --pkt-color-brand-yellow-500: #ffe7bc;
+  --pkt-color-brand-red-100: #fff2f1;
+  --pkt-color-brand-red-400: #ffdfdc;
+  --pkt-color-brand-red-600: #ffb4ac;
+  --pkt-color-brand-red-1000: #ff8274;
+  --pkt-color-brand-light-beige-1000: #f8f0dd;
+  --pkt-color-brand-dark-beige-1000: #d0bfae;
+  --pkt-color-brand-neutrals-white: #ffffff;
+  --pkt-color-brand-neutrals-100: #f9f9f9;
+  --pkt-color-brand-neutrals-200: #f2f2f2;
+  --pkt-color-brand-neutrals-1000: #2c2c2c;
   --pkt-color-brand-neutrals-black: #000000;
   --pkt-color-brand-neutrals-transparent: transparent;
-  --pkt-color-brand-purple-1000: #E0ADFF;
-  --pkt-color-grays-gray-100: #E6E6E6;
-  --pkt-color-grays-gray-200: #CCCCCC;
-  --pkt-color-grays-gray-300: #B3B3B3;
-  --pkt-color-grays-gray-400: #9A9A9A;
+  --pkt-color-brand-purple-1000: #e0adff;
+  --pkt-color-grays-gray-100: #e6e6e6;
+  --pkt-color-grays-gray-200: #cccccc;
+  --pkt-color-grays-gray-300: #b3b3b3;
+  --pkt-color-grays-gray-400: #9a9a9a;
   --pkt-color-grays-gray-500: #808080;
   --pkt-color-grays-gray-600: #666666;
-  --pkt-color-grays-gray-700: #4D4D4D;
+  --pkt-color-grays-gray-700: #4d4d4d;
   --pkt-color-grays-gray-800: #333333;
-  --pkt-color-grays-gray-900: #1A1A1A;
-  --pkt-color-grays-gray-1000: #2C2C2C;
-  --pkt-color-background-card: #FFFFFF;
-  --pkt-color-background-default: #FFFFFF;
-  --pkt-color-background-subtle: #F9F9F9;
+  --pkt-color-grays-gray-900: #1a1a1a;
+  --pkt-color-grays-gray-1000: #2c2c2c;
+  --pkt-color-background-card: #ffffff;
+  --pkt-color-background-default: #ffffff;
+  --pkt-color-background-subtle: #f9f9f9;
   --pkt-color-background-transparent: transparent;
-  --pkt-color-border-default: #2A2859;
-  --pkt-color-border-beige: #D0BFAE;
-  --pkt-color-border-blue: #6FE9FF;
-  --pkt-color-border-gray: #CCCCCC;
-  --pkt-color-border-green: #43F8B6;
-  --pkt-color-border-light-beige: #F8F0DD;
-  --pkt-color-border-red: #FF8274;
-  --pkt-color-border-subtle: #F2F2F2;
-  --pkt-color-border-yellow: #F9C66B;
-  --pkt-color-border-states-active: #1F42AA;
-  --pkt-color-border-states-disabled: #B3B3B3;
-  --pkt-color-border-states-focus: #E0ADFF;
-  --pkt-color-border-states-hover: #1F42AA;
-  --pkt-color-surface-default-faded-green: #E5FFE6;
-  --pkt-color-surface-default-faded-red: #FFDFDC;
-  --pkt-color-surface-default-gray: #F9F9F9;
-  --pkt-color-surface-default-light-beige: #F8F0DD;
-  --pkt-color-surface-default-light-blue: #D1F9FF;
-  --pkt-color-surface-default-light-green: #C7FDE9;
-  --pkt-color-surface-default-red: #FFB4AC;
-  --pkt-color-surface-default-yellow: #FFE7BC;
-  --pkt-color-surface-strong-beige: #D0BFAE;
-  --pkt-color-surface-strong-blue: #6FE9FF;
-  --pkt-color-surface-strong-dark-blue: #2A2859;
-  --pkt-color-surface-strong-dark-green: #034B45;
-  --pkt-color-surface-strong-gray: #F2F2F2;
-  --pkt-color-surface-strong-green: #43F8B6;
-  --pkt-color-surface-strong-light-green: #C7F6C9;
-  --pkt-color-surface-strong-red: #FF8274;
-  --pkt-color-surface-strong-yellow: #F9C66B;
-  --pkt-color-surface-subtle-light-blue: #E5FCFF;
-  --pkt-color-surface-subtle-light-red: #FFF2F1;
-  --pkt-color-surface-subtle-pale-blue: #F1FDFF;
-  --pkt-color-surface-subtle-white: #FFFFFF;
-  --pkt-color-text-body-dark: #2A2859;
-  --pkt-color-text-body-default: #2A2859;
-  --pkt-color-text-body-light: #FFFFFF;
+  --pkt-color-border-default: #2a2859;
+  --pkt-color-border-beige: #d0bfae;
+  --pkt-color-border-blue: #6fe9ff;
+  --pkt-color-border-gray: #cccccc;
+  --pkt-color-border-green: #43f8b6;
+  --pkt-color-border-light-beige: #f8f0dd;
+  --pkt-color-border-red: #ff8274;
+  --pkt-color-border-subtle: #f2f2f2;
+  --pkt-color-border-yellow: #f9c66b;
+  --pkt-color-border-states-active: #1f42aa;
+  --pkt-color-border-states-disabled: #b3b3b3;
+  --pkt-color-border-states-focus: #e0adff;
+  --pkt-color-border-states-hover: #1f42aa;
+  --pkt-color-surface-default-faded-green: #e5ffe6;
+  --pkt-color-surface-default-faded-red: #ffdfdc;
+  --pkt-color-surface-default-gray: #f9f9f9;
+  --pkt-color-surface-default-light-beige: #f8f0dd;
+  --pkt-color-surface-default-light-blue: #d1f9ff;
+  --pkt-color-surface-default-light-green: #c7fde9;
+  --pkt-color-surface-default-red: #ffb4ac;
+  --pkt-color-surface-default-yellow: #ffe7bc;
+  --pkt-color-surface-strong-beige: #d0bfae;
+  --pkt-color-surface-strong-blue: #6fe9ff;
+  --pkt-color-surface-strong-dark-blue: #2a2859;
+  --pkt-color-surface-strong-dark-green: #034b45;
+  --pkt-color-surface-strong-gray: #f2f2f2;
+  --pkt-color-surface-strong-green: #43f8b6;
+  --pkt-color-surface-strong-light-green: #c7f6c9;
+  --pkt-color-surface-strong-red: #ff8274;
+  --pkt-color-surface-strong-yellow: #f9c66b;
+  --pkt-color-surface-subtle-light-blue: #e5fcff;
+  --pkt-color-surface-subtle-light-red: #fff2f1;
+  --pkt-color-surface-subtle-pale-blue: #f1fdff;
+  --pkt-color-surface-subtle-white: #ffffff;
+  --pkt-color-text-body-dark: #2a2859;
+  --pkt-color-text-body-default: #2a2859;
+  --pkt-color-text-body-light: #ffffff;
   --pkt-color-text-placeholder: #666666;
   --pkt-color-text-action-disabled: #666666;
-  --pkt-color-text-action-active: #1F42AA;
-  --pkt-color-text-action-hover: #1F42AA;
-  --pkt-color-text-action-normal: #2A2859;
+  --pkt-color-text-action-active: #1f42aa;
+  --pkt-color-text-action-hover: #1f42aa;
+  --pkt-color-text-action-normal: #2a2859;
   --color-blue: #6fe9ff;
   --color-blue-light: #b3f5ff;
   --color-blue-dark: #2a2859;
@@ -192,229 +192,229 @@
   --color-black: #000;
 }
 :root .pkt-color-bg-brand-blue-100 {
-  background-color: #F1FDFF !important;
+  background-color: #f1fdff !important;
 }
 :root .pkt-color-txt-brand-blue-100 {
-  color: #F1FDFF !important;
+  color: #f1fdff !important;
 }
 :root .pkt-color-border-brand-blue-100 {
-  border-color: #F1FDFF !important;
+  border-color: #f1fdff !important;
 }
 :root .pkt-color-bg-brand-blue-200 {
-  background-color: #E5FCFF !important;
+  background-color: #e5fcff !important;
 }
 :root .pkt-color-txt-brand-blue-200 {
-  color: #E5FCFF !important;
+  color: #e5fcff !important;
 }
 :root .pkt-color-border-brand-blue-200 {
-  border-color: #E5FCFF !important;
+  border-color: #e5fcff !important;
 }
 :root .pkt-color-bg-brand-blue-300 {
-  background-color: #D1F9FF !important;
+  background-color: #d1f9ff !important;
 }
 :root .pkt-color-txt-brand-blue-300 {
-  color: #D1F9FF !important;
+  color: #d1f9ff !important;
 }
 :root .pkt-color-border-brand-blue-300 {
-  border-color: #D1F9FF !important;
+  border-color: #d1f9ff !important;
 }
 :root .pkt-color-bg-brand-blue-500 {
-  background-color: #B3F5FF !important;
+  background-color: #b3f5ff !important;
 }
 :root .pkt-color-txt-brand-blue-500 {
-  color: #B3F5FF !important;
+  color: #b3f5ff !important;
 }
 :root .pkt-color-border-brand-blue-500 {
-  border-color: #B3F5FF !important;
+  border-color: #b3f5ff !important;
 }
 :root .pkt-color-bg-brand-blue-1000 {
-  background-color: #6FE9FF !important;
+  background-color: #6fe9ff !important;
 }
 :root .pkt-color-txt-brand-blue-1000 {
-  color: #6FE9FF !important;
+  color: #6fe9ff !important;
 }
 :root .pkt-color-border-brand-blue-1000 {
-  border-color: #6FE9FF !important;
+  border-color: #6fe9ff !important;
 }
 :root .pkt-color-bg-brand-dark-blue-700 {
-  background-color: #6A698B !important;
+  background-color: #6a698b !important;
 }
 :root .pkt-color-txt-brand-dark-blue-700 {
-  color: #6A698B !important;
+  color: #6a698b !important;
 }
 :root .pkt-color-border-brand-dark-blue-700 {
-  border-color: #6A698B !important;
+  border-color: #6a698b !important;
 }
 :root .pkt-color-bg-brand-dark-blue-1000 {
-  background-color: #2A2859 !important;
+  background-color: #2a2859 !important;
 }
 :root .pkt-color-txt-brand-dark-blue-1000 {
-  color: #2A2859 !important;
+  color: #2a2859 !important;
 }
 :root .pkt-color-border-brand-dark-blue-1000 {
-  border-color: #2A2859 !important;
+  border-color: #2a2859 !important;
 }
 :root .pkt-color-bg-brand-warm-blue-1000 {
-  background-color: #1F42AA !important;
+  background-color: #1f42aa !important;
 }
 :root .pkt-color-txt-brand-warm-blue-1000 {
-  color: #1F42AA !important;
+  color: #1f42aa !important;
 }
 :root .pkt-color-border-brand-warm-blue-1000 {
-  border-color: #1F42AA !important;
+  border-color: #1f42aa !important;
 }
 :root .pkt-color-bg-brand-green-400 {
-  background-color: #C7FDE9 !important;
+  background-color: #c7fde9 !important;
 }
 :root .pkt-color-txt-brand-green-400 {
-  color: #C7FDE9 !important;
+  color: #c7fde9 !important;
 }
 :root .pkt-color-border-brand-green-400 {
-  border-color: #C7FDE9 !important;
+  border-color: #c7fde9 !important;
 }
 :root .pkt-color-bg-brand-green-1000 {
-  background-color: #43F8B6 !important;
+  background-color: #43f8b6 !important;
 }
 :root .pkt-color-txt-brand-green-1000 {
-  color: #43F8B6 !important;
+  color: #43f8b6 !important;
 }
 :root .pkt-color-border-brand-green-1000 {
-  border-color: #43F8B6 !important;
+  border-color: #43f8b6 !important;
 }
 :root .pkt-color-bg-brand-light-green-400 {
-  background-color: #E5FFE6 !important;
+  background-color: #e5ffe6 !important;
 }
 :root .pkt-color-txt-brand-light-green-400 {
-  color: #E5FFE6 !important;
+  color: #e5ffe6 !important;
 }
 :root .pkt-color-border-brand-light-green-400 {
-  border-color: #E5FFE6 !important;
+  border-color: #e5ffe6 !important;
 }
 :root .pkt-color-bg-brand-light-green-1000 {
-  background-color: #C7F6C9 !important;
+  background-color: #c7f6c9 !important;
 }
 :root .pkt-color-txt-brand-light-green-1000 {
-  color: #C7F6C9 !important;
+  color: #c7f6c9 !important;
 }
 :root .pkt-color-border-brand-light-green-1000 {
-  border-color: #C7F6C9 !important;
+  border-color: #c7f6c9 !important;
 }
 :root .pkt-color-bg-brand-dark-green-1000 {
-  background-color: #034B45 !important;
+  background-color: #034b45 !important;
 }
 :root .pkt-color-txt-brand-dark-green-1000 {
-  color: #034B45 !important;
+  color: #034b45 !important;
 }
 :root .pkt-color-border-brand-dark-green-1000 {
-  border-color: #034B45 !important;
+  border-color: #034b45 !important;
 }
 :root .pkt-color-bg-brand-yellow-1000 {
-  background-color: #F9C66B !important;
+  background-color: #f9c66b !important;
 }
 :root .pkt-color-txt-brand-yellow-1000 {
-  color: #F9C66B !important;
+  color: #f9c66b !important;
 }
 :root .pkt-color-border-brand-yellow-1000 {
-  border-color: #F9C66B !important;
+  border-color: #f9c66b !important;
 }
 :root .pkt-color-bg-brand-yellow-500 {
-  background-color: #FFE7BC !important;
+  background-color: #ffe7bc !important;
 }
 :root .pkt-color-txt-brand-yellow-500 {
-  color: #FFE7BC !important;
+  color: #ffe7bc !important;
 }
 :root .pkt-color-border-brand-yellow-500 {
-  border-color: #FFE7BC !important;
+  border-color: #ffe7bc !important;
 }
 :root .pkt-color-bg-brand-red-100 {
-  background-color: #FFF2F1 !important;
+  background-color: #fff2f1 !important;
 }
 :root .pkt-color-txt-brand-red-100 {
-  color: #FFF2F1 !important;
+  color: #fff2f1 !important;
 }
 :root .pkt-color-border-brand-red-100 {
-  border-color: #FFF2F1 !important;
+  border-color: #fff2f1 !important;
 }
 :root .pkt-color-bg-brand-red-400 {
-  background-color: #FFDFDC !important;
+  background-color: #ffdfdc !important;
 }
 :root .pkt-color-txt-brand-red-400 {
-  color: #FFDFDC !important;
+  color: #ffdfdc !important;
 }
 :root .pkt-color-border-brand-red-400 {
-  border-color: #FFDFDC !important;
+  border-color: #ffdfdc !important;
 }
 :root .pkt-color-bg-brand-red-600 {
-  background-color: #FFB4AC !important;
+  background-color: #ffb4ac !important;
 }
 :root .pkt-color-txt-brand-red-600 {
-  color: #FFB4AC !important;
+  color: #ffb4ac !important;
 }
 :root .pkt-color-border-brand-red-600 {
-  border-color: #FFB4AC !important;
+  border-color: #ffb4ac !important;
 }
 :root .pkt-color-bg-brand-red-1000 {
-  background-color: #FF8274 !important;
+  background-color: #ff8274 !important;
 }
 :root .pkt-color-txt-brand-red-1000 {
-  color: #FF8274 !important;
+  color: #ff8274 !important;
 }
 :root .pkt-color-border-brand-red-1000 {
-  border-color: #FF8274 !important;
+  border-color: #ff8274 !important;
 }
 :root .pkt-color-bg-brand-light-beige-1000 {
-  background-color: #F8F0DD !important;
+  background-color: #f8f0dd !important;
 }
 :root .pkt-color-txt-brand-light-beige-1000 {
-  color: #F8F0DD !important;
+  color: #f8f0dd !important;
 }
 :root .pkt-color-border-brand-light-beige-1000 {
-  border-color: #F8F0DD !important;
+  border-color: #f8f0dd !important;
 }
 :root .pkt-color-bg-brand-dark-beige-1000 {
-  background-color: #D0BFAE !important;
+  background-color: #d0bfae !important;
 }
 :root .pkt-color-txt-brand-dark-beige-1000 {
-  color: #D0BFAE !important;
+  color: #d0bfae !important;
 }
 :root .pkt-color-border-brand-dark-beige-1000 {
-  border-color: #D0BFAE !important;
+  border-color: #d0bfae !important;
 }
 :root .pkt-color-bg-brand-neutrals-white {
-  background-color: #FFFFFF !important;
+  background-color: #ffffff !important;
 }
 :root .pkt-color-txt-brand-neutrals-white {
-  color: #FFFFFF !important;
+  color: #ffffff !important;
 }
 :root .pkt-color-border-brand-neutrals-white {
-  border-color: #FFFFFF !important;
+  border-color: #ffffff !important;
 }
 :root .pkt-color-bg-brand-neutrals-100 {
-  background-color: #F9F9F9 !important;
+  background-color: #f9f9f9 !important;
 }
 :root .pkt-color-txt-brand-neutrals-100 {
-  color: #F9F9F9 !important;
+  color: #f9f9f9 !important;
 }
 :root .pkt-color-border-brand-neutrals-100 {
-  border-color: #F9F9F9 !important;
+  border-color: #f9f9f9 !important;
 }
 :root .pkt-color-bg-brand-neutrals-200 {
-  background-color: #F2F2F2 !important;
+  background-color: #f2f2f2 !important;
 }
 :root .pkt-color-txt-brand-neutrals-200 {
-  color: #F2F2F2 !important;
+  color: #f2f2f2 !important;
 }
 :root .pkt-color-border-brand-neutrals-200 {
-  border-color: #F2F2F2 !important;
+  border-color: #f2f2f2 !important;
 }
 :root .pkt-color-bg-brand-neutrals-1000 {
-  background-color: #2C2C2C !important;
+  background-color: #2c2c2c !important;
 }
 :root .pkt-color-txt-brand-neutrals-1000 {
-  color: #2C2C2C !important;
+  color: #2c2c2c !important;
 }
 :root .pkt-color-border-brand-neutrals-1000 {
-  border-color: #2C2C2C !important;
+  border-color: #2c2c2c !important;
 }
 :root .pkt-color-bg-brand-neutrals-black {
   background-color: #000000 !important;
@@ -435,49 +435,49 @@
   border-color: transparent !important;
 }
 :root .pkt-color-bg-brand-purple-1000 {
-  background-color: #E0ADFF !important;
+  background-color: #e0adff !important;
 }
 :root .pkt-color-txt-brand-purple-1000 {
-  color: #E0ADFF !important;
+  color: #e0adff !important;
 }
 :root .pkt-color-border-brand-purple-1000 {
-  border-color: #E0ADFF !important;
+  border-color: #e0adff !important;
 }
 :root .pkt-color-bg-grays-gray-100 {
-  background-color: #E6E6E6 !important;
+  background-color: #e6e6e6 !important;
 }
 :root .pkt-color-txt-grays-gray-100 {
-  color: #E6E6E6 !important;
+  color: #e6e6e6 !important;
 }
 :root .pkt-color-border-grays-gray-100 {
-  border-color: #E6E6E6 !important;
+  border-color: #e6e6e6 !important;
 }
 :root .pkt-color-bg-grays-gray-200 {
-  background-color: #CCCCCC !important;
+  background-color: #cccccc !important;
 }
 :root .pkt-color-txt-grays-gray-200 {
-  color: #CCCCCC !important;
+  color: #cccccc !important;
 }
 :root .pkt-color-border-grays-gray-200 {
-  border-color: #CCCCCC !important;
+  border-color: #cccccc !important;
 }
 :root .pkt-color-bg-grays-gray-300 {
-  background-color: #B3B3B3 !important;
+  background-color: #b3b3b3 !important;
 }
 :root .pkt-color-txt-grays-gray-300 {
-  color: #B3B3B3 !important;
+  color: #b3b3b3 !important;
 }
 :root .pkt-color-border-grays-gray-300 {
-  border-color: #B3B3B3 !important;
+  border-color: #b3b3b3 !important;
 }
 :root .pkt-color-bg-grays-gray-400 {
-  background-color: #9A9A9A !important;
+  background-color: #9a9a9a !important;
 }
 :root .pkt-color-txt-grays-gray-400 {
-  color: #9A9A9A !important;
+  color: #9a9a9a !important;
 }
 :root .pkt-color-border-grays-gray-400 {
-  border-color: #9A9A9A !important;
+  border-color: #9a9a9a !important;
 }
 :root .pkt-color-bg-grays-gray-500 {
   background-color: #808080 !important;
@@ -498,13 +498,13 @@
   border-color: #666666 !important;
 }
 :root .pkt-color-bg-grays-gray-700 {
-  background-color: #4D4D4D !important;
+  background-color: #4d4d4d !important;
 }
 :root .pkt-color-txt-grays-gray-700 {
-  color: #4D4D4D !important;
+  color: #4d4d4d !important;
 }
 :root .pkt-color-border-grays-gray-700 {
-  border-color: #4D4D4D !important;
+  border-color: #4d4d4d !important;
 }
 :root .pkt-color-bg-grays-gray-800 {
   background-color: #333333 !important;
@@ -516,22 +516,22 @@
   border-color: #333333 !important;
 }
 :root .pkt-color-bg-grays-gray-900 {
-  background-color: #1A1A1A !important;
+  background-color: #1a1a1a !important;
 }
 :root .pkt-color-txt-grays-gray-900 {
-  color: #1A1A1A !important;
+  color: #1a1a1a !important;
 }
 :root .pkt-color-border-grays-gray-900 {
-  border-color: #1A1A1A !important;
+  border-color: #1a1a1a !important;
 }
 :root .pkt-color-bg-grays-gray-1000 {
-  background-color: #2C2C2C !important;
+  background-color: #2c2c2c !important;
 }
 :root .pkt-color-txt-grays-gray-1000 {
-  color: #2C2C2C !important;
+  color: #2c2c2c !important;
 }
 :root .pkt-color-border-grays-gray-1000 {
-  border-color: #2C2C2C !important;
+  border-color: #2c2c2c !important;
 }
 :root .pkt-color-bg-background-card {
   background-color: var(--pkt-color-background-card) !important;