@sonic-equipment/ui 259.0.2 → 260.0.0

package/dist/styles.css

@@ -234,6 +234,7 @@
   --background-overlay-behind-header: 13;
   --header-layer: 15;
   --background-overlay-behind-announcement: 16;
+  --clselector-layer: 18;
   --announcements-layer: 18;
   --background-overlay-in-front: 90;
   --sidebar-layer: 100;
@@ -302,10 +303,6 @@ html {
   gap: var(--space-4);
   -webkit-tap-highlight-color: transparent;
 }
-.link-module-xLqBn > svg {
-    width: var(--space-12);
-    height: var(--space-12);
-  }
 .link-module-xLqBn[data-disabled] {
     cursor: default;
     opacity: 0.4;
@@ -328,6 +325,29 @@ html {
     --color: var(--color-brand-red);
   }
 
+.icon-module-H50Sa {
+  --size: 1.5rem; /* 24px */
+
+  display: block;
+  block-size: var(--size);
+  color: currentcolor;
+  inline-size: var(--size);
+}
+
+  /* size variants */
+  .icon-module-H50Sa.icon-module-VRfRB {
+    --size: 0.75rem; /* 12px */
+  }
+  .icon-module-H50Sa.icon-module-qOoul {
+    --size: 1rem; /* 16px */
+  }
+  .icon-module-H50Sa.icon-module-s7OuZ {
+    --size: 1.25rem; /* 20px */
+  }
+  .icon-module-H50Sa.icon-module-Z76Ae {
+    --size: 2rem; /* 32px */
+  }
+
 .accordion-module-9WvAH {
   --color: var(--color-black);
   --button-font-size: var(--font-size-16);
@@ -374,13 +394,13 @@ html {
   .accordion-module-9WvAH .accordion-module-lf9d- .accordion-module--Rwpb {
       position: relative;
       display: flex;
-      width: 100%;
       border: none;
       background: none;
       color: var(--color);
       font: inherit;
       font-size: var(--button-font-size);
       font-weight: var(--font-weight-bold);
+      inline-size: 100%;
       line-height: 1;
       padding-block: var(--accordion-padding-block);
       padding-inline: var(--accordion-padding-inline);
@@ -389,17 +409,12 @@ html {
 
   .accordion-module-9WvAH .accordion-module-lf9d- .accordion-module--Rwpb .accordion-module-Y50uq {
         display: none;
-        margin-left: auto;
+        align-self: center;
+        margin-inline-start: auto;
+        transform: rotate(0deg);
+        transition: transform var(--transition-duration-short);
       }
 
-  .accordion-module-9WvAH .accordion-module-lf9d- .accordion-module--Rwpb .accordion-module-Y50uq svg {
-          display: block;
-          width: 16px;
-          height: 16px;
-          transform: rotate(0deg);
-          transition: transform var(--transition-duration-short);
-        }
-
   .accordion-module-9WvAH .accordion-module-lf9d- .accordion-module--Rwpb:focus-visible,
       .accordion-module-9WvAH .accordion-module-lf9d- .accordion-module--Rwpb.accordion-module-M4BZs {
         outline: var(--focus-outline);
@@ -410,17 +425,14 @@ html {
         --color: var(--color-brand-light-gray);
       }
 
-  .accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-QEO2d .accordion-module--Rwpb {
-      cursor: pointer;
-    }
-
   .accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-QEO2d .accordion-module--Rwpb .accordion-module-Y50uq {
         display: block;
       }
 
   @media (hover: hover) {
-        .accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-QEO2d .accordion-module--Rwpb:hover {
+        .accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-QEO2d .accordion-module--Rwpb:not([disabled]):hover {
           background-color: var(--accordion-item-hover-color);
+          cursor: pointer;
         }
       }
 
@@ -436,19 +448,19 @@ html {
     }
 
   .accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-oTdZK {
-      border-bottom: var(--accordion-item-border);
+      border-block-end: var(--accordion-item-border);
     }
 
   .accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-0mrLq {
-      border-top: var(--accordion-item-border);
+      border-block-start: var(--accordion-item-border);
     }
 
   .accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-aAr-R .accordion-module--Rwpb {
-      border-bottom: var(--accordion-item-border);
+      border-block-end: var(--accordion-item-border);
     }
 
   .accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-W0F1z.accordion-module-OB98a .accordion-module--Rwpb {
-      border-bottom: solid 2px var(--accordion-item-border-accentuated-color);
+      border-block-end: solid 2px var(--accordion-item-border-accentuated-color);
     }
 
   /* closed state */
@@ -460,7 +472,9 @@ html {
 
   /* open state */
 
-  .accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-W0F1z .accordion-module-Y50uq svg {
+  /* stylelint-disable-next-line no-descending-specificity */
+
+  .accordion-module-9WvAH .accordion-module-lf9d-.accordion-module-W0F1z .accordion-module-Y50uq {
         transform: rotate(-180deg);
       }
 
@@ -490,10 +504,8 @@ html {
         transition: border-radius 0s var(--transition-duration-short);
       }
 
-  .accordion-module-9WvAH.accordion-module-SAbiG .accordion-module-lf9d- .accordion-module--Rwpb svg {
-          display: inline-block;
-          width: 12px;
-          height: 12px;
+  .accordion-module-9WvAH.accordion-module-SAbiG .accordion-module-lf9d- .accordion-module--Rwpb .accordion-module-Y50uq {
+          align-self: center;
         }
 
   .accordion-module-9WvAH.accordion-module-SAbiG .accordion-module-lf9d- .accordion-module--Rwpb[disabled] {
@@ -870,8 +882,8 @@ html {
 
 .filter-section-module-n-AWg {
   display: flex;
-  min-height: 32px;
   align-items: center;
+  min-block-size: 32px;
 }
 
 .algolia-filter-panel-module-GfhOO {
@@ -911,8 +923,8 @@ html {
   }
 
   .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3 > svg {
-      width: 24px;
-      height: 24px;
+      block-size: 24px;
+      inline-size: 24px;
     }
 
   .algolia-filter-panel-module-GfhOO .algolia-filter-panel-module-LKet3.algolia-filter-panel-module-yf8kI {
@@ -938,20 +950,146 @@ html {
     }
   }
 
+.badge-module-X5Au9 {
+  --badge-size: 1rem;
+  --badge-color: var(--color-white);
+  --badge-bgcolor: var(--color-brand-red);
+  --badge-border-color: var(--color-white);
+  --badge-font-size: var(--font-size-8);
+  --badge-anim-duration: 325ms;
+  --badge-anim-count: 1;
+  --badge-scale: 1;
+  --badge-glow: 0;
+  --badge-glow-color: color-mix(
+    in srgb,
+    var(--color-brand-red) 50%,
+    transparent
+  );
+
+  display: grid;
+  box-sizing: border-box;
+  block-size: var(--badge-size);
+  color: var(--badge-color);
+  font-size: var(--badge-font-size);
+  font-weight: 700;
+  line-height: 1;
+  min-inline-size: var(--badge-size);
+  padding-block: 0.25em 0;
+  padding-inline: 0.5em;
+  place-content: center;
+  translate: -50% -50%;
+}
+
+  .badge-module-X5Au9::after {
+    position: absolute;
+    z-index: -1;
+    border: 1px solid var(--badge-border-color);
+    border-radius: calc(var(--badge-size));
+    background-color: var(--badge-bgcolor);
+    box-shadow: 0 0 var(--badge-glow) 0 var(--badge-glow-color);
+    content: '';
+    inset: 0;
+    scale: var(--badge-scale);
+  }
+
+  /* badge status variants */
+
+  .badge-module-X5Au9.badge-module-LoUsz {
+    --badge-bgcolor: var(--color-gray-300);
+  }
+
+  .badge-module-X5Au9.badge-module-qE3YB {
+    --badge-bgcolor: var(--color-semantic-stop);
+  }
+
+  .badge-module-X5Au9.badge-module-YnGju {
+    --badge-bgcolor: var(--color-semantic-notify);
+  }
+
+  .badge-module-X5Au9.badge-module-N4lDJ {
+    --badge-bgcolor: var(--color-semantic-okay);
+  }
+
+  /* badge update animation */
+
+  .badge-module-X5Au9.badge-module-Q03Go {
+    animation: badge-module-uFNdF var(--badge-anim-duration) ease-out;
+    animation-iteration-count: var(--badge-anim-count);
+  }
+
+@property --badge-scale {
+  inherits: true;
+  initial-value: 1;
+  syntax: '<number>';
+}
+
+@property --badge-glow {
+  inherits: true;
+  initial-value: 0;
+  syntax: '<length>';
+}
+
+@keyframes badge-module-uFNdF {
+  0% {
+    --badge-glow: 0;
+    --badge-scale: 1;
+  }
+
+  50% {
+    --badge-glow: 0.25rem;
+    --badge-scale: 1.5;
+  }
+
+  100% {
+    --badge-glow: 0;
+    --badge-scale: 1;
+  }
+}
+
+.icon-with-badge-module-eCTIN {
+  position: relative;
+  color: currentcolor;
+}
+
+  .icon-with-badge-module-eCTIN .icon-with-badge-module-z8YPt {
+    display: block;
+  }
+
+  .icon-with-badge-module-eCTIN .icon-with-badge-module-X4Tjx {
+    position: absolute;
+    margin: 0.25em 0 0 -0.25em;
+    inset: 0 auto auto 100%;
+  }
+
 .icon-button-module-4PDK- {
-  all: unset;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  --color: var(--color-brand-black);
+  --color-hover: var(--color-brand-red);
+  --touch-area-size: max(32px, 100%);
+
+  position: relative;
+  display: grid;
+  padding: 0;
   border: none;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
   background-color: transparent;
+  color: var(--color);
   cursor: pointer;
-  min-block-size: 48px;
-  min-inline-size: 48px;
+  font-size: var(--font-size-base);
+  grid-template-areas: 'icon';
+  place-items: center;
   -webkit-tap-highlight-color: transparent;
+  text-decoration: none;
 }
 
-  .icon-button-module-4PDK-[data-disabled] {
+  @media (hover: hover) {
+    .icon-button-module-4PDK-:hover {
+      color: var(--color-hover);
+    }
+  }
+
+  .icon-button-module-4PDK-:disabled {
     cursor: default;
     opacity: 0.4;
     pointer-events: none;
@@ -959,46 +1097,78 @@ html {
 
   .icon-button-module-4PDK-:focus-visible {
     outline: var(--focus-outline);
-    outline-offset: var(--focus-outline-inset);
   }
 
-/* sizes */
+  /* round */
 
-.icon-button-module-k3s9J svg {
-    block-size: 24px;
-    inline-size: 24px;
+  .icon-button-module-4PDK-.icon-button-module-k3t1M {
+    border-radius: 50%;
   }
 
-.icon-button-module-agk6Y svg {
-    block-size: 32px;
-    inline-size: 32px;
+  /* interactive area for touch devices */
+
+  @media (pointer: coarse) {
+
+  .icon-button-module-4PDK-::after {
+      position: absolute;
+      block-size: var(--touch-area-size);
+      content: '';
+      inline-size: var(--touch-area-size);
+      inset: 50%;
+      translate: -50% -50%
   }
+    }
 
-/* variants */
+  /* icon */
 
-.icon-button-module-fTeP4 {
-  color: var(--color-brand-black);
-}
+  .icon-button-module-4PDK- .icon-button-module-VP7H- {
+    grid-area: icon;
+  }
 
-.icon-button-module-dM0eo {
-  color: var(--color-brand-dark-gray);
-}
+  /* size variants for custom icon content */
 
-.icon-button-module-71HRy {
-  color: currentcolor;
-}
+  .icon-button-module-4PDK- .icon-button-module-VP7H-.icon-button-module-QuuTN {
+      block-size: 0.75rem;
+      inline-size: 0.75rem;
+    }
 
-@media (hover: hover) {
-    .icon-button-module-fTeP4:hover, .icon-button-module-dM0eo:hover {
-      color: var(--color-brand-red);
+  .icon-button-module-4PDK- .icon-button-module-VP7H-.icon-button-module-2lAhj {
+      block-size: 1rem;
+      inline-size: 1rem;
+    }
+
+  .icon-button-module-4PDK- .icon-button-module-VP7H-.icon-button-module-m0IqA {
+      block-size: 1.25rem;
+      inline-size: 1.25rem;
     }
+
+  .icon-button-module-4PDK- .icon-button-module-VP7H-.icon-button-module-mMrDe {
+      block-size: 1.5rem;
+      inline-size: 1.5rem;
+    }
+
+  .icon-button-module-4PDK- .icon-button-module-VP7H-.icon-button-module-b8FFz {
+      block-size: 2rem;
+      inline-size: 2rem;
+    }
+
+  /* theme variants */
+
+  .icon-button-module-4PDK-.icon-button-module-DEmZc {
+    --color: var(--color-brand-medium-gray);
+    --color-hover: var(--color-brand-red);
+  }
+
+  .icon-button-module-4PDK-.icon-button-module-lEhMh {
+    --color: var(--color-brand-white);
+    --color-hover: var(--color-brand-white);
   }
 
 .active-filters-module-Rrmhy {
   display: flex;
-  height: 32px;
   align-items: center;
   justify-content: space-between;
+  block-size: 32px;
   line-height: 32px;
 }
 
@@ -1006,21 +1176,17 @@ html {
     font-weight: var(--font-weight-bold);
   }
 
-.active-filters-module-Ud9kZ {
-  margin-right: -16px;
-}
-
 .progress-circle-module-4nweP {
   --width: var(--space-24);
 
   position: relative;
   display: block;
-  width: var(--width);
-  height: var(--width);
   box-sizing: border-box;
   border: 4px solid transparent;
   border-radius: var(--width);
   animation: progress-circle-module-kCf7K 0.6s infinite linear;
+  block-size: var(--width);
+  inline-size: var(--width);
   -webkit-mask:
   /* stylelint-disable-next-line declaration-property-value-no-unknown */
     linear-gradient(#000 0 0) padding-box,
@@ -1105,13 +1271,12 @@ html {
     outline-offset: var(--focus-outline-offset);
   }
 
-  .button-module-V4meK .button-module-XaNWz svg {
-      display: block;
-      width: 24px;
-      height: 24px;
-    }
+  .button-module-V4meK .button-module-XaNWz {
+    flex-shrink: 0;
+  }
 
   .button-module-V4meK .button-module-ydQAo {
+    flex-shrink: 0;
     block-size: 0.7em;
     inline-size: 0.7em;
   }
@@ -1164,11 +1329,11 @@ html {
 /* sizes */
 
 .button-module-Pbwz7 {
-  min-height: 36px;
   padding: 0 var(--space-16);
   border-radius: var(--border-radius-20);
   font-size: var(--font-size-12);
   font-style: italic;
+  min-block-size: 36px;
   text-transform: uppercase;
 }
 
@@ -1178,27 +1343,22 @@ html {
     text-transform: none;
   }
 
-.button-module-Pbwz7 .button-module-XaNWz svg {
-      width: 18px;
-      height: 18px;
-    }
-
 .button-module-GVTEW {
-  min-width: 52px;
-  min-height: 40px;
   padding: 0 var(--space-20);
   border-radius: var(--border-radius-20);
   font-size: var(--font-size-14);
+  min-block-size: 40px;
+  min-inline-size: 52px;
 }
 
 .button-module-GVTEW.button-module-GKHQc {
-    min-width: var(--space-56);
     padding: 0 var(--space-16);
+    min-inline-size: var(--space-56);
   }
 
 .button-module-nyNY8 {
-  min-height: 44px;
   border-radius: var(--border-radius-22);
+  min-block-size: 44px;
   padding-inline: var(--space-24);
 }
 
@@ -1325,8 +1485,6 @@ html {
 
   .show-all-module-BDp21 .show-all-module-58e7Q .show-all-module-fqncI {
       display: block;
-      block-size: 12px;
-      inline-size: 12px;
       transition: transform var(--transition-duration-short) ease;
     }
 
@@ -1397,15 +1555,15 @@ html {
 
   .checkbox-module-QzsaZ .checkbox-module-spG9E {
     display: flex;
-    width: 16px;
-    height: 16px;
     box-sizing: border-box;
     flex-shrink: 0;
     align-items: center;
     justify-content: center;
     border: 2px solid var(--color-brand-medium-gray);
     border-radius: var(--border-radius-2);
+    block-size: 16px;
     color: var(--checkmark-color);
+    inline-size: 16px;
     transition:
       border var(--transition-duration-short),
       background var(--transition-duration-short);
@@ -1432,6 +1590,10 @@ html {
     opacity: 0.4;
   }
 
+  .checkbox-module-QzsaZ[data-disabled] .checkbox-module-bO3ou {
+      cursor: default;
+    }
+
   .checkbox-module-QzsaZ[data-pressed] .checkbox-module-spG9E {
     border-color: var(--color-brand-dark-gray);
   }
@@ -1566,16 +1728,6 @@ html {
   display: inline-flex;
 }
 
-.tooltip-module-DRHoc .tooltip-module-3q6nr {
-    color: currentcolor;
-    min-block-size: unset;
-    min-inline-size: unset;
-  }
-
-.tooltip-module-DRHoc .tooltip-module-3q6nr:hover {
-      color: var(--color-primary);
-    }
-
 /* stylelint-disable-next-line selector-class-pattern */
 
 .react-aria-Dialog {
@@ -1607,21 +1759,13 @@ html {
   }
 
   .info-icon-tooltip-module-oR4nD .info-icon-tooltip-module-0lY-K {
-    border-radius: 50%;
     color: var(--color-trigger);
-    min-block-size: unset;
-    min-inline-size: unset;
   }
 
   .info-icon-tooltip-module-oR4nD .info-icon-tooltip-module-0lY-K:hover {
       color: var(--color-trigger-hover);
     }
 
-  .info-icon-tooltip-module-oR4nD .info-icon-tooltip-module-0lY-K:focus-visible {
-      outline: var(--focus-outline);
-      outline-offset: 0;
-    }
-
   .info-icon-tooltip-module-oR4nD .info-icon-tooltip-module-0lY-K[aria-expanded='true'] {
       color: var(--color-trigger-active);
     }
@@ -1657,14 +1801,14 @@ html {
 .input-module-uAOUY .input-module-2u4Pp,
   .input-module-uAOUY input {
     all: unset;
-    width: 100%;
-    min-width: 180px;
     box-sizing: border-box;
     -webkit-appearance: none;
        -moz-appearance: none;
             appearance: none;
     font: inherit;
     font-size: inherit;
+    inline-size: 100%;
+    min-inline-size: 180px;
   }
 .input-module-uAOUY input[type='search']::-webkit-search-cancel-button {
     display: none;
@@ -1676,20 +1820,20 @@ html {
     pointer-events: none;
   }
 .input-module-uAOUY:where(.input-module-HFhUu) {
-    height: var(--space-44);
+    block-size: var(--space-44);
   }
 .input-module-uAOUY:where(.input-module-HFhUu) .input-module-2u4Pp,
     .input-module-uAOUY:where(.input-module-HFhUu) input {
-      height: var(--space-44);
       padding: 0 var(--space-16);
+      block-size: var(--space-44);
     }
 .input-module-uAOUY:where(.input-module-DRosR) {
-    height: var(--space-40);
+    block-size: var(--space-40);
   }
 .input-module-uAOUY:where(.input-module-DRosR) .input-module-2u4Pp,
     .input-module-uAOUY:where(.input-module-DRosR) input {
-      height: var(--space-40);
       padding: 0 var(--space-8);
+      block-size: var(--space-40);
     }
 .input-module-uAOUY:has([data-disabled]) {
     /* TODO: Properly standarize disabled state of "fields" */
@@ -1709,8 +1853,8 @@ html {
       bottom: 0;
       left: 0;
       display: block;
-      height: 1px;
       background-color: var(--color-brand-red);
+      block-size: 1px;
       content: '';
     }
 /* growing input field */
@@ -1722,8 +1866,8 @@ html {
   }
 .input-module-uAOUY .input-module-peOqs .input-module-2u4Pp,
     .input-module-uAOUY .input-module-peOqs input {
-      min-width: 2.35em;
       grid-area: 1 / 1;
+      min-inline-size: 2.35em;
     }
 .input-module-uAOUY .input-module-peOqs input {
       text-align: center;
@@ -1739,9 +1883,9 @@ html {
     }
 .input-module-uAOUY .input-module-JdwaH {
     display: inline-grid;
-    width: 100%;
     align-items: center;
     grid-template-columns: 1fr 0;
+    inline-size: 100%;
   }
 .input-module-uAOUY .input-module-JdwaH input:has(~ .input-module-Ai2f7) {
       padding-right: var(--space-36);
@@ -1860,9 +2004,9 @@ html {
         inline-size: 75%;
       }
   .number-field-module-eFnKr .number-field-module-v1sB2 svg {
-      width: 16px;
-      height: 16px;
+      block-size: 16px;
       grid-area: button;
+      inline-size: 16px;
     }
 
 @keyframes number-field-module-QbNfS {
@@ -1888,11 +2032,6 @@ html {
     gap: var(--space-8);
   }
 
-  .pagination-module-k4OgY .pagination-module-cYO35 svg, .pagination-module-k4OgY .pagination-module-rljds svg, .pagination-module-oq89A .pagination-module-cYO35 svg, .pagination-module-oq89A .pagination-module-rljds svg {
-      width: 12px;
-      height: 12px;
-    }
-
 .select-module-IPU-m {
   --trigger-width: initial;
   --height: var(--space-44);
@@ -1919,23 +2058,21 @@ html {
     position: relative;
     display: flex;
     overflow: hidden;
-    width: 100%;
-    height: var(--height);
     box-sizing: border-box;
     align-items: center;
     padding: 10px 32px 10px 16px;
     border: 1px solid var(--color-brand-medium-gray);
     border-radius: var(--border-radius-8);
+    block-size: var(--height);
     font: inherit;
     gap: var(--space-16);
+    inline-size: 100%;
     outline: none;
   }
 
   .select-module-IPU-m .select-module-0kwVJ .select-module-ptK6Z > :first-child {
         position: absolute;
         display: block;
-        width: var(--space-12);
-        height: var(--space-12);
         color: var(--color-brand-dark-gray);
         inset-block: 0;
         inset-inline-end: 14px;
@@ -1966,8 +2103,8 @@ html {
       bottom: 0;
       left: 0;
       display: block;
-      height: 1px;
       background-color: var(--color-brand-red);
+      block-size: 1px;
       content: '';
     }
 
@@ -1985,11 +2122,11 @@ html {
 
 .select-module-XFHrL {
   overflow: auto;
-  width: var(--trigger-width);
-  min-width: -moz-fit-content;
-  min-width: fit-content;
   background-color: var(--color-white);
   box-shadow: var(--box-shadow-light);
+  inline-size: var(--trigger-width);
+  min-inline-size: -moz-fit-content;
+  min-inline-size: fit-content;
   padding-block: var(--space-8);
 }
 
@@ -2017,8 +2154,6 @@ html {
 
 .select-module-MkKKi .select-module-N7nUk {
     position: absolute;
-    width: var(--space-24);
-    height: var(--space-24);
     inset: 0;
     margin-block: auto;
   }
@@ -2054,84 +2189,6 @@ html {
   }
     }
 
-.badge-module-X5Au9 {
-  --shadow-color: 48 209 88;
-  --animation-duration: 1000ms;
-  --size: 16px;
-
-  display: flex;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-  padding: var(--space-4);
-  border: 1px solid var(--color-white);
-  border-radius: calc(var(--size) / 2);
-  block-size: var(--size);
-  min-inline-size: var(--size);
-}
-
-  .badge-module-X5Au9 .badge-module-ododp {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--color-white);
-    font-size: var(--font-size-8);
-    font-weight: var(--font-weight-bold);
-    line-height: 1;
-  }
-
-  .badge-module-X5Au9:where(.badge-module-Q03Go) {
-    animation: badge-module-YSs-l var(--animation-duration) ease-in-out;
-    animation-iteration-count: 3;
-  }
-
-  .badge-module-X5Au9:where(.badge-module-kqfth) {
-    --shadow-color: 227 6 19;
-
-    background-color: var(--color-semantic-stop);
-  }
-
-  .badge-module-X5Au9:where(.badge-module-Y5LU3) {
-    --shadow-color: 255 159 10;
-
-    background-color: var(--color-semantic-notify);
-  }
-
-  .badge-module-X5Au9:where(.badge-module-S-L8C) {
-    --shadow-color: 48 209 88;
-
-    background-color: var(--color-semantic-okay);
-  }
-
-  @keyframes badge-module-YSs-l {
-    0% {
-      box-shadow: 0 0 0 0 rgb(var(--shadow-color) / 70%);
-      scale: 1;
-    }
-
-    50% {
-      box-shadow: 0 0 4px 2px rgb(var(--shadow-color) / 40%);
-      scale: 1.28;
-    }
-
-    100% {
-      box-shadow: 0 0 0 0 rgb(var(--shadow-color) / 0%);
-      scale: 1;
-    }
-  }
-
-.icon-with-badge-module-eCTIN {
-  position: relative;
-  display: inline-flex;
-}
-
-  .icon-with-badge-module-eCTIN .icon-with-badge-module-NUjwN {
-    position: absolute;
-    top: 2px;
-    right: 2px;
-    transform: translate(50%, -50%);
-  }
-
 :root {
   --tag-height: var(--space-16);
 }
@@ -2142,7 +2199,7 @@ html {
 
   z-index: 0;
   display: inline-flex;
-  height: var(--tag-height);
+  block-size: var(--tag-height);
 }
 
 .tag-module-B7r15 .tag-module-4cfCf {
@@ -2158,9 +2215,9 @@ html {
 .tag-module-B7r15 .tag-module-c7CRb {
     position: relative;
     left: -1px;
-    min-width: 8px;
-    height: 16px;
+    block-size: 16px;
     color: var(--tag-bg-color);
+    min-inline-size: 8px;
   }
 
 /* stylelint-disable max-nesting-depth */
@@ -2180,10 +2237,6 @@ html {
 .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6 {
       color: var(--color-brand-dark-gray);
     }
-.breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6 .breadcrumb-module-uIn3w {
-        block-size: 14px;
-        inline-size: 14px;
-      }
 .breadcrumb-module-CQGse .breadcrumb-module-hxhDY .breadcrumb-module-fp2Q6 .breadcrumb-module-uIn3w.breadcrumb-module-K-wMJ {
           display: none;
         }
@@ -2266,19 +2319,23 @@ html {
 
 .toast-module-VzLw4 {
   --inline-padding: var(--space-16);
+  --close-button-size: 24px;
 
+  position: relative;
   display: flex;
-  width: -moz-fit-content;
-  width: fit-content;
-  max-width: 366px;
-  min-height: 72px;
   box-sizing: border-box;
   align-items: center;
-  padding: var(--space-12) var(--inline-padding);
   border-radius: var(--border-radius-12);
   background-color: var(--color-white);
   box-shadow: var(--box-shadow-heavy);
   color: var(--color-black);
+  inline-size: -moz-fit-content;
+  inline-size: fit-content;
+  max-inline-size: 366px;
+  min-block-size: 72px;
+  padding-block: var(--space-12);
+  padding-inline: var(--inline-padding)
+    calc(var(--close-button-size) + var(--inline-padding));
   pointer-events: all;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -2286,20 +2343,15 @@ html {
 }
 
   .toast-module-VzLw4 .toast-module-mAwpu {
-    margin-right: calc(-1 * var(--inline-padding));
-    margin-left: auto;
+    position: absolute;
+    inset: 0 calc(var(--inline-padding) * 0.5) 0 auto;
+    margin-block: auto;
   }
 
   .toast-module-VzLw4 .toast-module-JqNiT {
-    margin-right: 6px;
+    margin-inline-end: 6px;
   }
 
-  .toast-module-VzLw4 .toast-module-JqNiT svg {
-      display: block;
-      width: 24px;
-      height: 24px;
-    }
-
   .toast-module-VzLw4:where(.toast-module-cuSIT) .toast-module-JqNiT {
       color: var(--color-semantic-okay);
     }
@@ -2317,8 +2369,30 @@ html {
     }
 
   @media (width >= 1024px) {.toast-module-VzLw4 {
-    max-width: 312px
+    max-inline-size: 312px
+}
+  }
+
+.close-button-module-RqdJg {
+  --color: var(--color-brand-black);
+  --color-hover: var(--color-brand-black);
+  --bgcolor-hover: rgb(0 0 0 / 8%);
+  --touch-area-size: max(32px, 100%);
+
+  color: var(--color);
 }
+
+  .close-button-module-RqdJg:hover {
+    background-color: var(--bgcolor-hover);
+    color: var(--color-hover);
+  }
+
+  .close-button-module-RqdJg:focus-visible {
+    outline-offset: var(--focus-outline-offset);
+  }
+
+  .close-button-module-RqdJg.close-button-module-GsmnG {
+    --bgcolor-hover: rgb(0 0 0 / 15%);
   }
 
 .icon-list-module-tWkJY {
@@ -2330,13 +2404,8 @@ html {
   list-style: none;
 }
 
-.icon-list-module-3BzE4 .icon-list-module-9-620 {
-    display: block;
-    width: 24px;
-    height: 24px;
-  }
-
 .icon-list-module-3BzE4 {
+  --icon-color: currentcolor;
 
   display: flex;
   align-items: center;
@@ -2346,6 +2415,21 @@ html {
   line-height: 1;
 }
 
+/* theme variants */
+
+.icon-list-module-3BzE4.icon-list-module-OHLcC {
+    --icon-color: var(--color-status-available);
+  }
+
+.icon-list-module-3BzE4.icon-list-module-dLR8O {
+    --icon-color: var(--color-status-unavailable);
+  }
+
+.icon-list-module-3BzE4 .icon-list-module-9-620 {
+    flex-shrink: 0;
+    color: var(--icon-color);
+  }
+
 .message-module-N1e1t {
   --color: var(--color-brand-black);
 
@@ -2362,7 +2446,6 @@ html {
 .message-module-w2hsL {
   color: var(--color);
   grid-area: icon;
-  margin-block: -3px;
   margin-inline-end: var(--space-8);
 }
 
@@ -2429,12 +2512,12 @@ html {
   top: 0;
   left: 0;
   display: flex;
-  width: 100vw;
-  height: var(--visual-viewport-height);
   align-items: center;
   justify-content: center;
   backdrop-filter: blur(4px);
   background-color: rgb(0 0 0 / 52%);
+  block-size: var(--visual-viewport-height);
+  inline-size: 100svi;
 }
 
   .modal-module-rVFJc[data-entering] {
@@ -2453,13 +2536,13 @@ html {
   position: absolute;
   z-index: calc(var(--modal-layer) - 1);
   bottom: var(--space-36);
-  min-width: 300px;
-  max-width: 90%;
   border: 1px solid var(--gray-400);
   border-radius: 12px;
   background: var(--color-white);
   box-shadow: 0 8px 20px rgb(0 0 0 / 10%);
   color: var(--text-color);
+  max-inline-size: 90%;
+  min-inline-size: 300px;
   outline: none;
 }
 
@@ -2469,8 +2552,8 @@ html {
   }
 
 .modal-module-6vlFt .modal-module-FJxzx {
-    width: 100%;
-    height: 100%;
+    block-size: 100%;
+    inline-size: 100%;
   }
 
 .modal-module-6vlFt[data-entering] {
@@ -2483,9 +2566,9 @@ html {
 
 .modal-module-6vlFt:where(.modal-module-uwets) {
     position: fixed;
-    max-width: 100%;
     border-radius: 0;
     inset: 0;
+    max-inline-size: 100%;
   }
 
 .modal-module-6vlFt:where(.modal-module-uwets)[data-entering] {
@@ -2498,8 +2581,7 @@ html {
 
 .modal-module-6vlFt .modal-module-7zIZE {
     position: absolute;
-    top: 0;
-    right: 0;
+    inset: var(--space-4) var(--space-4) auto auto;
   }
 
 @media (width >= 768px) {
@@ -2569,14 +2651,14 @@ html {
 }
 
 .dialog-module-uKVDu {
-  max-width: min(403px, 90%);
+  max-inline-size: min(403px, 90%);
 }
 
 .dialog-module-qKzgy {
   position: relative;
-  min-width: 300px;
   padding: var(--space-24);
   padding-right: var(--space-32);
+  min-inline-size: 300px;
 }
 
 .dialog-module-qKzgy .dialog-module-5sZYV {
@@ -2590,8 +2672,7 @@ html {
 
 .dialog-module-qKzgy .dialog-module-Y7Tqg {
     position: absolute;
-    top: -8px;
-    right: -8px;
+    inset: var(--space-4) var(--space-4) auto auto;
   }
 
 .dialog-module-qKzgy .dialog-module-y7Axm:not(:empty) {
@@ -2600,13 +2681,16 @@ html {
     gap: 8px;
   }
 
-.favorite-button-module-tXSS3:where(.favorite-button-module-l557q) {
+.favorite-button-module-tXSS3.favorite-button-module-l557q {
     animation: favorite-button-module-6Tsmy 0.4s ease-in-out 0s 1 normal both;
     color: var(--color-brand-red);
   }
   .favorite-button-module-tXSS3:not(.favorite-button-module-l557q) {
     animation: favorite-button-module-LQauU 0.4s ease-in-out 0s 1 both;
   }
+  .favorite-button-module-tXSS3:disabled {
+    opacity: 1;
+  }
 
 @keyframes favorite-button-module-6Tsmy {
   0% {
@@ -2638,8 +2722,8 @@ html {
 
 .image-module-lg7Kj {
   display: block;
-  width: 100%;
-  height: 100%;
+  block-size: 100%;
+  inline-size: 100%;
 }
 
   .image-module-lg7Kj:where(.image-module-KFEgG) {
@@ -2649,21 +2733,21 @@ html {
   }
 
   .image-module-lg7Kj:where(.image-module-tVKFe) {
-    width: 100%;
-    height: 100%;
+    block-size: 100%;
+    inline-size: 100%;
     -o-object-fit: cover;
        object-fit: cover;
   }
 
   .image-module-lg7Kj.image-module-LM93B {
-    width: var(--space-40);
-    height: var(--space-40);
+    block-size: var(--space-40);
+    inline-size: var(--space-40);
   }
 
 .image-module-pNYjR {
   display: block;
-  width: 100%;
-  height: 100%;
+  block-size: 100%;
+  inline-size: 100%;
 }
 
 .category-card-module-4NUjH {
@@ -2684,14 +2768,14 @@ html {
   -webkit-tap-highlight-color: transparent;
 }
 
-  @container (min-width: 90px) {.category-card-module-4NUjH {
+  @container (min-inline-size: 90px) {.category-card-module-4NUjH {
     --image-margin: var(--space-8);
     --image-size: 74px;
     --gap: var(--space-12)
 }
   }
 
-  @container (min-width: 96px) {.category-card-module-4NUjH {
+  @container (min-inline-size: 96px) {.category-card-module-4NUjH {
     --image-margin: 0;
     --image-size: 96px;
     --gap: var(--space-16)
@@ -2825,7 +2909,7 @@ html {
     line-height: 1;
   }
 
-@container (max-width: 314px) {
+@container (max-inline-size: 314px) {
 
 .data-card-module-24uin .data-card-module-EDbE- {
       padding: var(--space-8) 0 var(--space-16);
@@ -2850,7 +2934,7 @@ html {
       text-align: right;
     }
 
-@container (max-width: 314px) {
+@container (max-inline-size: 314px) {
 
 .data-card-module-24uin .data-card-module-EDbE- .data-card-module-FAgmN {
         text-align: left
@@ -2862,7 +2946,7 @@ html {
       font-weight: var(--font-weight-normal);
     }
 
-@container (max-width: 314px) {
+@container (max-inline-size: 314px) {
         .data-card-module-24uin .data-card-module-EDbE- .data-card-module-fcSbu:not(:last-child) {
           margin-block-end: var(--space-8);
         }
@@ -2874,7 +2958,7 @@ html {
     gap: var(--space-8);
   }
 
-@container (max-width: 314px) {
+@container (max-inline-size: 314px) {
 
 .data-card-module-24uin .data-card-module-Qv5iI {
       flex-direction: column
@@ -2882,7 +2966,7 @@ html {
     }
 
 .confirmation-dialog-module-Up-BC {
-  max-width: 425px;
+  max-inline-size: 425px;
 }
 
 .delivery-time-module-fEWEl {
@@ -3136,8 +3220,8 @@ html {
   .orderline-card-module-AMTMm .orderline-card-module-0CunP {
     position: absolute;
     z-index: var(--z-top);
-    inset-block-start: 0;
-    inset-inline-end: 0;
+    inset-block-start: var(--space-12);
+    inset-inline-end: var(--space-12);
   }
 
   .orderline-card-module-AMTMm .orderline-card-module-C8xE6 {
@@ -3328,8 +3412,8 @@ html {
 .product-card-module-pLaiB .product-card-module-tvEdz {
     position: absolute;
     z-index: var(--z-top);
-    inset-block-start: 0;
-    inset-inline-end: 0;
+    inset-block-start: var(--space-12);
+    inset-inline-end: var(--space-12);
   }
 
 .product-card-module-pLaiB .product-card-module-CStNi {
@@ -3411,7 +3495,7 @@ html {
     place-self: flex-end;
   }
 
-@container (min-width: 273px) {
+@container (min-inline-size: 273px) {
 
 .product-card-module-pLaiB {
     --box-shadow: var(--box-shadow-heavy);
@@ -3439,7 +3523,7 @@ html {
     }
   }
 
-@container (min-width: 360px) {
+@container (min-inline-size: 360px) {
 
 .product-card-module-pLaiB {
     --title-font-size: var(--font-size-20);
@@ -3454,8 +3538,8 @@ html {
 }
 
     .product-card-module-pLaiB .product-card-module-tvEdz {
-      inset-block-start: var(--space-4);
-      inset-inline-end: var(--space-4);
+      inset-block-start: var(--space-12);
+      inset-inline-end: var(--space-12);
     }
 
     .product-card-module-pLaiB .product-card-module-irW0D {
@@ -3490,7 +3574,7 @@ html {
     [card-end];
 }
 
-  @container (min-width: 636px) {.table-card-module-8spto {
+  @container (min-inline-size: 636px) {.table-card-module-8spto {
     --sticky-actions-top: calc(var(--sticky-top, 0px) + var(--gap-row));
 
     grid-template-areas:
@@ -4024,16 +4108,16 @@ html {
   --bg-color: var(--color-brand-light-gray);
 
   display: grid;
-  width: 44px;
-  height: 44px;
   border: 1px solid currentcolor;
   border-radius: 100%;
   background-color: var(--color-brand-white);
+  block-size: 2.75rem;
   color: var(--color);
   cursor: pointer;
+  inline-size: 2.75rem;
   place-items: center;
   -webkit-tap-highlight-color: transparent;
-  transition: background-color 0.2s ease;
+  transition: background-color var(--transition-duration) ease;
 }
 
   .carousel-navigation-button-module-a1-I4:focus-visible {
@@ -4093,7 +4177,7 @@ html {
         background: var(--color-brand-white);
         block-size: 140%;
         content: '';
-        inline-size: calc((100vw - 100%) / 2);
+        inline-size: calc((100svi - 100%) / 2);
         inset-block-start: -20%;
         opacity: 1;
         transition: opacity 0.2s ease;
@@ -4106,7 +4190,7 @@ html {
           rgb(255 255 255 / 95%) 80px,
           rgb(255 255 255 / 100%) 100px
         );
-        inset-inline-start: calc(-1 * ((100vw - 100%) / 2));
+        inset-inline-start: calc(-1 * ((100svi - 100%) / 2));
       }
 
   .carousel-module-ealh- .carousel-module-IftbN.carousel-module-tPg7k::after {
@@ -4116,7 +4200,7 @@ html {
           rgb(255 255 255 / 95%) 80px,
           rgb(255 255 255 / 100%) 100px
         );
-        inset-inline-end: calc(-1 * ((100vw - 100%) / 2));
+        inset-inline-end: calc(-1 * ((100svi - 100%) / 2));
       }
 
   .carousel-module-ealh- .carousel-module-bUMlb {
@@ -4187,9 +4271,9 @@ html {
 
 .card-carousel-module-JXQmk {
   display: flex;
-  width: 100%;
   flex-direction: column;
   gap: var(--space-24);
+  inline-size: 100%;
 }
 
   @media (width >= 768px) {
@@ -4201,11 +4285,11 @@ html {
   .card-carousel-module-JXQmk .swiper {
     --padding: var(--space-16);
 
-    width: calc(100% + (2 * var(--padding)));
     padding: var(--padding);
     margin-top: calc(var(--padding) * -1);
     margin-bottom: calc(var(--padding) * -1);
     margin-left: calc(var(--padding) * -1);
+    inline-size: calc(100% + (2 * var(--padding)));
   }
 
 .card-carousel-module-DxKOG {
@@ -4215,7 +4299,7 @@ html {
   --slide-width: var(--slide-width-narrow);
 
   position: relative;
-  height: 100%;
+  block-size: 100%;
 }
 
 .card-carousel-module-DxKOG.card-carousel-module-RQ8gl {
@@ -4231,15 +4315,13 @@ html {
   }
 
 .card-carousel-module-DxKOG > * {
-    width: var(--slide-width);
+    inline-size: var(--slide-width);
   }
 
 .card-carousel-module-DxKOG:not(:first-child)::after {
       position: absolute;
       top: 0;
       left: calc((var(--column-gap) / 2) * -1);
-      width: 1px;
-      height: 100%;
       background-image: linear-gradient(
         to bottom,
         var(--color-white),
@@ -4248,7 +4330,9 @@ html {
         #e0dfdf 90%,
         var(--color-white)
       );
+      block-size: 100%;
       content: '';
+      inline-size: 1px;
     }
 
 /* Hide the separator line between the cards when hovering */
@@ -4328,15 +4412,15 @@ html {
 
 .pagination-module-E-D6l {
   display: flex;
-  width: var(--space-16);
-  height: var(--space-16);
   align-items: center;
   justify-content: center;
   padding: 0;
   border: 0;
   border-radius: 50%;
   background: transparent;
+  block-size: var(--space-16);
   cursor: pointer;
+  inline-size: var(--space-16);
 }
 
 .pagination-module-E-D6l:focus-visible {
@@ -4346,14 +4430,14 @@ html {
 
 .pagination-module-E-D6l::before {
     display: block;
-    width: 6px;
-    height: 6px;
     box-sizing: border-box;
     padding: 0;
     border-radius: 50%;
     margin: 0;
     background-color: var(--color-brand-black);
+    block-size: 6px;
     content: '';
+    inline-size: 6px;
     opacity: 1;
 
     /* text-indent: -9999px; */
@@ -4375,8 +4459,8 @@ html {
 .pagination-module-rNIvD {
   position: absolute;
   left: 0;
-  width: var(--space-16);
-  height: var(--space-16);
+  block-size: var(--space-16);
+  inline-size: var(--space-16);
   pointer-events: none;
   transition: transform var(--transition-duration-short);
   -webkit-user-select: none;
@@ -4423,8 +4507,8 @@ html {
     bottom: 24px;
     left: 50%;
     display: inline-flex;
-    width: -moz-fit-content;
-    width: fit-content;
+    inline-size: -moz-fit-content;
+    inline-size: fit-content;
     transform: translateX(-50%);
   }
 
@@ -4452,8 +4536,8 @@ html {
   }
 
   .usp-carousel-module-UCbpX .usp-carousel-module-rtIrb .usp-carousel-module--Vdc3 {
-      width: var(--image-max-width);
-      height: calc(var(--image-max-width) * 509 / 555);
+      block-size: calc(var(--image-max-width) * 509 / 555);
+      inline-size: var(--image-max-width);
     }
 
   .usp-carousel-module-UCbpX .usp-carousel-module-rtIrb .usp-carousel-module--Vdc3 .usp-carousel-module-F-WAS {
@@ -4479,9 +4563,9 @@ html {
 
   .usp-carousel-module-UCbpX .usp-carousel-module-rtIrb .usp-carousel-module-2fygw .usp-carousel-module-AOJJg .usp-carousel-module-Diy2d {
           display: block;
-          width: var(--icon-size);
-          height: var(--icon-size);
           margin-bottom: 10px;
+          block-size: var(--icon-size);
+          inline-size: var(--icon-size);
         }
 
   .usp-carousel-module-UCbpX .usp-carousel-module-rtIrb .usp-carousel-module-2fygw .usp-carousel-module-AOJJg .usp-carousel-module--xcF2 {
@@ -4751,11 +4835,11 @@ button.swiper-pagination-bullet {
   .cart-totals-module-Bk9zi .cart-totals-module-2RLLQ {
     --breakout: var(--space-16);
 
-    width: calc(100% + (2 * var(--breakout)));
     padding: 10px var(--space-16);
     margin-bottom: var(--space-32);
     margin-left: calc(-1 * var(--breakout));
     background-color: var(--color-brand-light-gray);
+    inline-size: calc(100% + (2 * var(--breakout)));
   }
   .cart-totals-module-Bk9zi .cart-totals-module-2RLLQ .cart-totals-module-ciNsz,
     .cart-totals-module-Bk9zi .cart-totals-module-2RLLQ .cart-totals-module-KaxpH {
@@ -4774,6 +4858,95 @@ button.swiper-pagination-bullet {
     margin: 0;
   }
 
+.country-language-selection-list-module-TIz6H {
+  --column-min-size: 34ch;
+
+  container-type: inline-size;
+}
+
+  .country-language-selection-list-module-TIz6H .country-language-selection-list-module-MYQLz {
+    padding: 0;
+    margin: 0;
+    -moz-column-gap: 1.5rem;
+         column-gap: 1.5rem;
+    -moz-columns: round(100cqi / var(--column-min-size));
+         columns: round(100cqi / var(--column-min-size));
+    list-style: none;
+  }
+
+  .country-language-selection-list-module-TIz6H .country-language-selection-list-module-xqJhq {
+    margin-block-end: var(--space-32);
+  }
+
+  .country-language-selection-list-module-TIz6H .country-language-selection-list-module-jXkw- {
+    margin-block-end: var(--space-16);
+  }
+
+.flag-module-AChfw {
+  --flag-size: 1.5rem;
+
+  display: inline-block;
+  overflow: hidden;
+  block-size: var(--flag-size);
+  inline-size: var(--flag-size);
+  outline: 1px solid rgb(255 255 255 / 50%);
+  outline-offset: -1px;
+}
+
+  .flag-module-AChfw.flag-module-CvcV4 {
+    border-radius: 50%;
+  }
+
+  .flag-module-AChfw svg {
+    display: block;
+    block-size: 100%;
+    inline-size: 100%;
+  }
+
+.country-language-selector-button-module-SN6I2 {
+  --flag-size: 1.5rem;
+
+  display: grid;
+  overflow: hidden;
+  gap: var(--space-8);
+  min-block-size: var(--flag-size);
+}
+
+  .country-language-selector-button-module-SN6I2:not(:empty) {
+    grid-template-columns: minmax(0, var(--flag-size)) 1fr;
+  }
+
+  .country-language-selector-button-module-SN6I2 .country-language-selector-button-module-gV7Cp {
+    display: grid;
+    overflow: hidden;
+    align-items: baseline;
+    gap: var(--space-4);
+    grid-template-areas: 'country sep language';
+    grid-template-columns:
+      1fr
+      minmax(0, 0.25em)
+      auto;
+  }
+
+  .country-language-selector-button-module-SN6I2 .country-language-selector-button-module-gV7Cp data {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+  .country-language-selector-button-module-SN6I2 .country-language-selector-button-module-gV7Cp data.country-language-selector-button-module-1Cz2x {
+        grid-area: country;
+      }
+
+  .country-language-selector-button-module-SN6I2 .country-language-selector-button-module-gV7Cp data.country-language-selector-button-module-Ix4GQ {
+        grid-area: language;
+      }
+
+  .country-language-selector-button-module-SN6I2 .country-language-selector-button-module-gV7Cp::after {
+      content: '-';
+      grid-area: sep;
+    }
+
 .select-field-module-T07fb {
   --button-height: var(--space-44);
   --button-gap: var(--space-8);
@@ -4839,9 +5012,7 @@ button.swiper-pagination-bullet {
     }
 
   .select-field-module-T07fb .select-field-module-uGX30 .select-field-module-Njvvb {
-      block-size: 12px;
       grid-area: icon;
-      inline-size: 12px;
       justify-self: center;
     }
 
@@ -4865,6 +5036,8 @@ button.swiper-pagination-bullet {
     }
 
 .select-field-module-tbhPg {
+  --separator-color: var(--color-brand-light-gray);
+
   overflow: auto;
   background-color: var(--color-white);
   box-shadow: var(--box-shadow-light);
@@ -4872,7 +5045,7 @@ button.swiper-pagination-bullet {
   min-inline-size: -moz-fit-content;
   min-inline-size: fit-content;
   padding-block: var(--space-8);
-  transition: opacity 0.2s;
+  transition: opacity var(--transition-duration-short) ease-in-out;
 }
 
 .select-field-module-tbhPg[data-entering],
@@ -4885,18 +5058,32 @@ button.swiper-pagination-bullet {
   }
 
 .select-field-module-tbhPg .select-field-module-KDZmc {
-    display: grid;
-    align-items: center;
     color: var(--color-brand-dark-gray);
-    cursor: default;
-    grid-template-rows: minmax(24px, min-content);
-    line-height: 1;
-    outline: none;
-    overflow-wrap: break-word;
     padding-block: var(--space-4);
     padding-inline: calc(var(--space-24) + var(--space-2) + var(--space-4));
   }
 
+.select-field-module-tbhPg .select-field-module-7A3aF {
+    border-block: 1px solid var(--separator-color);
+    margin-block-end: -1px;
+    padding-block: var(--space-8);
+  }
+
+.select-field-module-tbhPg .select-field-module-7A3aF:first-child {
+      border-block-start: 0;
+      padding-block-start: 0;
+    }
+
+.select-field-module-tbhPg .select-field-module-7A3aF:last-child {
+      border-block-end: 0;
+      margin-block-end: 0;
+      padding-block-end: 0;
+    }
+
+.select-field-module-tbhPg .select-field-module-KDZmc + .select-field-module-7A3aF {
+    margin-block-start: var(--space-8);
+  }
+
 .select-field-module-tbhPg .select-field-module-u3hoe {
     display: grid;
     align-items: center;
@@ -4911,25 +5098,162 @@ button.swiper-pagination-bullet {
     overflow-wrap: break-word;
   }
 
-.select-field-module-tbhPg .select-field-module-u3hoe [slot='description'] {
+.select-field-module-tbhPg .select-field-module-u3hoe .select-field-module-Njvvb {
       display: grid;
       grid-area: icon;
       justify-self: center;
     }
 
-.select-field-module-tbhPg .select-field-module-u3hoe [slot='label'] {
+.select-field-module-tbhPg .select-field-module-u3hoe .select-field-module-g1IlV {
       grid-area: label;
     }
 
-.select-field-module-tbhPg .select-field-module-u3hoe[data-hovered],
-    .select-field-module-tbhPg .select-field-module-u3hoe[data-focused] {
+.select-field-module-tbhPg .select-field-module-u3hoe:hover,
+    .select-field-module-tbhPg .select-field-module-u3hoe:focus-visible {
       background-color: var(--color-brand-red);
       color: var(--color-white);
     }
 
+:root {
+  --clselector-top: 0px;
+
+  /* in case we make the CLSelector non-sticky; we'll need JS to set --page-scroll-y on :root
+  --clselector-top: max(0px, calc(0px - var(--page-scroll-y, 0px))); */
+  --clselector-bottom: calc(
+    var(--clselector-top, 0px) + var(--clselector-height, 0px)
+  );
+}
+
+.country-language-selector-module-lW6eg {
+  --color: var(--color-brand-dark-gray);
+  --bg-color: var(--color-gray-50);
+  --close-size: 24px;
+  --padding: var(--space-16);
+  --max-width: 1024px;
+  --border-color: var(--color-brand-light-gray);
+
+  position: relative;
+  z-index: var(--clselector-layer);
+  display: grid;
+  overflow: hidden;
+  align-items: end;
+  background: var(--bg-color);
+  block-size: 0;
+  container-type: inline-size;
+  grid-template-rows: 100%;
+  outline: 0;
+  transition: all var(--transition-duration-short) ease;
+  transition-behavior: allow-discrete;
+  visibility: hidden;
+}
+
+.country-language-selector-module-lW6eg.country-language-selector-module-fsfbv {
+    position: sticky;
+    top: var(--clselector-top);
+  }
+
+.country-language-selector-module-lW6eg.country-language-selector-module-XttBY.country-language-selector-module-lfI2j {
+    block-size: auto;
+    visibility: visible;
+  }
+
+.country-language-selector-module-lW6eg::after {
+    position: absolute;
+    border-block-end: 1px solid var(--border-color);
+    content: '';
+    inset: auto 0 0;
+  }
+
+.country-language-selector-module-lW6eg .country-language-selector-module-4qE7H {
+    position: relative;
+    display: grid;
+    align-items: center;
+    gap: var(--space-8) var(--space-16);
+    grid-template-columns: [expl-start form-start] 1fr [expl-end form-end];
+    grid-template-rows: [expl-start] auto [expl-end form-start] auto [form-end];
+    margin-inline: max(var(--padding), calc(100% - var(--max-width)) / 2);
+    max-inline-size: var(--max-width);
+    padding-block: var(--close-size) var(--padding);
+  }
+
+@container (min-inline-size: 480px) {
+
+.country-language-selector-module-lW6eg .country-language-selector-module-4qE7H {
+      grid-template-columns: [expl-start form-start] 1fr auto [expl-end form-end];
+      padding-block-start: var(--padding)
+  }
+    }
+
+@container (min-inline-size: 800px) {
+
+.country-language-selector-module-lW6eg .country-language-selector-module-4qE7H {
+      grid-template-columns: [expl-start] 1.1fr [expl-end form-start] 1fr auto [form-end];
+      grid-template-rows: [expl-start form-start] auto [expl-end form-end];
+      margin-inline-end: max(
+        calc(var(--close-size) + var(--padding)),
+        calc(100% - var(--max-width)) / 2
+      )
+  }
+    }
+
+.country-language-selector-module-lW6eg .country-language-selector-module-4qE7H .country-language-selector-module-UvT-P {
+      margin: 0;
+      color: var(--color);
+      grid-column: expl;
+      grid-row: expl;
+      line-height: 1.1;
+      text-wrap: pretty;
+    }
+
+@container (min-inline-size: 480px) {
+
+.country-language-selector-module-lW6eg .country-language-selector-module-4qE7H .country-language-selector-module-UvT-P {
+        margin-inline-end: calc(var(--close-size))
+    }
+      }
+
+.country-language-selector-module-lW6eg .country-language-selector-module-4qE7H .country-language-selector-module-pZ3tL {
+      display: grid;
+      align-items: center;
+      container-type: unset;
+      gap: inherit;
+      grid-column: form;
+      grid-row: form;
+      grid-template-columns: subgrid;
+    }
+
+.country-language-selector-module-lW6eg .country-language-selector-module-sJF5B {
+    position: absolute;
+    margin: auto;
+    inset: 0 calc(var(--padding) * -1) auto auto;
+    place-self: center;
+  }
+
+@container (min-inline-size: 480px) {
+
+.country-language-selector-module-lW6eg .country-language-selector-module-sJF5B {
+      inset-block-start: calc(var(--padding) / 2);
+      inset-inline-end: calc(var(--padding) * -0.5)
+  }
+    }
+
+@container (min-inline-size: 800px) {
+
+.country-language-selector-module-lW6eg .country-language-selector-module-sJF5B {
+      inset: 0 0 0 calc(100% + var(--padding))
+  }
+    }
+
+@container (min-inline-size: 1100px) {
+
+.country-language-selector-module-lW6eg .country-language-selector-module-sJF5B {
+      inset-inline: auto calc((100cqw - 1024px) / -2 + var(--padding) / 2)
+  }
+    }
+
 .country-selector-dialog-module-mMJS0 {
-  max-width: 342px;
   padding: var(--space-36) var(--space-24);
+  max-inline-size: 342px;
 }
 
   .country-selector-dialog-module-mMJS0 .country-selector-dialog-module-z-ZqY {
@@ -4957,7 +5281,10 @@ button.swiper-pagination-bullet {
   display: flex;
   align-items: center;
   color: var(--color-white);
+  font: inherit;
   gap: var(--space-8);
+  line-height: 1;
+  white-space: nowrap;
 }
 
   .country-selector-trigger-module-aioDu:hover {
@@ -4970,22 +5297,17 @@ button.swiper-pagination-bullet {
   }
 
   .country-selector-trigger-module-aioDu .country-selector-trigger-module-zOSJK {
-    width: 24px;
-    height: 24px;
-    border: 1px solid var(--color-white);
+    flex-shrink: 0;
     border-radius: 50%;
-  }
-
-  .country-selector-trigger-module-aioDu .country-selector-trigger-module-TE8tl {
-    display: flex;
-    font: inherit;
-    line-height: 1;
+    block-size: 1.5rem;
+    inline-size: 1.5rem;
+    outline: 1px solid rgb(255 255 255 / 50%);
+    outline-offset: -1px;
   }
 
 .details-module-yz0rE {
   --duration: var(--transition-duration-short);
-  --arrow-size: 12px;
-  --arrow-space: 12px;
+  --arrow-space: 0.75rem;
 
   display: grid;
   gap: 0 var(--space-4);
@@ -5011,9 +5333,7 @@ button.swiper-pagination-bullet {
     }
 
   .details-module-yz0rE .details-module-mSgNu .details-module-2O7TR {
-      block-size: var(--arrow-size);
       grid-area: marker;
-      inline-size: var(--arrow-size);
       place-self: center;
       transition: all var(--duration) ease-in-out;
     }
@@ -5078,9 +5398,7 @@ button.swiper-pagination-bullet {
 }
 
   .drawer-module-5ARuA.drawer-module-yjFdX {
-    top: 0;
-    bottom: 0;
-    left: 0;
+    inset: 0 auto 0 0;
   }
 
   .drawer-module-5ARuA.drawer-module-bZLBV {
@@ -5089,9 +5407,7 @@ button.swiper-pagination-bullet {
     --translate-y-from: 0;
     --translate-y-to: 0;
 
-    top: 0;
-    right: 0;
-    bottom: 0;
+    inset: 0 0 0 auto;
   }
 
   .drawer-module-5ARuA.drawer-module-KiviE {
@@ -5100,20 +5416,16 @@ button.swiper-pagination-bullet {
     --translate-y-from: -100%;
     --translate-y-to: 0;
 
-    top: 0;
-    right: 0;
-    left: 0;
+    inset: 0 0 auto;
   }
 
   .drawer-module-5ARuA.drawer-module-p-PYu {
     --translate-x-from: 0;
     --translate-x-to: 0;
     --translate-y-from: 100%;
-    --translate-y-to: 0;
-
-    right: 0;
-    bottom: 0;
-    left: 0;
+    --translate-y-to: 0;
+
+    inset: auto 0 0;
   }
 
   .drawer-module-5ARuA.drawer-module-0ZHVw {
@@ -5123,7 +5435,7 @@ button.swiper-pagination-bullet {
   .drawer-module-5ARuA.drawer-module-0ZHVw.drawer-module-yjFdX,
     .drawer-module-5ARuA.drawer-module-0ZHVw.drawer-module-bZLBV,
     .drawer-module-5ARuA.drawer-module-0ZHVw.drawer-module-KiviE {
-      top: var(--announcements-bottom);
+      inset-block-start: var(--announcements-bottom);
     }
 
   .drawer-module-5ARuA.drawer-module-0jRBQ {
@@ -5133,7 +5445,7 @@ button.swiper-pagination-bullet {
   .drawer-module-5ARuA.drawer-module-0jRBQ.drawer-module-yjFdX,
     .drawer-module-5ARuA.drawer-module-0jRBQ.drawer-module-bZLBV,
     .drawer-module-5ARuA.drawer-module-0jRBQ.drawer-module-KiviE {
-      top: var(--header-bottom);
+      inset-block-start: var(--header-bottom);
     }
 
   .drawer-module-5ARuA.enter {
@@ -5250,7 +5562,6 @@ button.swiper-pagination-bullet {
 
   .footer-module-YzJ68 .footer-module-TZq-4 {
       display: grid;
-      align-items: baseline;
       gap: var(--space-16);
       grid-template-columns: 1fr max-content 1fr;
       padding-block: var(--space-16)
@@ -5307,7 +5618,9 @@ button.swiper-pagination-bullet {
   @media (width >= 1024px) {
 
   .footer-module-YzJ68 .footer-module-TZq-4 .footer-module-rc0bC {
-        place-self: center end
+        display: grid;
+        align-items: center;
+        justify-self: end
     }
       }
 
@@ -5329,12 +5642,12 @@ button.swiper-pagination-bullet {
 }
 
   .switch-module-C7eqt .switch-module-UZop9 {
-    width: 44px;
-    height: 24px;
     box-sizing: border-box;
     flex-shrink: 0;
     border-radius: 12px;
     background: var(--box-color);
+    block-size: 24px;
+    inline-size: 44px;
     margin-block: -0.5em 0.5em;
     transition-duration: 200ms;
     transition-property: background;
@@ -5343,17 +5656,17 @@ button.swiper-pagination-bullet {
 
   .switch-module-C7eqt .switch-module-UZop9::before {
       display: block;
-      width: 20px;
-      height: 20px;
       box-sizing: border-box;
       border: solid 0.5px rgb(0 0 0 / 4%);
       border-radius: 50%;
       margin: var(--space-2);
       background: var(--pin-color);
+      block-size: 20px;
       box-shadow:
         0 3px 1px 0 rgb(0 0 0 / 6%),
         0 3px 8px 0 rgb(0 0 0 / 15%);
       content: '';
+      inline-size: 20px;
       transition: all 200ms;
     }
 
@@ -5433,23 +5746,23 @@ button.swiper-pagination-bullet {
     bottom: 0;
     left: 0;
     display: block;
-    height: 2px;
     background-color: var(--color-brand-red);
+    block-size: 2px;
     content: '';
   }
 
   .textarea-module-FEAEz textarea {
     all: unset;
-    width: 100%;
     box-sizing: border-box;
     padding: 13px var(--space-16);
     font: inherit;
+    inline-size: 100%;
     overflow-y: hidden;
   }
 
   .textarea-module-FEAEz.textarea-module-PKIWL textarea,
     .textarea-module-FEAEz.textarea-module-PKIWL .textarea-module-FEAEz {
-      min-height: var(--space-44);
+      min-block-size: var(--space-44);
     }
 
   .textarea-module-FEAEz.textarea-module-PKIWL textarea {
@@ -5458,7 +5771,7 @@ button.swiper-pagination-bullet {
 
   .textarea-module-FEAEz.textarea-module-27RUM textarea,
     .textarea-module-FEAEz.textarea-module-27RUM .textarea-module-FEAEz {
-      min-height: var(--space-40);
+      min-block-size: var(--space-40);
     }
 
   .textarea-module-FEAEz.textarea-module-27RUM textarea {
@@ -5726,8 +6039,8 @@ button.swiper-pagination-bullet {
 
   .search-input-module-xCCzd .search-input-module-okP8k .search-input-module-GZbhK {
       display: block;
-      width: 24px;
-      height: 24px;
+      block-size: 24px;
+      inline-size: 24px;
     }
 
   .search-input-module-xCCzd .search-input-module-okP8k .search-input-module-vKCm4 {
@@ -5748,7 +6061,6 @@ button.swiper-pagination-bullet {
 
   .search-input-module-xCCzd .search-input-module-okP8k .search-input-module-bELFK {
       display: inline-block;
-      width: 100%;
       padding: var(--space-24) var(--space-48);
       border: none;
       border-radius: 0;
@@ -5758,6 +6070,7 @@ button.swiper-pagination-bullet {
       font: inherit;
       font-size: var(--font-size-24);
       font-weight: 500;
+      inline-size: 100%;
       line-height: 1;
       outline: none;
     }
@@ -5794,7 +6107,7 @@ button.swiper-pagination-bullet {
   }
 
 .promo-card-module-idY1g {
-  height: 100%;
+  block-size: 100%;
   container-type: inline-size;
 }
 
@@ -5804,10 +6117,10 @@ button.swiper-pagination-bullet {
   position: relative;
   z-index: 0;
   overflow: hidden;
-  width: 100%;
-  height: 100%;
   box-sizing: border-box;
+  block-size: 100%;
   cursor: pointer;
+  inline-size: 100%;
   outline: none;
   text-decoration: none;
   transition:
@@ -5829,7 +6142,7 @@ button.swiper-pagination-bullet {
          object-position: bottom left;
     }
 
-@container (min-width: 273px) {
+@container (min-inline-size: 273px) {
   .promo-card-module-e2oii {
     --box-shadow: var(--box-shadow-heavy);
   }
@@ -5854,7 +6167,6 @@ button.swiper-pagination-bullet {
 
 .search-list-item-module-WXp77 {
   --gap: var(--space-4);
-  --icon-size: 20px;
   --clear-button-size: 32px;
 
   display: grid;
@@ -5862,7 +6174,7 @@ button.swiper-pagination-bullet {
   gap: var(--gap);
   grid-template-areas: '. . . clear';
   grid-template-columns:
-    var(--icon-size)
+    min-content
     minmax(0, min-content) auto var(--clear-button-size);
   grid-template-rows: var(--clear-button-size);
 }
@@ -5880,11 +6192,8 @@ button.swiper-pagination-bullet {
       color: var(--color-brand-red);
     }
 
-  .search-list-item-module-WXp77 .search-list-item-module-CPrhz svg {
-      block-size: var(--icon-size);
-      color: currentcolor;
+  .search-list-item-module-WXp77 .search-list-item-module-CPrhz .search-list-item-module-R3M5I {
       grid-area: icon;
-      inline-size: var(--icon-size);
     }
 
   .search-list-item-module-WXp77 .search-list-item-module-CPrhz .search-list-item-module--5uqN {
@@ -5976,7 +6285,7 @@ button.swiper-pagination-bullet {
 
 @media (width < 768px) {
     .search-content-module-w-ORq .search-content-module-bO1Q0 {
-      width: 100%;
+      inline-size: 100%;
     }
   }
 
@@ -6032,12 +6341,12 @@ button.swiper-pagination-bullet {
 
 .search-content-module-qQMqH {
   display: flex;
-  width: 100%;
-  height: 100%;
-  min-height: 200px;
   box-sizing: border-box;
   align-items: center;
   justify-content: center;
+  block-size: 100%;
+  inline-size: 100%;
+  min-block-size: 200px;
 }
 
 @media (width >= 768px) {
@@ -6054,7 +6363,7 @@ button.swiper-pagination-bullet {
     --card-width: 192px;
 
     left: 0;
-    width: auto;
+    inline-size: auto;
     padding-inline: 22px;
   }
 }
@@ -6067,17 +6376,17 @@ button.swiper-pagination-bullet {
 
 .search-result-panel-module-KBrc9 {
   overflow: auto;
-  width: 100%;
-  height: calc(100dvh - var(--header-bottom) - var(--search-input-height));
   box-sizing: border-box;
   background-color: var(--color-white);
+  block-size: calc(100svb - var(--header-bottom) - var(--search-input-height));
   box-shadow: var(--box-shadow-heavy);
+  inline-size: 100%;
   transition: transform 0.3s ease-in-out;
 }
 
   @media (width >= 768px) {.search-result-panel-module-KBrc9 {
     overflow: hidden;
-    height: auto
+    block-size: auto
 }
   }
 
@@ -6130,7 +6439,7 @@ button.swiper-pagination-bullet {
     }
 
 .quick-access-menu-module-Hr2Dq {
-  --size-vp: calc(100svh - var(--space-16) * 2);
+  --size-vp: calc(100svb - var(--space-16) * 2);
   --size: min-content;
   --size-min: 224px;
   --size-max: min(var(--size-vp), 350px);
@@ -6205,7 +6514,7 @@ button.swiper-pagination-bullet {
 
 .connected-account-button-module-d7qyN {
   z-index: var(--popover-layer) !important;
-  max-height: none !important;
+  max-block-size: none !important;
   outline: 0;
   transition: opacity var(--transition-duration-short);
 }
@@ -6226,73 +6535,69 @@ button.swiper-pagination-bullet {
 }
   }
 
-.hamburger-button-module-W6FPI {
-  --size: 24px;
-  --duration: var(--transition-duration-short);
-  --timing-function: ease-in-out;
-}
+.hamburger-button-module-W6FPI .hamburger-button-module-yrZxr {
+    --icon-duration: var(--transition-duration-short);
+    --icon-duration-half: calc(var(--icon-duration) / 2);
+    --icon-delay: var(--icon-duration-half);
+    --icon-timing-function: ease-in-out;
 
-  .hamburger-button-module-W6FPI .hamburger-button-module-2h4ML {
     position: relative;
     display: grid;
     box-sizing: border-box;
-    aspect-ratio: 1;
+    block-size: 100%;
+    container-type: size;
     cursor: pointer;
     grid-template-columns: 1fr;
     grid-template-rows: repeat(3, 1fr);
-    inline-size: var(--size);
+    inline-size: 100%;
     padding-inline: 1px;
     place-items: center stretch;
   }
 
-  .hamburger-button-module-W6FPI span {
-    background-color: currentcolor;
-    block-size: 2px;
-    transition:
-      translate var(--duration) var(--duration) var(--timing-function),
-      rotate var(--duration) var(--timing-function),
-      visibility var(--duration) var(--duration) var(--timing-function);
-  }
-
-  .hamburger-button-module-W6FPI:where(.hamburger-button-module-UXSUP) span:nth-child(1) {
+    .hamburger-button-module-W6FPI .hamburger-button-module-yrZxr span {
+      background-color: currentcolor;
+      block-size: 2px;
+      transition:
+        translate var(--icon-duration-half) var(--icon-delay)
+          var(--icon-timing-function),
+        rotate var(--icon-duration-half) var(--icon-timing-function),
+        visibility var(--icon-duration-half) var(--icon-delay)
+          var(--icon-timing-function);
+    }
+  .hamburger-button-module-W6FPI:where(.hamburger-button-module-UXSUP) .hamburger-button-module-yrZxr span:nth-child(1) {
         rotate: 45deg;
         transition:
-          translate var(--duration) var(--timing-function),
-          rotate var(--duration) var(--duration) var(--timing-function);
-        translate: 0 calc(var(--size) / 3);
+          translate var(--icon-duration-half) var(--icon-timing-function),
+          rotate var(--icon-duration-half) var(--icon-delay)
+            var(--icon-timing-function);
+        translate: 0 calc(100cqh / 3);
       }
-
   @starting-style {
-
-  .hamburger-button-module-W6FPI:where(.hamburger-button-module-UXSUP) span:nth-child(1) {
+  .hamburger-button-module-W6FPI:where(.hamburger-button-module-UXSUP) .hamburger-button-module-yrZxr span:nth-child(1) {
           rotate: 0deg;
           translate: 0 0
       }
         }
-
-  .hamburger-button-module-W6FPI:where(.hamburger-button-module-UXSUP) span:nth-child(2) {
-        transition: visibility var(--duration) var(--timing-function);
+  .hamburger-button-module-W6FPI:where(.hamburger-button-module-UXSUP) .hamburger-button-module-yrZxr span:nth-child(2) {
+        transition: visibility var(--icon-duration-half)
+          var(--icon-timing-function);
         visibility: hidden;
       }
-
   @starting-style {
-
-  .hamburger-button-module-W6FPI:where(.hamburger-button-module-UXSUP) span:nth-child(2) {
+  .hamburger-button-module-W6FPI:where(.hamburger-button-module-UXSUP) .hamburger-button-module-yrZxr span:nth-child(2) {
           visibility: visible
       }
         }
-
-  .hamburger-button-module-W6FPI:where(.hamburger-button-module-UXSUP) span:nth-child(3) {
+  .hamburger-button-module-W6FPI:where(.hamburger-button-module-UXSUP) .hamburger-button-module-yrZxr span:nth-child(3) {
         rotate: -45deg;
         transition:
-          translate var(--duration) var(--timing-function),
-          rotate var(--duration) var(--duration) var(--timing-function);
-        translate: 0 calc(var(--size) / -3);
+          translate var(--icon-duration-half) var(--icon-timing-function),
+          rotate var(--icon-duration-half) var(--icon-delay)
+            var(--icon-timing-function);
+        translate: 0 calc(100cqh / -3);
       }
-
   @starting-style {
-
-  .hamburger-button-module-W6FPI:where(.hamburger-button-module-UXSUP) span:nth-child(3) {
+  .hamburger-button-module-W6FPI:where(.hamburger-button-module-UXSUP) .hamburger-button-module-yrZxr span:nth-child(3) {
           rotate: 0deg;
           translate: 0 0
       }
@@ -6304,7 +6609,6 @@ button.swiper-pagination-bullet {
   --ml-item-minimal-height: 48px;
   --ml-item-inner-spacing: var(--space-12);
   --ml-item-outer-spacing: var(--space-16);
-  --ml-icon-size: 16px;
   --ml-min-size: 56px;
 
   position: relative;
@@ -6408,11 +6712,6 @@ button.swiper-pagination-bullet {
     outline: var(--focus-outline);
   }
 
-.menu-list-module-eKDL9 .menu-list-module-syyw9 {
-    block-size: var(--ml-icon-size);
-    inline-size: var(--ml-icon-size);
-  }
-
 /* menu list title */
 
 .menu-list-module-S08LI {
@@ -6485,7 +6784,7 @@ button.swiper-pagination-bullet {
   --mli-outer-spacing: var(--ml-item-outer-spacing, var(--space-16));
   --mli-image-size: 48px;
   --mli-badge-size: 24px;
-  --mli-icon-size: var(--ml-icon-size, 16px);
+  --mli-icon-size: 12px;
 
   position: relative;
   z-index: 0;
@@ -6558,7 +6857,6 @@ button.swiper-pagination-bullet {
 
 .menu-list-module-4QhF4 .menu-list-module-ELekn {
     position: relative;
-    z-index: 0;
     aspect-ratio: 1;
     grid-area: imagebadge;
     inline-size: var(--mli-image-size);
@@ -6590,10 +6888,7 @@ button.swiper-pagination-bullet {
 /* stylelint-disable-next-line no-descending-specificity */
 
 .menu-list-module-4QhF4 .menu-list-module-syyw9 {
-    aspect-ratio: 1;
-    block-size: var(--mli-icon-size);
     grid-area: icon;
-    inline-size: var(--mli-icon-size);
     justify-self: center;
   }
 
@@ -6746,30 +7041,30 @@ button.swiper-pagination-bullet {
   /* TODO: wish I could get this to height auto with a max height */
   block-size: min(
     100%,
-    calc(100svh - var(--header-bottom) - var(--drawer-bottom-margin))
+    calc(100svb - var(--header-bottom) - var(--drawer-bottom-margin))
   );
 }
 
-.sonic-logo-module-5zzhF {
+.sonic-logo-module-9Mpdq {
   display: block;
 }
 
-  .sonic-logo-module-5zzhF,
-  .sonic-logo-module-5zzhF * {
+  .sonic-logo-module-9Mpdq,
+  .sonic-logo-module-9Mpdq * {
     box-sizing: border-box;
   }
 
-  .sonic-logo-module-5zzhF .sonic-logo-module-9Mpdq {
+  .sonic-logo-module-9Mpdq .sonic-logo-module-PfC3z {
     display: block;
-    width: auto;
-    height: auto;
+    block-size: auto;
+    inline-size: 100%;
   }
 
-  .sonic-logo-module-5zzhF .sonic-logo-module-9Mpdq .sonic-logo-module-Pa7pF {
+  .sonic-logo-module-9Mpdq .sonic-logo-module-PfC3z .sonic-logo-module-Pa7pF {
       fill: var(--color-black);
     }
 
-  .sonic-logo-module-5zzhF .sonic-logo-module-9Mpdq .sonic-logo-module-vTCO3 {
+  .sonic-logo-module-9Mpdq .sonic-logo-module-PfC3z .sonic-logo-module-vTCO3 {
       fill: var(--color-brand-red);
     }
 
@@ -6777,176 +7072,202 @@ button.swiper-pagination-bullet {
   --height: 56px;
   --gutter: var(--space-12);
   --logo-size: 100px;
-  --button-size: var(--space-32);
+  --button-size: var(--space-24);
   --duration: var(--transition-duration-short);
   --timing-function: ease-in-out;
 
   display: grid;
   overflow: hidden;
   block-size: 100%;
-  grid-template-areas:
-    '. hamburger logo . .'
-    'p p p p p';
   grid-template-columns:
-    var(--gutter) var(--button-size) 1fr var(--button-size)
-    var(--gutter);
-  grid-template-rows: var(--height) 1fr;
-}
-
-  @media (width >= 576px) {.mobile-navigation-module-rMdS- {
-    --gutter: var(--space-4);
-    --button-size: var(--space-48)
+    [header-start panel-start]
+    var(--gutter)
+    [hamburger-start]
+    var(--button-size)
+    [hamburger-end logo-start]
+    1fr
+    [logo-end]
+    var(--button-size)
+    var(--gutter)
+    [header-end panel-end];
+  grid-template-rows:
+    [header-start]
+    var(--height)
+    [header-end panel-start]
+    1fr
+    [panel-end];
 }
-  }
 
   .mobile-navigation-module-rMdS- .mobile-navigation-module-XKb3- {
     z-index: 2;
     display: grid;
     align-items: center;
     border-block-end: 1px solid var(--color-brand-light-gray);
-    grid-column: 1 / -1;
+    grid-column: header;
+    grid-row: header;
     grid-template-columns: subgrid;
+    grid-template-rows: 1fr;
     margin-block-end: -1px;
     transition: translate var(--duration) var(--timing-function);
     translate: 100% 0;
   }
 
-  .mobile-navigation-module-rMdS-.mobile-navigation-module-P0kLz .mobile-navigation-module-XKb3- {
-    translate: 0 0;
-  }
+  .mobile-navigation-module-rMdS- .mobile-navigation-module-XKb3- .mobile-navigation-module-keQoj {
+      grid-column: logo;
+      grid-row: 1 / -1;
+      inline-size: var(--logo-size);
+      justify-self: center;
+    }
 
-  @starting-style {
+  @media (width > 428px) {
 
-  .mobile-navigation-module-rMdS-.mobile-navigation-module-P0kLz .mobile-navigation-module-XKb3- {
-      translate: 100% 0
-  }
+  .mobile-navigation-module-rMdS- .mobile-navigation-module-XKb3- .mobile-navigation-module-keQoj {
+        display: none
     }
+      }
 
-  .mobile-navigation-module-rMdS- .mobile-navigation-module-keQoj {
-    grid-area: logo;
-    inline-size: var(--logo-size);
-    justify-self: center;
-  }
+  .mobile-navigation-module-rMdS- .mobile-navigation-module-XKb3- .mobile-navigation-module-3Z-Sl {
+      display: grid;
+      grid-column: hamburger;
+      grid-row: 1 / -1;
+    }
 
-  @media (width > 414px) {
+  .mobile-navigation-module-rMdS- .mobile-navigation-module-XKb3- .mobile-navigation-module-3Z-Sl > * {
+        min-inline-size: 0;
+      }
 
-  .mobile-navigation-module-rMdS- .mobile-navigation-module-keQoj {
-      display: none
+  .mobile-navigation-module-rMdS-.mobile-navigation-module-P0kLz .mobile-navigation-module-XKb3- {
+    translate: 0 0;
   }
-    }
 
-  .mobile-navigation-module-rMdS- .mobile-navigation-module-3Z-Sl {
-    display: grid;
-    grid-area: hamburger;
-  }
+  @starting-style {
 
-  .mobile-navigation-module-rMdS- .mobile-navigation-module-3Z-Sl > * {
-      min-inline-size: 0;
+  .mobile-navigation-module-rMdS-.mobile-navigation-module-P0kLz .mobile-navigation-module-XKb3- {
+      translate: 100% 0
+  }
     }
 
   .mobile-navigation-module-rMdS- .mobile-navigation-module-zDR9Q {
     z-index: 1;
     grid-area: p;
+    grid-column: panel;
+    grid-row: panel;
   }
 
 .mobile-navigation-drawer-module-XR23R {
-  inline-size: 100svw;
+  inline-size: 100%;
   max-inline-size: 414px;
 }
 
-:root {
-  --header-bottom: calc(
-    var(--announcements-height, 0px) + var(--header-height, 0px)
-  );
-}
-
 .header-layout-module-uGT3X {
   --height: 56px;
   --gutter: var(--space-12);
   --logo-size: 100px;
-  --button-size: var(--space-32);
+  --button-size: var(--space-24);
+  --button-gap: var(--space-8);
   --transition-duration: var(--transition-duration-short);
 
   position: relative;
   z-index: var(--header-layer);
   display: grid;
-  align-items: center;
   background-color: var(--color-white);
   border-block-end: 1px solid transparent;
-  grid-template-areas: '. hamburger search . logo actions .';
   grid-template-columns:
-    var(--gutter) var(--button-size) var(--button-size) var(--button-size)
-    1fr auto var(--gutter);
+    var(--gutter)
+    [hamburger-start]
+    var(--button-size)
+    [hamburger-end]
+    var(--button-gap)
+    [search-start]
+    var(--button-size)
+    [search-end]
+    var(--button-gap)
+    var(--button-size)
+    [logo-start]
+    1fr
+    [logo-end actions-start]
+    calc(var(--button-size) * 3 + var(--button-gap) * 2)
+    [actions-end]
+    var(--gutter);
   grid-template-rows: var(--height);
+  place-items: center;
   transition: border-block-end-color 0s var(--transition-duration);
 }
 
-.header-layout-module-uGT3X,
+  .header-layout-module-uGT3X,
   .header-layout-module-uGT3X * {
     box-sizing: border-box;
   }
 
-.header-layout-module-uGT3X .header-layout-module-oKPyL {
-    grid-area: logo;
+  .header-layout-module-uGT3X .header-layout-module-oKPyL {
+    grid-column: logo;
+    grid-row: 1 / -1;
     inline-size: var(--logo-size);
-    justify-self: center;
   }
 
-.header-layout-module-uGT3X .header-layout-module-biHA2 {
+  .header-layout-module-uGT3X .header-layout-module-biHA2 {
     display: grid;
-    grid-area: hamburger;
+    grid-column: hamburger;
+    grid-row: 1 / -1;
   }
 
-.header-layout-module-uGT3X .header-layout-module-biHA2 > * {
+  .header-layout-module-uGT3X .header-layout-module-biHA2 > * {
       min-inline-size: 0;
     }
 
-.header-layout-module-uGT3X .header-layout-module-fP3a6 {
+  .header-layout-module-uGT3X .header-layout-module-fP3a6 {
     display: grid;
-    grid-area: search;
+    grid-column: search;
+    grid-row: 1 / -1;
     transition: opacity var(--transition-duration);
   }
 
-.header-layout-module-uGT3X .header-layout-module-fP3a6 > * {
+  .header-layout-module-uGT3X .header-layout-module-fP3a6 > * {
       min-inline-size: 0;
     }
 
-.header-layout-module-uGT3X .header-layout-module-vVRTn {
+  .header-layout-module-uGT3X .header-layout-module-vVRTn {
     display: none;
-    grid-area: navigation;
-    justify-self: center;
+    grid-column: navigation;
+    grid-row: 1 / -1;
   }
 
-.header-layout-module-uGT3X .header-layout-module-Ux7Uj {
+  .header-layout-module-uGT3X .header-layout-module-Ux7Uj {
     display: grid;
-    grid-area: actions;
+    -moz-column-gap: var(--button-gap);
+         column-gap: var(--button-gap);
+    grid-column: actions;
+    grid-row: 1 / -1;
     grid-template-columns: repeat(3, var(--button-size));
     grid-template-rows: 1fr;
     transition: opacity var(--transition-duration);
   }
 
-.header-layout-module-uGT3X .header-layout-module-Ux7Uj > * {
-      min-inline-size: 0;
-    }
-
-@media (width >= 576px) {
-
-.header-layout-module-uGT3X {
-    --gutter: var(--space-4);
-    --button-size: var(--space-48)
+  @media (width >= 576px) {.header-layout-module-uGT3X {
+    --button-gap: var(--space-16)
 }
   }
 
-@media (width >= 1024px) {
-
-.header-layout-module-uGT3X {
+  @media (width >= 1024px) {.header-layout-module-uGT3X {
     --height: 96px;
     --gutter: var(--space-32);
+    --button-gap: var(--space-24);
+    --logo-size: min(100%, 135px);
 
-    grid-template-areas: '. logo navigation search actions .';
-    grid-template-columns: var(--gutter) auto 1fr var(--button-size) auto var(
-        --gutter
-      )
+    grid-template-columns:
+      var(--gutter)
+      [logo-start]
+      calc(var(--button-size) * 4 + var(--button-gap) * 3)
+      [logo-end navigation-start]
+      1fr
+      [navigation-end search-start]
+      var(--button-size)
+      [search-end]
+      var(--button-gap)
+      [actions-start]
+      calc(var(--button-size) * 3 + var(--button-gap) * 2)
+      [actions-end]
+      var(--gutter)
 }
 
     .header-layout-module-uGT3X.header-layout-module-1qdd6 {
@@ -6954,6 +7275,10 @@ button.swiper-pagination-bullet {
       transition: border-block-end-color 0s;
     }
 
+    .header-layout-module-uGT3X .header-layout-module-oKPyL {
+      justify-self: start;
+    }
+
     .header-layout-module-uGT3X .header-layout-module-biHA2 {
       display: none;
     }
@@ -6996,7 +7321,7 @@ button.swiper-pagination-bullet {
       color: var(--color-brand-red);
     }
 
-  .navigation-link-list-module-Ku9Sa .navigation-link-list-module-kj0Rj .navigation-link-list-module-QiKiA {
+  .navigation-link-list-module-Ku9Sa .navigation-link-list-module-kj0Rj .navigation-link-list-module-jcogX {
       flex-shrink: 0;
       margin-inline-start: var(--space-4);
       transition: rotate var(--transition-duration-short);
@@ -7006,101 +7331,128 @@ button.swiper-pagination-bullet {
     color: var(--color-brand-red);
   }
 
-  .navigation-link-list-module-Ku9Sa .navigation-link-list-module-jDgf0 .navigation-link-list-module-kj0Rj .navigation-link-list-module-QiKiA {
+  .navigation-link-list-module-Ku9Sa .navigation-link-list-module-jDgf0 .navigation-link-list-module-kj0Rj .navigation-link-list-module-jcogX {
       rotate: 180deg;
     }
 
+:root {
+  --header-top: var(--announcements-bottom, 0px);
+  --header-bottom: calc(var(--header-top) + var(--header-height, 0px));
+}
+
 .header-module--VpOI {
   position: relative;
   z-index: var(--header-layer);
 }
 
-  .header-module--VpOI.header-module-Zh4pu {
+.header-module--VpOI.header-module-Zh4pu {
     position: sticky;
-    top: var(--announcements-bottom);
+    top: var(--header-top);
   }
 
 .center-module-Cr7hx {
   display: grid;
-  width: 100%;
-  height: 100%;
-  min-height: inherit;
   align-items: center;
+  block-size: 100%;
+  inline-size: 100%;
+  min-block-size: inherit;
   place-content: center center;
 }
 
+.download-document-list-module-W8OzR .download-document-list-module-RcGX9 {
+    display: block;
+    padding: var(--space-12);
+  }
+
+    .download-document-list-module-W8OzR .download-document-list-module-RcGX9:nth-child(odd) {
+      background-color: var(--color-brand-light-gray);
+    }
+
+    .download-document-list-module-W8OzR .download-document-list-module-RcGX9 a {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      color: var(--color-brand-black);
+      gap: 5px;
+      overflow-wrap: anywhere;
+      text-decoration: none;
+    }
+
+    .download-document-list-module-W8OzR .download-document-list-module-RcGX9 a:hover {
+        color: var(--color-brand-red);
+      }
+
+    .download-document-list-module-W8OzR .download-document-list-module-RcGX9 a:focus-visible {
+        outline: var(--focus-outline);
+      }
+
+    .download-document-list-module-W8OzR .download-document-list-module-RcGX9 .download-document-list-module-sxHwt {
+      flex-shrink: 0;
+    }
+
 .feature-list-module-cxc8U {
   display: grid;
+  margin: 0;
   grid-template-columns: auto minmax(50%, 1fr);
+  text-wrap: pretty;
 }
 
   .feature-list-module-cxc8U .feature-list-module-tTJ2r {
-    display: contents;
+    display: grid;
+    grid-column: 1 / -1;
+    grid-template-columns: subgrid;
   }
 
-  .feature-list-module-cxc8U .feature-list-module-tTJ2r:nth-child(odd) * {
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r:nth-child(odd) {
       background-color: var(--color-brand-light-gray);
     }
 
-  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-Tw0KD {
-      color: var(--color-brand-dark-gray);
-      line-height: 24px;
-      padding-block: 12px;
-      padding-inline: 14px;
-    }
-
-  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-Tw0KD:empty {
-        padding: 0;
-      }
-
-  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-J6Xfj {
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-oTxSc {
       font-weight: bold;
     }
 
-  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-J6Xfj.feature-list-module-deI1- {
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-oTxSc.feature-list-module-deI1- {
         text-align: right;
       }
 
-  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-CqSj1 {
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-G4eVJ {
       display: flex;
       flex-direction: column;
+      margin: 0;
     }
 
-  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-CqSj1.feature-list-module-deI1- {
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-G4eVJ.feature-list-module-deI1- {
         align-items: flex-end;
         text-align: right;
       }
 
-  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-CqSj1 svg.feature-list-module-ojZvf {
-          color: var(--color-status-available);
-        }
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-G4eVJ .feature-list-module-ojZvf {
+        flex-shrink: 0;
+        color: var(--color-status-available);
+      }
 
-  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-CqSj1 svg.feature-list-module-4IjrA {
-          color: var(--color-status-unavailable);
-        }
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-G4eVJ .feature-list-module-4IjrA {
+        flex-shrink: 0;
+        color: var(--color-status-unavailable);
+      }
 
-.download-document-list-module-Z023h {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  color: var(--color-brand-black);
-  gap: 5px;
-}
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-oTxSc,
+    .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-G4eVJ {
+      padding: var(--space-12);
+      color: var(--color-brand-dark-gray);
+      line-height: 1.5;
+    }
 
-  .download-document-list-module-Z023h a {
-    color: var(--color-brand-dark-gray);
-    text-decoration: none;
-  }
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-oTxSc:empty, .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-G4eVJ:empty {
+        padding: 0;
+      }
 
-  .download-document-list-module-Z023h a:hover {
-      color: var(--color-brand-red);
+  .feature-list-module-cxc8U .feature-list-module-tTJ2r .feature-list-module-gP5DL {
+      -webkit-user-select: all;
+         -moz-user-select: all;
+              user-select: all;
     }
 
-  .download-document-list-module-Z023h svg {
-    width: 20px;
-    height: 20px;
-  }
-
 .orderline-list-module-v-FqO {
   container-type: inline-size;
 }
@@ -7117,11 +7469,6 @@ button.swiper-pagination-bullet {
       margin: 0;
     }
 
-  .orderline-list-module-v-FqO .orderline-list-module-JTZK3 .orderline-list-module-2WpLl svg {
-      width: 16px;
-      height: 16px;
-    }
-
   .orderline-list-module-v-FqO .orderline-list-module-5COK6 {
     display: grid;
     padding: 0;
@@ -7157,9 +7504,9 @@ button.swiper-pagination-bullet {
 
 .blank-page-spacer-module-lXxle {
   display: grid;
-  width: 100%;
-  height: calc(100dvh - var(--header-bottom));
   background-color: var(--color-white);
+  block-size: calc(100svb - var(--header-bottom));
+  inline-size: 100%;
   place-items: center;
 }
 
@@ -7190,7 +7537,7 @@ button.swiper-pagination-bullet {
     grid-column: 1;
     grid-row: 1;
     inset: 0;
-    max-block-size: 100svh;
+    max-block-size: 100svb;
     min-block-size: var(--indicator-min-size);
     opacity: 0;
     pointer-events: none;
@@ -7233,9 +7580,9 @@ button.swiper-pagination-bullet {
 
   .images-grid-module-i5868 .images-grid-module-nY9-n {
     display: flex;
-    width: 100%;
     aspect-ratio: 1 / 1;
     background-color: var(--color-brand-light-gray);
+    inline-size: 100%;
   }
 
   .images-grid-module-i5868 .images-grid-module-nY9-n .images-grid-module-TahRy {
@@ -7284,8 +7631,8 @@ button.swiper-pagination-bullet {
 .image-lightbox-module-9k3oJ {
   --thumb-size: 80px;
 
-  width: 100%;
   gap: var(--space-16);
+  inline-size: 100%;
 }
 
   .image-lightbox-module-9k3oJ,
@@ -7298,14 +7645,14 @@ button.swiper-pagination-bullet {
     }
 
   .image-lightbox-module-9k3oJ .image-lightbox-module-K5Gd0 {
-    width: auto;
+    inline-size: auto;
   }
 
   .image-lightbox-module-9k3oJ .image-lightbox-module-UNPOi {
     all: unset;
-    width: 100%;
     aspect-ratio: 1;
     cursor: zoom-in;
+    inline-size: 100%;
   }
 
   .image-lightbox-module-9k3oJ .image-lightbox-module-UNPOi,
@@ -7319,11 +7666,11 @@ button.swiper-pagination-bullet {
     }
 
   .image-lightbox-module-9k3oJ .image-lightbox-module-PUOMT {
-    width: var(--thumb-size);
-    height: var(--thumb-size);
     border: 2px solid transparent;
     margin: auto;
+    block-size: var(--thumb-size);
     cursor: pointer;
+    inline-size: var(--thumb-size);
     transition: border-color 0.2s ease;
   }
 
@@ -7341,8 +7688,8 @@ button.swiper-pagination-bullet {
     z-index: 1;
     bottom: 20px;
     left: 50%;
-    width: -moz-fit-content;
-    width: fit-content;
+    inline-size: -moz-fit-content;
+    inline-size: fit-content;
     transform: translateX(-50%);
   }
 
@@ -7361,8 +7708,8 @@ button.swiper-pagination-bullet {
   }
 
   .image-lightbox-module-9k3oJ:where(.image-lightbox-module--V8Xo) .image-lightbox-module-hAy3O {
-      max-width: 640px;
       justify-self: center;
+      max-inline-size: 640px;
     }
 
   .image-lightbox-module-9k3oJ:where(.image-lightbox-module--V8Xo) .image-lightbox-module-Xbxcn {
@@ -7370,7 +7717,7 @@ button.swiper-pagination-bullet {
     }
 
   .image-lightbox-module-9k3oJ:where(.image-lightbox-module--V8Xo) .image-lightbox-module-K5Gd0 {
-      height: auto;
+      block-size: auto;
     }
 
   .image-lightbox-module-9k3oJ:where(.image-lightbox-module--V8Xo) .image-lightbox-module-RP7KS {
@@ -7390,7 +7737,7 @@ button.swiper-pagination-bullet {
 
   @media (width >= 1440px) {
       .image-lightbox-module-9k3oJ:where(.image-lightbox-module--V8Xo) .image-lightbox-module-hAy3O {
-        max-width: 768px;
+        max-inline-size: 768px;
       }
     }
 
@@ -7406,14 +7753,14 @@ button.swiper-pagination-bullet {
   .zoom-image-module-taKeI .zoom-image-module-ZASH- {
     display: grid;
     overflow: auto;
-    width: 100%;
-    height: 100%;
+    block-size: 100%;
+    inline-size: 100%;
     place-items: center;
   }
 
   .zoom-image-module-taKeI .zoom-image-module-ZASH- .zoom-image-module-D3Aa- {
-      width: 100%;
-      height: auto;
+      block-size: auto;
+      inline-size: 100%;
       -o-object-fit: contain;
          object-fit: contain;
     }
@@ -7433,20 +7780,21 @@ button.swiper-pagination-bullet {
 
 .add-to-favorite-dialog-module-ZAuzE {
   display: flex;
-  min-height: 66px;
   align-items: center;
   justify-content: center;
   font-weight: bold;
   gap: 1rem;
+  min-block-size: 66px;
 }
 
 .announcement-module-Xi0L5 {
   --z: 1;
   --icon-color: currentcolor;
-  --close-button-size: var(--space-48);
+  --close-button-size: var(--space-20);
   --background-color: var(--color-white);
   --text-color: var(--color-brand-dark-gray);
   --border-color: var(--color-brand-light-gray);
+  --font-size: var(--font-size-12);
 }
 
   .announcement-module-Xi0L5,
@@ -7466,18 +7814,26 @@ button.swiper-pagination-bullet {
   border-block: 1px solid var(--border-color);
   color: var(--text-color);
   font-family: var(--font-family-sonic);
-  font-size: var(--font-size-base);
+  font-size: var(--font-size);
   font-style: italic;
-  line-height: 1;
+  line-height: 1.1;
+}
+
+  @media (width >= 576px) {.announcement-module-Xi0L5 {
+    --font-size: var(--font-size-16)
 }
+  }
 
   .announcement-module-Xi0L5 .announcement-module-4XVjD {
     display: grid;
     align-items: center;
-    grid-template-areas: 'icon content close';
-    grid-template-columns: var(--close-button-size) 1fr var(--close-button-size);
-    grid-template-rows: minmax(var(--close-button-size), min-content);
+    grid-template-areas: 'icon . content close';
+    grid-template-columns: var(--close-button-size) var(--space-8) 1fr var(
+        --close-button-size
+      );
+    grid-template-rows: minmax(3em, min-content);
     inline-size: 100%;
+    padding-inline: var(--space-8) 0;
   }
 
   @media (width >= 576px) {
@@ -7486,7 +7842,8 @@ button.swiper-pagination-bullet {
       grid-template-areas: '. . icon . content . close';
       grid-template-columns:
         var(--close-button-size) 1fr var(--space-24) var(--space-8)
-        minmax(0, max-content) 1fr var(--close-button-size)
+        minmax(0, max-content) 1fr var(--close-button-size);
+      padding-inline: var(--space-8)
   }
     }
 
@@ -7505,39 +7862,28 @@ button.swiper-pagination-bullet {
       grid-area: content;
     }
 
-  @media (width >= 576px) {
-
-  .announcement-module-Xi0L5 .announcement-module-4XVjD .announcement-module-1Jn7y {
-        display: flex;
-        flex-flow: row wrap
-    }
-      }
-
   .announcement-module-Xi0L5 .announcement-module-4XVjD .announcement-module-1Jn7y .announcement-module-8k2rK {
-        flex-shrink: 1;
-        margin: 0;
-        font-size: var(--font-size-base);
+        display: inline;
+        font: inherit;
         font-weight: var(--font-weight-black);
+        margin-block: 0;
         text-transform: uppercase;
       }
 
-  @media (width >= 576px) {
-
   .announcement-module-Xi0L5 .announcement-module-4XVjD .announcement-module-1Jn7y .announcement-module-8k2rK:has(+ .announcement-module--Bhqj, + .announcement-module-yXGsN)::after {
-          content: '-';
-          font-weight: var(--font-weight-normal);
-          margin-inline: var(--space-4)
+        content: '-';
+        font-weight: var(--font-weight-normal);
+        margin-inline: var(--space-4);
       }
-        }
 
   .announcement-module-Xi0L5 .announcement-module-4XVjD .announcement-module-1Jn7y .announcement-module-yXGsN {
-        flex-shrink: 1;
+        display: inline-block;
         margin: 0;
       }
 
   .announcement-module-Xi0L5 .announcement-module-4XVjD .announcement-module-1Jn7y .announcement-module--Bhqj {
         position: static;
-        flex-shrink: 1;
+        display: inline-flex;
         color: currentcolor;
         gap: 0;
       }
@@ -7553,6 +7899,12 @@ button.swiper-pagination-bullet {
           inset: 0;
         }
 
+  .announcement-module-Xi0L5 .announcement-module-4XVjD .announcement-module-1Jn7y .announcement-module--Bhqj svg {
+          block-size: 0.75em;
+          inline-size: 0.75em;
+          margin-inline-start: 0.125em;
+        }
+
   .announcement-module-Xi0L5 .announcement-module-4XVjD .announcement-module-gZ9ae {
       z-index: 1;
       grid-area: close;
@@ -7579,22 +7931,28 @@ button.swiper-pagination-bullet {
     --border-color: var(--color-white);
   }
 
-  .announcement-module-Xi0L5:where(.announcement-module-E6DqW):has([href]):hover {
-      --background-color: var(--color-brand-dark-red);
-    }
-
 :root {
-  --announcements-bottom: var(--announcements-height);
+  --announcements-top: var(--clselector-bottom, 0px);
+  --announcements-bottom: calc(
+    var(--announcements-top) + var(--announcements-height, 0px)
+  );
 }
 
 .announcement-list-module-Nn6HC {
   position: relative;
   z-index: var(--announcements-layer);
+  block-size: 0;
+  visibility: hidden;
 }
 
+.announcement-list-module-Nn6HC.announcement-list-module-1N1Xa {
+    block-size: auto;
+    visibility: visible;
+  }
+
 .announcement-list-module-Nn6HC.announcement-list-module-icXq8 {
     position: sticky;
-    top: 0;
+    inset-block-start: var(--announcements-top);
   }
 
 .announcement-list-module-Nn6HC .announcement-list-module-cgFNU {
@@ -7608,18 +7966,18 @@ button.swiper-pagination-bullet {
 
 .announcement-list-module-Nn6HC .announcement-list-module-fUupi.announcement-list-module-W10mi,
     .announcement-list-module-Nn6HC .announcement-list-module-fUupi.announcement-list-module-tyqE0 {
-      transition: all var(--transition-duration-short) linear;
+      transition: all var(--transition-duration-short) ease;
     }
 
 .announcement-list-module-Nn6HC .announcement-list-module-fUupi.announcement-list-module-W10mi,
     .announcement-list-module-Nn6HC .announcement-list-module-fUupi.announcement-list-module-tyqE0.announcement-list-module-dUOEB {
       z-index: -1;
-      height: 0;
+      block-size: 0;
     }
 
 .announcement-list-module-Nn6HC .announcement-list-module-fUupi.announcement-list-module-W10mi.announcement-list-module-1Rfn0,
     .announcement-list-module-Nn6HC .announcement-list-module-fUupi.announcement-list-module-tyqE0 {
-      height: auto;
+      block-size: auto;
     }
 
 .change-password-module-hSjXo {
@@ -7635,7 +7993,7 @@ button.swiper-pagination-bullet {
 }
 
 .sign-in-page-layout-module-Z1oE2 {
-  --layout-width: var(--page-container-max-layout-width, 100vw);
+  --layout-width: var(--page-container-max-layout-width, 100svi);
   --padding-inline: var(--page-container-padding-inline, 10px);
   --content-width-min: 270px;
   --gutter-width: minmax(22px, 1fr);
@@ -7646,7 +8004,7 @@ button.swiper-pagination-bullet {
   --side-height-max: calc(100svb);
   --side-breakout: min(
     var(--breakout-minimum),
-    calc((100vw - var(--layout-width)) * -0.5)
+    calc((100svi - var(--layout-width)) * -0.5)
   );
   --breakout-minimum: calc(var(--padding-inline) * -1);
 
@@ -7755,7 +8113,7 @@ button.swiper-pagination-bullet {
 }
 
 .checkout-page-layout-module-lULV3 {
-  --layout-width: var(--page-container-max-width, 100svw);
+  --layout-width: var(--page-container-max-width, 100svi);
   --padding-inline: var(--page-container-padding-inline, 10px);
   --padding-block-end: var(--space-10);
 
@@ -7783,9 +8141,9 @@ button.swiper-pagination-bullet {
   }
 
   .checkout-page-layout-module-lULV3 .checkout-page-layout-module-430Iq {
-    max-width: var(--page-container-max-width);
     margin-top: var(--space-16);
     margin-bottom: var(--space-24);
+    max-inline-size: var(--page-container-max-width);
   }
 
   .checkout-page-layout-module-lULV3 .checkout-page-layout-module-wGAXb {
@@ -7794,18 +8152,18 @@ button.swiper-pagination-bullet {
     top: var(--header-bottom);
     right: 0;
     left: 0;
-    width: 100%;
     box-sizing: border-box;
     padding: 16px calc(2 * var(--padding-inline));
     margin: auto;
     background-color: var(--color-white);
+    inline-size: 100%;
   }
 
   @media (width >= 768px) {
 
   .checkout-page-layout-module-lULV3 .checkout-page-layout-module-wGAXb {
-      max-width: calc(var(--layout-width) - (2 * var(--padding-inline)));
-      padding: 16px 0
+      padding: 16px 0;
+      max-inline-size: calc(var(--layout-width) - (2 * var(--padding-inline)))
   }
     }
 
@@ -7893,17 +8251,17 @@ button.swiper-pagination-bullet {
 
   .page-container-module-eFYSe .page-container-module-WfQXa {
     grid-area: breadcrumbs;
-    padding-block: var(--space-24);
+    padding-block-start: var(--space-24);
   }
 
   .page-container-module-eFYSe .page-container-module-GKN5s {
     grid-area: title;
-    padding-block-end: var(--space-44);
+    padding-block: var(--space-24);
   }
 
   .page-container-module-eFYSe .page-container-module-r0SOZ {
     grid-area: content;
-    padding-block-end: var(--space-64);
+    padding-block: var(--space-24) var(--space-64);
   }
 
   @media (width >= 1440px) {
@@ -8000,10 +8358,10 @@ button.swiper-pagination-bullet {
         top: 0;
         right: calc(-1 * (0.5 * var(--gap)));
         display: block;
-        width: 1px;
-        height: 100%;
         background-color: var(--color-brand-light-gray);
+        block-size: 100%;
         content: '';
+        inline-size: 1px;
       }
 
 .checkout-page-section-module-zyovs {
@@ -8037,12 +8395,12 @@ button.swiper-pagination-bullet {
   }
 
   .checkout-page-section-module-zyovs .checkout-page-section-module-ZkhMj .checkout-page-section-module-24DRv {
-      max-width: unset;
+      max-inline-size: unset;
     }
 
   @media (width >= 1440px) {
       .checkout-page-section-module-zyovs .checkout-page-section-module-ZkhMj:not(.checkout-page-section-module-24DRv) {
-        max-width: 520px;
+        max-inline-size: 520px;
       }
     }
 
@@ -8097,7 +8455,7 @@ button.swiper-pagination-bullet {
 .payment-module-gtAqD .payment-module-fP31W {
     display: flex;
     margin-top: var(--space-8);
-    gap: var(--space-8);
+    gap: var(--space-4);
   }
 
 .highlight-text-module-e6Irk {
@@ -8218,7 +8576,7 @@ button.swiper-pagination-bullet {
   flex-wrap: wrap;
   align-items: center;
   margin-bottom: var(--space-12);
-  gap: var(--space-8);
+  gap: var(--space-4);
 }
 
 .readonly-address-module-1hAQK {
@@ -8307,14 +8665,14 @@ button.swiper-pagination-bullet {
   }
 
 .change-customer-module-P7ouY .change-customer-module-lxmBJ {
-    width: 16px;
-    height: 16px;
+    block-size: 1rem;
+    inline-size: 1rem;
   }
 
 .change-customer-module-P7ouY [slot='label'] {
     display: flex;
-    width: 100%;
     flex-direction: column;
+    inline-size: 100%;
   }
 
 .change-customer-module-P7ouY [slot='label'] .change-customer-module-DSVPN {
@@ -8360,8 +8718,8 @@ button.swiper-pagination-bullet {
     }
 
 .change-customer-dialog-module-O6oOS .change-customer-dialog-module-OP23q {
-    width: 300px;
-    height: 400px;
+    block-size: 400px;
+    inline-size: 300px;
   }
 
 .create-ship-to-address-module--IJ52 {
@@ -8454,7 +8812,7 @@ button.swiper-pagination-bullet {
   grid-template-rows: minmax(0, min-content) 1fr;
 }
 
-  @container (min-width: 740px) {.upload-order-module-m3QNF {
+  @container (min-inline-size: 740px) {.upload-order-module-m3QNF {
     gap: var(--space-20);
     grid-template-areas:
       'introduction instructions'
@@ -8463,7 +8821,7 @@ button.swiper-pagination-bullet {
 }
   }
 
-  @container (min-width: 1040px) {.upload-order-module-m3QNF {
+  @container (min-inline-size: 1040px) {.upload-order-module-m3QNF {
     gap: var(--space-20) var(--space-40)
 }
   }
@@ -9062,7 +9420,7 @@ button.swiper-pagination-bullet {
     scroll-margin-block-start: var(--scroll-margin-block-start, 0);
   }
 
-  @container (min-width: 636px) {
+  @container (min-inline-size: 636px) {
 
   .connected-address-book-widget-module-Xd9WN .connected-address-book-widget-module-9mOgI {
       --scroll-margin-block-start: calc(
@@ -9295,16 +9653,16 @@ button.swiper-pagination-bullet {
 }
 
   .product-details-page-layout-module-pPtZX .product-details-page-layout-module-KCKLZ .product-details-page-layout-module-0uf92 {
-      height: 100%;
       align-self: flex-start;
       margin-bottom: var(--space-16);
+      block-size: 100%;
     }
 
   .product-details-page-layout-module-pPtZX .product-details-page-layout-module-KCKLZ .product-details-page-layout-module-3-19O {
       position: sticky;
       top: calc(var(--header-bottom) + var(--space-8));
-      height: -moz-fit-content;
-      height: fit-content;
+      block-size: -moz-fit-content;
+      block-size: fit-content;
     }
 
   .product-details-page-layout-module-pPtZX .product-details-page-layout-module-lfAgH {
@@ -9317,14 +9675,14 @@ button.swiper-pagination-bullet {
   .product-details-page-layout-module-pPtZX .product-details-page-layout-module-e8ZNQ {
     position: relative;
     left: -10px;
-    width: 100dvw;
+    inline-size: 100svi;
   }
 
   @media (width >= 768px) {
     .product-details-page-layout-module-pPtZX .product-details-page-layout-module-e8ZNQ {
       position: relative;
       left: auto;
-      width: auto;
+      inline-size: auto;
     }
   }
 
@@ -9349,12 +9707,12 @@ button.swiper-pagination-bullet {
 
 .product-detail-images-module-ERzjA {
   display: flex;
-  width: 100%;
-  height: 100%;
   box-sizing: border-box;
   align-items: center;
   justify-content: center;
   padding: 64px 48px;
+  block-size: 100%;
+  inline-size: 100%;
 }
 
 .product-detail-images-module-cdIHn {
@@ -9389,9 +9747,9 @@ button.swiper-pagination-bullet {
 
   .product-details-panel-module-MXfPm .product-details-panel-module-wHZCr {
     display: flex;
-    width: 100%;
     align-items: flex-end;
     justify-content: space-between;
+    inline-size: 100%;
   }
 
   .product-details-panel-module-MXfPm .product-details-panel-module-wHZCr .product-details-panel-module-dI2JL {
@@ -9401,23 +9759,14 @@ button.swiper-pagination-bullet {
   .product-details-panel-module-MXfPm .product-details-panel-module-wHZCr .product-details-panel-module-QLafW {
       display: flex;
       align-items: center;
+      gap: var(--space-8);
     }
 
   .product-details-panel-module-MXfPm .product-details-panel-module-9L-Nm {
     margin-top: var(--space-12);
     color: var(--color-brand-dark-gray);
-    font-size: 16px;
-    font-stretch: normal;
-    font-style: normal;
-    font-weight: normal;
-    letter-spacing: normal;
-    line-height: 1.5;
   }
 
-  .product-details-panel-module-MXfPm .product-details-panel-module-9L-Nm p {
-      margin: 0;
-    }
-
   .product-details-panel-module-MXfPm .product-details-panel-module-NC2nx {
     margin-top: var(--space-16);
     margin-bottom: var(--space-24);
@@ -9433,32 +9782,32 @@ button.swiper-pagination-bullet {
 .promo-banner-module-yuVEO {
   position: relative;
   display: block;
-  height: 122px;
+  block-size: 122px;
 }
 
   .promo-banner-module-yuVEO.promo-banner-module-ut8Kd {
-    width: 250px;
+    inline-size: 250px;
   }
 
   .promo-banner-module-yuVEO.promo-banner-module-CSkIw {
-    width: 310px;
+    inline-size: 310px;
   }
 
   .promo-banner-module-yuVEO picture {
-    width: 100%;
+    inline-size: 100%;
   }
 
   .promo-banner-module-yuVEO picture img {
-      width: 100%;
+      inline-size: 100%;
     }
 
   @media (width >= 768px) {.promo-banner-module-yuVEO {
-    height: 230px
+    block-size: 230px
 }
 
     .promo-banner-module-yuVEO.promo-banner-module-CSkIw,
     .promo-banner-module-yuVEO.promo-banner-module-ut8Kd {
-      width: auto;
+      inline-size: auto;
     }
   }
 
@@ -9515,13 +9864,10 @@ button.swiper-pagination-bullet {
       translate: -100% 0;
     }
   .sidebar-module-fSa9Q.sidebar-module-AIq0M .sidebar-module-2puGC {
+      margin: var(--space-8);
       grid-area: header;
       justify-self: end;
     }
-  .sidebar-module-fSa9Q.sidebar-module-AIq0M .sidebar-module-2puGC svg {
-        block-size: var(--space-32);
-        inline-size: var(--space-32);
-      }
   .sidebar-module-fSa9Q.sidebar-module-AIq0M .sidebar-module-83z7V {
       overflow: hidden auto;
       grid-area: content;
@@ -9555,12 +9901,12 @@ button.swiper-pagination-bullet {
   }
   .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-qhR-J,
     .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3LRKg {
-      width: 100%;
+      inline-size: 100%;
     }
   .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-qhR-J > *, .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3LRKg > * {
         display: flex;
-        width: 100%;
         justify-content: center;
+        inline-size: 100%;
       }
   .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3Jtw- {
       order: 2;
@@ -9596,11 +9942,11 @@ button.swiper-pagination-bullet {
 
       .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-qhR-J,
       .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3LRKg {
-        width: initial;
+        inline-size: initial;
       }
 
         .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-qhR-J > *, .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-3LRKg > * {
-          width: initial;
+          inline-size: initial;
         }
 
       .product-listing-page-module-U0zLZ .product-listing-page-module-jGACo .product-listing-page-module-qhR-J {
@@ -9644,12 +9990,12 @@ button.swiper-pagination-bullet {
   }
   .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-7G8Fo,
     .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-MzRkN {
-      width: 100%;
+      inline-size: 100%;
     }
   .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-7G8Fo > *, .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-MzRkN > * {
         display: flex;
-        width: 100%;
         justify-content: center;
+        inline-size: 100%;
       }
   .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-rhDU1 {
       order: 2;
@@ -9685,11 +10031,11 @@ button.swiper-pagination-bullet {
 
       .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-7G8Fo,
       .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-MzRkN {
-        width: initial;
+        inline-size: initial;
       }
 
         .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-7G8Fo > *, .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-MzRkN > * {
-          width: initial;
+          inline-size: initial;
         }
 
       .search-results-page-module-uE5NE .search-results-page-module--GBRi .search-results-page-module-7G8Fo {
@@ -9762,7 +10108,7 @@ button.swiper-pagination-bullet {
 }
 
   .sidebar-provider-module-rjeCL.sidebar-provider-module-C0cKR {
-    --transition-duration: 0.3s;
+    --transition-duration: var(--transition-duration-short);
   }
 
 :root {
@@ -10538,18 +10884,18 @@ button.swiper-pagination-bullet {
   right: auto;
   left: auto;
   display: flex;
-  width: 100vw;
   flex-direction: column;
   align-items: center;
   gap: var(--space-8);
+  inline-size: 100svi;
 }
 
   @media (width >= 1024px) {.toast-provider-module-EoPKW {
     top: calc(var(--header-bottom) + var(--space-12));
     right: var(--toastify-toast-right);
-    width: -moz-fit-content;
-    width: fit-content;
-    align-items: flex-end
+    align-items: flex-end;
+    inline-size: -moz-fit-content;
+    inline-size: fit-content
 }
   }