@sonic-equipment/ui 0.0.88 → 0.0.89

package/dist/styles.css

@@ -226,6 +226,12 @@
   --header-height-mobile: 54px;
   --search-input-height: 76px;
   --announcement-bar-height: 52px;
+  --header-height: var(--header-height-mobile);
+}
+@media (width >= 1024px) {
+  :root {
+    --header-height: var(--header-height-desktop);
+  }
 }
 
 /* stylelint-disable no-descending-specificity */
@@ -1668,126 +1674,6 @@
     grid-template-rows: 1fr;
   }
 
-.multi-select-module-DC7Ix .multi-select-module-OW-NK {
-    display: flex;
-    min-height: 32px;
-    align-items: center;
-    color: var(--color-brand-medium-gray);
-    gap: var(--space-4);
-  }
-
-.checkbox-module-YNVdd {
-  --selected-color: var(--color-brand-red);
-  --selected-color-pressed: var(--color-brand-dark-red);
-  --disabled-color: color-mix(in srgb, var(--selected-color) 20%, transparent);
-  --checkmark-color: var(--color-white);
-  --disabled-checkmark-color: color-mix(
-    in srgb,
-    var(--checkmark-color) 40%,
-    transparent
-  );
-
-  all: unset;
-  display: flex;
-  box-sizing: border-box;
-  align-items: center;
-  color: var(--color-brand-black);
-  cursor: pointer;
-  font-size: var(--font-size-14);
-  forced-color-adjust: none;
-  gap: 6px;
-  line-height: 1;
-}
-
-  .checkbox-module-YNVdd .checkbox-module-UKoyf {
-    display: flex;
-    width: 16px;
-    height: 16px;
-    box-sizing: border-box;
-    align-items: center;
-    justify-content: center;
-    border: 2px solid var(--color-brand-medium-gray);
-    border-radius: var(--border-radius-2);
-    color: var(--checkmark-color);
-    transition: all 200ms;
-  }
-
-  .checkbox-module-YNVdd .checkbox-module-pHIwh {
-    width: 1rem;
-    height: 1rem;
-    fill: none;
-    stroke: currentcolor;
-    stroke-dasharray: 22px;
-    stroke-dashoffset: 66;
-    stroke-linecap: round;
-    stroke-width: 2px;
-    transition: all 200ms;
-  }
-
-  .checkbox-module-YNVdd[data-disabled] .checkbox-module-UKoyf {
-    border-color: var(--color-transparent);
-    background-color: var(--disabled-color);
-    color: var(--disabled-checkmark-color);
-  }
-
-  .checkbox-module-YNVdd[data-pressed] .checkbox-module-UKoyf {
-    border-color: var(--color-brand-dark-gray);
-  }
-
-  .checkbox-module-YNVdd.checkbox-module-v23jy .checkbox-module-UKoyf, .checkbox-module-YNVdd.checkbox-module-7UG-b .checkbox-module-UKoyf, .checkbox-module-YNVdd[data-focus-visible] .checkbox-module-UKoyf {
-      box-shadow: var(--shadow-focus-outline-padded);
-      outline: 2px solid var(--color-brand-white);
-      outline-offset: 0;
-    }
-
-  .checkbox-module-YNVdd[data-selected] .checkbox-module-UKoyf, .checkbox-module-YNVdd[data-indeterminate] .checkbox-module-UKoyf {
-      border-color: var(--selected-color);
-      background: var(--selected-color);
-    }
-
-  .checkbox-module-YNVdd[data-selected][data-pressed] .checkbox-module-UKoyf, .checkbox-module-YNVdd[data-indeterminate][data-pressed] .checkbox-module-UKoyf {
-      border-color: var(--selected-color-pressed);
-      background: var(--selected-color-pressed);
-    }
-
-  .checkbox-module-YNVdd[data-selected] .checkbox-module-pHIwh, .checkbox-module-YNVdd[data-indeterminate] .checkbox-module-pHIwh {
-      stroke-dashoffset: 44;
-    }
-
-  .checkbox-module-YNVdd[data-indeterminate] .checkbox-module-pHIwh {
-      fill: var(--checkmark-color);
-      stroke: none;
-    }
-
-  /* stylelint-disable-next-line no-descending-specificity */
-
-  .checkbox-module-YNVdd.checkbox-module-nEhvW .checkbox-module-UKoyf {
-      border: none;
-      background: var(--selected-color);
-      background-size: 16px 16px;
-      transition: none;
-    }
-
-  .checkbox-module-YNVdd.checkbox-module-nEhvW[data-selected] .checkbox-module-UKoyf, .checkbox-module-YNVdd.checkbox-module-nEhvW[data-indeterminate] .checkbox-module-UKoyf {
-        border: 1px solid var(--color-brand-red);
-        background: unset;
-        background-image: linear-gradient(
-            var(--selected-color),
-            var(--selected-color)
-          ),
-          linear-gradient(var(--selected-color), var(--selected-color));
-        background-position:
-          2px 2px,
-          14px 14px;
-        background-repeat: no-repeat;
-        background-size: 10px 10px;
-      }
-
-  .checkbox-module-YNVdd.checkbox-module-nEhvW[data-disabled] {
-      cursor: pointer;
-      opacity: 0.4;
-    }
-
 .select-module-ui-Wc {
   --trigger-width: initial;
   --height: var(--space-44);
@@ -1809,54 +1695,56 @@
     --height: var(--space-44);
   }
 
-  .select-module-ui-Wc.select-module-IRd4F button {
-    background-color: var(--color-brand-light-gray);
+  .select-module-ui-Wc .select-module-aMQIQ {
+    all: unset;
+    position: relative;
+    display: flex;
+    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);
+    font: inherit;
+    gap: var(--space-16);
+    outline: none;
   }
 
-.select-module-aMQIQ {
-  all: unset;
-  position: relative;
-  display: flex;
-  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);
-  font: inherit;
-  gap: var(--space-16);
-  outline: none;
-}
+  .select-module-ui-Wc .select-module-aMQIQ .select-module-00uRU {
+      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;
+      margin-block: auto;
+    }
 
-.select-module-aMQIQ .select-module-00uRU {
-    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;
-    margin-block: auto;
-  }
+  .select-module-ui-Wc .select-module-aMQIQ [slot='description'] {
+      display: none;
+    }
 
-.select-module-aMQIQ [slot='description'] {
-    display: none;
-  }
+  .select-module-ui-Wc .select-module-aMQIQ.select-module-XMc0P,
+    .select-module-ui-Wc .select-module-aMQIQ:focus,
+    .select-module-ui-Wc .select-module-aMQIQ:has([data-focused]) {
+      border-color: transparent;
+      box-shadow: var(--shadow-focus-outline);
+      outline: none;
+    }
 
-.select-module-aMQIQ.select-module-XMc0P,
-  .select-module-aMQIQ:focus,
-  .select-module-aMQIQ:has([data-focused]) {
-    border-color: transparent;
-    box-shadow: var(--shadow-focus-outline);
-    outline: none;
-  }
+  .select-module-ui-Wc .select-module-aMQIQ[disabled] {
+      opacity: 0.4;
+    }
 
-.select-module-aMQIQ[disabled] {
-    opacity: 0.4;
+  .select-module-ui-Wc.select-module-IRd4F .select-module-aMQIQ {
+    border-color: var(--color-brand-light-gray);
+    background-color: var(--color-brand-light-gray);
   }
 
 .select-module-z8cWq {
+  overflow: auto;
   width: var(--trigger-width);
   min-width: -moz-fit-content;
   min-width: fit-content;
@@ -1865,10 +1753,6 @@
   padding-block: var(--space-8);
 }
 
-.select-module-z8cWq.select-module-IRd4F {
-    background-color: var(--color-brand-light-gray);
-  }
-
 .select-module-S21ba {
   outline: none;
 }
@@ -1905,62 +1789,476 @@
     color: var(--color-white);
   }
 
-.textarea-module-C6Xr1 {
-  position: relative;
-  display: inline-block;
-  overflow: hidden;
-  border: none;
-  border-radius: var(--border-radius-8);
-  background-color: var(--color-brand-light-gray);
+.modal-module-rVFJc {
+  position: fixed;
+  z-index: calc(var(--modal-layer) - 1);
+  top: 0;
+  left: 0;
+  display: flex;
+  width: 100vw;
+  height: var(--visual-viewport-height);
+  align-items: center;
+  justify-content: center;
+  -webkit-backdrop-filter: blur(4px);
+          backdrop-filter: blur(4px);
+  background-color: rgb(0 0 0 / 52%);
 }
 
-  .textarea-module-C6Xr1:has([data-disabled]) {
-    background-color: var(--color-gray-50);
-    color: var(--color-gray-500);
+  .modal-module-rVFJc[data-entering] {
+    animation: modal-module-63Uyl 200ms;
   }
 
-  .textarea-module-C6Xr1:has([data-focused]) {
-    box-shadow: 0 0 8px 2px var(--color-brand-red);
-    outline: 0;
+  .modal-module-rVFJc[data-exiting] {
+    animation: modal-module-63Uyl 150ms reverse ease-in;
   }
 
-  .textarea-module-C6Xr1:has([data-invalid])::after {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    display: block;
-    height: 2px;
-    background-color: var(--color-brand-red);
-    content: '';
+  .modal-module-rVFJc:has(.modal-module-uwets) {
+    display: contents;
   }
 
-  .textarea-module-C6Xr1 textarea {
-    all: unset;
-    box-sizing: border-box;
-    padding: 13px var(--space-16);
-    font: inherit;
-  }
+.modal-module-6vlFt {
+  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 rgba(0 0 0 / 10%);
+  color: var(--text-color);
+  outline: none;
+}
 
-  .textarea-module-C6Xr1.textarea-module-vksG- textarea,
-    .textarea-module-C6Xr1.textarea-module-vksG- .textarea-module-C6Xr1 {
-      min-height: var(--space-44);
-    }
+.modal-module-6vlFt section:focus-visible,
+  .modal-module-6vlFt section:focus {
+    outline: none;
+  }
 
-  .textarea-module-C6Xr1.textarea-module-vksG- textarea {
-      padding: var(--space-16);
-    }
+.modal-module-6vlFt .modal-module-FJxzx {
+    width: 100%;
+    height: 100%;
+  }
 
-  .textarea-module-C6Xr1.textarea-module-6JrQJ textarea,
-    .textarea-module-C6Xr1.textarea-module-6JrQJ .textarea-module-C6Xr1 {
-      min-height: var(--space-40);
-    }
+.modal-module-6vlFt[data-entering] {
+    animation: modal-module-jkAe7 600ms ease;
+  }
 
-  .textarea-module-C6Xr1.textarea-module-6JrQJ textarea {
-      padding: 11px var(--space-8);
+.modal-module-6vlFt[data-entering] .modal-module-FJxzx {
+      animation: modal-module-WOZ01 600ms ease;
     }
 
-.text-field-module-JeaK0 {
+.modal-module-6vlFt:where(.modal-module-uwets) {
+    position: fixed;
+    max-width: 100%;
+    border-radius: 0;
+    inset: 0;
+  }
+
+.modal-module-6vlFt:where(.modal-module-uwets)[data-entering] {
+      animation: modal-module-63Uyl 200ms;
+    }
+
+.modal-module-6vlFt:where(.modal-module-uwets)[data-exiting] {
+      animation: modal-module-63Uyl 200ms reverse;
+    }
+
+.modal-module-6vlFt .modal-module-7zIZE {
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+
+@media (width >= 768px) {
+
+.modal-module-6vlFt {
+    bottom: auto
+}
+
+    .modal-module-6vlFt:where(.modal-module-uwets) {
+      bottom: 0;
+    }
+      .modal-module-6vlFt[data-entering]:not(.modal-module-uwets) {
+        animation: modal-module-aPJ7X 600ms ease;
+      }
+
+        .modal-module-6vlFt[data-entering]:not(.modal-module-uwets) .modal-module-FJxzx {
+          animation: modal-module-WOZ01 600ms ease;
+        }
+  }
+
+@keyframes modal-module-63Uyl {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes modal-module-aPJ7X {
+  from {
+    transform: scale(0.1);
+  }
+
+  to {
+    transform: scale(1);
+  }
+}
+
+@keyframes modal-module-jkAe7 {
+  0% {
+    transform: translateY(100%);
+  }
+
+  50% {
+    transform: translateY(1%);
+  }
+
+  100% {
+    transform: translateY(0);
+  }
+}
+
+@keyframes modal-module-WOZ01 {
+  0% {
+    opacity: 0;
+  }
+
+  50% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+.heading-module-pMC65 {
+  padding: 0;
+  margin: 0;
+  color: var(--color-brand-black);
+  font-weight: var(--font-weight-normal);
+  transition: all 0.2s ease-out;
+}
+
+  .heading-module-pMC65:where(.heading-module-6spgX) {
+    text-transform: uppercase;
+  }
+
+  .heading-module-pMC65:where(.heading-module-XXMDM) {
+    font-style: italic;
+  }
+
+  .heading-module-pMC65:where(.heading-module-xvrxo) {
+    font-weight: var(--font-weight-black);
+  }
+
+  .heading-module-pMC65:where(.heading-module-Kn3ZN) {
+    font-size: var(--text-heading-xxl-size);
+    line-height: var(--text-heading-xxl-line-height);
+  }
+
+  .heading-module-pMC65:where(.heading-module--hZs-) {
+    font-size: var(--text-heading-xl-size);
+    line-height: var(--text-heading-xl-line-height);
+  }
+
+  .heading-module-pMC65:where(.heading-module-WrJRY) {
+    font-size: var(--text-heading-l-size);
+    line-height: var(--text-heading-l-line-height);
+  }
+
+  .heading-module-pMC65:where(.heading-module-hTexc) {
+    font-size: var(--text-heading-m-size);
+    line-height: var(--text-heading-m-line-height);
+  }
+
+  .heading-module-pMC65:where(.heading-module-7W29m) {
+    font-size: var(--text-heading-s-size);
+    line-height: var(--text-heading-s-line-height);
+  }
+
+  .heading-module-pMC65:where(.heading-module-SgaLB) {
+    font-size: var(--text-heading-xs-size);
+    line-height: var(--text-heading-xs-line-height);
+  }
+
+  .heading-module-pMC65:where(.heading-module-33en7) {
+    font-size: var(--text-heading-xxs-size);
+    line-height: var(--text-heading-xxs-line-height);
+  }
+
+.dialog-module-qKzgy {
+  position: relative;
+  padding: 1rem;
+}
+
+  .dialog-module-qKzgy,
+  .dialog-module-qKzgy * {
+    box-sizing: border-box;
+  }
+
+  .dialog-module-qKzgy .dialog-module-ZnsAe {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    line-height: 1;
+  }
+
+  .dialog-module-qKzgy .dialog-module-ZnsAe:not(:empty) {
+      margin-bottom: var(--space-16);
+    }
+
+  .dialog-module-qKzgy .dialog-module-ZnsAe .dialog-module-Y7Tqg {
+      position: absolute;
+      top: 0;
+      right: 0;
+    }
+
+  .dialog-module-qKzgy .dialog-module-y7Axm {
+    display: flex;
+    flex-direction: column;
+    margin-top: var(--space-32);
+    gap: 8px;
+  }
+
+.country-selector-dialog-module-mMJS0 {
+  max-width: 342px;
+  padding: var(--space-36) var(--space-24);
+}
+
+  .country-selector-dialog-module-mMJS0 .country-selector-dialog-module-z-ZqY {
+    display: grid;
+  }
+
+  .country-selector-dialog-module-mMJS0 .country-selector-dialog-module-z-ZqY .country-selector-dialog-module-7VjsF {
+      display: block;
+      margin-bottom: var(--space-16);
+      margin-inline: auto;
+    }
+
+  .country-selector-dialog-module-mMJS0 .country-selector-dialog-module-z-ZqY .country-selector-dialog-module-IdVDt {
+      margin-top: 0;
+      margin-bottom: var(--space-12);
+    }
+
+  .country-selector-dialog-module-mMJS0 .country-selector-dialog-module-z-ZqY .country-selector-dialog-module-Nvikf {
+      display: grid;
+      gap: var(--space-24);
+    }
+
+.country-selector-trigger-module-aioDu {
+  all: unset;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--space-8);
+}
+
+  .country-selector-trigger-module-aioDu:hover {
+    cursor: pointer;
+  }
+
+  .country-selector-trigger-module-aioDu:focus-visible {
+    box-shadow: var(--shadow-focus-outline);
+  }
+
+  .country-selector-trigger-module-aioDu .country-selector-trigger-module-zOSJK {
+    width: 24px;
+    height: 24px;
+    border: 1px solid var(--color-white);
+    border-radius: 50%;
+  }
+
+  .country-selector-trigger-module-aioDu .country-selector-trigger-module-TE8tl {
+    display: flex;
+    color: var(--color-white);
+    font: inherit;
+    line-height: 1;
+  }
+
+  .country-selector-trigger-module-aioDu .country-selector-trigger-module-TE8tl .country-selector-trigger-module-GNRDD {
+      margin-inline: var(--space-4);
+    }
+
+.multi-select-module-DC7Ix .multi-select-module-OW-NK {
+    display: flex;
+    min-height: 32px;
+    align-items: center;
+    color: var(--color-brand-medium-gray);
+    gap: var(--space-4);
+  }
+
+.checkbox-module-YNVdd {
+  --selected-color: var(--color-brand-red);
+  --selected-color-pressed: var(--color-brand-dark-red);
+  --disabled-color: color-mix(in srgb, var(--selected-color) 20%, transparent);
+  --checkmark-color: var(--color-white);
+  --disabled-checkmark-color: color-mix(
+    in srgb,
+    var(--checkmark-color) 40%,
+    transparent
+  );
+
+  all: unset;
+  display: flex;
+  box-sizing: border-box;
+  align-items: center;
+  color: var(--color-brand-black);
+  cursor: pointer;
+  font-size: var(--font-size-14);
+  forced-color-adjust: none;
+  gap: 6px;
+  line-height: 1;
+}
+
+  .checkbox-module-YNVdd .checkbox-module-UKoyf {
+    display: flex;
+    width: 16px;
+    height: 16px;
+    box-sizing: border-box;
+    align-items: center;
+    justify-content: center;
+    border: 2px solid var(--color-brand-medium-gray);
+    border-radius: var(--border-radius-2);
+    color: var(--checkmark-color);
+    transition: all 200ms;
+  }
+
+  .checkbox-module-YNVdd .checkbox-module-pHIwh {
+    width: 1rem;
+    height: 1rem;
+    fill: none;
+    stroke: currentcolor;
+    stroke-dasharray: 22px;
+    stroke-dashoffset: 66;
+    stroke-linecap: round;
+    stroke-width: 2px;
+    transition: all 200ms;
+  }
+
+  .checkbox-module-YNVdd[data-disabled] .checkbox-module-UKoyf {
+    border-color: var(--color-transparent);
+    background-color: var(--disabled-color);
+    color: var(--disabled-checkmark-color);
+  }
+
+  .checkbox-module-YNVdd[data-pressed] .checkbox-module-UKoyf {
+    border-color: var(--color-brand-dark-gray);
+  }
+
+  .checkbox-module-YNVdd.checkbox-module-v23jy .checkbox-module-UKoyf, .checkbox-module-YNVdd.checkbox-module-7UG-b .checkbox-module-UKoyf, .checkbox-module-YNVdd[data-focus-visible] .checkbox-module-UKoyf {
+      box-shadow: var(--shadow-focus-outline-padded);
+      outline: 2px solid var(--color-brand-white);
+      outline-offset: 0;
+    }
+
+  .checkbox-module-YNVdd[data-selected] .checkbox-module-UKoyf, .checkbox-module-YNVdd[data-indeterminate] .checkbox-module-UKoyf {
+      border-color: var(--selected-color);
+      background: var(--selected-color);
+    }
+
+  .checkbox-module-YNVdd[data-selected][data-pressed] .checkbox-module-UKoyf, .checkbox-module-YNVdd[data-indeterminate][data-pressed] .checkbox-module-UKoyf {
+      border-color: var(--selected-color-pressed);
+      background: var(--selected-color-pressed);
+    }
+
+  .checkbox-module-YNVdd[data-selected] .checkbox-module-pHIwh, .checkbox-module-YNVdd[data-indeterminate] .checkbox-module-pHIwh {
+      stroke-dashoffset: 44;
+    }
+
+  .checkbox-module-YNVdd[data-indeterminate] .checkbox-module-pHIwh {
+      fill: var(--checkmark-color);
+      stroke: none;
+    }
+
+  /* stylelint-disable-next-line no-descending-specificity */
+
+  .checkbox-module-YNVdd.checkbox-module-nEhvW .checkbox-module-UKoyf {
+      border: none;
+      background: var(--selected-color);
+      background-size: 16px 16px;
+      transition: none;
+    }
+
+  .checkbox-module-YNVdd.checkbox-module-nEhvW[data-selected] .checkbox-module-UKoyf, .checkbox-module-YNVdd.checkbox-module-nEhvW[data-indeterminate] .checkbox-module-UKoyf {
+        border: 1px solid var(--color-brand-red);
+        background: unset;
+        background-image: linear-gradient(
+            var(--selected-color),
+            var(--selected-color)
+          ),
+          linear-gradient(var(--selected-color), var(--selected-color));
+        background-position:
+          2px 2px,
+          14px 14px;
+        background-repeat: no-repeat;
+        background-size: 10px 10px;
+      }
+
+  .checkbox-module-YNVdd.checkbox-module-nEhvW[data-disabled] {
+      cursor: pointer;
+      opacity: 0.4;
+    }
+
+.textarea-module-C6Xr1 {
+  position: relative;
+  display: inline-block;
+  overflow: hidden;
+  border: none;
+  border-radius: var(--border-radius-8);
+  background-color: var(--color-brand-light-gray);
+}
+
+  .textarea-module-C6Xr1:has([data-disabled]) {
+    background-color: var(--color-gray-50);
+    color: var(--color-gray-500);
+  }
+
+  .textarea-module-C6Xr1:has([data-focused]) {
+    box-shadow: 0 0 8px 2px var(--color-brand-red);
+    outline: 0;
+  }
+
+  .textarea-module-C6Xr1:has([data-invalid])::after {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    display: block;
+    height: 2px;
+    background-color: var(--color-brand-red);
+    content: '';
+  }
+
+  .textarea-module-C6Xr1 textarea {
+    all: unset;
+    box-sizing: border-box;
+    padding: 13px var(--space-16);
+    font: inherit;
+  }
+
+  .textarea-module-C6Xr1.textarea-module-vksG- textarea,
+    .textarea-module-C6Xr1.textarea-module-vksG- .textarea-module-C6Xr1 {
+      min-height: var(--space-44);
+    }
+
+  .textarea-module-C6Xr1.textarea-module-vksG- textarea {
+      padding: var(--space-16);
+    }
+
+  .textarea-module-C6Xr1.textarea-module-6JrQJ textarea,
+    .textarea-module-C6Xr1.textarea-module-6JrQJ .textarea-module-C6Xr1 {
+      min-height: var(--space-40);
+    }
+
+  .textarea-module-C6Xr1.textarea-module-6JrQJ textarea {
+      padding: 11px var(--space-8);
+    }
+
+.text-field-module-JeaK0 {
   all: unset;
   display: inline-flex;
   flex-direction: column;
@@ -2291,61 +2589,6 @@
   }
     }
 
-.heading-module-pMC65 {
-  padding: 0;
-  margin: 0;
-  color: var(--color-brand-black);
-  font-weight: var(--font-weight-normal);
-  transition: all 0.2s ease-out;
-}
-
-  .heading-module-pMC65:where(.heading-module-6spgX) {
-    text-transform: uppercase;
-  }
-
-  .heading-module-pMC65:where(.heading-module-XXMDM) {
-    font-style: italic;
-  }
-
-  .heading-module-pMC65:where(.heading-module-xvrxo) {
-    font-weight: var(--font-weight-black);
-  }
-
-  .heading-module-pMC65:where(.heading-module-Kn3ZN) {
-    font-size: var(--text-heading-xxl-size);
-    line-height: var(--text-heading-xxl-line-height);
-  }
-
-  .heading-module-pMC65:where(.heading-module--hZs-) {
-    font-size: var(--text-heading-xl-size);
-    line-height: var(--text-heading-xl-line-height);
-  }
-
-  .heading-module-pMC65:where(.heading-module-WrJRY) {
-    font-size: var(--text-heading-l-size);
-    line-height: var(--text-heading-l-line-height);
-  }
-
-  .heading-module-pMC65:where(.heading-module-hTexc) {
-    font-size: var(--text-heading-m-size);
-    line-height: var(--text-heading-m-line-height);
-  }
-
-  .heading-module-pMC65:where(.heading-module-7W29m) {
-    font-size: var(--text-heading-s-size);
-    line-height: var(--text-heading-s-line-height);
-  }
-
-  .heading-module-pMC65:where(.heading-module-SgaLB) {
-    font-size: var(--text-heading-xs-size);
-    line-height: var(--text-heading-xs-line-height);
-  }
-
-  .heading-module-pMC65:where(.heading-module-33en7) {
-    font-size: var(--text-heading-xxs-size);
-    line-height: var(--text-heading-xxs-line-height);
-  }
-
 .page-module-XtZ9Y {
   font-family: var(--font-family-sonic);
 }
@@ -2383,133 +2626,6 @@
   line-height: 1;
 }
 
-.modal-module-rVFJc {
-  position: fixed;
-  z-index: calc(var(--modal-layer) - 1);
-  top: 0;
-  left: 0;
-  display: flex;
-  width: 100vw;
-  height: var(--visual-viewport-height);
-  align-items: center;
-  justify-content: center;
-  -webkit-backdrop-filter: blur(4px);
-          backdrop-filter: blur(4px);
-  background-color: rgb(0 0 0 / 52%);
-}
-
-  .modal-module-rVFJc[data-entering] {
-    animation: modal-module-63Uyl 200ms;
-  }
-
-  .modal-module-rVFJc[data-exiting] {
-    animation: modal-module-63Uyl 150ms reverse ease-in;
-  }
-
-  .modal-module-rVFJc:has(.modal-module-uwets) {
-    display: contents;
-  }
-
-.modal-module-6vlFt {
-  position: absolute;
-  z-index: calc(var(--modal-layer) - 1);
-  min-width: 300px;
-  max-width: 90%;
-  border: 1px solid var(--gray-400);
-  border-radius: 12px;
-  background: var(--color-white);
-  box-shadow: 0 8px 20px rgba(0 0 0 / 10%);
-  color: var(--text-color);
-  outline: none;
-}
-
-.modal-module-6vlFt section:focus-visible,
-  .modal-module-6vlFt section:focus {
-    outline: none;
-  }
-
-.modal-module-6vlFt[data-entering] {
-    animation: modal-module-aPJ7X 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
-  }
-
-.modal-module-6vlFt .modal-module-7c3-9 {
-    width: 100%;
-    height: 100%;
-  }
-
-.modal-module-6vlFt:where(.modal-module-uwets) {
-    position: fixed;
-    max-width: 100%;
-    border-radius: 0;
-    inset: 0;
-  }
-
-.modal-module-6vlFt:where(.modal-module-uwets)[data-entering] {
-      animation: modal-module-63Uyl 300ms;
-    }
-
-.modal-module-6vlFt:where(.modal-module-uwets)[data-exiting] {
-      animation: modal-module-63Uyl 300ms reverse;
-    }
-
-.modal-module-6vlFt .modal-module-7zIZE {
-    position: absolute;
-    top: 0;
-    right: 0;
-  }
-
-@keyframes modal-module-63Uyl {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes modal-module-aPJ7X {
-  from {
-    transform: scale(0.8);
-  }
-
-  to {
-    transform: scale(1);
-  }
-}
-
-.dialog-module-qKzgy {
-  position: relative;
-  padding: 1rem;
-}
-
-  .dialog-module-qKzgy,
-  .dialog-module-qKzgy * {
-    box-sizing: border-box;
-  }
-
-  .dialog-module-qKzgy .dialog-module-ZnsAe {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: var(--space-16);
-    gap: 8px;
-    line-height: 1;
-  }
-
-  .dialog-module-qKzgy .dialog-module-ZnsAe .dialog-module-Y7Tqg {
-      position: absolute;
-      top: 0;
-      right: 0;
-    }
-
-  .dialog-module-qKzgy .dialog-module-y7Axm {
-    display: flex;
-    flex-direction: column;
-    margin-top: var(--space-32);
-    gap: 8px;
-  }
-
 .sign-in-dialog-module-P-AHV {
   max-width: 403px;
   padding: 28px 24px 36px;
@@ -3026,7 +3142,7 @@ button.swiper-pagination-bullet {
 
   .product-details-page-layout-module-IQFIn .product-details-page-layout-module--7oUp .product-details-page-layout-module-Y2490 {
       position: sticky;
-      top: 0;
+      top: calc(var(--header-height) + var(--space-8));
       height: -moz-fit-content;
       height: fit-content;
     }