@unlk/keymaster 1.2.6 → 1.2.8

package/dist/css/keymaster.css

@@ -19236,7 +19236,7 @@
  */
 :root, :host {
   --fa-family-sharp: "Font Awesome 7 Sharp";
-  --fa-font-sharp-thin: normal 100 1em/1 var(--fa-family-sharp);
+  --fa-font-sharp-solid: normal 900 1em/1 var(--fa-family-sharp);
   /* deprecated: this older custom property will be removed next major release */
   --fa-style-family-sharp: var(--fa-family-sharp);
 }
@@ -19244,21 +19244,53 @@
 @font-face {
   font-family: "Font Awesome 7 Sharp";
   font-style: normal;
-  font-weight: 100;
+  font-weight: 900;
   font-display: block;
-  src: url("../../../fonts/fa-sharp-thin-100.woff2");
+  src: url("../../../fonts/fa-sharp-solid-900.woff2");
 }
-.fast {
+.fass {
   --fa-family: var(--fa-family-sharp);
-  --fa-style: 100;
+  --fa-style: 900;
 }
 
 .fa-sharp {
   --fa-family: var(--fa-family-sharp);
 }
 
-.fa-thin {
-  --fa-style: 100;
+.fa-solid {
+  --fa-style: 900;
+}
+
+/*!
+ * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ * Copyright 2025 Fonticons, Inc.
+ */
+:root, :host {
+  --fa-family-sharp: "Font Awesome 7 Sharp";
+  --fa-font-sharp-regular: normal 400 1em/1 var(--fa-family-sharp);
+  /* deprecated: this older custom property will be removed next major release */
+  --fa-style-family-sharp: var(--fa-family-sharp);
+}
+
+@font-face {
+  font-family: "Font Awesome 7 Sharp";
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url("../../../fonts/fa-sharp-regular-400.woff2");
+}
+.fasr {
+  --fa-family: var(--fa-family-sharp);
+  --fa-style: 400;
+}
+
+.fa-sharp {
+  --fa-family: var(--fa-family-sharp);
+}
+
+.fa-regular {
+  --fa-style: 400;
 }
 
 /*!
@@ -19293,6 +19325,38 @@
   --fa-style: 300;
 }
 
+/*!
+ * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ * Copyright 2025 Fonticons, Inc.
+ */
+:root, :host {
+  --fa-family-sharp: "Font Awesome 7 Sharp";
+  --fa-font-sharp-thin: normal 100 1em/1 var(--fa-family-sharp);
+  /* deprecated: this older custom property will be removed next major release */
+  --fa-style-family-sharp: var(--fa-family-sharp);
+}
+
+@font-face {
+  font-family: "Font Awesome 7 Sharp";
+  font-style: normal;
+  font-weight: 100;
+  font-display: block;
+  src: url("../../../fonts/fa-sharp-thin-100.woff2");
+}
+.fast {
+  --fa-family: var(--fa-family-sharp);
+  --fa-style: 100;
+}
+
+.fa-sharp {
+  --fa-family: var(--fa-family-sharp);
+}
+
+.fa-thin {
+  --fa-style: 100;
+}
+
 /*!
  * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)
@@ -19372,7 +19436,7 @@
  */
 :root, :host {
   --fa-family-sharp-duotone: "Font Awesome 7 Sharp Duotone";
-  --fa-font-sharp-duotone-thin: normal 100 1em/1 var(--fa-family-sharp-duotone);
+  --fa-font-sharp-duotone-regular: normal 400 1em/1 var(--fa-family-sharp-duotone);
   /* deprecated: this older custom property will be removed next major release */
   --fa-style-family-sharp-duotone: var(--fa-family-sharp-duotone);
 }
@@ -19380,13 +19444,13 @@
 @font-face {
   font-family: "Font Awesome 7 Sharp Duotone";
   font-style: normal;
-  font-weight: 100;
+  font-weight: 400;
   font-display: block;
-  src: url("../../../fonts/fa-sharp-duotone-thin-100.woff2");
+  src: url("../../../fonts/fa-sharp-duotone-regular-400.woff2");
 }
-.fasdt {
+.fasdr {
   --fa-family: var(--fa-family-sharp-duotone);
-  --fa-style: 100;
+  --fa-style: 400;
   position: relative;
   letter-spacing: normal;
 }
@@ -19397,42 +19461,42 @@
   letter-spacing: normal;
 }
 
-.fa-thin {
-  --fa-style: 100;
+.fa-regular {
+  --fa-style: 400;
 }
 
-.fasdt::before,
+.fasdr::before,
 .fa-sharp-duotone::before {
   position: absolute;
   color: var(--fa-primary-color, currentColor);
   opacity: var(--fa-primary-opacity, 1);
 }
 
-.fasdt::after,
+.fasdr::after,
 .fa-sharp-duotone::after {
   color: var(--fa-secondary-color, currentColor);
   opacity: var(--fa-secondary-opacity, 0.4);
 }
 
-.fa-swap-opacity .fasdt::before,
+.fa-swap-opacity .fasdr::before,
 .fa-swap-opacity .fa-sharp-duotone::before,
-.fa-swap-opacity.fasdt::before,
+.fa-swap-opacity.fasdr::before,
 .fa-swap-opacity.fa-sharp-duotone::before {
   opacity: var(--fa-secondary-opacity, 0.4);
 }
 
-.fa-swap-opacity .fasdt::after,
+.fa-swap-opacity .fasdr::after,
 .fa-swap-opacity .fa-sharp-duotone::after,
-.fa-swap-opacity.fasdt::after,
+.fa-swap-opacity.fasdr::after,
 .fa-swap-opacity.fa-sharp-duotone::after {
   opacity: var(--fa-primary-opacity, 1);
 }
 
-.fa-li.fasdt,
+.fa-li.fasdr,
 .fa-li.fa-sharp-duotone,
-.fa-stack-1x.fasdt,
+.fa-stack-1x.fasdr,
 .fa-stack-1x.fa-sharp-duotone,
-.fa-stack-2x.fasdt,
+.fa-stack-2x.fasdr,
 .fa-stack-2x.fa-sharp-duotone {
   position: absolute;
 }
@@ -19509,6 +19573,78 @@
   position: absolute;
 }
 
+/*!
+ * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
+ * License - https://fontawesome.com/license (Commercial License)
+ * Copyright 2025 Fonticons, Inc.
+ */
+:root, :host {
+  --fa-family-sharp-duotone: "Font Awesome 7 Sharp Duotone";
+  --fa-font-sharp-duotone-thin: normal 100 1em/1 var(--fa-family-sharp-duotone);
+  /* deprecated: this older custom property will be removed next major release */
+  --fa-style-family-sharp-duotone: var(--fa-family-sharp-duotone);
+}
+
+@font-face {
+  font-family: "Font Awesome 7 Sharp Duotone";
+  font-style: normal;
+  font-weight: 100;
+  font-display: block;
+  src: url("../../../fonts/fa-sharp-duotone-thin-100.woff2");
+}
+.fasdt {
+  --fa-family: var(--fa-family-sharp-duotone);
+  --fa-style: 100;
+  position: relative;
+  letter-spacing: normal;
+}
+
+.fa-sharp-duotone {
+  --fa-family: var(--fa-family-sharp-duotone);
+  position: relative;
+  letter-spacing: normal;
+}
+
+.fa-thin {
+  --fa-style: 100;
+}
+
+.fasdt::before,
+.fa-sharp-duotone::before {
+  position: absolute;
+  color: var(--fa-primary-color, currentColor);
+  opacity: var(--fa-primary-opacity, 1);
+}
+
+.fasdt::after,
+.fa-sharp-duotone::after {
+  color: var(--fa-secondary-color, currentColor);
+  opacity: var(--fa-secondary-opacity, 0.4);
+}
+
+.fa-swap-opacity .fasdt::before,
+.fa-swap-opacity .fa-sharp-duotone::before,
+.fa-swap-opacity.fasdt::before,
+.fa-swap-opacity.fa-sharp-duotone::before {
+  opacity: var(--fa-secondary-opacity, 0.4);
+}
+
+.fa-swap-opacity .fasdt::after,
+.fa-swap-opacity .fa-sharp-duotone::after,
+.fa-swap-opacity.fasdt::after,
+.fa-swap-opacity.fa-sharp-duotone::after {
+  opacity: var(--fa-primary-opacity, 1);
+}
+
+.fa-li.fasdt,
+.fa-li.fa-sharp-duotone,
+.fa-stack-1x.fasdt,
+.fa-stack-1x.fa-sharp-duotone,
+.fa-stack-2x.fasdt,
+.fa-stack-2x.fa-sharp-duotone {
+  position: absolute;
+}
+
 /*!
  * Font Awesome Pro 7.0.0 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license (Commercial License)
@@ -35746,23 +35882,6 @@ textarea.form-control-lg {
   margin-left: 0.5rem;
 }
 
-.btn-link-action {
-  --bs-btn-color: rgb(19.3, 19.7, 20.4);
-  --bs-btn-bg: transparent;
-  --bs-btn-border-color: transparent;
-  --bs-btn-hover-color: rgb(19.3, 19.7, 20.4);
-  --bs-btn-hover-bg: rgb(229.5, 232.9, 255);
-  --bs-btn-hover-border-color: transparent;
-  --bs-btn-active-bg: rgb(0, 20.4, 153);
-  --bs-btn-active-color: #fff;
-  --bs-btn-active-border-color: transparent;
-  --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-color: rgb(217.8, 220.2, 224.4);
-  --bs-btn-disabled-border-color: transparent;
-  --bs-btn-focus-shadow-rgb: 65, 65, 105;
-  text-decoration: none;
-}
-
 .btn-primary {
   --bs-btn-color: #fff;
   --bs-btn-bg: #1f1f4f;
@@ -35780,14 +35899,57 @@ textarea.form-control-lg {
   --bs-btn-disabled-border-color: #1f1f4f;
 }
 
+.btn-icon-primary {
+  width: 2.5rem;
+  height: 2.5rem;
+  line-height: 1;
+  text-align: center;
+  --bs-btn-padding-x: 0.5rem;
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-color: #fff;
+  --bs-btn-bg: #1f1f4f;
+  --bs-btn-border-color: #1f1f4f;
+  --bs-btn-border-radius: var(--bs-border-radius);
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: rgb(24.8, 24.8, 63.2);
+  --bs-btn-hover-border-color: rgb(24.8, 24.8, 63.2);
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: rgb(18.6, 18.6, 47.4);
+  --bs-btn-active-border-color: rgb(18.6, 18.6, 47.4);
+  --bs-btn-disabled-bg: #1f1f4f;
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-border-color: #1f1f4f;
+}
+
+.btn-icon-outline-primary {
+  width: 2.5rem;
+  height: 2.5rem;
+  line-height: 1;
+  --bs-btn-padding-x: 0.5rem;
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-color: #1f1f4f;
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: #1f1f4f;
+  --bs-btn-border-radius: var(--bs-border-radius);
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #1f1f4f;
+  --bs-btn-hover-border-color: #1f1f4f;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: rgb(18.6, 18.6, 47.4);
+  --bs-btn-active-border-color: rgb(18.6, 18.6, 47.4);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-color: #1f1f4f;
+  --bs-btn-disabled-border-color: #1f1f4f;
+}
+
 .btn-secondary {
-  --bs-btn-color: rgb(19.3, 19.7, 20.4);
+  --bs-btn-color: #000;
   --bs-btn-bg: #fbcd18;
   --bs-btn-border-color: #fbcd18;
-  --bs-btn-hover-color: rgb(19.3, 19.7, 20.4);
+  --bs-btn-hover-color: #000;
   --bs-btn-hover-bg: rgb(251.8, 215, 70.2);
   --bs-btn-hover-border-color: rgb(251.8, 215, 70.2);
-  --bs-btn-focus-shadow-rgb: 216, 177, 23;
+  --bs-btn-focus-shadow-rgb: 213, 174, 20;
   --bs-btn-active-color: #000;
   --bs-btn-active-bg: rgb(252.6, 225, 116.4);
   --bs-btn-active-border-color: rgb(252.6, 225, 116.4);
@@ -35797,6 +35959,49 @@ textarea.form-control-lg {
   --bs-btn-disabled-border-color: #fbcd18;
 }
 
+.btn-icon-secondary {
+  width: 2.5rem;
+  height: 2.5rem;
+  line-height: 1;
+  text-align: center;
+  --bs-btn-padding-x: 0.5rem;
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-color: #000;
+  --bs-btn-bg: #fbcd18;
+  --bs-btn-border-color: #fbcd18;
+  --bs-btn-border-radius: var(--bs-border-radius);
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: rgb(251.8, 215, 70.2);
+  --bs-btn-hover-border-color: rgb(251.8, 215, 70.2);
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: rgb(252.6, 225, 116.4);
+  --bs-btn-active-border-color: rgb(252.6, 225, 116.4);
+  --bs-btn-disabled-bg: #fbcd18;
+  --bs-btn-disabled-color: #000;
+  --bs-btn-disabled-border-color: #fbcd18;
+}
+
+.btn-icon-outline-secondary {
+  width: 2.5rem;
+  height: 2.5rem;
+  line-height: 1;
+  --bs-btn-padding-x: 0.5rem;
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-color: #fbcd18;
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: #fbcd18;
+  --bs-btn-border-radius: var(--bs-border-radius);
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: #fbcd18;
+  --bs-btn-hover-border-color: #fbcd18;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: rgb(150.6, 123, 14.4);
+  --bs-btn-active-border-color: rgb(150.6, 123, 14.4);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-color: #fbcd18;
+  --bs-btn-disabled-border-color: #fbcd18;
+}
+
 .btn-success {
   --bs-btn-color: #000;
   --bs-btn-bg: #09cc8b;
@@ -35814,6 +36019,66 @@ textarea.form-control-lg {
   --bs-btn-disabled-border-color: #09cc8b;
 }
 
+.btn-icon-success {
+  width: 2.5rem;
+  height: 2.5rem;
+  line-height: 1;
+  text-align: center;
+  --bs-btn-padding-x: 0.5rem;
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-color: #000;
+  --bs-btn-bg: #09cc8b;
+  --bs-btn-border-color: #09cc8b;
+  --bs-btn-border-radius: var(--bs-border-radius);
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: rgb(7.2, 163.2, 111.2);
+  --bs-btn-hover-border-color: rgb(7.2, 163.2, 111.2);
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: rgb(5.4, 122.4, 83.4);
+  --bs-btn-active-border-color: rgb(5.4, 122.4, 83.4);
+  --bs-btn-disabled-bg: #09cc8b;
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-border-color: #09cc8b;
+}
+
+.btn-icon-outline-success {
+  width: 2.5rem;
+  height: 2.5rem;
+  line-height: 1;
+  --bs-btn-padding-x: 0.5rem;
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-color: #09cc8b;
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: #09cc8b;
+  --bs-btn-border-radius: var(--bs-border-radius);
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: #09cc8b;
+  --bs-btn-hover-border-color: #09cc8b;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: rgb(5.4, 122.4, 83.4);
+  --bs-btn-active-border-color: rgb(5.4, 122.4, 83.4);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-color: #09cc8b;
+  --bs-btn-disabled-border-color: #09cc8b;
+}
+
+.btn-link-action {
+  --bs-btn-color: rgb(19.3, 19.7, 20.4);
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: transparent;
+  --bs-btn-hover-color: rgb(19.3, 19.7, 20.4);
+  --bs-btn-hover-bg: rgb(229.5, 232.9, 255);
+  --bs-btn-hover-border-color: transparent;
+  --bs-btn-active-bg: rgb(0, 20.4, 153);
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-border-color: transparent;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-color: rgb(217.8, 220.2, 224.4);
+  --bs-btn-disabled-border-color: transparent;
+  --bs-btn-focus-shadow-rgb: 65, 65, 105;
+  text-decoration: none;
+}
+
 .btn-action {
   --bs-btn-color: #fff;
   --bs-btn-bg: #02f;
@@ -35831,6 +36096,49 @@ textarea.form-control-lg {
   --bs-btn-disabled-border-color: #0022ff;
 }
 
+.btn-icon-action {
+  width: 2.5rem;
+  height: 2.5rem;
+  line-height: 1;
+  text-align: center;
+  --bs-btn-padding-x: 0.5rem;
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-color: #fff;
+  --bs-btn-bg: #02f;
+  --bs-btn-border-color: #02f;
+  --bs-btn-border-radius: var(--bs-border-radius);
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: rgb(0, 27.2, 204);
+  --bs-btn-hover-border-color: rgb(0, 27.2, 204);
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: rgb(0, 20.4, 153);
+  --bs-btn-active-border-color: rgb(0, 20.4, 153);
+  --bs-btn-disabled-bg: #0022ff;
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-border-color: #0022ff;
+}
+
+.btn-icon-outline-action {
+  width: 2.5rem;
+  height: 2.5rem;
+  line-height: 1;
+  --bs-btn-padding-x: 0.5rem;
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-color: #02f;
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: #02f;
+  --bs-btn-border-radius: var(--bs-border-radius);
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #02f;
+  --bs-btn-hover-border-color: #02f;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: rgb(0, 20.4, 153);
+  --bs-btn-active-border-color: rgb(0, 20.4, 153);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-color: #0022ff;
+  --bs-btn-disabled-border-color: #0022ff;
+}
+
 .btn-warning {
   --bs-btn-color: #000;
   --bs-btn-bg: #ff6a1a;
@@ -35848,6 +36156,49 @@ textarea.form-control-lg {
   --bs-btn-disabled-border-color: #ff6a1a;
 }
 
+.btn-icon-warning {
+  width: 2.5rem;
+  height: 2.5rem;
+  line-height: 1;
+  text-align: center;
+  --bs-btn-padding-x: 0.5rem;
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-color: #000;
+  --bs-btn-bg: #ff6a1a;
+  --bs-btn-border-color: #ff6a1a;
+  --bs-btn-border-radius: var(--bs-border-radius);
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: rgb(204, 84.8, 20.8);
+  --bs-btn-hover-border-color: rgb(204, 84.8, 20.8);
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: rgb(153, 63.6, 15.6);
+  --bs-btn-active-border-color: rgb(153, 63.6, 15.6);
+  --bs-btn-disabled-bg: #ff6a1a;
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-border-color: #ff6a1a;
+}
+
+.btn-icon-outline-warning {
+  width: 2.5rem;
+  height: 2.5rem;
+  line-height: 1;
+  --bs-btn-padding-x: 0.5rem;
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-color: #ff6a1a;
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: #ff6a1a;
+  --bs-btn-border-radius: var(--bs-border-radius);
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: #ff6a1a;
+  --bs-btn-hover-border-color: #ff6a1a;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: rgb(153, 63.6, 15.6);
+  --bs-btn-active-border-color: rgb(153, 63.6, 15.6);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-color: #ff6a1a;
+  --bs-btn-disabled-border-color: #ff6a1a;
+}
+
 .btn-danger {
   --bs-btn-color: #fff;
   --bs-btn-bg: #e4263e;
@@ -35865,6 +36216,49 @@ textarea.form-control-lg {
   --bs-btn-disabled-border-color: #e4263e;
 }
 
+.btn-icon-danger {
+  width: 2.5rem;
+  height: 2.5rem;
+  line-height: 1;
+  text-align: center;
+  --bs-btn-padding-x: 0.5rem;
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-color: #fff;
+  --bs-btn-bg: #e4263e;
+  --bs-btn-border-color: #e4263e;
+  --bs-btn-border-radius: var(--bs-border-radius);
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: rgb(182.4, 30.4, 49.6);
+  --bs-btn-hover-border-color: rgb(182.4, 30.4, 49.6);
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: rgb(136.8, 22.8, 37.2);
+  --bs-btn-active-border-color: rgb(136.8, 22.8, 37.2);
+  --bs-btn-disabled-bg: #e4263e;
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-border-color: #e4263e;
+}
+
+.btn-icon-outline-danger {
+  width: 2.5rem;
+  height: 2.5rem;
+  line-height: 1;
+  --bs-btn-padding-x: 0.5rem;
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-color: #e4263e;
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: #e4263e;
+  --bs-btn-border-radius: var(--bs-border-radius);
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: #e4263e;
+  --bs-btn-hover-border-color: #e4263e;
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: rgb(136.8, 22.8, 37.2);
+  --bs-btn-active-border-color: rgb(136.8, 22.8, 37.2);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-color: #e4263e;
+  --bs-btn-disabled-border-color: #e4263e;
+}
+
 .btn-light {
   --bs-btn-color: #000;
   --bs-btn-bg: #fff;
@@ -35882,6 +36276,49 @@ textarea.form-control-lg {
   --bs-btn-disabled-border-color: white;
 }
 
+.btn-icon-light {
+  width: 2.5rem;
+  height: 2.5rem;
+  line-height: 1;
+  text-align: center;
+  --bs-btn-padding-x: 0.5rem;
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-color: #000;
+  --bs-btn-bg: #fff;
+  --bs-btn-border-color: #fff;
+  --bs-btn-border-radius: var(--bs-border-radius);
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: #cccccc;
+  --bs-btn-hover-border-color: #cccccc;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: #999999;
+  --bs-btn-active-border-color: #999999;
+  --bs-btn-disabled-bg: white;
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-border-color: white;
+}
+
+.btn-icon-outline-light {
+  width: 2.5rem;
+  height: 2.5rem;
+  line-height: 1;
+  --bs-btn-padding-x: 0.5rem;
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-color: #fff;
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: #fff;
+  --bs-btn-border-radius: var(--bs-border-radius);
+  --bs-btn-hover-color: #000;
+  --bs-btn-hover-bg: #fff;
+  --bs-btn-hover-border-color: #fff;
+  --bs-btn-active-color: #000;
+  --bs-btn-active-bg: #999999;
+  --bs-btn-active-border-color: #999999;
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-color: white;
+  --bs-btn-disabled-border-color: white;
+}
+
 .btn-dark {
   --bs-btn-color: #fff;
   --bs-btn-bg: rgb(38.6, 39.4, 40.8);
@@ -35899,6 +36336,86 @@ textarea.form-control-lg {
   --bs-btn-disabled-border-color: rgb(38.6, 39.4, 40.8);
 }
 
+.btn-icon-dark {
+  width: 2.5rem;
+  height: 2.5rem;
+  line-height: 1;
+  text-align: center;
+  --bs-btn-padding-x: 0.5rem;
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-color: #fff;
+  --bs-btn-bg: rgb(38.6, 39.4, 40.8);
+  --bs-btn-border-color: rgb(38.6, 39.4, 40.8);
+  --bs-btn-border-radius: var(--bs-border-radius);
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: rgb(30.88, 31.52, 32.64);
+  --bs-btn-hover-border-color: rgb(30.88, 31.52, 32.64);
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: rgb(23.16, 23.64, 24.48);
+  --bs-btn-active-border-color: rgb(23.16, 23.64, 24.48);
+  --bs-btn-disabled-bg: rgb(38.6, 39.4, 40.8);
+  --bs-btn-disabled-color: #fff;
+  --bs-btn-disabled-border-color: rgb(38.6, 39.4, 40.8);
+}
+
+.btn-icon-outline-dark {
+  width: 2.5rem;
+  height: 2.5rem;
+  line-height: 1;
+  --bs-btn-padding-x: 0.5rem;
+  --bs-btn-padding-y: 0.5rem;
+  --bs-btn-color: rgb(38.6, 39.4, 40.8);
+  --bs-btn-bg: transparent;
+  --bs-btn-border-color: rgb(38.6, 39.4, 40.8);
+  --bs-btn-border-radius: var(--bs-border-radius);
+  --bs-btn-hover-color: #fff;
+  --bs-btn-hover-bg: rgb(38.6, 39.4, 40.8);
+  --bs-btn-hover-border-color: rgb(38.6, 39.4, 40.8);
+  --bs-btn-active-color: #fff;
+  --bs-btn-active-bg: rgb(23.16, 23.64, 24.48);
+  --bs-btn-active-border-color: rgb(23.16, 23.64, 24.48);
+  --bs-btn-disabled-bg: transparent;
+  --bs-btn-disabled-color: rgb(38.6, 39.4, 40.8);
+  --bs-btn-disabled-border-color: rgb(38.6, 39.4, 40.8);
+}
+
+[class*=btn-icon-].btn-sm, .btn-group-sm > [class*=btn-icon-].btn,
+[class*=btn-icon-outline-].btn-sm,
+.btn-group-sm > [class*=btn-icon-outline-].btn {
+  width: 2rem;
+  height: 2rem;
+  --bs-btn-padding-x: 0;
+  --bs-btn-padding-y: 0;
+}
+[class*=btn-icon-].btn-lg, .btn-group-lg > [class*=btn-icon-].btn,
+[class*=btn-icon-outline-].btn-lg,
+.btn-group-lg > [class*=btn-icon-outline-].btn {
+  width: 3rem;
+  height: 3rem;
+}
+
+.btn-sm > i + *, .btn-group-sm > .btn > i + *,
+.btn-sm > .icon + *,
+.btn-group-sm > .btn > .icon + * {
+  margin-left: 0.375rem;
+}
+.btn-sm > * + i, .btn-group-sm > .btn > * + i,
+.btn-sm > * + .icon,
+.btn-group-sm > .btn > * + .icon {
+  margin-left: 0.375rem;
+}
+
+.btn-lg > i + *, .btn-group-lg > .btn > i + *,
+.btn-lg > .icon + *,
+.btn-group-lg > .btn > .icon + * {
+  margin-left: 0.625rem;
+}
+.btn-lg > * + i, .btn-group-lg > .btn > * + i,
+.btn-lg > * + .icon,
+.btn-group-lg > .btn > * + .icon {
+  margin-left: 0.625rem;
+}
+
 .accordion {
   --bs-accordion-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   border-radius: var(--bs-accordion-border-radius);