npm - hr-design-system-handlebars - Versions diffs - 1.109.1 → 1.110.0 - Mend

hr-design-system-handlebars 1.109.1 → 1.110.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 (4) hide show

package/dist/assets/index.css CHANGED Viewed

@@ -124,8 +124,8 @@ Add the correct text decoration in Chrome, Edge, and Safari.
 abbr:where([title]) {
   text-decoration: underline;
-  -webkit-text-decoration: underline dotted currentColor;
-          text-decoration: underline dotted currentColor;
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
 }
 /*
@@ -594,8 +594,6 @@ video {
 /* CONTENT NAV ACCENTED GROUP MIXED*/
 .group-accented .autoSuggest .mixed-input {
         border-color: transparent !important;
-    }
-.group-accented .autoSuggest .mixed-input {
         height: 32px;
         border-bottom: none;
     }
@@ -605,7 +603,7 @@ video {
 .ds-focus:focus {
   --tw-shadow: 0 0 0 0.25rem;
   --tw-shadow-colored: 0 0 0 0.25rem var(--tw-shadow-color);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 0 0.25rem #005293;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
   --tw-shadow-color: var(--color-focus-state);
   --tw-shadow: var(--tw-shadow-colored);
@@ -615,7 +613,7 @@ video {
 .ds-focus:focus:not(:focus-visible) {
   --tw-shadow: 0 0 rgba(0,0,0,0);
   --tw-shadow-colored: 0 0 rgba(0,0,0,0);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
 .ds-button {
@@ -624,7 +622,7 @@ video {
 .ds-button:focus {
   --tw-shadow: 0 0 0 0.25rem;
   --tw-shadow-colored: 0 0 0 0.25rem var(--tw-shadow-color);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 0 0.25rem #005293;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
   --tw-shadow-color: var(--color-focus-state);
   --tw-shadow: var(--tw-shadow-colored);
@@ -634,7 +632,7 @@ video {
 .ds-button:focus:not(:focus-visible) {
   --tw-shadow: 0 0 rgba(0,0,0,0);
   --tw-shadow-colored: 0 0 rgba(0,0,0,0);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
 .ds-button-round {
@@ -644,7 +642,7 @@ video {
   border-radius: 9999px;
   --tw-shadow: 0 0 0 0.365rem;
   --tw-shadow-colored: 0 0 0 0.365rem var(--tw-shadow-color);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 0 0.25rem #005293;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
   --tw-shadow-color: var(--color-focus-state);
   --tw-shadow: var(--tw-shadow-colored);
@@ -654,13 +652,13 @@ video {
 .ds-button-round:focus:not(:focus-visible) {
   --tw-shadow: 0 0 rgba(0,0,0,0);
   --tw-shadow-colored: 0 0 rgba(0,0,0,0);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
 .ds-link:focus {
   --tw-shadow: 0 0 0 0.25rem;
   --tw-shadow-colored: 0 0 0 0.25rem var(--tw-shadow-color);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 0 0.25rem #005293;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
   --tw-shadow-color: var(--color-focus-state);
   --tw-shadow: var(--tw-shadow-colored);
@@ -670,13 +668,13 @@ video {
 .ds-link:focus:not(:focus-visible) {
   --tw-shadow: 0 0 rgba(0,0,0,0);
   --tw-shadow-colored: 0 0 rgba(0,0,0,0);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
 .ds-link.ds-teaser-focus:focus {
   --tw-shadow: 0 0 rgba(0,0,0,0);
   --tw-shadow-colored: 0 0 rgba(0,0,0,0);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
 .ds-link-inset:focus {
@@ -703,13 +701,14 @@ video {
   left: 0px;
   z-index: 10;
   --tw-content: '';
+  content: '';
   content: var(--tw-content);
 }
 .ds-teaser-focus:focus::before,
     .ds-teaser-focus:focus + .ds-cta > * {
   --tw-shadow: 0 0 0 0.25rem;
   --tw-shadow-colored: 0 0 0 0.25rem var(--tw-shadow-color);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 0 0.25rem #005293;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
   --tw-shadow-color: var(--color-focus-state);
   --tw-shadow: var(--tw-shadow-colored);
@@ -724,7 +723,7 @@ video {
     .ds-teaser-focus:focus:not(:focus-visible) + .ds-cta > * {
   --tw-shadow: 0 0 rgba(0,0,0,0);
   --tw-shadow-colored: 0 0 rgba(0,0,0,0);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
 .ds-teaser-focus:focus:not(:focus-visible) + .ds-cta > * {
@@ -766,10 +765,12 @@ video {
 }
 .content-nav-item {
   --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, 1);
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
 .content-nav-item:where(.dark, .dark *) {
   --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, 1);
   background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
 }
 .content-nav-item:hover {
@@ -777,6 +778,7 @@ video {
   background-color: var(--color-content-nav);
   fill: #ffffff;
   --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, 1);
   color: rgba(255, 255, 255, var(--tw-text-opacity));
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
@@ -817,11 +819,6 @@ video {
 /* ----------------MIXED - NAV ITEMS ------------------ */
 @media (min-width: 768px) {
-  .teaser-size-100 .content-nav-item.content-nav-item-mixed,
-    .teaser-size-66 .content-nav-item.content-nav-item-mixed {
-    border-width: 1px !important;
-  }
   .teaser-size-100 .content-nav-item.content-nav-item-mixed,
     .teaser-size-66 .content-nav-item.content-nav-item-mixed {
     width: -webkit-fit-content;
@@ -831,23 +828,21 @@ video {
     margin-left: 0px;
     margin-right: 0px;
     margin-right: 0.5rem;
+    border-width: 1px !important;
     border-color: #005293;
     border-color: var(--color-content-nav);
   }
-  .teaser-size-100 .content-nav-item.content-nav-item-mixed:hover,
-    .teaser-size-66 .content-nav-item.content-nav-item-mixed:hover {
-    background-color: #005293 !important;
-    background-color: var(--color-content-nav) !important;
-    fill: #ffffff !important;
-  }
   .teaser-size-100 .content-nav-item.content-nav-item-mixed:hover,
     .teaser-size-66 .content-nav-item.content-nav-item-mixed:hover {
     -webkit-text-decoration-line: none;
             text-decoration-line: none;
     --tw-text-opacity: 1;
+    color: rgba(255, 255, 255, 1);
     color: rgba(255, 255, 255, var(--tw-text-opacity));
+    background-color: #005293 !important;
+    background-color: var(--color-content-nav) !important;
+    fill: #ffffff !important;
   }
 }
 .content-nav-item.content-nav-item-mixed {
@@ -863,41 +858,41 @@ video {
 }
 .content-nav-item.content-nav-item-mixed {
   --tw-border-opacity: 1;
+  border-color: rgba(156, 163, 175, 1);
   border-color: rgba(156, 163, 175, var(--tw-border-opacity));
 }
-.content-nav-item.content-nav-item-mixed:hover {
-  --tw-bg-opacity: 1 !important;
-  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
-  fill: #005293 !important;
-  fill: var(--color-content-nav) !important;
-}
 .content-nav-item.content-nav-item-mixed:hover {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
   color: #005293;
   color: var(--color-content-nav);
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(255, 255, 255, 1) !important;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
+  fill: #005293 !important;
+  fill: var(--color-content-nav) !important;
 }
 /* ----------------DROPDOWN - NAV ITEMS ------------------ */
 .content-nav-item.content-nav-item-dropdown {
   width: 100%;
   --tw-border-opacity: 1;
+  border-color: rgba(156, 163, 175, 1);
   border-color: rgba(156, 163, 175, var(--tw-border-opacity));
   border-bottom-width: 1px;
 }
 .content-nav-item.content-nav-item-dropdown:last-child {
   border-bottom-width: 0px;
 }
-.content-nav-item.content-nav-item-dropdown:hover {
-  --tw-bg-opacity: 1 !important;
-  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
-  fill: #005293 !important;
-  fill: var(--color-content-nav) !important;
-}
 .content-nav-item.content-nav-item-dropdown:hover {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
   color: #005293;
   color: var(--color-content-nav);
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(255, 255, 255, 1) !important;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
+  fill: #005293 !important;
+  fill: var(--color-content-nav) !important;
 }
 /* ---------------- NAV DROPDOWN - DROPDOWN ------------------ */
 .content-nav-dropdown_dropdown.-isDropdown {
@@ -922,7 +917,7 @@ video {
   z-index: 100;
   --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
 .content-nav-dropdown_content.-isDropdown.-isClosed {
@@ -949,7 +944,7 @@ video {
     .teaser-size-66 .content-nav-dropdown_content.-isMixed.-isOpen {
     --tw-shadow: 0 0 rgba(0,0,0,0);
     --tw-shadow-colored: 0 0 rgba(0,0,0,0);
-    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
   }
 }
@@ -1009,6 +1004,7 @@ article.indexTextDS .link {
 }
 article.indexTextDS .indexTextHighlighted .link {
   --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, 1);
   color: rgba(255, 255, 255, var(--tw-text-opacity));
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
@@ -1018,7 +1014,7 @@ article.indexTextDS .indexTextHighlighted .link {
 .hrds-copytext__link:focus {
   --tw-shadow: 0 0 0 0.25rem;
   --tw-shadow-colored: 0 0 0 0.25rem var(--tw-shadow-color);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 0 0.25rem #005293;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
   --tw-shadow-color: var(--color-focus-state);
   --tw-shadow: var(--tw-shadow-colored);
@@ -1028,13 +1024,13 @@ article.indexTextDS .indexTextHighlighted .link {
 .hrds-copytext__link:focus:not(:focus-visible) {
   --tw-shadow: 0 0 rgba(0,0,0,0);
   --tw-shadow-colored: 0 0 rgba(0,0,0,0);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
 .hrds-copytext__link.ds-teaser-focus:focus {
   --tw-shadow: 0 0 rgba(0,0,0,0);
   --tw-shadow-colored: 0 0 rgba(0,0,0,0);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
 .hrds-copytext__link {
@@ -1166,12 +1162,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .right-auto {
   right: auto;
 }
-[dir="ltr"] .start-1 {
+.start-1 {
   left: 0.25rem;
 }
-[dir="rtl"] .start-1 {
-  right: 0.25rem;
-}
 .top-0 {
   top: 0px;
 }
@@ -1935,69 +1928,85 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .-translate-x-1\/2 {
   --tw-translate-x: -50%;
+  transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .-translate-x-2\/4 {
   --tw-translate-x: -50%;
+  transform: translate(-50%, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .-translate-y-1\/2 {
   --tw-translate-y: -50%;
+  transform: translate(var(--tw-translate-x), -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .translate-x-0 {
   --tw-translate-x: 0px;
+  transform: translate(0px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .translate-y-0 {
   --tw-translate-y: 0px;
+  transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .translate-y-12 {
   --tw-translate-y: 3rem;
+  transform: translate(var(--tw-translate-x), 3rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .translate-y-3 {
   --tw-translate-y: 0.75rem;
+  transform: translate(var(--tw-translate-x), 0.75rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .translate-y-8 {
   --tw-translate-y: 2rem;
+  transform: translate(var(--tw-translate-x), 2rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .-rotate-45 {
   --tw-rotate: -45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(-45deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .rotate-180 {
   --tw-rotate: 180deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .rotate-45 {
   --tw-rotate: 45deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(45deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .scale-100 {
   --tw-scale-x: 1;
   --tw-scale-y: 1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .scale-50 {
   --tw-scale-x: .5;
   --tw-scale-y: .5;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.5) scaleY(.5);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .scale-75 {
   --tw-scale-x: .75;
   --tw-scale-y: .75;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.75) scaleY(.75);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .scale-y-100 {
   --tw-scale-y: 1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(1);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .scale-y-90 {
   --tw-scale-y: .9;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(.9);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .transform {
@@ -2155,14 +2164,20 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .space-y-6 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
+  margin-top: calc(1.5rem * (1 - 0));
   margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse)));
+  margin-top: calc(1.5rem * calc(1 - 0));
   margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.5rem * 0);
   margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
 }
 .divide-y > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-y-reverse: 0;
+  border-top-width: calc(1px * (1 - 0));
   border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
+  border-top-width: calc(1px * calc(1 - 0));
   border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+  border-bottom-width: calc(1px * 0);
   border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
 }
 .divide-solid > :not([hidden]) ~ :not([hidden]) {
@@ -2170,10 +2185,12 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
+  border-color: rgba(229, 231, 235, 1);
   border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
 }
 .divide-white > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
+  border-color: rgba(255, 255, 255, 1);
   border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
 }
 .self-start {
@@ -2333,18 +2350,22 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .border-\[\#797979\] {
   --tw-border-opacity: 1;
+  border-color: rgba(121, 121, 121, 1);
   border-color: rgba(121, 121, 121, var(--tw-border-opacity));
 }
 .border-\[\#e3e3e3\] {
   --tw-border-opacity: 1;
+  border-color: rgba(227, 227, 227, 1);
   border-color: rgba(227, 227, 227, var(--tw-border-opacity));
 }
 .border-blue-500 {
   --tw-border-opacity: 1;
+  border-color: rgba(59, 130, 246, 1);
   border-color: rgba(59, 130, 246, var(--tw-border-opacity));
 }
 .border-blue-science-hex {
   --tw-border-opacity: 1;
+  border-color: rgba(0, 109, 193, 1);
   border-color: rgba(0, 109, 193, var(--tw-border-opacity));
 }
 .border-brandnavigation-border-color {
@@ -2383,22 +2404,27 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .border-gray-200 {
   --tw-border-opacity: 1;
+  border-color: rgba(229, 231, 235, 1);
   border-color: rgba(229, 231, 235, var(--tw-border-opacity));
 }
 .border-gray-400 {
   --tw-border-opacity: 1;
+  border-color: rgba(156, 163, 175, 1);
   border-color: rgba(156, 163, 175, var(--tw-border-opacity));
 }
 .border-gray-alto {
   --tw-border-opacity: 1;
+  border-color: rgba(224, 224, 224, 1);
   border-color: rgba(224, 224, 224, var(--tw-border-opacity));
 }
 .border-gray-boulder {
   --tw-border-opacity: 1;
+  border-color: rgba(121, 121, 121, 1);
   border-color: rgba(121, 121, 121, var(--tw-border-opacity));
 }
 .border-gray-scorpion {
   --tw-border-opacity: 1;
+  border-color: rgba(96, 96, 96, 1);
   border-color: rgba(96, 96, 96, var(--tw-border-opacity));
 }
 .border-navigation-border-color {
@@ -2411,10 +2437,12 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .border-red-400 {
   --tw-border-opacity: 1;
+  border-color: rgba(248, 113, 113, 1);
   border-color: rgba(248, 113, 113, var(--tw-border-opacity));
 }
 .border-red-700 {
   --tw-border-opacity: 1;
+  border-color: rgba(185, 28, 28, 1);
   border-color: rgba(185, 28, 28, var(--tw-border-opacity));
 }
 .border-servicenavigation-border-color {
@@ -2427,6 +2455,7 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .border-teal-600 {
   --tw-border-opacity: 1;
+  border-color: rgba(13, 148, 136, 1);
   border-color: rgba(13, 148, 136, var(--tw-border-opacity));
 }
 .border-transparent {
@@ -2434,6 +2463,7 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .border-white {
   --tw-border-opacity: 1;
+  border-color: rgba(255, 255, 255, 1);
   border-color: rgba(255, 255, 255, var(--tw-border-opacity));
 }
 .border-b-secondary {
@@ -2445,14 +2475,17 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .bg-\[\#d8e9f6\] {
   --tw-bg-opacity: 1;
+  background-color: rgba(216, 233, 246, 1);
   background-color: rgba(216, 233, 246, var(--tw-bg-opacity));
 }
 .bg-\[\#e3e3e3\] {
   --tw-bg-opacity: 1;
+  background-color: rgba(227, 227, 227, 1);
   background-color: rgba(227, 227, 227, var(--tw-bg-opacity));
 }
 .bg-black {
   --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, 1);
   background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
 }
 .bg-black\/\[0\.5\] {
@@ -2460,14 +2493,17 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .bg-blue-200 {
   --tw-bg-opacity: 1;
+  background-color: rgba(191, 219, 254, 1);
   background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
 }
 .bg-blue-400 {
   --tw-bg-opacity: 1;
+  background-color: rgba(96, 165, 250, 1);
   background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
 }
 .bg-blue-congress-hex {
   --tw-bg-opacity: 1;
+  background-color: rgba(0, 82, 147, 1);
   background-color: rgba(0, 82, 147, var(--tw-bg-opacity));
 }
 .bg-button {
@@ -2500,30 +2536,37 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .bg-gray-100 {
   --tw-bg-opacity: 1;
+  background-color: rgba(243, 244, 246, 1);
   background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
 }
 .bg-gray-400 {
   --tw-bg-opacity: 1;
+  background-color: rgba(156, 163, 175, 1);
   background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
 }
 .bg-gray-500 {
   --tw-bg-opacity: 1;
+  background-color: rgba(107, 114, 128, 1);
   background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
 }
 .bg-gray-800 {
   --tw-bg-opacity: 1;
+  background-color: rgba(31, 41, 55, 1);
   background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
 }
 .bg-gray-alabaster {
   --tw-bg-opacity: 1;
+  background-color: rgba(247, 247, 247, 1);
   background-color: rgba(247, 247, 247, var(--tw-bg-opacity));
 }
 .bg-gray-concrete {
   --tw-bg-opacity: 1;
+  background-color: rgba(243, 243, 243, 1);
   background-color: rgba(243, 243, 243, var(--tw-bg-opacity));
 }
 .bg-green-800 {
   --tw-bg-opacity: 1;
+  background-color: rgba(22, 101, 52, 1);
   background-color: rgba(22, 101, 52, var(--tw-bg-opacity));
 }
 .bg-highlight-1 {
@@ -2584,18 +2627,22 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .bg-neutral-200 {
   --tw-bg-opacity: 1;
+  background-color: rgba(229, 229, 229, 1);
   background-color: rgba(229, 229, 229, var(--tw-bg-opacity));
 }
 .bg-orange-500 {
   --tw-bg-opacity: 1;
+  background-color: rgba(249, 115, 22, 1);
   background-color: rgba(249, 115, 22, var(--tw-bg-opacity));
 }
 .bg-orange-bridesmaid {
   --tw-bg-opacity: 1;
+  background-color: rgba(252, 242, 237, 1);
   background-color: rgba(252, 242, 237, var(--tw-bg-opacity));
 }
 .bg-orange-oregon {
   --tw-bg-opacity: 1;
+  background-color: rgba(161, 71, 2, 1);
   background-color: rgba(161, 71, 2, var(--tw-bg-opacity));
 }
 .bg-podcast {
@@ -2612,22 +2659,26 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .bg-red-100 {
   --tw-bg-opacity: 1;
+  background-color: rgba(254, 226, 226, 1);
   background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
 }
 .bg-red-500 {
   --tw-bg-opacity: 1;
+  background-color: rgba(239, 68, 68, 1);
   background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
 }
 .bg-slate-200 {
   --tw-bg-opacity: 1;
+  background-color: rgba(226, 232, 240, 1);
   background-color: rgba(226, 232, 240, var(--tw-bg-opacity));
 }
 .bg-slate-500 {
   --tw-bg-opacity: 1;
+  background-color: rgba(100, 116, 139, 1);
   background-color: rgba(100, 116, 139, var(--tw-bg-opacity));
 }
 .bg-stageTextBox\/85 {
-  background-color: rgba(0, 110, 183, .85);
+  background-color: rgba(0, 110, 183, 0.85);
   background-color: rgb(var(--color-stage-text-box) / .85);
 }
 .bg-structure-nav {
@@ -2651,6 +2702,7 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .bg-white {
   --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, 1);
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
 .bg-white\/60 {
@@ -3148,18 +3200,22 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .\!text-stone-950 {
   --tw-text-opacity: 1 !important;
+  color: rgba(12, 10, 9, 1) !important;
   color: rgba(12, 10, 9, var(--tw-text-opacity)) !important;
 }
 .\!text-white {
   --tw-text-opacity: 1 !important;
+  color: rgba(255, 255, 255, 1) !important;
   color: rgba(255, 255, 255, var(--tw-text-opacity)) !important;
 }
 .text-black {
   --tw-text-opacity: 1;
+  color: rgba(0, 0, 0, 1);
   color: rgba(0, 0, 0, var(--tw-text-opacity));
 }
 .text-blue-700 {
   --tw-text-opacity: 1;
+  color: rgba(29, 78, 216, 1);
   color: rgba(29, 78, 216, var(--tw-text-opacity));
 }
 .text-brandnav-pseudo {
@@ -3209,26 +3265,32 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .text-gray-500 {
   --tw-text-opacity: 1;
+  color: rgba(107, 114, 128, 1);
   color: rgba(107, 114, 128, var(--tw-text-opacity));
 }
 .text-gray-800 {
   --tw-text-opacity: 1;
+  color: rgba(31, 41, 55, 1);
   color: rgba(31, 41, 55, var(--tw-text-opacity));
 }
 .text-gray-dark {
   --tw-text-opacity: 1;
+  color: rgba(112, 112, 112, 1);
   color: rgba(112, 112, 112, var(--tw-text-opacity));
 }
 .text-gray-scorpion {
   --tw-text-opacity: 1;
+  color: rgba(96, 96, 96, 1);
   color: rgba(96, 96, 96, var(--tw-text-opacity));
 }
 .text-green-600 {
   --tw-text-opacity: 1;
+  color: rgba(22, 163, 74, 1);
   color: rgba(22, 163, 74, var(--tw-text-opacity));
 }
 .text-green-800 {
   --tw-text-opacity: 1;
+  color: rgba(22, 101, 52, 1);
   color: rgba(22, 101, 52, var(--tw-text-opacity));
 }
 .text-inherit {
@@ -3264,6 +3326,7 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .text-red-700 {
   --tw-text-opacity: 1;
+  color: rgba(185, 28, 28, 1);
   color: rgba(185, 28, 28, var(--tw-text-opacity));
 }
 .text-search-footer-text {
@@ -3275,7 +3338,7 @@ article.indexTextDS .indexTextHighlighted .link {
   color: var(--color-secondary-ds);
 }
 .text-stageLink {
-  color: #006eb7;
+  color: var('--color-link');
   color: var(--color-stage-link);
 }
 .text-stageText {
@@ -3316,10 +3379,12 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .text-white {
   --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, 1);
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
 .text-yellow-400 {
   --tw-text-opacity: 1;
+  color: rgba(250, 204, 21, 1);
   color: rgba(250, 204, 21, var(--tw-text-opacity));
 }
 .underline {
@@ -3398,19 +3463,19 @@ article.indexTextDS .indexTextHighlighted .link {
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
 .shadow-md {
   --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
 .shadow-xl {
   --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
   --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
 .ring {
@@ -3428,18 +3493,22 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .blur {
   --tw-blur: blur(8px);
+  filter: blur(8px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 .blur-2xl {
   --tw-blur: blur(40px);
+  filter: blur(40px) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 .drop-shadow {
   --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 .drop-shadow-md {
   --tw-drop-shadow: drop-shadow(0 5px 3px rgba(0, 0, 0, 0.07));
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 5px 3px rgba(0, 0, 0, 0.07));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
 .filter {
@@ -3524,7 +3593,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1728667021406;
+  counter-reset: cnt1728892860840;
 }
 .placeholder-text-xs::-webkit-input-placeholder {
   font-size: 0.75rem;
@@ -3718,6 +3787,14 @@ article.indexTextDS .indexTextHighlighted .link {
         --content-max-width: 940px;
         --breakout-size: calc((var(--content-max-width) - var(--narrow-max-width)) / 2);
+        grid-template-columns:
+            [full-width-start] minmax(1.25rem, 2.5rem)
+            [content-start] minmax(0, calc((940px - calc(768px - (1.25rem * 2))) / 2))
+            [narrow-start] min(100% - (1.25rem * 2), calc(768px - (1.25rem * 2)))
+            [narrow-end]
+            minmax(0, calc((940px - calc(768px - (1.25rem * 2))) / 2)) [content-end]
+            minmax(1.25rem, 2.5rem) [full-width-end];
         grid-template-columns:
             [full-width-start] minmax(var(--mobile-padding), var(--desktop-padding))
             [content-start] minmax(0, var(--breakout-size))
@@ -3770,14 +3847,12 @@ article.indexTextDS .indexTextHighlighted .link {
 .col-full {
         grid-column: full;
     }
-.hideGridGroupIfEmpty[\:not-has\(section\)] {
-        display: none;
-    }
 .hideGridGroupIfEmpty:not(.hideGridGroupIfEmpty:has(section)) {
         display: none;
     }
 .-currentBrand::before {
   --tw-content: '';
+  content: '';
   content: var(--tw-content);
 }
 @media (min-width: 768px) {
@@ -3810,8 +3885,10 @@ article.indexTextDS .indexTextHighlighted .link {
   border-left-width: 8px;
   border-bottom-width: 8px;
   --tw-border-opacity: 1;
+  border-left-color: rgba(255, 255, 255, 1);
   border-left-color: rgba(255, 255, 255, var(--tw-border-opacity));
   --tw-content: '';
+  content: '';
   content: var(--tw-content);
   border-top-color: transparent;
   border-bottom-color: transparent;
@@ -3831,6 +3908,7 @@ article.indexTextDS .indexTextHighlighted .link {
     border-left-width: 8px;
     border-bottom-width: 8px;
     --tw-border-opacity: 1;
+    border-bottom-color: rgba(255, 255, 255, 1);
     border-bottom-color: rgba(255, 255, 255, var(--tw-border-opacity));
     border-right-color: transparent;
     border-left-color: transparent;
@@ -3852,8 +3930,10 @@ article.indexTextDS .indexTextHighlighted .link {
   border-left-width: 8px;
   border-bottom-width: 7px;
   --tw-border-opacity: 1;
+  border-left-color: rgba(255, 255, 255, 1);
   border-left-color: rgba(255, 255, 255, var(--tw-border-opacity));
   --tw-content: '';
+  content: '';
   content: var(--tw-content);
   border-top-color: transparent;
   border-bottom-color: transparent;
@@ -3881,9 +3961,8 @@ article.indexTextDS .indexTextHighlighted .link {
 }
 .-weather_warning {
   --tw-text-opacity: 1 !important;
+  color: rgba(220, 38, 38, 1) !important;
   color: rgba(220, 38, 38, var(--tw-text-opacity)) !important;
-}
-.-weather_warning {
   fill: #000000;
 }
 .-weather_warning svg {
@@ -3928,13 +4007,14 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1728667021406 1;
+  counter-increment: cnt1728892860840 1;
 }
 .-ordered::before {
   position: absolute;
   width: 23px;
   border-radius: 0.25rem;
   --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, 1);
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   padding-top: 1px;
   text-align: center;
@@ -3943,8 +4023,9 @@ article.indexTextDS .indexTextHighlighted .link {
   line-height: 1.375rem;
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
+  color: rgba(0, 0, 0, 1);
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1728667021406);
+  content: counter(cnt1728892860840);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -3959,7 +4040,7 @@ article.indexTextDS .indexTextHighlighted .link {
 .toggleSwitch-checkbox:focus + .toggleSwitch-label {
   --tw-shadow: 0 0 0 0.25rem;
   --tw-shadow-colored: 0 0 0 0.25rem var(--tw-shadow-color);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 0 0.25rem #005293;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
   --tw-shadow-color: var(--color-focus-state);
   --tw-shadow: var(--tw-shadow-colored);
@@ -3974,11 +4055,13 @@ article.indexTextDS .indexTextHighlighted .link {
   width: 21px;
   border-radius: 1rem;
   --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, 1);
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 300ms;
   --tw-content: '';
+  content: '';
   content: var(--tw-content);
 }
 /*! ****************************/
@@ -4011,6 +4094,7 @@ article.indexTextDS .indexTextHighlighted .link {
   display: block;
   background-color: rgba(255, 255, 255, 0.7);
   --tw-content: '';
+  content: '';
   content: var(--tw-content);
 }
 .is-loading::after {
@@ -4021,6 +4105,7 @@ article.indexTextDS .indexTextHighlighted .link {
   display: block;
   --tw-translate-x: -50%;
   --tw-translate-y: -50%;
+  transform: translate(-50%, -50%) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
         content: attr(data-prop-loading);
 }
@@ -4047,23 +4132,14 @@ ul.restrictedToTwo li:nth-of-type(1n + 2) .timelineBorder {
 /*! FORMULAR SELECT          */
 /*! ****************************/
 /* Custom CSS to style the label when the first empty option is selected */
-select[\:has\(option\:checked\:not\(\[value\%3D''\]\)\)] + label {
-  top: 1px;
-  --tw-translate-y: 0px;
-  --tw-scale-x: .75;
-  --tw-scale-y: .75;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
 select:has(option:checked:not([value=''])) + label {
   top: 1px;
   --tw-translate-y: 0px;
   --tw-scale-x: .75;
   --tw-scale-y: .75;
+  transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.75) scaleY(.75);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-select[\:has\(option\:checked\[value\%3D''\]\)] {
-  color: transparent;
-}
 select:has(option:checked[value='']) {
   color: transparent;
 }
@@ -4267,12 +4343,11 @@ input[type='radio']:checked::after {
 }
 :root .ardplayer, [data-theme='default'] .ardplayer {
         --ardplayer-color-primary-live: #d34600;
-        --ardplayer-color-primary-live-transparent-30: rgba(
-            211, 70, 0, 0.7
-        );
+        --ardplayer-color-primary-live-transparent-30: rgba(211, 70, 0, 0.7);
     }
 :root .ardplayer.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover, [data-theme='default'] .ardplayer.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover {
                     --ardplayer-color-lightest: #ffffff;
+                    color: #ffffff;
                     color: var(--ardplayer-color-lightest);
                 }
 :root .ardplayer.ardplayer-state-audio-inline .ardplayer-audio h2, [data-theme='default'] .ardplayer.ardplayer-state-audio-inline .ardplayer-audio h2 {
@@ -4292,13 +4367,12 @@ input[type='radio']:checked::after {
         }
 :root .ardplayer.ardplayer-light-mode.ardplayer-state-live, [data-theme='default'] .ardplayer.ardplayer-light-mode.ardplayer-state-live {
                 --ardplayer-color-primary-live: #d34600;
-                --ardplayer-color-primary-live-transparent-30: rgba(
-                    211, 70, 0, 0.7
-                );
+                --ardplayer-color-primary-live-transparent-30: rgba(211, 70, 0, 0.7);
                 --ardplayer-lightmode-color-lightest-transparent-30: #d34600;
             }
 :root .ardplayer.ardplayer-light-mode.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover, [data-theme='default'] .ardplayer.ardplayer-light-mode.ardplayer-state-live .ardplayer-controlbar .ardplayer-controlbar-hover {
                         --ardplayer-color-lightest: #ffffff;
+                        color: #ffffff;
                         color: var(--ardplayer-color-lightest);
                     }
 :root .ardplayer.ardplayer-light-mode.ardplayer-state-live .noUi-handle, [data-theme='default'] .ardplayer.ardplayer-light-mode.ardplayer-state-live .noUi-handle {
@@ -4409,16 +4483,12 @@ input[type='radio']:checked::after {
 }
 [data-theme='hessenschau'] .ardplayer {
         --ardplayer-color-primary-base: #005293;
-        --ardplayer-color-primary-base-transparent-30: rgba(
-            0, 82, 147, 0.7
-        );
+        --ardplayer-color-primary-base-transparent-30: rgba(0, 82, 147, 0.7);
         --ardplayer-color-primary-dark-base: #2d2d2d;
     }
 [data-theme='hessenschau'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #006dc1;
-            --ardplayer-color-primary-base-transparent-30: rgba(
-                0, 109, 193, 0.7
-            );
+            --ardplayer-color-primary-base-transparent-30: rgba(0, 109, 193, 0.7);
             --ardplayer-color-primary-dark-base: #eaf3fa;
             --ardplayer-color-tertiary-base: #006dc1;
             --ardplayer-color-lightest: #ffffff;
@@ -4429,6 +4499,7 @@ input[type='radio']:checked::after {
             }
 [data-theme='hessenschau'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
                     --ardplayer-color-lightest: #006dc1;
+                    color: #006dc1;
                     color: var(--ardplayer-color-lightest);
                 }
 [data-theme='hessenschau'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
@@ -4510,9 +4581,7 @@ input[type='radio']:checked::after {
 }
 [data-theme='hr-fernsehen'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #007396;
-            --ardplayer-color-primary-base-transparent-30: rgba(
-                0, 115, 150, 0.7
-            );
+            --ardplayer-color-primary-base-transparent-30: rgba(0, 115, 150, 0.7);
             --ardplayer-color-primary-dark-base: #eaeded;
             --ardplayer-color-tertiary-base: #007396;
             --ardplayer-color-lightest: #ffffff;
@@ -4524,6 +4593,7 @@ input[type='radio']:checked::after {
             }
 [data-theme='hr-fernsehen'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
                     --ardplayer-color-lightest: #007396;
+                    color: #007396;
                     color: var(--ardplayer-color-lightest);
                 }
 [data-theme='hr-fernsehen'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
@@ -4612,9 +4682,7 @@ input[type='radio']:checked::after {
 }
 [data-theme='hr-inforadio'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #276b9e;
-            --ardplayer-color-primary-base-transparent-30: rgba(
-                39, 107, 158, 0.7
-            );
+            --ardplayer-color-primary-base-transparent-30: rgba(39, 107, 158, 0.7);
             --ardplayer-color-primary-dark-base: #e5edf1;
             --ardplayer-color-tertiary-base: #276b9e;
             --ardplayer-color-lightest: #ffffff;
@@ -4625,6 +4693,7 @@ input[type='radio']:checked::after {
             }
 [data-theme='hr-inforadio'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
                     --ardplayer-color-lightest: #276b9e;
+                    color: #276b9e;
                     color: var(--ardplayer-color-lightest);
                 }
 [data-theme='hr-inforadio'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
@@ -4722,9 +4791,7 @@ input[type='radio']:checked::after {
 }
 [data-theme='hr-rundfunkrat'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #006eb7;
-            --ardplayer-color-primary-base-transparent-30: rgba(
-                0, 110, 183, 0.7
-            );
+            --ardplayer-color-primary-base-transparent-30: rgba(0, 110, 183, 0.7);
             --ardplayer-color-primary-dark-base: #eaf3fa;
             --ardplayer-color-tertiary-base: #006eb7;
             --ardplayer-color-lightest: #ffffff;
@@ -4735,6 +4802,7 @@ input[type='radio']:checked::after {
             }
 [data-theme='hr-rundfunkrat'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
                     --ardplayer-color-lightest: #006eb7;
+                    color: #006eb7;
                     color: var(--ardplayer-color-lightest);
                 }
 [data-theme='hr-rundfunkrat'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
@@ -4835,9 +4903,7 @@ input[type='radio']:checked::after {
 }
 [data-theme='hr-werbung'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #007396;
-            --ardplayer-color-primary-base-transparent-30: rgba(
-                0, 115, 150, 0.7
-            );
+            --ardplayer-color-primary-base-transparent-30: rgba(0, 115, 150, 0.7);
             --ardplayer-color-primary-dark-base: #eaf5f7;
             --ardplayer-color-tertiary-base: #007396;
             --ardplayer-color-lightest: #ffffff;
@@ -4848,6 +4914,7 @@ input[type='radio']:checked::after {
             }
 [data-theme='hr-werbung'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
                     --ardplayer-color-lightest: #007396;
+                    color: #007396;
                     color: var(--ardplayer-color-lightest);
                 }
 [data-theme='hr-werbung'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
@@ -4937,9 +5004,7 @@ input[type='radio']:checked::after {
 }
 [data-theme='hr-sinfonieorchester'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #AB2F2D;
-            --ardplayer-color-primary-base-transparent-30: rgba(
-                171, 47, 45, 0.7
-            );
+            --ardplayer-color-primary-base-transparent-30: rgba(171, 47, 45, 0.7);
             --ardplayer-color-primary-dark-base: #e0e0e0;
             --ardplayer-color-tertiary-base: #AB2F2D;
             --ardplayer-color-lightest: #ffffff;
@@ -4950,6 +5015,7 @@ input[type='radio']:checked::after {
             }
 [data-theme='hr-sinfonieorchester'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
                     --ardplayer-color-lightest: #AB2F2D;
+                    color: #AB2F2D;
                     color: var(--ardplayer-color-lightest);
                 }
 [data-theme='hr-sinfonieorchester'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
@@ -5036,9 +5102,7 @@ input[type='radio']:checked::after {
 }
 [data-theme='hr-bigband'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #007A7C;
-            --ardplayer-color-primary-base-transparent-30: rgba(
-                0, 122, 124, 0.7
-            );
+            --ardplayer-color-primary-base-transparent-30: rgba(0, 122, 124, 0.7);
             --ardplayer-color-primary-dark-base: #eaf5f7;
             --ardplayer-color-tertiary-base: #007A7C;
             --ardplayer-color-lightest: #ffffff;
@@ -5049,6 +5113,7 @@ input[type='radio']:checked::after {
             }
 [data-theme='hr-bigband'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
                     --ardplayer-color-lightest: #007A7C;
+                    color: #007A7C;
                     color: var(--ardplayer-color-lightest);
                 }
 [data-theme='hr-bigband'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
@@ -5149,9 +5214,7 @@ input[type='radio']:checked::after {
 }
 [data-theme='hr'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #007396;
-            --ardplayer-color-primary-base-transparent-30: rgba(
-                0, 115, 150, 0.7
-            );
+            --ardplayer-color-primary-base-transparent-30: rgba(0, 115, 150, 0.7);
             --ardplayer-color-primary-dark-base: #eaf3fa;
             --ardplayer-color-tertiary-base: #007396;
             --ardplayer-color-lightest: #ffffff;
@@ -5162,6 +5225,7 @@ input[type='radio']:checked::after {
             }
 [data-theme='hr'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
                     --ardplayer-color-lightest: #007396;
+                    color: #007396;
                     color: var(--ardplayer-color-lightest);
                 }
 [data-theme='hr'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
@@ -5254,9 +5318,7 @@ input[type='radio']:checked::after {
 }
 [data-theme='hr1'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #916B00;
-            --ardplayer-color-primary-base-transparent-30: rgba(
-                145, 107, 0, 0.7
-            );
+            --ardplayer-color-primary-base-transparent-30: rgba(145, 107, 0, 0.7);
             --ardplayer-color-primary-dark-base: #FBF9EE;
             --ardplayer-color-tertiary-base: #916B00;
             --ardplayer-color-lightest: #ffffff;
@@ -5267,6 +5329,7 @@ input[type='radio']:checked::after {
             }
 [data-theme='hr1'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
                     --ardplayer-color-lightest: #916B00;
+                    color: #916B00;
                     color: var(--ardplayer-color-lightest);
                 }
 [data-theme='hr1'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
@@ -5364,9 +5427,7 @@ input[type='radio']:checked::after {
 }
 [data-theme='hr2'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #8C033D;
-            --ardplayer-color-primary-base-transparent-30: rgba(
-                140, 3, 61, 0.7
-            );
+            --ardplayer-color-primary-base-transparent-30: rgba(140, 3, 61, 0.7);
             --ardplayer-color-primary-dark-base: #e0e0e0;
             --ardplayer-color-tertiary-base: #8C033D;
             --ardplayer-color-lightest: #ffffff;
@@ -5377,9 +5438,7 @@ input[type='radio']:checked::after {
         }
 [data-theme='hr2'] .ardplayer.ardplayer-light-mode.ardplayer-state-live {
                 --ardplayer-color-primary-live: #e5007d;
-                --ardplayer-color-primary-live-transparent-30: rgba(
-                    229, 0, 125, 0.7
-                );
+                --ardplayer-color-primary-live-transparent-30: rgba(229, 0, 125, 0.7);
                 --ardplayer-lightmode-color-lightest-transparent-30: #e5007d;
             }
 [data-theme='hr2'] .ardplayer.ardplayer-light-mode.ardplayer-state-live .noUi-handle {
@@ -5390,6 +5449,7 @@ input[type='radio']:checked::after {
             }
 [data-theme='hr2'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
                     --ardplayer-color-lightest: #8C033D;
+                    color: #8C033D;
                     color: var(--ardplayer-color-lightest);
                 }
 [data-theme='hr2'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
@@ -5483,9 +5543,7 @@ input[type='radio']:checked::after {
 }
 [data-theme='hr3'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #c20016;
-            --ardplayer-color-primary-base-transparent-30: rgba(
-                194, 0, 22, 0.7
-            );
+            --ardplayer-color-primary-base-transparent-30: rgba(194, 0, 22, 0.7);
             --ardplayer-color-primary-dark-base: #E6E6E6;
             --ardplayer-color-tertiary-base: #c20016;
             --ardplayer-color-lightest: #ffffff;
@@ -5496,6 +5554,7 @@ input[type='radio']:checked::after {
             }
 [data-theme='hr3'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
                     --ardplayer-color-lightest: #c20016;
+                    color: #c20016;
                     color: var(--ardplayer-color-lightest);
                 }
 [data-theme='hr3'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
@@ -5589,9 +5648,7 @@ input[type='radio']:checked::after {
 }
 [data-theme='hr4'] .ardplayer.ardplayer-light-mode {
             --ardplayer-color-primary-base: #0F6157;
-            --ardplayer-color-primary-base-transparent-30: rgba(
-                15, 97, 87, 0.7
-            );
+            --ardplayer-color-primary-base-transparent-30: rgba(15, 97, 87, 0.7);
             --ardplayer-color-primary-dark-base: #DBEAEA;
             --ardplayer-color-tertiary-base: #0F6157;
             --ardplayer-color-lightest: #ffffff;
@@ -5602,6 +5659,7 @@ input[type='radio']:checked::after {
             }
 [data-theme='hr4'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
                     --ardplayer-color-lightest: #0F6157;
+                    color: #0F6157;
                     color: var(--ardplayer-color-lightest);
                 }
 [data-theme='hr4'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
@@ -5729,6 +5787,7 @@ input[type='radio']:checked::after {
             }
 [data-theme='you-fm'] .ardplayer.ardplayer-light-mode .ardplayer-controlbar .ardplayer-controlbar-hover {
                     --ardplayer-color-lightest: #006783;
+                    color: #006783;
                     color: var(--ardplayer-color-lightest);
                 }
 [data-theme='you-fm'] .ardplayer.ardplayer-light-mode .ardplayer-bottom-sheet-container {
@@ -5815,19 +5874,19 @@ input[type='radio']:checked::after {
 }
 .placeholder\:text-gray-dark::-webkit-input-placeholder {
   --tw-text-opacity: 1;
+  color: rgba(112, 112, 112, 1);
   color: rgba(112, 112, 112, var(--tw-text-opacity));
 }
 .placeholder\:text-gray-dark::-moz-placeholder {
   --tw-text-opacity: 1;
+  color: rgba(112, 112, 112, 1);
   color: rgba(112, 112, 112, var(--tw-text-opacity));
 }
 .placeholder\:text-gray-dark::placeholder {
   --tw-text-opacity: 1;
+  color: rgba(112, 112, 112, 1);
   color: rgba(112, 112, 112, var(--tw-text-opacity));
 }
-.backdrop\:bg-gray-scorpion\/90::-webkit-backdrop {
-  background-color: rgba(96, 96, 96, 0.9);
-}
 .backdrop\:bg-gray-scorpion\/90::backdrop {
   background-color: rgba(96, 96, 96, 0.9);
 }
@@ -5864,6 +5923,7 @@ input[type='radio']:checked::after {
 }
 .checked\:border-blue-congress-hex:checked {
   --tw-border-opacity: 1;
+  border-color: rgba(0, 82, 147, 1);
   border-color: rgba(0, 82, 147, var(--tw-border-opacity));
 }
 .checked\:border-transparent:checked {
@@ -5871,10 +5931,12 @@ input[type='radio']:checked::after {
 }
 .checked\:bg-blue-congress-hex:checked {
   --tw-bg-opacity: 1;
+  background-color: rgba(0, 82, 147, 1);
   background-color: rgba(0, 82, 147, var(--tw-bg-opacity));
 }
 .checked\:bg-white:checked {
   --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, 1);
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
 .empty\:hidden:empty {
@@ -5883,6 +5945,7 @@ input[type='radio']:checked::after {
 .hover\:scale-105:hover {
   --tw-scale-x: 1.05;
   --tw-scale-y: 1.05;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1.05) scaleY(1.05);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .hover\:border-button:hover {
@@ -5896,6 +5959,7 @@ input[type='radio']:checked::after {
 }
 .hover\:bg-black:hover {
   --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, 1);
   background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
 }
 .hover\:bg-button--dark:hover {
@@ -5914,10 +5978,12 @@ input[type='radio']:checked::after {
 }
 .hover\:bg-slate-300:hover {
   --tw-bg-opacity: 1;
+  background-color: rgba(203, 213, 225, 1);
   background-color: rgba(203, 213, 225, var(--tw-bg-opacity));
 }
 .hover\:bg-white:hover {
   --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, 1);
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
 .hover\:fill-media-button:hover {
@@ -5945,6 +6011,7 @@ input[type='radio']:checked::after {
 }
 .hover\:text-white:hover {
   --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, 1);
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
 .hover\:underline:hover {
@@ -5963,6 +6030,7 @@ input[type='radio']:checked::after {
 }
 .focus\:bg-black:focus {
   --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, 1);
   background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
 }
 .focus\:pb-0:focus {
@@ -5970,6 +6038,7 @@ input[type='radio']:checked::after {
 }
 .focus\:text-white:focus {
   --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, 1);
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
 .focus\:outline-none:focus {
@@ -5983,6 +6052,7 @@ input[type='radio']:checked::after {
 .active\:scale-95:active {
   --tw-scale-x: .95;
   --tw-scale-y: .95;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.95) scaleY(.95);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .active\:bg-button--dark:active {
@@ -6010,18 +6080,12 @@ input[type='radio']:checked::after {
 }
 .disabled\:text-gray-500:disabled {
   --tw-text-opacity: 1;
+  color: rgba(107, 114, 128, 1);
   color: rgba(107, 114, 128, var(--tw-text-opacity));
 }
-.group[focus-within] .group-focus-within\:text-white {
-  --tw-text-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-text-opacity));
-}
-.group[focus-within] .group-focus-within\:text-white {
-  --tw-text-opacity: 1;
-  color: rgba(255, 255, 255, var(--tw-text-opacity));
-}
 .group:focus-within .group-focus-within\:text-white {
   --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, 1);
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
 .group:hover .group-hover\:static {
@@ -6037,6 +6101,7 @@ input[type='radio']:checked::after {
 }
 .group:hover .group-hover\:text-white {
   --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, 1);
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
 .group:hover .group-hover\:underline {
@@ -6048,32 +6113,39 @@ input[type='radio']:checked::after {
 }
 .group:focus .group-focus\:text-white {
   --tw-text-opacity: 1;
+  color: rgba(255, 255, 255, 1);
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
 .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:translate-x-0 {
   --tw-translate-x: 0px;
+  transform: translate(0px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .peer:placeholder-shown ~ .peer-placeholder-shown\:translate-x-0 {
   --tw-translate-x: 0px;
+  transform: translate(0px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:translate-y-3 {
   --tw-translate-y: 0.75rem;
+  transform: translate(var(--tw-translate-x), 0.75rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .peer:placeholder-shown ~ .peer-placeholder-shown\:translate-y-3 {
   --tw-translate-y: 0.75rem;
+  transform: translate(var(--tw-translate-x), 0.75rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .peer:-moz-placeholder-shown ~ .peer-placeholder-shown\:scale-100 {
   --tw-scale-x: 1;
   --tw-scale-y: 1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .peer:placeholder-shown ~ .peer-placeholder-shown\:scale-100 {
   --tw-scale-x: 1;
   --tw-scale-y: 1;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(1) scaleY(1);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .peer:focus ~ .peer-focus\:top-px {
@@ -6081,23 +6153,28 @@ input[type='radio']:checked::after {
 }
 .peer:focus ~ .peer-focus\:-translate-y-0 {
   --tw-translate-y: -0px;
+  transform: translate(var(--tw-translate-x), -0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .peer:focus ~ .peer-focus\:translate-x-0 {
   --tw-translate-x: 0px;
+  transform: translate(0px, var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .peer:focus ~ .peer-focus\:translate-y-0 {
   --tw-translate-y: 0px;
+  transform: translate(var(--tw-translate-x), 0px) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .peer:focus ~ .peer-focus\:rotate-180 {
   --tw-rotate: 180deg;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(180deg) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .peer:focus ~ .peer-focus\:scale-75 {
   --tw-scale-x: .75;
   --tw-scale-y: .75;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(.75) scaleY(.75);
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 .peer:focus ~ .peer-focus\:border-l-0 {
@@ -6108,6 +6185,7 @@ input[type='radio']:checked::after {
 }
 .peer:focus ~ .peer-focus\:text-blue-500 {
   --tw-text-opacity: 1;
+  color: rgba(59, 130, 246, 1);
   color: rgba(59, 130, 246, var(--tw-text-opacity));
 }
 .aria-hidden\:hidden[aria-hidden="true"] {
@@ -6154,11 +6232,12 @@ input[type='radio']:checked::after {
 .before\:shadow-stage::before {
   --tw-shadow: 0 .3125rem 1.0625rem rgba(0,0,0,0.3);
   --tw-shadow-colored: 0 .3125rem 1.0625rem var(--tw-shadow-color);
-  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 .3125rem 1.0625rem rgba(0,0,0,0.3);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
 .before\:content-\[\'\'\]::before {
   --tw-content: '';
+  content: '';
   content: var(--tw-content);
 }
 .after\:absolute::after {
@@ -6182,6 +6261,7 @@ input[type='radio']:checked::after {
 }
 .after\:content-\[\'\'\]::after {
   --tw-content: '';
+  content: '';
   content: var(--tw-content);
 }
 .after\:col-full::after {
@@ -7068,8 +7148,11 @@ input[type='radio']:checked::after {
   .md\:space-x-3 > :not([hidden]) ~ :not([hidden]) {
     --tw-space-x-reverse: 0;
+    margin-right: calc(0.75rem * 0);
     margin-right: calc(0.75rem * var(--tw-space-x-reverse));
+    margin-left: calc(0.75rem * (1 - 0));
     margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse)));
+    margin-left: calc(0.75rem * calc(1 - 0));
     margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
   }
@@ -7121,11 +7204,13 @@ input[type='radio']:checked::after {
   .md\:border-white {
     --tw-border-opacity: 1;
+    border-color: rgba(255, 255, 255, 1);
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
   .md\:bg-neutral-200 {
     --tw-bg-opacity: 1;
+    background-color: rgba(229, 229, 229, 1);
     background-color: rgba(229, 229, 229, var(--tw-bg-opacity));
   }
@@ -7135,6 +7220,7 @@ input[type='radio']:checked::after {
   .md\:bg-white {
     --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, 1);
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
@@ -7302,6 +7388,7 @@ input[type='radio']:checked::after {
   .md\:drop-shadow-md {
     --tw-drop-shadow: drop-shadow(0 5px 3px rgba(0, 0, 0, 0.07));
+    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) drop-shadow(0 5px 3px rgba(0, 0, 0, 0.07));
     filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
   }
@@ -7407,17 +7494,23 @@ input[type='radio']:checked::after {
     }
     .md\:basis-1\/3-gap-6 {
         --gap: 1.5rem;
+        width: calc((100% - (2 * 1.5rem)) / 3);
         width: calc((100% - (2 * var(--gap))) / 3);
+        flex-basis: calc((100% - (2 * 1.5rem)) / 3);
         flex-basis: calc((100% - (2 * var(--gap))) / 3);
     }
     .md\:basis-2\/3-gap-6 {
         --gap: 1.5rem;
+        width: calc((((100% - (2 * 1.5rem)) / 3) * 2) + 1.5rem);
         width: calc((((100% - (2 * var(--gap))) / 3) * 2) + var(--gap));
+        flex-basis: calc((((100% - (2 * 1.5rem)) / 3) * 2) + 1.5rem);
         flex-basis: calc((((100% - (2 * var(--gap))) / 3) * 2) + var(--gap));
     }
     .md\:basis-1\/2-gap-6 {
         --gap: 1.5rem;
+        width: calc((100% - 1.5rem) / 2);
         width: calc((100% - var(--gap)) / 2);
+        flex-basis: calc((100% - 1.5rem) / 2);
         flex-basis: calc((100% - var(--gap)) / 2);
     }
     .md\:brand-logo-size-md {
@@ -7752,13 +7845,17 @@ input[type='radio']:checked::after {
   .lg\:divide-x > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-x-reverse: 0;
+    border-right-width: calc(1px * 0);
     border-right-width: calc(1px * var(--tw-divide-x-reverse));
+    border-left-width: calc(1px * (1 - 0));
     border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));
+    border-left-width: calc(1px * calc(1 - 0));
     border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
   }
   .lg\:divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
+    border-color: rgba(229, 231, 235, 1);
     border-color: rgba(229, 231, 235, var(--tw-divide-opacity));
   }
@@ -7817,6 +7914,7 @@ input[type='radio']:checked::after {
   .lg\:bg-white {
     --tw-bg-opacity: 1;
+    background-color: rgba(255, 255, 255, 1);
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
@@ -7976,12 +8074,16 @@ input[type='radio']:checked::after {
     }
     .lg\:basis-1\/3-gap-6 {
         --gap: 1.5rem;
+        width: calc((100% - (2 * 1.5rem)) / 3);
         width: calc((100% - (2 * var(--gap))) / 3);
+        flex-basis: calc((100% - (2 * 1.5rem)) / 3);
         flex-basis: calc((100% - (2 * var(--gap))) / 3);
     }
     .lg\:basis-2\/3-gap-6 {
         --gap: 1.5rem;
+        width: calc((((100% - (2 * 1.5rem)) / 3) * 2) + 1.5rem);
         width: calc((((100% - (2 * var(--gap))) / 3) * 2) + var(--gap));
+        flex-basis: calc((((100% - (2 * 1.5rem)) / 3) * 2) + 1.5rem);
         flex-basis: calc((((100% - (2 * var(--gap))) / 3) * 2) + var(--gap));
     }
@@ -8086,6 +8188,7 @@ input[type='radio']:checked::after {
 }
 .dark\:bg-black:where(.dark, .dark *) {
   --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, 1);
   background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
 }
 .dark\:bg-black\/60:where(.dark, .dark *) {
@@ -8322,9 +8425,6 @@ input[type='radio']:checked::after {
 .\[\&\+h2\]\:mt-4+h2 {
   margin-top: 1rem;
 }
-.\[\&\:has\(\+\.-hideOnMobile\)\]\:order-1[\:has\(\%2B.-hideOnMobile\)] {
-  order: 1;
-}
 .\[\&\:has\(\+\.-hideOnMobile\)\]\:order-1:has(+.-hideOnMobile) {
   order: 1;
 }