@swisspost/design-system-components 1.3.0 → 1.3.1

package/dist/collection/components/post-collapsible/post-collapsible.css

@@ -180,20 +180,6 @@
   --bs-body-line-height: 1.4;
   --bs-body-color: #000;
   --bs-body-bg: #fff;
-  --bs-border-width: 1px;
-  --bs-border-style: solid;
-  --bs-border-color: #cccccc;
-  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
-  --bs-border-radius: 3px;
-  --bs-border-radius-sm: 3px;
-  --bs-border-radius-lg: 3px;
-  --bs-border-radius-xl: 1rem;
-  --bs-border-radius-2xl: 2rem;
-  --bs-border-radius-pill: 50rem;
-  --bs-link-color: #333333;
-  --bs-link-hover-color: #292929;
-  --bs-code-color: #d63384;
-  --bs-highlight-bg: #fcf8e3;
 }
 
 @font-face {
@@ -247,11 +233,15 @@ body {
 hr {
   margin: 1rem 0;
   color: inherit;
+  background-color: currentColor;
   border: 0;
-  border-top: 1px solid rgba(0, 0, 0, 0.1);
   opacity: 0.25;
 }
 
+hr:not([size]) {
+  height: 1px;
+}
+
 h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
   margin-top: 0;
   margin-bottom: 0.5rem;
@@ -310,7 +300,8 @@ p {
   margin-bottom: 0.8em;
 }
 
-abbr[title] {
+abbr[title],
+abbr[data-bs-original-title] {
   text-decoration: underline dotted;
   cursor: help;
   text-decoration-skip-ink: none;
@@ -365,7 +356,7 @@ small, .small {
 
 mark, .mark {
   padding: 0.2em;
-  background-color: var(--bs-highlight-bg);
+  background-color: #fcf8e3;
 }
 
 sub,
@@ -385,11 +376,11 @@ sup {
 }
 
 a {
-  color: var(--bs-link-color);
+  color: #333333;
   text-decoration: underline;
 }
 a:hover {
-  color: var(--bs-link-hover-color);
+  color: #292929;
 }
 
 a:not([href]):not([class]), a:not([href]):not([class]):hover {
@@ -403,6 +394,8 @@ kbd,
 samp {
   font-family: var(--bs-font-monospace);
   font-size: 1em;
+  direction: ltr /* rtl:ignore */;
+  unicode-bidi: bidi-override;
 }
 
 pre {
@@ -420,7 +413,7 @@ pre code {
 
 code {
   font-size: 80%;
-  color: var(--bs-code-color);
+  color: #d63384;
   word-wrap: break-word;
 }
 a > code {
@@ -428,10 +421,10 @@ a > code {
 }
 
 kbd {
-  padding: 0.1875rem 0.375rem;
+  padding: 0.2rem 0.4rem;
   font-size: 80%;
-  color: var(--bs-body-bg);
-  background-color: var(--bs-body-color);
+  color: #fff;
+  background-color: #212529;
   border-radius: 3px;
 }
 kbd kbd {
@@ -516,8 +509,8 @@ select:disabled {
   opacity: 1;
 }
 
-[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
-  display: none !important;
+[list]::-webkit-calendar-picker-indicator {
+  display: none;
 }
 
 button,
@@ -603,6 +596,10 @@ legend + * {
 
 ::file-selector-button {
   font: inherit;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
   -webkit-appearance: button;
 }
 
@@ -1133,100 +1130,60 @@ code {
   content: "";
 }
 
-.text-bg-primary {
-  color: #fff !important;
-  background-color: RGBA(51, 51, 51, var(--bs-bg-opacity, 1)) !important;
-}
-
-.text-bg-secondary {
-  color: #fff !important;
-  background-color: RGBA(102, 102, 102, var(--bs-bg-opacity, 1)) !important;
-}
-
-.text-bg-light {
-  color: #000 !important;
-  background-color: RGBA(250, 249, 248, var(--bs-bg-opacity, 1)) !important;
-}
-
-.text-bg-dark {
-  color: #fff !important;
-  background-color: RGBA(51, 51, 51, var(--bs-bg-opacity, 1)) !important;
-}
-
-.text-bg-success {
-  color: #000 !important;
-  background-color: RGBA(44, 145, 28, var(--bs-bg-opacity, 1)) !important;
-}
-
-.text-bg-info {
-  color: #000 !important;
-  background-color: RGBA(255, 204, 0, var(--bs-bg-opacity, 1)) !important;
-}
-
-.text-bg-warning {
-  color: #000 !important;
-  background-color: RGBA(244, 158, 0, var(--bs-bg-opacity, 1)) !important;
-}
-
-.text-bg-danger {
-  color: #fff !important;
-  background-color: RGBA(165, 23, 40, var(--bs-bg-opacity, 1)) !important;
-}
-
 .link-primary {
-  color: #333333 !important;
+  color: #333333;
 }
 .link-primary:hover, .link-primary:focus {
-  color: #292929 !important;
+  color: #292929;
 }
 
 .link-secondary {
-  color: #666666 !important;
+  color: #666666;
 }
 .link-secondary:hover, .link-secondary:focus {
-  color: #525252 !important;
+  color: #525252;
 }
 
 .link-light {
-  color: #faf9f8 !important;
+  color: #faf9f8;
 }
 .link-light:hover, .link-light:focus {
-  color: #fbfaf9 !important;
+  color: #fbfaf9;
 }
 
 .link-dark {
-  color: #333333 !important;
+  color: #333333;
 }
 .link-dark:hover, .link-dark:focus {
-  color: #292929 !important;
+  color: #292929;
 }
 
 .link-success {
-  color: #2c911c !important;
+  color: #2c911c;
 }
 .link-success:hover, .link-success:focus {
-  color: #56a749 !important;
+  color: #56a749;
 }
 
 .link-info {
-  color: #fc0 !important;
+  color: #fc0;
 }
 .link-info:hover, .link-info:focus {
-  color: #ffd633 !important;
+  color: #ffd633;
 }
 
 .link-warning {
-  color: #f49e00 !important;
+  color: #f49e00;
 }
 .link-warning:hover, .link-warning:focus {
-  color: #f6b133 !important;
+  color: #f6b133;
 }
 
 .link-danger {
-  color: #a51728 !important;
+  color: #a51728;
 }
 .link-danger:hover, .link-danger:focus {
-  color: #841220 !important;
+  color: #841220;
 }
 
 .ratio {
@@ -1284,24 +1241,12 @@ code {
   z-index: 1020;
 }
 
-.sticky-bottom {
-  position: sticky;
-  bottom: 0;
-  z-index: 1020;
-}
-
 @media (min-width: 400px) {
   .sticky-sm-top {
     position: sticky;
     top: 0;
     z-index: 1020;
   }
-
-  .sticky-sm-bottom {
-    position: sticky;
-    bottom: 0;
-    z-index: 1020;
-  }
 }
 @media (min-width: 600px) {
   .sticky-rg-top {
@@ -1309,12 +1254,6 @@ code {
     top: 0;
     z-index: 1020;
   }
-
-  .sticky-rg-bottom {
-    position: sticky;
-    bottom: 0;
-    z-index: 1020;
-  }
 }
 @media (min-width: 780px) {
   .sticky-md-top {
@@ -1322,12 +1261,6 @@ code {
     top: 0;
     z-index: 1020;
   }
-
-  .sticky-md-bottom {
-    position: sticky;
-    bottom: 0;
-    z-index: 1020;
-  }
 }
 @media (min-width: 1024px) {
   .sticky-lg-top {
@@ -1335,12 +1268,6 @@ code {
     top: 0;
     z-index: 1020;
   }
-
-  .sticky-lg-bottom {
-    position: sticky;
-    bottom: 0;
-    z-index: 1020;
-  }
 }
 @media (min-width: 1280px) {
   .sticky-xl-top {
@@ -1348,12 +1275,6 @@ code {
     top: 0;
     z-index: 1020;
   }
-
-  .sticky-xl-bottom {
-    position: sticky;
-    bottom: 0;
-    z-index: 1020;
-  }
 }
 @media (min-width: 1441px) {
   .sticky-xxl-top {
@@ -1361,12 +1282,6 @@ code {
     top: 0;
     z-index: 1020;
   }
-
-  .sticky-xxl-bottom {
-    position: sticky;
-    bottom: 0;
-    z-index: 1020;
-  }
 }
 .hstack {
   display: flex;
@@ -1416,7 +1331,7 @@ code {
   align-self: stretch;
   width: 1px;
   min-height: 1em;
-  background-color: currentcolor;
+  background-color: currentColor;
   opacity: 0.25;
 }
 
@@ -1629,7 +1544,7 @@ code {
 }
 
 .border {
-  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+  border: 1px solid #cccccc !important;
 }
 
 .border-0 {
@@ -1637,7 +1552,7 @@ code {
 }
 
 .border-top {
-  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+  border-top: 1px solid #cccccc !important;
 }
 
 .border-top-0 {
@@ -1645,7 +1560,7 @@ code {
 }
 
 .border-end {
-  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+  border-right: 1px solid #cccccc !important;
 }
 
 .border-end-0 {
@@ -1653,7 +1568,7 @@ code {
 }
 
 .border-bottom {
-  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+  border-bottom: 1px solid #cccccc !important;
 }
 
 .border-bottom-0 {
@@ -1661,7 +1576,7 @@ code {
 }
 
 .border-start {
-  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+  border-left: 1px solid #cccccc !important;
 }
 
 .border-start-0 {
@@ -1669,88 +1584,59 @@ code {
 }
 
 .border-primary {
-  --bs-border-opacity: 1;
-  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
+  border-color: #333333 !important;
 }
 
 .border-secondary {
-  --bs-border-opacity: 1;
-  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
+  border-color: #666666 !important;
 }
 
 .border-light {
-  --bs-border-opacity: 1;
-  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
+  border-color: #faf9f8 !important;
 }
 
 .border-dark {
-  --bs-border-opacity: 1;
-  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
+  border-color: #333333 !important;
 }
 
 .border-success {
-  --bs-border-opacity: 1;
-  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
+  border-color: #2c911c !important;
 }
 
 .border-info {
-  --bs-border-opacity: 1;
-  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
+  border-color: #fc0 !important;
 }
 
 .border-warning {
-  --bs-border-opacity: 1;
-  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
+  border-color: #f49e00 !important;
 }
 
 .border-danger {
-  --bs-border-opacity: 1;
-  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
+  border-color: #a51728 !important;
 }
 
 .border-white {
-  --bs-border-opacity: 1;
-  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
+  border-color: #fff !important;
 }
 
 .border-1 {
-  --bs-border-width: 1px;
+  border-width: 1px !important;
 }
 
 .border-2 {
-  --bs-border-width: 2px;
+  border-width: 2px !important;
 }
 
 .border-3 {
-  --bs-border-width: 3px;
+  border-width: 3px !important;
 }
 
 .border-4 {
-  --bs-border-width: 4px;
+  border-width: 4px !important;
 }
 
 .border-5 {
-  --bs-border-width: 5px;
-}
-
-.border-opacity-10 {
-  --bs-border-opacity: 0.1;
-}
-
-.border-opacity-25 {
-  --bs-border-opacity: 0.25;
-}
-
-.border-opacity-50 {
-  --bs-border-opacity: 0.5;
-}
-
-.border-opacity-75 {
-  --bs-border-opacity: 0.75;
-}
-
-.border-opacity-100 {
-  --bs-border-opacity: 1;
+  border-width: 5px !important;
 }
 
 .w-25 {
@@ -1865,6 +1751,30 @@ code {
   flex-wrap: wrap-reverse !important;
 }
 
+.gap-0 {
+  gap: 0 !important;
+}
+
+.gap-1 {
+  gap: 0.25rem !important;
+}
+
+.gap-2 {
+  gap: 0.5rem !important;
+}
+
+.gap-3 {
+  gap: 1rem !important;
+}
+
+.gap-4 {
+  gap: 1.5rem !important;
+}
+
+.gap-5 {
+  gap: 3rem !important;
+}
+
 .justify-content-start {
   justify-content: flex-start !important;
 }
@@ -2379,30 +2289,6 @@ code {
   padding-left: 3rem !important;
 }
 
-.gap-0 {
-  gap: 0 !important;
-}
-
-.gap-1 {
-  gap: 0.25rem !important;
-}
-
-.gap-2 {
-  gap: 0.5rem !important;
-}
-
-.gap-3 {
-  gap: 1rem !important;
-}
-
-.gap-4 {
-  gap: 1.5rem !important;
-}
-
-.gap-5 {
-  gap: 3rem !important;
-}
-
 .font-monospace {
   font-family: var(--bs-font-monospace) !important;
 }
@@ -2475,10 +2361,6 @@ code {
   font-weight: 700 !important;
 }
 
-.fw-semibold {
-  font-weight: 600 !important;
-}
-
 .fw-bolder {
   font-weight: bolder !important;
 }
@@ -2686,7 +2568,7 @@ code {
 }
 
 .rounded {
-  border-radius: var(--bs-border-radius) !important;
+  border-radius: 3px !important;
 }
 
 .rounded-0 {
@@ -2694,23 +2576,15 @@ code {
 }
 
 .rounded-1 {
-  border-radius: var(--bs-border-radius-sm) !important;
+  border-radius: 3px !important;
 }
 
 .rounded-2 {
-  border-radius: var(--bs-border-radius) !important;
+  border-radius: 3px !important;
 }
 
 .rounded-3 {
-  border-radius: var(--bs-border-radius-lg) !important;
-}
-
-.rounded-4 {
-  border-radius: var(--bs-border-radius-xl) !important;
-}
-
-.rounded-5 {
-  border-radius: var(--bs-border-radius-2xl) !important;
+  border-radius: 3px !important;
 }
 
 .rounded-circle {
@@ -2718,27 +2592,27 @@ code {
 }
 
 .rounded-pill {
-  border-radius: var(--bs-border-radius-pill) !important;
+  border-radius: 50rem !important;
 }
 
 .rounded-top {
-  border-top-left-radius: var(--bs-border-radius) !important;
-  border-top-right-radius: var(--bs-border-radius) !important;
+  border-top-left-radius: 3px !important;
+  border-top-right-radius: 3px !important;
 }
 
 .rounded-end {
-  border-top-right-radius: var(--bs-border-radius) !important;
-  border-bottom-right-radius: var(--bs-border-radius) !important;
+  border-top-right-radius: 3px !important;
+  border-bottom-right-radius: 3px !important;
 }
 
 .rounded-bottom {
-  border-bottom-right-radius: var(--bs-border-radius) !important;
-  border-bottom-left-radius: var(--bs-border-radius) !important;
+  border-bottom-right-radius: 3px !important;
+  border-bottom-left-radius: 3px !important;
 }
 
 .rounded-start {
-  border-bottom-left-radius: var(--bs-border-radius) !important;
-  border-top-left-radius: var(--bs-border-radius) !important;
+  border-bottom-left-radius: 3px !important;
+  border-top-left-radius: 3px !important;
 }
 
 .visible {
@@ -2850,6 +2724,30 @@ code {
     flex-wrap: wrap-reverse !important;
   }
 
+  .gap-sm-0 {
+    gap: 0 !important;
+  }
+
+  .gap-sm-1 {
+    gap: 0.25rem !important;
+  }
+
+  .gap-sm-2 {
+    gap: 0.5rem !important;
+  }
+
+  .gap-sm-3 {
+    gap: 1rem !important;
+  }
+
+  .gap-sm-4 {
+    gap: 1.5rem !important;
+  }
+
+  .gap-sm-5 {
+    gap: 3rem !important;
+  }
+
   .justify-content-sm-start {
     justify-content: flex-start !important;
   }
@@ -3364,30 +3262,6 @@ code {
     padding-left: 3rem !important;
   }
 
-  .gap-sm-0 {
-    gap: 0 !important;
-  }
-
-  .gap-sm-1 {
-    gap: 0.25rem !important;
-  }
-
-  .gap-sm-2 {
-    gap: 0.5rem !important;
-  }
-
-  .gap-sm-3 {
-    gap: 1rem !important;
-  }
-
-  .gap-sm-4 {
-    gap: 1.5rem !important;
-  }
-
-  .gap-sm-5 {
-    gap: 3rem !important;
-  }
-
   .text-sm-start {
     text-align: left !important;
   }
@@ -3501,6 +3375,30 @@ code {
     flex-wrap: wrap-reverse !important;
   }
 
+  .gap-rg-0 {
+    gap: 0 !important;
+  }
+
+  .gap-rg-1 {
+    gap: 0.25rem !important;
+  }
+
+  .gap-rg-2 {
+    gap: 0.5rem !important;
+  }
+
+  .gap-rg-3 {
+    gap: 1rem !important;
+  }
+
+  .gap-rg-4 {
+    gap: 1.5rem !important;
+  }
+
+  .gap-rg-5 {
+    gap: 3rem !important;
+  }
+
   .justify-content-rg-start {
     justify-content: flex-start !important;
   }
@@ -4015,30 +3913,6 @@ code {
     padding-left: 3rem !important;
   }
 
-  .gap-rg-0 {
-    gap: 0 !important;
-  }
-
-  .gap-rg-1 {
-    gap: 0.25rem !important;
-  }
-
-  .gap-rg-2 {
-    gap: 0.5rem !important;
-  }
-
-  .gap-rg-3 {
-    gap: 1rem !important;
-  }
-
-  .gap-rg-4 {
-    gap: 1.5rem !important;
-  }
-
-  .gap-rg-5 {
-    gap: 3rem !important;
-  }
-
   .text-rg-start {
     text-align: left !important;
   }
@@ -4152,6 +4026,30 @@ code {
     flex-wrap: wrap-reverse !important;
   }
 
+  .gap-md-0 {
+    gap: 0 !important;
+  }
+
+  .gap-md-1 {
+    gap: 0.25rem !important;
+  }
+
+  .gap-md-2 {
+    gap: 0.5rem !important;
+  }
+
+  .gap-md-3 {
+    gap: 1rem !important;
+  }
+
+  .gap-md-4 {
+    gap: 1.5rem !important;
+  }
+
+  .gap-md-5 {
+    gap: 3rem !important;
+  }
+
   .justify-content-md-start {
     justify-content: flex-start !important;
   }
@@ -4666,30 +4564,6 @@ code {
     padding-left: 3rem !important;
   }
 
-  .gap-md-0 {
-    gap: 0 !important;
-  }
-
-  .gap-md-1 {
-    gap: 0.25rem !important;
-  }
-
-  .gap-md-2 {
-    gap: 0.5rem !important;
-  }
-
-  .gap-md-3 {
-    gap: 1rem !important;
-  }
-
-  .gap-md-4 {
-    gap: 1.5rem !important;
-  }
-
-  .gap-md-5 {
-    gap: 3rem !important;
-  }
-
   .text-md-start {
     text-align: left !important;
   }
@@ -4803,6 +4677,30 @@ code {
     flex-wrap: wrap-reverse !important;
   }
 
+  .gap-lg-0 {
+    gap: 0 !important;
+  }
+
+  .gap-lg-1 {
+    gap: 0.25rem !important;
+  }
+
+  .gap-lg-2 {
+    gap: 0.5rem !important;
+  }
+
+  .gap-lg-3 {
+    gap: 1rem !important;
+  }
+
+  .gap-lg-4 {
+    gap: 1.5rem !important;
+  }
+
+  .gap-lg-5 {
+    gap: 3rem !important;
+  }
+
   .justify-content-lg-start {
     justify-content: flex-start !important;
   }
@@ -5317,30 +5215,6 @@ code {
     padding-left: 3rem !important;
   }
 
-  .gap-lg-0 {
-    gap: 0 !important;
-  }
-
-  .gap-lg-1 {
-    gap: 0.25rem !important;
-  }
-
-  .gap-lg-2 {
-    gap: 0.5rem !important;
-  }
-
-  .gap-lg-3 {
-    gap: 1rem !important;
-  }
-
-  .gap-lg-4 {
-    gap: 1.5rem !important;
-  }
-
-  .gap-lg-5 {
-    gap: 3rem !important;
-  }
-
   .text-lg-start {
     text-align: left !important;
   }
@@ -5454,6 +5328,30 @@ code {
     flex-wrap: wrap-reverse !important;
   }
 
+  .gap-xl-0 {
+    gap: 0 !important;
+  }
+
+  .gap-xl-1 {
+    gap: 0.25rem !important;
+  }
+
+  .gap-xl-2 {
+    gap: 0.5rem !important;
+  }
+
+  .gap-xl-3 {
+    gap: 1rem !important;
+  }
+
+  .gap-xl-4 {
+    gap: 1.5rem !important;
+  }
+
+  .gap-xl-5 {
+    gap: 3rem !important;
+  }
+
   .justify-content-xl-start {
     justify-content: flex-start !important;
   }
@@ -5968,30 +5866,6 @@ code {
     padding-left: 3rem !important;
   }
 
-  .gap-xl-0 {
-    gap: 0 !important;
-  }
-
-  .gap-xl-1 {
-    gap: 0.25rem !important;
-  }
-
-  .gap-xl-2 {
-    gap: 0.5rem !important;
-  }
-
-  .gap-xl-3 {
-    gap: 1rem !important;
-  }
-
-  .gap-xl-4 {
-    gap: 1.5rem !important;
-  }
-
-  .gap-xl-5 {
-    gap: 3rem !important;
-  }
-
   .text-xl-start {
     text-align: left !important;
   }
@@ -6105,6 +5979,30 @@ code {
     flex-wrap: wrap-reverse !important;
   }
 
+  .gap-xxl-0 {
+    gap: 0 !important;
+  }
+
+  .gap-xxl-1 {
+    gap: 0.25rem !important;
+  }
+
+  .gap-xxl-2 {
+    gap: 0.5rem !important;
+  }
+
+  .gap-xxl-3 {
+    gap: 1rem !important;
+  }
+
+  .gap-xxl-4 {
+    gap: 1.5rem !important;
+  }
+
+  .gap-xxl-5 {
+    gap: 3rem !important;
+  }
+
   .justify-content-xxl-start {
     justify-content: flex-start !important;
   }
@@ -6619,30 +6517,6 @@ code {
     padding-left: 3rem !important;
   }
 
-  .gap-xxl-0 {
-    gap: 0 !important;
-  }
-
-  .gap-xxl-1 {
-    gap: 0.25rem !important;
-  }
-
-  .gap-xxl-2 {
-    gap: 0.5rem !important;
-  }
-
-  .gap-xxl-3 {
-    gap: 1rem !important;
-  }
-
-  .gap-xxl-4 {
-    gap: 1.5rem !important;
-  }
-
-  .gap-xxl-5 {
-    gap: 3rem !important;
-  }
-
   .text-xxl-start {
     text-align: left !important;
   }
@@ -16822,11 +16696,9 @@ a:focus, a:hover {
 .container,
 .container-fluid,
 .container-xs {
-  --bs-gutter-x: 30px;
-  --bs-gutter-y: 0;
   width: 100%;
-  padding-right: calc(var(--bs-gutter-x) * 0.5);
-  padding-left: calc(var(--bs-gutter-x) * 0.5);
+  padding-right: var(--bs-gutter-x, 15px);
+  padding-left: var(--bs-gutter-x, 15px);
   margin-right: auto;
   margin-left: auto;
 }
@@ -17026,45 +16898,20 @@ a:focus, a:hover {
   }
 }
 
-.accordion {
-  --bs-accordion-color: #000;
-  --bs-accordion-bg: #fff;
-  --bs-accordion-transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.15s ease;
-  --bs-accordion-border-color: #e6e6e6;
-  --bs-accordion-border-width: 2px;
-  --bs-accordion-border-radius: 0;
-  --bs-accordion-inner-border-radius: -2px;
-  --bs-accordion-btn-padding-x: 1rem;
-  --bs-accordion-btn-padding-y: 1rem;
-  --bs-accordion-btn-color: #000;
-  --bs-accordion-btn-bg: var(--bs-accordion-bg);
-  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23000000' d='M23.6,13.2l-7.5,7.6l-7.6-7.6l0.9-0.9l6.6,6.6l6.6-6.6L23.6,13.2z'%3E%3C/path%3E%3C/svg%3E");
-  --bs-accordion-btn-icon-width: 1.5rem;
-  --bs-accordion-btn-icon-transform: rotate(180deg);
-  --bs-accordion-btn-icon-transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
-  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23000000' d='M23.6,13.2l-7.5,7.6l-7.6-7.6l0.9-0.9l6.6,6.6l6.6-6.6L23.6,13.2z'%3E%3C/path%3E%3C/svg%3E");
-  --bs-accordion-btn-focus-border-color: #000;
-  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.125rem rgba(51, 51, 51, 0.25);
-  --bs-accordion-body-padding-x: 1rem;
-  --bs-accordion-body-padding-y: 1rem;
-  --bs-accordion-active-color: #000;
-  --bs-accordion-active-bg: transparent;
-}
-
 .accordion-button {
   position: relative;
   display: flex;
   align-items: center;
   width: 100%;
-  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
+  padding: 1rem 1rem;
   font-size: 1rem;
-  color: var(--bs-accordion-btn-color);
+  color: #000;
   text-align: left;
-  background-color: var(--bs-accordion-btn-bg);
+  background-color: #fff;
   border: 0;
   border-radius: 0;
   overflow-anchor: none;
-  transition: var(--bs-accordion-transition);
+  transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.15s ease;
 }
 @media (prefers-reduced-motion: reduce) {
   .accordion-button {
@@ -17072,24 +16919,24 @@ a:focus, a:hover {
   }
 }
 .accordion-button:not(.collapsed) {
-  color: var(--bs-accordion-active-color);
-  background-color: var(--bs-accordion-active-bg);
-  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
+  color: #000;
+  background-color: transparent;
+  box-shadow: inset 0 -2px 0 #e6e6e6;
 }
 .accordion-button:not(.collapsed)::after {
-  background-image: var(--bs-accordion-btn-active-icon);
-  transform: var(--bs-accordion-btn-icon-transform);
+  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23000000' d='M23.6,13.2l-7.5,7.6l-7.6-7.6l0.9-0.9l6.6,6.6l6.6-6.6L23.6,13.2z'%3E%3C/path%3E%3C/svg%3E");
+  transform: rotate(180deg);
 }
 .accordion-button::after {
   flex-shrink: 0;
-  width: var(--bs-accordion-btn-icon-width);
-  height: var(--bs-accordion-btn-icon-width);
+  width: 1.5rem;
+  height: 1.5rem;
   margin-left: auto;
   content: "";
-  background-image: var(--bs-accordion-btn-icon);
+  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath opacity='1' fill='%23000000' d='M23.6,13.2l-7.5,7.6l-7.6-7.6l0.9-0.9l6.6,6.6l6.6-6.6L23.6,13.2z'%3E%3C/path%3E%3C/svg%3E");
   background-repeat: no-repeat;
-  background-size: var(--bs-accordion-btn-icon-width);
-  transition: var(--bs-accordion-btn-icon-transition);
+  background-size: 1.5rem;
+  transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 @media (prefers-reduced-motion: reduce) {
   .accordion-button::after {
@@ -17101,9 +16948,9 @@ a:focus, a:hover {
 }
 .accordion-button:focus {
   z-index: 3;
-  border-color: var(--bs-accordion-btn-focus-border-color);
+  border-color: #000;
   outline: 0;
-  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
+  box-shadow: 0 0 0 0.125rem rgba(51, 51, 51, 0.25);
 }
 
 .accordion-header {
@@ -17111,36 +16958,35 @@ a:focus, a:hover {
 }
 
 .accordion-item {
-  color: var(--bs-accordion-color);
-  background-color: var(--bs-accordion-bg);
-  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
+  background-color: #fff;
+  border: 2px solid #e6e6e6;
 }
 .accordion-item:first-of-type {
-  border-top-left-radius: var(--bs-accordion-border-radius);
-  border-top-right-radius: var(--bs-accordion-border-radius);
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
 }
 .accordion-item:first-of-type .accordion-button {
-  border-top-left-radius: var(--bs-accordion-inner-border-radius);
-  border-top-right-radius: var(--bs-accordion-inner-border-radius);
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
 }
 .accordion-item:not(:first-of-type) {
   border-top: 0;
 }
 .accordion-item:last-of-type {
-  border-bottom-right-radius: var(--bs-accordion-border-radius);
-  border-bottom-left-radius: var(--bs-accordion-border-radius);
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
 }
 .accordion-item:last-of-type .accordion-button.collapsed {
-  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
-  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
 }
 .accordion-item:last-of-type .accordion-collapse {
-  border-bottom-right-radius: var(--bs-accordion-border-radius);
-  border-bottom-left-radius: var(--bs-accordion-border-radius);
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
 }
 
 .accordion-body {
-  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
+  padding: 1rem 1rem;
 }
 
 .accordion-flush .accordion-collapse {
@@ -17157,7 +17003,7 @@ a:focus, a:hover {
 .accordion-flush .accordion-item:last-child {
   border-bottom: 0;
 }
-.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
+.accordion-flush .accordion-item .accordion-button {
   border-radius: 0;
 }