hr-design-system-handlebars 1.105.2 → 1.107.0

package/dist/assets/index.css

@@ -1,5 +1,59 @@
-/*
-! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com
+.-translate-x-1\/2, .-translate-x-2\/4, .-translate-y-1\/2, .translate-x-0, .translate-y-0, .translate-y-12, .translate-y-3, .translate-y-8, .-rotate-45, .rotate-180, .rotate-45, .scale-100, .scale-50, .scale-75, .scale-y-100, .scale-y-90, .transform, .is-loading::after, label, .hover\:scale-105, .active\:scale-95, .peer-placeholder-shown\:translate-x-0, .peer-placeholder-shown\:translate-y-3, .peer-placeholder-shown\:scale-100, .peer-focus\:translate-x-0, .peer-focus\:translate-y-0, .peer-focus\:rotate-180, .peer-focus\:scale-75 {
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+}
+
+.peer-focus\:-translate-y-0 {
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+}
+
+.from-\[\{\{_bgcolor\}\}\], .from-black, .from-white, .md\:from-white {
+  --tw-gradient-from-position:  ;
+  --tw-gradient-via-position:  ;
+  --tw-gradient-to-position:  ;
+}
+
+.ds-focus, .ds-focus:not(:focus-visible), .ds-button, .ds-button:not(:focus-visible), .ds-button-round, .ds-button-round:not(:focus-visible), .ds-link, .ds-link:not(:focus-visible), .ds-teaser-focus, .ds-teaser-focus::before, .ds-cta > *, .ds-teaser-focus:not(:focus-visible)::before, .-isOpen, .hrds-copytext__link, .hrds-copytext__link:not(:focus-visible), .shadow, .shadow-md, .shadow-xl, .toggleSwitch-label, .before\:shadow-stage::before {
+  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
+  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
+  --tw-shadow: 0 0 rgba(0,0,0,0);
+  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
+}
+
+.ds-link-inset, .ds-link-inset:not(:focus-visible), .ring, .link-focus-inset, .link-focus, .link-focus-inset-white, .link-focus-white {
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgba(59, 130, 246, 0.5);
+  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
+  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
+  --tw-shadow: 0 0 rgba(0,0,0,0);
+  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
+}
+
+.blur, .blur-2xl, .drop-shadow, .drop-shadow-md, .filter, .md\:drop-shadow-md, .md\:filter {
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+}/*
+! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
 *//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -26,17 +80,20 @@
 4. Use the user's configured `sans` font-family by default.
 5. Use the user's configured `sans` font-feature-settings by default.
 6. Use the user's configured `sans` font-variation-settings by default.
+7. Disable tap highlights on iOS
 */
 
-html {
+html,
+:host {
   line-height: 1.5; /* 1 */
   -webkit-text-size-adjust: 100%; /* 2 */
   -moz-tab-size: 4; /* 3 */
   -o-tab-size: 4;
      tab-size: 4; /* 3 */
-  font-family: DIN, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
+  font-family: DIN, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
   font-feature-settings: normal; /* 5 */
   font-variation-settings: normal; /* 6 */
+  -webkit-tap-highlight-color: transparent; /* 7 */
 }
 
 /*
@@ -104,8 +161,10 @@ strong {
 }
 
 /*
-1. Use the user's configured `mono` font family by default.
-2. Correct the odd `em` font sizing in all browsers.
+1. Use the user's configured `mono` font-family by default.
+2. Use the user's configured `mono` font-feature-settings by default.
+3. Use the user's configured `mono` font-variation-settings by default.
+4. Correct the odd `em` font sizing in all browsers.
 */
 
 code,
@@ -113,7 +172,9 @@ kbd,
 samp,
 pre {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
-  font-size: 1em; /* 2 */
+  font-feature-settings: normal; /* 2 */
+  font-variation-settings: normal; /* 3 */
+  font-size: 1em; /* 4 */
 }
 
 /*
@@ -168,9 +229,12 @@ optgroup,
 select,
 textarea {
   font-family: inherit; /* 1 */
+  font-feature-settings: inherit; /* 1 */
+  font-variation-settings: inherit; /* 1 */
   font-size: 100%; /* 1 */
   font-weight: inherit; /* 1 */
   line-height: inherit; /* 1 */
+  letter-spacing: inherit; /* 1 */
   color: inherit; /* 1 */
   margin: 0; /* 2 */
   padding: 0; /* 3 */
@@ -191,9 +255,9 @@ select {
 */
 
 button,
-[type='button'],
-[type='reset'],
-[type='submit'] {
+input:where([type='button']),
+input:where([type='reset']),
+input:where([type='submit']) {
   -webkit-appearance: button; /* 1 */
   background-color: transparent; /* 2 */
   background-image: none; /* 2 */
@@ -305,6 +369,13 @@ menu {
   padding: 0;
 }
 
+/*
+Reset default styling for dialogs.
+*/
+dialog {
+  padding: 0;
+}
+
 /*
 Prevent resizing textareas horizontally by default.
 */
@@ -425,62 +496,6 @@ video {
         font-style: normal;
         font-stretch: condensed;
     }
-
-.-translate-x-1\/2, .-translate-x-2\/4, .-translate-y-1\/2, .translate-x-0, .translate-y-0, .translate-y-12, .translate-y-3, .translate-y-8, .-rotate-45, .rotate-180, .rotate-45, .scale-100, .scale-50, .scale-75, .scale-y-100, .scale-y-90, .transform, .is-loading::after, label, .hover\:scale-105, .active\:scale-95, .peer-placeholder-shown\:translate-x-0, .peer-placeholder-shown\:translate-y-3, .peer-placeholder-shown\:scale-100, .peer-focus\:translate-x-0, .peer-focus\:translate-y-0, .peer-focus\:rotate-180, .peer-focus\:scale-75 {
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-}
-
-.peer-focus\:-translate-y-0 {
-  --tw-translate-x: 0;
-  --tw-translate-y: 0;
-  --tw-rotate: 0;
-  --tw-skew-x: 0;
-  --tw-skew-y: 0;
-  --tw-scale-x: 1;
-  --tw-scale-y: 1;
-}
-
-.from-\[\{\{_bgcolor\}\}\], .from-black, .from-white, .md\:from-white {
-  --tw-gradient-from-position:  ;
-  --tw-gradient-via-position:  ;
-  --tw-gradient-to-position:  ;
-}
-
-.ds-focus, .ds-focus:not(:focus-visible), .ds-button, .ds-button:not(:focus-visible), .ds-button-round, .ds-button-round:not(:focus-visible), .ds-link, .ds-link:not(:focus-visible), .ds-teaser-focus, .ds-teaser-focus::before, .ds-cta > *, .ds-teaser-focus:not(:focus-visible)::before, .-isOpen, .hrds-copytext__link, .hrds-copytext__link:not(:focus-visible), .shadow, .shadow-md, .shadow-xl, .toggleSwitch-label, .before\:shadow-stage::before {
-  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
-  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
-  --tw-shadow: 0 0 rgba(0,0,0,0);
-  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
-}
-
-.ds-link-inset, .ds-link-inset:not(:focus-visible), .ring, .link-focus-inset, .link-focus, .link-focus-inset-white, .link-focus-white {
-  --tw-ring-inset:  ;
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgba(59, 130, 246, 0.5);
-  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
-  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
-  --tw-shadow: 0 0 rgba(0,0,0,0);
-  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
-}
-
-.blur, .blur-2xl, .drop-shadow, .drop-shadow-md, .filter, .md\:drop-shadow-md, .md\:filter {
-  --tw-blur:  ;
-  --tw-brightness:  ;
-  --tw-contrast:  ;
-  --tw-grayscale:  ;
-  --tw-hue-rotate:  ;
-  --tw-invert:  ;
-  --tw-saturate:  ;
-  --tw-sepia:  ;
-  --tw-drop-shadow:  ;
-}
 .container {
   width: 100%;
 }
@@ -732,7 +747,7 @@ video {
   list-style-type: none;
   border-color: var(--color-button--dark);
 }
-[class~='tw-dark'] .content-nav-item {
+.content-nav-item:where(.dark, .dark *) {
   border-color: #759ace;
   border-color: var(--color-navigation-border-color-dark);
   --tw-border-opacity: 0.75;
@@ -743,7 +758,7 @@ video {
   color: #005293;
   color: var(--color-content-nav);
 }
-[class~='tw-dark'] .content-nav-item {
+.content-nav-item:where(.dark, .dark *) {
   fill: #f0f0f0;
   fill: var(--color-standard-text-dark);
   color: #f0f0f0;
@@ -753,7 +768,7 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
-[class~='tw-dark'] .content-nav-item {
+.content-nav-item:where(.dark, .dark *) {
   --tw-bg-opacity: 1;
   background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
 }
@@ -1032,7 +1047,7 @@ article.indexTextDS .indexTextHighlighted .link {
 .hrds-copytext__link:hover {
   text-decoration-thickness: 1px;
 }
-[class~='tw-dark'] .hrds-copytext__link {
+.hrds-copytext__link:where(.dark, .dark *) {
   color: #006eb7;
   color: var(--color-link-dark);
 }
@@ -1160,9 +1175,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .top-0\.5 {
   top: 0.125rem;
 }
-.top-1 {
-  top: 0.25rem;
-}
 .top-1\.5 {
   top: 0.375rem;
 }
@@ -1334,10 +1346,6 @@ article.indexTextDS .indexTextHighlighted .link {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
-.my-3 {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
-}
 .my-3\.5 {
   margin-top: 0.875rem;
   margin-bottom: 0.875rem;
@@ -1369,9 +1377,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .-ml-3 {
   margin-left: -0.75rem;
 }
-.-mt-0 {
-  margin-top: -0px;
-}
 .-mt-0\.5 {
   margin-top: -0.125rem;
 }
@@ -1432,9 +1437,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .mb-8 {
   margin-bottom: 2rem;
 }
-.ml-0 {
-  margin-left: 0px;
-}
 .ml-0\.5 {
   margin-left: 0.125rem;
 }
@@ -1603,6 +1605,18 @@ article.indexTextDS .indexTextHighlighted .link {
 .aspect-video {
   aspect-ratio: 16 / 9;
 }
+.size-1 {
+  width: 0.25rem;
+  height: 0.25rem;
+}
+.size-6 {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+.size-full {
+  width: 100%;
+  height: 100%;
+}
 .\!h-auto {
   height: auto !important;
 }
@@ -1654,9 +1668,6 @@ article.indexTextDS .indexTextHighlighted .link {
 .h-8 {
   height: 2rem;
 }
-.h-9 {
-  height: 2.25rem;
-}
 .h-9\.5 {
   height: 2.375rem;
 }
@@ -1712,6 +1723,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .min-h-12 {
   min-height: 3rem;
 }
+.min-h-3 {
+  min-height: 0.75rem;
+}
 .min-h-\[88px\] {
   min-height: 88px;
 }
@@ -1818,12 +1832,18 @@ article.indexTextDS .indexTextHighlighted .link {
 .min-w-0 {
   min-width: 0px;
 }
+.min-w-1 {
+  min-width: 0.25rem;
+}
 .min-w-10 {
   min-width: 2.5rem;
 }
 .min-w-11 {
   min-width: 2.75rem;
 }
+.min-w-3 {
+  min-width: 0.75rem;
+}
 .min-w-7 {
   min-width: 1.75rem;
 }
@@ -2754,10 +2774,6 @@ article.indexTextDS .indexTextHighlighted .link {
   padding-left: 0.125rem;
   padding-right: 0.125rem;
 }
-.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
 .px-1\.5 {
   padding-left: 0.375rem;
   padding-right: 0.375rem;
@@ -2998,7 +3014,7 @@ article.indexTextDS .indexTextHighlighted .link {
   font-family: RobotoSlab, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
 }
 .font-sans {
-  font-family: DIN, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-family: DIN, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 .font-serif {
   font-family: RobotoSlab, ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
@@ -3323,6 +3339,9 @@ article.indexTextDS .indexTextHighlighted .link {
 .decoration-2 {
   text-decoration-thickness: 2px;
 }
+.underline-offset-2 {
+  text-underline-offset: 2px;
+}
 .placeholder-search-footer-text::-webkit-input-placeholder {
   color: #000000;
   color: var(--color-search-footer-text);
@@ -3494,11 +3513,7 @@ article.indexTextDS .indexTextHighlighted .link {
   border-bottom-color: var(--color-secondary-ds);
 }
 .counter-reset {
-  counter-reset: cnt1728465262023;
-}
-.hyphens-auto {
-  -webkit-hyphens: auto;
-          hyphens: auto;
+  counter-reset: cnt1728475005272;
 }
 .placeholder-text-xs::-webkit-input-placeholder {
   font-size: 0.75rem;
@@ -3902,7 +3917,7 @@ article.indexTextDS .indexTextHighlighted .link {
   --tw-ring-color: rgba(255, 255, 255, 0.5);
 }
 .-ordered {
-  counter-increment: cnt1728465262023 1;
+  counter-increment: cnt1728475005272 1;
 }
 .-ordered::before {
   position: absolute;
@@ -3918,7 +3933,7 @@ article.indexTextDS .indexTextHighlighted .link {
   letter-spacing: .0125em;
   --tw-text-opacity: 1;
   color: rgba(0, 0, 0, var(--tw-text-opacity));
-  content: counter(cnt1728465262023);
+  content: counter(cnt1728475005272);
 }
 /*! ****************************/
 /*! DataPolicy stuff           */
@@ -3999,18 +4014,18 @@ article.indexTextDS .indexTextHighlighted .link {
         content: attr(data-prop-loading);
 }
 .brand-logo-size {
-            padding-top: 6px;
-            padding-top: var(--logo-padding-top);
-            padding-bottom: 6px;
-            padding-bottom: var(--logo-padding-bottom);
-        }
+        padding-top: 6px;
+        padding-top: var(--logo-padding-top);
+        padding-bottom: 6px;
+        padding-bottom: var(--logo-padding-bottom);
+    }
 /*! ****************************/
 /*! Search-Box-border          */
 /*! ****************************/
 .search-border-mobile {
-            border-color: #000000;
-            border-color: var(--search-border-color-mobile);
-        }
+        border-color: #000000;
+        border-color: var(--search-border-color-mobile);
+    }
 /*! ***********************************/
 /*! restrict number of li-elements    */
 /*! **********************************/
@@ -4021,27 +4036,27 @@ 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\%22\%22\]\)\)] + label {
+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 {
+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), 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\%22\%22\]\)] {
+select[\:has\(option\:checked\[value\%3D''\]\)] {
   color: transparent;
 }
-select:has(option:checked[value=""]) {
+select:has(option:checked[value='']) {
   color: transparent;
 }
-input[type="checkbox"]:checked::after {
+input[type='checkbox']:checked::after {
         position: absolute;
         content: '';
         width: 15px;
@@ -4054,10 +4069,10 @@ input[type="checkbox"]:checked::after {
         border-right: none;
         transform: rotate(-45deg);
     }
-input[type="radio"]::after {
+input[type='radio']::after {
         content: '';
         position: absolute;
-        width: 16px; 
+        width: 16px;
         height: 16px;
         top: 50%;
         left: 50%;
@@ -4066,8 +4081,8 @@ input[type="radio"]::after {
         background-color: var(--color-primary-ds);
         border-radius: 50%;
     }
-input[type="radio"]:checked::after {
-        transform: translate(-50%, -50%) scale(1); 
+input[type='radio']:checked::after {
+        transform: translate(-50%, -50%) scale(1);
     }
 .\[-T\:\+Z\] {
   --t: +Z;
@@ -5962,6 +5977,10 @@ input[type="radio"]:checked::after {
 .active\:bg-button--dark:active {
   background-color: var(--color-button--dark);
 }
+.active\:bg-button-inverted:active {
+  background-color: #ffffff;
+  background-color: var(--color-button-inverted);
+}
 .active\:bg-button-inverted--dark:active {
   background-color: var(--color-button-inverted--dark);
 }
@@ -6086,15 +6105,9 @@ input[type="radio"]:checked::after {
 .before\:absolute::before {
   position: absolute;
 }
-.before\:-left-2::before {
-  left: -0.5rem;
-}
 .before\:-left-2\.5::before {
   left: -0.625rem;
 }
-.before\:-right-2::before {
-  right: -0.5rem;
-}
 .before\:-right-2\.5::before {
   right: -0.625rem;
 }
@@ -6163,183 +6176,51 @@ input[type="radio"]:checked::after {
 .after\:col-full::after {
         grid-column: full;
     }
-:is([dir="rtl"] .rtl\:space-x-reverse) > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-x-reverse: 1;
-}
-[class~='tw-dark'] .dark\:border-text-dark {
-  border-color: #f0f0f0;
-  border-color: var(--color-standard-text-dark);
-}
-[class~='tw-dark'] .dark\:bg-black {
-  --tw-bg-opacity: 1;
-  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
-}
-[class~='tw-dark'] .dark\:bg-black\/60 {
-  background-color: rgba(0, 0, 0, 0.6);
-}
-[class~='tw-dark'] .dark\:bg-highlight-1-dark {
-  background-color: #2d2d2d;
-  background-color: var(--color-highlight-1-dark);
-}
-[class~='tw-dark'] .dark\:bg-podcast-dark {
-  background-color: #2d2d2d;
-  background-color: var(--color-podcast-dark);
-}
-[class~='tw-dark'] .dark\:bg-podcast-text {
-  background-color: #006eb7;
-  background-color: var(--color-podcast-text);
-}
-[class~='tw-dark'] .dark\:fill-link-dark {
-  fill: #006eb7;
-  fill: var(--color-link-dark);
-}
-[class~='tw-dark'] .dark\:fill-text-dark {
-  fill: #f0f0f0;
-  fill: var(--color-standard-text-dark);
-}
-[class~='tw-dark'] .dark\:text-link-dark {
-  color: #006eb7;
-  color: var(--color-link-dark);
-}
-[class~='tw-dark'] .dark\:text-podcast-text {
-  color: #006eb7;
-  color: var(--color-podcast-text);
-}
-[class~='tw-dark'] .dark\:text-podcast-text-dark {
-  color: #f0f0f0;
-  color: var(--color-standard-text-dark);
-}
-[class~='tw-dark'] .dark\:text-text-dark {
-  color: #f0f0f0;
-  color: var(--color-standard-text-dark);
-}
-[class~='tw-dark'] .dark\:ring-podcast {
-  --tw-ring-color: var(--color-podcast);
-}
-@media print {
+@media (min-width: 360px) {
 
-  .print\:static {
-    position: static;
+  .xs\:mx-13 {
+    margin-left: 3.25rem;
+    margin-right: 3.25rem;
   }
 
-  .print\:block {
-    display: block;
+  .xs\:mx-6 {
+    margin-left: 1.5rem;
+    margin-right: 1.5rem;
   }
 
-  .print\:flex {
-    display: flex;
+  .xs\:line-clamp-5 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 5;
   }
+    .xs\:article-full-width {
+        grid-column: full-width;
+    }
+}
+@media (min-width: 480px) {
 
-  .print\:hidden {
-    display: none;
+  .sm480\:mx-10 {
+    margin-left: 2.5rem;
+    margin-right: 2.5rem;
   }
 
-  .print\:overflow-auto {
-    overflow: auto;
+  .sm480\:my-5 {
+    margin-top: 1.25rem;
+    margin-bottom: 1.25rem;
   }
-    .print\:ar-auto,.print\:ar-auto > img {
-        aspect-ratio: auto;
-    }
 
-    @supports not (aspect-ratio: auto) {
-        .print\:ar-auto::before {
-            float: left;
-            padding-top: 0;
-            content: '';
-        }
+  .sm480\:mb-7 {
+    margin-bottom: 1.75rem;
+  }
 
-        .print\:ar-auto::after {
-            display: block;
-            content: '';
-            clear: both;
-        }
-        .print\:ar-auto::before {
-            float: left;
-            padding-top: 0;
-            content: '';
-        }
+  .sm480\:ml-8 {
+    margin-left: 2rem;
+  }
 
-        .print\:ar-auto::after {
-            display: block;
-            content: '';
-            clear: both;
-        }
-    }
-
-    .print\:ar-16-9,.print\:ar-16-9 > img {
-        aspect-ratio: 16 / 9;
-    }
-
-    @supports not (aspect-ratio: 16 / 9) {
-        .print\:ar-16-9::before {
-            float: left;
-            padding-top: calc(9 / 16 * 100%);
-            content: '';
-        }
-
-        .print\:ar-16-9::after {
-            display: block;
-            content: '';
-            clear: both;
-        }
-        .print\:ar-16-9::before {
-            float: left;
-            padding-top: calc(9 / 16 * 100%);
-            content: '';
-        }
-
-        .print\:ar-16-9::after {
-            display: block;
-            content: '';
-            clear: both;
-        }
-    }
-}
-@media (min-width: 360px) {
-
-  .xs\:mx-13 {
-    margin-left: 3.125rem;
-    margin-right: 3.125rem;
-  }
-
-  .xs\:mx-6 {
-    margin-left: 1.5rem;
-    margin-right: 1.5rem;
-  }
-
-  .xs\:line-clamp-5 {
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 5;
-  }
-    .xs\:article-full-width {
-        grid-column: full-width;
-    }
-}
-@media (min-width: 480px) {
-
-  .sm480\:mx-10 {
-    margin-left: 2.5rem;
-    margin-right: 2.5rem;
-  }
-
-  .sm480\:my-5 {
-    margin-top: 1.25rem;
-    margin-bottom: 1.25rem;
-  }
-
-  .sm480\:mb-7 {
-    margin-bottom: 1.75rem;
-  }
-
-  .sm480\:ml-8 {
-    margin-left: 2rem;
-  }
-
-  .sm480\:mt-14 {
-    margin-top: 3.5rem;
-  }
+  .sm480\:mt-14 {
+    margin-top: 3.5rem;
+  }
 
   .sm480\:mt-4 {
     margin-top: 1rem;
@@ -6461,39 +6342,6 @@ input[type="radio"]:checked::after {
         }
     }
 }
-@media print {
-
-  @media (min-width: 480px) {
-    .print\:sm480\:ar-auto,.print\:sm480\:ar-auto > img {
-        aspect-ratio: auto;
-    }
-
-    @supports not (aspect-ratio: auto) {
-        .print\:sm480\:ar-auto::before {
-            float: left;
-            padding-top: 0;
-            content: '';
-        }
-
-        .print\:sm480\:ar-auto::after {
-            display: block;
-            content: '';
-            clear: both;
-        }
-        .print\:sm480\:ar-auto::before {
-            float: left;
-            padding-top: 0;
-            content: '';
-        }
-
-        .print\:sm480\:ar-auto::after {
-            display: block;
-            content: '';
-            clear: both;
-        }
-    }
-  }
-}
 @media (min-width: 640px) {
 
   .sm\:not-sr-only {
@@ -6614,10 +6462,6 @@ input[type="radio"]:checked::after {
     margin-right: 1.25rem;
   }
 
-  .sm\:mr-6 {
-    margin-right: 1.5rem;
-  }
-
   .sm\:mr-6\.5 {
     margin-right: 1.625rem;
   }
@@ -6626,10 +6470,6 @@ input[type="radio"]:checked::after {
     margin-top: 0px;
   }
 
-  .sm\:mt-1 {
-    margin-top: 0.25rem;
-  }
-
   .sm\:mt-1\.5 {
     margin-top: 0.375rem;
   }
@@ -6737,11 +6577,6 @@ input[type="radio"]:checked::after {
     padding-right: 2.5rem;
   }
 
-  .sm\:px-11 {
-    padding-left: 2.75rem;
-    padding-right: 2.75rem;
-  }
-
   .sm\:px-11\.5 {
     padding-left: 2.875rem;
     padding-right: 2.875rem;
@@ -6762,11 +6597,6 @@ input[type="radio"]:checked::after {
     padding-right: 2rem;
   }
 
-  .sm\:px-9 {
-    padding-left: 2.25rem;
-    padding-right: 2.25rem;
-  }
-
   .sm\:px-9\.5 {
     padding-left: 2.375rem;
     padding-right: 2.375rem;
@@ -6805,10 +6635,6 @@ input[type="radio"]:checked::after {
     padding-left: 1.531rem;
   }
 
-  .sm\:pr-6 {
-    padding-right: 1.5rem;
-  }
-
   .sm\:pr-6\.5 {
     padding-right: 1.625rem;
   }
@@ -7583,12 +7409,12 @@ input[type="radio"]:checked::after {
         width: calc((100% - var(--gap)) / 2);
         flex-basis: calc((100% - var(--gap)) / 2);
     }
-        .md\:brand-logo-size-md {
-            padding-top: 10px;
-            padding-top: var(--logo-padding-top-md);
-            padding-bottom: 10px;
-            padding-bottom: var(--logo-padding-bottom-md);
-        }
+    .md\:brand-logo-size-md {
+        padding-top: 10px;
+        padding-top: var(--logo-padding-top-md);
+        padding-bottom: 10px;
+        padding-bottom: var(--logo-padding-bottom-md);
+    }
     ul.md\:restrictedToTwo li:nth-of-type(1n + 3) {
         display: none;
     }
@@ -7617,39 +7443,6 @@ input[type="radio"]:checked::after {
     padding-top: 0px;
   }
 }
-@media print {
-
-  @media (min-width: 768px) {
-    .print\:md\:ar-auto,.print\:md\:ar-auto > img {
-        aspect-ratio: auto;
-    }
-
-    @supports not (aspect-ratio: auto) {
-        .print\:md\:ar-auto::before {
-            float: left;
-            padding-top: 0;
-            content: '';
-        }
-
-        .print\:md\:ar-auto::after {
-            display: block;
-            content: '';
-            clear: both;
-        }
-        .print\:md\:ar-auto::before {
-            float: left;
-            padding-top: 0;
-            content: '';
-        }
-
-        .print\:md\:ar-auto::after {
-            display: block;
-            content: '';
-            clear: both;
-        }
-    }
-  }
-}
 @media (min-width: 1024px) {
 
   .lg\:fixed {
@@ -7741,10 +7534,6 @@ input[type="radio"]:checked::after {
     margin-top: -10rem;
   }
 
-  .lg\:mb-0 {
-    margin-bottom: 0px;
-  }
-
   .lg\:mb-0\.5 {
     margin-bottom: 0.125rem;
   }
@@ -7765,10 +7554,6 @@ input[type="radio"]:checked::after {
     margin-right: 0.5rem;
   }
 
-  .lg\:mt-0 {
-    margin-top: 0px;
-  }
-
   .lg\:mt-0\.5 {
     margin-top: 0.125rem;
   }
@@ -8102,10 +7887,6 @@ input[type="radio"]:checked::after {
     line-height: 1.25rem;
   }
 
-  .lg\:leading-7 {
-    line-height: 1.75rem;
-  }
-
   .lg\:leading-7\.5 {
     line-height: 1.875rem;
   }
@@ -8184,89 +7965,49 @@ input[type="radio"]:checked::after {
         width: calc((((100% - (2 * var(--gap))) / 3) * 2) + var(--gap));
         flex-basis: calc((((100% - (2 * var(--gap))) / 3) * 2) + var(--gap));
     }
-        .lg\:brand-logo-size-lg {
-            padding-top: 10px;
-            padding-top: var(--logo-padding-top-lg);
-            padding-bottom: 10px;
-            padding-bottom: var(--logo-padding-bottom-lg);
-        }
-        .lg\:search-border-desktop {
-            border-color: #000000;
-            border-color: var(--search-border-color-desktop);
-        }
-        .first\:lg\:-ml-4:first-child {
+
+    .lg\:brand-logo-size-lg {
+        padding-top: 10px;
+        padding-top: var(--logo-padding-top-lg);
+        padding-bottom: 10px;
+        padding-bottom: var(--logo-padding-bottom-lg);
+    }
+    .lg\:search-border-desktop {
+        border-color: #000000;
+        border-color: var(--search-border-color-desktop);
+    }
+    .first\:lg\:-ml-4:first-child {
     margin-left: -1rem;
   }
-        .lg\:first\:pl-0:first-child {
+    .lg\:first\:pl-0:first-child {
     padding-left: 0px;
   }
-        .lg\:last\:border-0:last-child {
+    .lg\:last\:border-0:last-child {
     border-width: 0px;
   }
-        .lg\:last\:pr-8:last-child {
+    .lg\:last\:pr-8:last-child {
     padding-right: 2rem;
   }
-        .lg\:odd\:pr-4:nth-child(odd) {
+    .lg\:odd\:pr-4:nth-child(odd) {
     padding-right: 1rem;
   }
-        .lg\:only\:odd\:pr-0:nth-child(odd):only-child {
+    .lg\:only\:odd\:pr-0:nth-child(odd):only-child {
     padding-right: 0px;
   }
-        .lg\:even\:pl-4:nth-child(even) {
+    .lg\:even\:pl-4:nth-child(even) {
     padding-left: 1rem;
   }
-        .lg\:first-of-type\:pl-0:first-of-type {
+    .lg\:first-of-type\:pl-0:first-of-type {
     padding-left: 0px;
   }
-        .hover\:lg\:underline:hover {
+    .hover\:lg\:underline:hover {
     -webkit-text-decoration-line: underline;
             text-decoration-line: underline;
   }
-        .lg\:after\:relative::after {
+    .lg\:after\:relative::after {
     position: relative;
   }
 }
-@media print {
-
-  @media (min-width: 1024px) {
-
-    .print\:lg\:static {
-      position: static;
-    }
-
-    .print\:lg\:hidden {
-      display: none;
-    }
-    .print\:lg\:ar-auto,.print\:lg\:ar-auto > img {
-        aspect-ratio: auto;
-    }
-
-    @supports not (aspect-ratio: auto) {
-        .print\:lg\:ar-auto::before {
-            float: left;
-            padding-top: 0;
-            content: '';
-        }
-
-        .print\:lg\:ar-auto::after {
-            display: block;
-            content: '';
-            clear: both;
-        }
-        .print\:lg\:ar-auto::before {
-            float: left;
-            padding-top: 0;
-            content: '';
-        }
-
-        .print\:lg\:ar-auto::after {
-            display: block;
-            content: '';
-            clear: both;
-        }
-    }
-  }
-}
 @media (min-width: 768px) and (max-width: 1023px) {
 
   .tablet\:absolute {
@@ -8317,6 +8058,239 @@ input[type="radio"]:checked::after {
     border-left-width: 1px;
   }
 }
+.rtl\:space-x-reverse:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 1;
+}
+.dark\:border-text-dark:where(.dark, .dark *) {
+  border-color: #f0f0f0;
+  border-color: var(--color-standard-text-dark);
+}
+.dark\:bg-black:where(.dark, .dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
+}
+.dark\:bg-black\/60:where(.dark, .dark *) {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+.dark\:bg-highlight-1-dark:where(.dark, .dark *) {
+  background-color: #2d2d2d;
+  background-color: var(--color-highlight-1-dark);
+}
+.dark\:bg-podcast-dark:where(.dark, .dark *) {
+  background-color: #2d2d2d;
+  background-color: var(--color-podcast-dark);
+}
+.dark\:bg-podcast-text:where(.dark, .dark *) {
+  background-color: #006eb7;
+  background-color: var(--color-podcast-text);
+}
+.dark\:fill-link-dark:where(.dark, .dark *) {
+  fill: #006eb7;
+  fill: var(--color-link-dark);
+}
+.dark\:fill-text-dark:where(.dark, .dark *) {
+  fill: #f0f0f0;
+  fill: var(--color-standard-text-dark);
+}
+.dark\:text-link-dark:where(.dark, .dark *) {
+  color: #006eb7;
+  color: var(--color-link-dark);
+}
+.dark\:text-podcast-text:where(.dark, .dark *) {
+  color: #006eb7;
+  color: var(--color-podcast-text);
+}
+.dark\:text-podcast-text-dark:where(.dark, .dark *) {
+  color: #f0f0f0;
+  color: var(--color-standard-text-dark);
+}
+.dark\:text-text-dark:where(.dark, .dark *) {
+  color: #f0f0f0;
+  color: var(--color-standard-text-dark);
+}
+.dark\:ring-podcast:where(.dark, .dark *) {
+  --tw-ring-color: var(--color-podcast);
+}
+@media print {
+
+  .print\:static {
+    position: static;
+  }
+
+  .print\:block {
+    display: block;
+  }
+
+  .print\:flex {
+    display: flex;
+  }
+
+  .print\:hidden {
+    display: none;
+  }
+
+  .print\:overflow-auto {
+    overflow: auto;
+  }
+    .print\:ar-auto,.print\:ar-auto > img {
+        aspect-ratio: auto;
+    }
+
+    @supports not (aspect-ratio: auto) {
+        .print\:ar-auto::before {
+            float: left;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:ar-auto::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+        .print\:ar-auto::before {
+            float: left;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:ar-auto::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+    }
+
+    .print\:ar-16-9,.print\:ar-16-9 > img {
+        aspect-ratio: 16 / 9;
+    }
+
+    @supports not (aspect-ratio: 16 / 9) {
+        .print\:ar-16-9::before {
+            float: left;
+            padding-top: calc(9 / 16 * 100%);
+            content: '';
+        }
+
+        .print\:ar-16-9::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+        .print\:ar-16-9::before {
+            float: left;
+            padding-top: calc(9 / 16 * 100%);
+            content: '';
+        }
+
+        .print\:ar-16-9::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+    }
+
+    @media (min-width: 480px) {
+    .print\:sm480\:ar-auto,.print\:sm480\:ar-auto > img {
+        aspect-ratio: auto;
+    }
+
+    @supports not (aspect-ratio: auto) {
+        .print\:sm480\:ar-auto::before {
+            float: left;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:sm480\:ar-auto::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+        .print\:sm480\:ar-auto::before {
+            float: left;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:sm480\:ar-auto::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+    }
+  }
+
+    @media (min-width: 768px) {
+    .print\:md\:ar-auto,.print\:md\:ar-auto > img {
+        aspect-ratio: auto;
+    }
+
+    @supports not (aspect-ratio: auto) {
+        .print\:md\:ar-auto::before {
+            float: left;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:md\:ar-auto::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+        .print\:md\:ar-auto::before {
+            float: left;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:md\:ar-auto::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+    }
+  }
+
+    @media (min-width: 1024px) {
+
+    .print\:lg\:static {
+      position: static;
+    }
+
+    .print\:lg\:hidden {
+      display: none;
+    }
+    .print\:lg\:ar-auto,.print\:lg\:ar-auto > img {
+        aspect-ratio: auto;
+    }
+
+    @supports not (aspect-ratio: auto) {
+        .print\:lg\:ar-auto::before {
+            float: left;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:lg\:ar-auto::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+        .print\:lg\:ar-auto::before {
+            float: left;
+            padding-top: 0;
+            content: '';
+        }
+
+        .print\:lg\:ar-auto::after {
+            display: block;
+            content: '';
+            clear: both;
+        }
+    }
+  }
+}
 .\[\&\+\.hr-copytext-teaser-half\]\:mt-4+.hr-copytext-teaser-half {
   margin-top: 1rem;
 }
@@ -8338,7 +8312,7 @@ input[type="radio"]:checked::after {
 .\[\&\:not\(\:last-child\)\]\:pb-5:not(:last-child) {
   padding-bottom: 1.25rem;
 }
-@media (min-width:1170px) {
+@media(min-width:1170px) {
 
   .\[\@media\(min-width\:1170px\)\]\:-mr-14 {
     margin-right: -3.5rem;