/*
  Each color is arranged from its lightest shade to its darkest.

  1. Cyan
  2. Neutral  
  3. Red
  4. Green
  5. Orange
  6. Blue

*/
:root {
  --pop-color-cyan-100: #e6fbfb;
  --pop-color-cyan-200: #ccf7f7;
  --pop-color-cyan-300: #99f0f0;
  --pop-color-cyan-400: #4de7e7;
  --pop-color-cyan-500: #00e0e0;
  --pop-color-cyan-600: #00bfbf;
  --pop-color-cyan-700: #009e9e;
  --pop-color-cyan-800: #007f7f;
  --pop-color-cyan-900: #005959;
  --pop-color-neutral-white: #fff;
  --pop-color-neutral-50: #f8fafa;
  --pop-color-neutral-100: #eef1f1;
  --pop-color-neutral-200: #dadfe0;
  --pop-color-neutral-300: #bfc7c8;
  --pop-color-neutral-400: #9aa6a7;
  --pop-color-neutral-500: #768283;
  --pop-color-neutral-600: #545f60;
  --pop-color-neutral-700: #3b4445;
  --pop-color-neutral-800: #2a2f2f;
  --pop-color-neutral-900: #151818;
  --pop-color-neutral-black: #000;
  --pop-color-red-100: #fceaea;
  --pop-color-red-200: #f8c6c8;
  --pop-color-red-300: #f39497;
  --pop-color-red-400: #ed5e64;
  --pop-color-red-500: #e63946;
  --pop-color-red-600: #c0303b;
  --pop-color-red-700: #a22731;
  --pop-color-red-800: #861d26;
  --pop-color-red-900: #660f18;
  --pop-color-green-100: #eaf8f0;
  --pop-color-green-200: #c6f0d9;
  --pop-color-green-300: #93e4b7;
  --pop-color-green-400: #5cd894;
  --pop-color-green-500: #2aaa71;
  --pop-color-green-600: #248e62;
  --pop-color-green-700: #1d724f;
  --pop-color-green-800: #15583d;
  --pop-color-green-900: #0b3c28;
  --pop-color-orange-100: #fff4e8;
  --pop-color-orange-200: #ffe1c2;
  --pop-color-orange-300: #ffc996;
  --pop-color-orange-400: #ffb26b;
  --pop-color-orange-500: #f4a259;
  --pop-color-orange-600: #d68a44;
  --pop-color-orange-700: #b86f30;
  --pop-color-orange-800: #99541f;
  --pop-color-orange-900: #73390f;
  --pop-color-blue-100: #e8f2fa;
  --pop-color-blue-200: #c3dff3;
  --pop-color-blue-300: #92c6ec;
  --pop-color-blue-400: #5ea9e0;
  --pop-color-blue-500: #2978b5;
  --pop-color-blue-600: #23669b;
  --pop-color-blue-700: #1d5481;
  --pop-color-blue-800: #154067;
  --pop-color-blue-900: #0e2b4c;
}

:root {
  --container-width: 58.5rem;
  --pop-z-index-level-1: 10;
  --pop-z-index-level-2: 20;
  --pop-z-index-level-3: 30;
  --pop-z-index-level-4: 40;
  --pop-z-index-level-5: 50;
  --pop-z-index-level-6: 60;
  --pop-z-index-level-7: 70;
  --pop-z-index-level-8: 80;
  --pop-z-index-level-9: 90;
  --pop-z-index-level-10: 100;
}

:root {
  --pop-space-0: 0rem;
  --pop-space-4: 0.25rem;
  --pop-space-8: 0.5rem;
  --pop-space-12: 0.75rem;
  --pop-space-16: 1rem;
  --pop-space-20: 1.25rem;
  --pop-space-24: 1.5rem;
  --pop-space-28: 1.75rem;
  --pop-space-32: 2rem;
  --pop-space-36: 2.25rem;
  --pop-space-40: 2.5rem;
  --pop-space-44: 2.75rem;
  --pop-space-48: 3rem;
  --pop-space-52: 3.25rem;
  --pop-space-56: 3.5rem;
  --pop-space-60: 3.75rem;
  --pop-space-64: 4rem;
  --pop-space-68: 4.25rem;
  --pop-space-72: 4.5rem;
  --pop-space-76: 4.75rem;
  --pop-space-80: 5rem;
  --pop-space-84: 5.25rem;
  --pop-space-88: 5.5rem;
  --pop-space-92: 5.75rem;
  --pop-space-96: 6rem;
  --pop-space-100: 6.25rem;
  --pop-space-104: 6.5rem;
}

/*
  1. Heading
  2. Body text - Regular
  3. Body text - Medium
  4. Body text - Bold
*/
.pop-redesign .pop-basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  margin-bottom: var(--pop-space-56);
  padding-inline: var(--pop-space-12);
}
.pop-redesign .pop-basket__add, .pop-redesign .pop-basket__remove {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  gap: var(--pop-space-8);
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-600);
  cursor: pointer;
  fill: var(--pop-color-neutral-600);
}
.pop-redesign .pop-basket__add:hover, .pop-redesign .pop-basket__remove:hover {
  color: var(--pop-color-neutral-800) !important;
  fill: var(--pop-color-neutral-800);
}
.pop-redesign .pop-basket__remove {
  display: none;
}
.pop-redesign .pop-basket__separator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--pop-color-neutral-200);
  height: 1px;
  margin-block: var(--pop-space-16);
  width: 100%;
}
@media (max-width: 800px) {
  .pop-redesign .pop-basket {
    margin-bottom: var(--pop-space-104);
  }
  .pop-redesign .pop-basket__add, .pop-redesign .pop-basket__remove {
    margin-block: var(--pop-space-8);
  }
}
.pop-redesign .steps-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  margin-block: var(--pop-space-48);
  max-width: 100%;
  width: var(--container-width);
}
@media (max-width: 800px) {
  .pop-redesign .steps-container {
    margin-block: var(--pop-space-24) var(--pop-space-40);
  }
}
.pop-redesign .step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  pointer-events: none;
}
.pop-redesign .step__number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  font-family: "GothamMedium", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: transparent;
  border: 2px solid var(--pop-color-neutral-400);
  border-radius: 50%;
  color: var(--pop-color-neutral-400);
  height: 2rem;
  width: 2rem;
}
.pop-redesign .step__label {
  font-family: "GothamMedium", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--pop-color-neutral-400);
  margin-block: var(--pop-space-8) var(--pop-space-12);
  text-align: center;
}
.pop-redesign .step__timeline {
  position: relative;
  background-color: var(--pop-color-neutral-300);
  height: 4px;
  margin-top: auto;
  width: 100%;
}
.pop-redesign .step__timeline::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  content: "";
  background-color: var(--pop-color-neutral-100);
  border: 4px solid var(--pop-color-neutral-300);
  border-radius: 50%;
  height: 14px;
  width: 14px;
}
@media (max-width: 800px) {
  .pop-redesign .step__number {
    font-family: "GothamRegular", sans-serif;
    font-size: 0.875rem;
    line-height: 1.125rem;
    border: 1px solid var(--pop-color-neutral-500);
    color: var(--pop-color-neutral-500);
    height: 1.625rem;
    margin-left: var(--pop-space-12);
    width: 1.625rem;
  }
  .pop-redesign .step__label {
    font-family: "GothamRegular", sans-serif;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: var(--pop-color-neutral-500);
    margin-block: var(--pop-space-4) var(--pop-space-12);
    margin-left: var(--pop-space-12);
  }
  .pop-redesign .step__timeline {
    height: 2px;
  }
  .pop-redesign .step__timeline::before {
    border: 2px solid var(--pop-color-neutral-300);
    height: 12px;
    width: 12px;
  }
}
.pop-redesign .step--completed {
  pointer-events: initial;
}
.pop-redesign .step--completed .step__number {
  position: relative;
  background-color: var(--pop-color-neutral-600);
  color: var(--pop-color-neutral-600);
  border: none;
}
.pop-redesign .step--completed .step__number::after {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  background-image: url("../assets/iconset/check-medium.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.5rem;
  width: 1.5rem;
}
.pop-redesign .step--completed .step__label {
  font-family: "GothamMedium", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--pop-color-neutral-600);
}
.pop-redesign .step--completed .step__timeline {
  background-color: var(--pop-color-cyan-500);
}
.pop-redesign .step--completed .step__timeline::before {
  border: 4px solid var(--pop-color-cyan-500);
}
.pop-redesign .step--completed:hover .step__number {
  background-color: var(--pop-color-neutral-700);
  color: var(--pop-color-neutral-700) !important;
}
.pop-redesign .step--completed:hover .step__label {
  color: var(--pop-color-neutral-700);
}
@media (max-width: 800px) {
  .pop-redesign .step--completed .step__number {
    font-family: "GothamMedium", sans-serif;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
  .pop-redesign .step--completed .step__number::after {
    height: 1.125rem;
    width: 1.125rem;
  }
  .pop-redesign .step--completed .step__label {
    font-family: "GothamMedium", sans-serif;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
  .pop-redesign .step--completed .step__timeline::before {
    border: 2px solid var(--pop-color-cyan-500);
  }
}
.pop-redesign .step--current .step__number {
  font-family: "GothamBold", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  background-color: var(--pop-color-neutral-800);
  border: none;
  color: var(--pop-color-neutral-white);
}
.pop-redesign .step--current .step__label {
  font-family: "GothamBold", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--pop-color-neutral-800);
}
.pop-redesign .step--current .step__timeline {
  background-color: var(--pop-color-cyan-500);
}
.pop-redesign .step--current .step__timeline::before {
  border: 4px solid var(--pop-color-cyan-500);
}
@media (max-width: 800px) {
  .pop-redesign .step--current .step__number {
    font-family: "GothamBold", sans-serif;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
  .pop-redesign .step--current .step__label {
    font-family: "GothamBold", sans-serif;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
  .pop-redesign .step--current .step__timeline::before {
    border: 2px solid var(--pop-color-cyan-500);
  }
}
.pop-redesign .step-heading {
  font-family: "GothamBlack", sans-serif;
  font-size: 1.75rem;
  line-height: 2.375rem;
  color: var(--pop-color-neutral-800);
  margin-bottom: var(--pop-space-32);
  text-align: center;
}
.pop-redesign .step-heading:first-child {
  margin-top: var(--pop-space-32);
}
@media (max-width: 800px) {
  .pop-redesign .step-heading {
    font-family: "GothamBlack", sans-serif;
    font-size: 1.375rem;
    line-height: 2.125rem;
    margin-bottom: var(--pop-space-24);
  }
}
.pop-redesign .basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  gap: var(--pop-space-8);
  max-width: 100%;
  width: var(--container-width);
}
.pop-redesign .basket-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  background-color: var(--pop-color-neutral-white);
  padding: var(--pop-space-24);
  width: 100%;
}
.pop-redesign .basket-item__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 100%;
}
.pop-redesign .basket-item__image {
  height: 80px;
  width: 80px;
}
.pop-redesign .basket-item__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  margin-inline: var(--pop-space-24) auto;
  width: 100%;
}
@media (max-width: 379px) {
  .pop-redesign .basket-item__inner {
    margin-left: var(--pop-space-12);
  }
}
.pop-redesign .basket-item__label {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-800);
  max-width: 100%;
  width: 14rem;
}
.pop-redesign .basket-item__selectors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  gap: var(--pop-space-48);
  margin-inline: auto;
}
.pop-redesign .basket-item__selectors .quantity-picker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  gap: var(--pop-space-4);
  border: 1px solid var(--pop-color-neutral-400);
  height: 2.125rem;
  padding: 0.125rem;
}
.pop-redesign .basket-item__selectors .quantity-picker__button {
  border-width: 0px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  background-color: var(--pop-color-neutral-700);
  cursor: pointer;
  fill: var(--pop-color-neutral-white);
  height: 28px;
  width: 28px;
}
.pop-redesign .basket-item__selectors .quantity-picker__button:hover:not(.quantity-picker__button--inactive) {
  background-color: var(--pop-color-neutral-800) !important;
}
.pop-redesign .basket-item__selectors .quantity-picker__button--inactive {
  background-color: var(--pop-color-neutral-100);
  fill: var(--pop-color-neutral-400);
}
.pop-redesign .basket-item__selectors .quantity-picker__amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-700);
  cursor: default;
  width: 28px;
}
.pop-redesign .basket-item__price-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: var(--pop-space-36);
}
.pop-redesign .basket-item__price {
  font-family: "GothamBold", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-800);
}
.pop-redesign .basket-item__remove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  fill: var(--pop-color-neutral-500);
  height: 2.25rem;
  width: 2.25rem;
}
.pop-redesign .basket-item__remove:hover {
  background-color: var(--pop-color-red-100);
  fill: var(--pop-color-red-500);
}
@media (max-width: 800px) {
  .pop-redesign .basket-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: var(--pop-space-12);
  }
  .pop-redesign .basket-item__image {
    height: 100px;
    width: 100px;
  }
  .pop-redesign .basket-item__label {
    font-family: "GothamBold", sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    width: initial;
  }
  .pop-redesign .basket-item__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
    gap: var(--pop-space-16);
    margin-left: var(--pop-space-16);
  }
  .pop-redesign .basket-item__selectors {
    gap: initial;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-inline: initial;
  }
  .pop-redesign .basket-item__price-container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: var(--pop-space-16);
    width: 100%;
  }
  .pop-redesign .basket-item__price {
    font-family: "GothamBold", sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .pop-redesign .basket-item__remove {
    background-color: var(--pop-color-neutral-100);
    fill: var(--pop-color-neutral-500);
  }
}
.pop-redesign .basket-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  background-color: var(--pop-color-neutral-white);
  width: 100%;
}
.pop-redesign .basket-price__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  min-height: 4.625rem;
  padding-inline: var(--pop-space-16);
  width: 100%;
}
.pop-redesign .basket-price__container:first-of-type:not(form) {
  border-bottom: 1px solid var(--pop-color-neutral-200);
}
.pop-redesign .basket-price__label {
  font-family: "GothamMedium", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--pop-color-neutral-800);
}
.pop-redesign .basket-price__amount {
  font-family: "GothamBold", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--pop-color-neutral-800);
  margin-left: auto;
}
.pop-redesign .basket-price__input.basket-price__input {
  display: none;
  margin-inline: var(--pop-space-24) var(--pop-space-8);
  width: 16.25rem;
}
.pop-redesign .basket-price__button.basket-price__button {
  display: none;
}
@media (max-width: 800px) {
  .pop-redesign .basket-price__container {
    padding: var(--pop-space-12);
  }
  .pop-redesign .basket-price__container:not(:first-of-type) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--pop-space-12);
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
  }
  .pop-redesign .basket-price__input.basket-price__input {
    margin-inline: initial;
    width: 100%;
  }
}
.pop-redesign .basket-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  margin-top: var(--pop-space-24);
  max-width: 100%;
  width: var(--container-width);
}
@media (max-width: 800px) {
  .pop-redesign .basket-actions {
    z-index: 10001;
    position: fixed;
    bottom: 0;
    background: var(--pop-color-neutral-white);
    border-top: 1px solid var(--pop-color-neutral-300);
    padding: var(--pop-space-16) var(--pop-space-12);
  }
  .pop-redesign .basket-actions__secondary-button.pop-button {
    padding-inline: initial;
    width: 3.5rem;
  }
  .pop-redesign .basket-actions__button.pop-button {
    font-family: "GothamBold", sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    min-height: 3.5rem;
  }
  .pop-redesign .basket-actions__secondary-label {
    display: none;
  }
}
.pop-redesign .basket-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  gap: var(--pop-space-16);
  background-color: var(--pop-color-neutral-white);
  padding: var(--pop-space-24);
  width: 100%;
}
.pop-redesign .basket-form__heading {
  font-family: "GothamBlack", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  color: var(--pop-color-neutral-700);
}
.pop-redesign .basket-form__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--pop-space-24) 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: var(--pop-space-24);
     -moz-column-gap: var(--pop-space-24);
          column-gap: var(--pop-space-24);
  row-gap: var(--pop-space-16);
}
.pop-redesign .basket-form__name {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--pop-space-24) 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-column: 1/-1;
  -webkit-column-gap: var(--pop-space-24);
     -moz-column-gap: var(--pop-space-24);
          column-gap: var(--pop-space-24);
}
.pop-redesign .basket-form__city {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--pop-space-24) 5rem;
  grid-template-columns: 1fr 5rem;
  gap: var(--pop-space-24);
}
.pop-redesign .basket-form__billing {
  display: none;
}
@media (max-width: 800px) {
  .pop-redesign .basket-form {
    width: 100dvw;
  }
  .pop-redesign .basket-form__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .pop-redesign .basket-form__city {
    gap: var(--pop-space-12);
  }
  .pop-redesign .basket-form__name {
    -webkit-column-gap: var(--pop-space-12);
       -moz-column-gap: var(--pop-space-12);
            column-gap: var(--pop-space-12);
  }
}
.pop-redesign .basket-summary-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  gap: var(--pop-space-24);
  background-color: var(--pop-color-neutral-white);
  max-width: 100%;
  padding: var(--pop-space-24);
  width: var(--container-width);
}
.pop-redesign .basket-summary-item__image {
  height: 80px;
  width: 80px;
}
.pop-redesign .basket-summary-item__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  width: 100%;
}
.pop-redesign .basket-summary-item__label {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-800);
}
.pop-redesign .basket-summary-item__price {
  font-family: "GothamBold", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-800);
  white-space: nowrap;
}
@media (max-width: 800px) {
  .pop-redesign .basket-summary-item {
    gap: var(--pop-space-16);
    padding: var(--pop-space-12);
  }
  .pop-redesign .basket-summary-item__image {
    height: 100px;
    width: 100px;
  }
  .pop-redesign .basket-summary-item__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: var(--pop-space-16);
  }
  .pop-redesign .basket-summary-item__label {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .pop-redesign .basket-summary-item__price {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}
.pop-redesign .basket-summary-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--pop-space-8) 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--pop-space-8);
  width: 100%;
}
.pop-redesign .basket-summary-info__inner {
  background-color: var(--pop-color-neutral-white);
  padding: var(--pop-space-24);
}
.pop-redesign .basket-summary-info__label {
  font-family: "GothamBold", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--pop-color-neutral-700);
  margin-bottom: 0.125rem;
  white-space: nowrap;
}
.pop-redesign .basket-summary-info__sublabel {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-600);
}
.pop-redesign .basket-summary-info__price {
  font-family: "GothamBold", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-700);
  white-space: nowrap;
}
.pop-redesign .basket-summary-info__contact {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
}
.pop-redesign .basket-summary-info__total-label {
  font-family: "GothamMedium", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--pop-color-neutral-800);
}
.pop-redesign .basket-summary-info__total-price {
  font-family: "GothamBold", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--pop-color-neutral-800);
}
.pop-redesign .basket-summary-info__separator {
  display: none;
}
@media (max-width: 800px) {
  .pop-redesign .basket-summary-info {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .pop-redesign .basket-summary-info__contact {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 0;
  }
  .pop-redesign .basket-summary-info__separator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .pop-redesign .basket-summary-info .pop-basket__separator:last-child {
    display: none;
  }
}
.pop-redesign .fulfillment {
  max-width: 100%;
  width: var(--container-width);
}
.pop-redesign .fulfillment__heading {
  text-align: left;
  font-family: "GothamBlack", sans-serif;
  font-size: 1.125rem !important;
  line-height: 1.75rem;
  color: var(--pop-color-neutral-800);
  margin-bottom: var(--pop-space-16);
}
.pop-redesign .fulfillment__heading:not(:first-of-type) {
  margin-top: var(--pop-space-32);
}
.pop-redesign .fulfillment__subheading {
  font-family: "GothamBlack", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
  color: var(--pop-color-neutral-700);
  text-align: left;
}
.pop-redesign .fulfillment__container {
  background-color: var(--pop-color-neutral-white);
  padding-inline: var(--pop-space-24);
}
.pop-redesign .fulfillment__delivery-logo {
  padding-inline: var(--pop-space-8) var(--pop-space-12);
}
.pop-redesign .fulfillment__price {
  font-family: "GothamBold", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--pop-color-neutral-800);
  margin-left: auto;
  padding-left: var(--pop-space-8);
  white-space: nowrap;
}
.pop-redesign .fulfillment__option-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.125rem;
}
.pop-redesign .fulfillment__option-label {
  font-family: "GothamBold", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--pop-color-neutral-700);
}
.pop-redesign .fulfillment__option-sublabel {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-600);
  font-weight: 400;
}
.pop-redesign .fulfillment__delivery-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  gap: var(--pop-space-12);
  padding-left: var(--pop-space-32);
  width: 100%;
}
.pop-redesign .fulfillment__change-delivery {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-500);
  text-decoration: underline;
}
.pop-redesign .fulfillment__change-delivery:hover {
  color: var(--pop-color-neutral-700) !important;
  text-decoration: none;
}
@media (max-width: 800px) {
  .pop-redesign .fulfillment__container {
    padding-inline: var(--pop-space-12);
  }
  .pop-redesign .fulfillment__delivery-logo {
    padding-left: 0;
  }
}
.pop-redesign .balikovna-iframe {
  display: none;
}
.pop-redesign .balikovna-iframe__heading {
  font-family: "GothamBlack", sans-serif;
  font-size: 1.75rem;
  line-height: 2.375rem;
  color: var(--pop-color-neutral-800);
  margin-block: var(--pop-space-24);
  text-align: center;
}
@media (max-width: 650px) {
  .pop-redesign .balikovna-iframe__heading {
    font-family: "GothamBlack", sans-serif;
    font-size: 1.375rem;
    line-height: 2.125rem;
  }
}
.pop-redesign .balikovna-iframe__button {
  width: 12.5rem;
}
.pop-redesign .balikovna-iframe--visible {
  position: fixed;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  background: var(--pop-color-neutral-white);
  padding-inline: var(--pop-space-12);
  z-index: 10002;
}
.pop-redesign .balikovna-iframe--visible iframe {
  height: 100%;
  background-color: var(--pop-color-neutral-white);
  border-radius: 6px;
  border: 1px solid var(--pop-color-neutral-300);
  max-width: 100%;
  width: var(--container-width);
}
.pop-redesign:has(.balikovna-iframe--visible) .pop-banner, .pop-redesign:has(.balikovna-iframe--visible) .pop-header {
  display: none;
}

html.pop-redesign .pop-confirmation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  background-color: var(--pop-color-neutral-white);
  border-bottom: 2px solid var(--pop-color-cyan-500);
  margin: var(--pop-space-48) auto var(--pop-space-24);
  max-width: 100%;
  padding: var(--pop-space-80) var(--pop-space-24);
  text-align: center;
  width: var(--container-width);
}
html.pop-redesign .pop-confirmation__heading {
  font-family: "GothamBlack", sans-serif;
  font-size: 1.75rem;
  line-height: 2.375rem;
  color: var(--pop-color-neutral-800);
}
html.pop-redesign .pop-confirmation__number {
  font-family: "GothamBlack", sans-serif;
  font-size: 1.375rem;
  line-height: 2.125rem;
  background-color: var(--pop-color-neutral-800);
  color: var(--pop-color-neutral-white);
  margin-block: var(--pop-space-64) var(--pop-space-20);
  padding: var(--pop-space-12) var(--pop-space-32);
}
html.pop-redesign .pop-confirmation__label {
  font-family: "GothamMedium", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--pop-color-neutral-800);
}
html.pop-redesign .pop-confirmation__status {
  margin-block: var(--pop-space-32) var(--pop-space-64);
}
@media only screen and (max-width: 450px) {
  html.pop-redesign .pop-confirmation {
    margin-top: var(--pop-space-12);
    padding-block: var(--pop-space-40);
  }
  html.pop-redesign .pop-confirmation__heading {
    font-family: "GothamBlack", sans-serif;
    font-size: 1.375rem;
    line-height: 2.125rem;
  }
  html.pop-redesign .pop-confirmation__button.pop-button {
    font-family: "GothamBold", sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    min-height: 3.5rem;
    width: 100%;
  }
}

html.pop-redesign {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
html.pop-redesign *,
html.pop-redesign *:before,
html.pop-redesign *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
html.pop-redesign body {
  background-color: var(--pop-color-neutral-100);
  font-family: "GothamRegular", sans-serif;
  margin: 0;
}
html.pop-redesign button {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
}
html.pop-redesign a {
  text-decoration: none;
}
html.pop-redesign a[href^=tel] {
  color: inherit;
  text-decoration: none;
}
html.pop-redesign p,
html.pop-redesign h1,
html.pop-redesign h2,
html.pop-redesign h3,
html.pop-redesign h4 {
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: "GothamRegular";
  src: url("../fonts/gotham-regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "GothamMedium";
  src: url("../fonts/gotham-medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "GothamBold";
  src: url("../fonts/gotham-bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "GothamBlack";
  src: url("../fonts/gotham-black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
html.pop-redesign .pop-banner {
  position: relative;
  font-family: "GothamMedium", sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
  background-color: var(--pop-color-cyan-500);
  color: var(--pop-color-neutral-800);
  cursor: default;
  padding: var(--pop-space-4) var(--pop-space-16);
  text-align: center;
  z-index: 10;
}

html.pop-redesign .pop-button {
  border: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  gap: var(--pop-space-8);
  font-family: "GothamBold", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  cursor: pointer;
  fill: var(--pop-color-neutral-700);
  min-height: 2.625rem;
  padding-inline: var(--pop-space-24);
  text-align: center;
  text-transform: uppercase;
}
html.pop-redesign .pop-button--with-icon-left {
  padding-inline: var(--pop-space-16) var(--pop-space-24);
}
html.pop-redesign .pop-button--with-icon-right {
  padding-inline: var(--pop-space-24) var(--pop-space-16);
}
html.pop-redesign .pop-button--large {
  font-family: "GothamBold", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  min-height: 3.5rem;
}
html.pop-redesign .pop-button--cyan {
  background-color: var(--pop-color-cyan-500);
  color: var(--pop-color-neutral-700) !important;
}
html.pop-redesign .pop-button--cyan:hover {
  background-color: var(--pop-color-cyan-400);
}
html.pop-redesign .pop-button--cyan:active:enabled {
  background-color: var(--pop-color-cyan-500);
}
html.pop-redesign .pop-button--cyan:disabled {
  background-color: var(--pop-color-cyan-300);
  color: var(--pop-color-neutral-white) !important;
}
html.pop-redesign .pop-button--neutral {
  background-color: var(--pop-color-neutral-800);
  color: var(--pop-color-neutral-white);
}
html.pop-redesign .pop-button--neutral:hover {
  background-color: var(--pop-color-neutral-700);
}
html.pop-redesign .pop-button--neutral:active:enabled {
  background-color: var(--pop-color-neutral-800);
}
html.pop-redesign .pop-button--neutral:disabled {
  background-color: var(--pop-color-neutral-200);
  color: var(--pop-color-neutral-400) !important;
}
html.pop-redesign .pop-button--transparent {
  background-color: transparent;
  border: 1px solid var(--pop-color-neutral-400);
  color: var(--pop-color-neutral-700) !important;
}
html.pop-redesign .pop-button--transparent:hover {
  border-color: var(--pop-color-neutral-700);
}
html.pop-redesign .pop-button--transparent:active:enabled {
  background-color: var(--pop-color-neutral-50);
  border-color: var(--pop-color-neutral-400);
}
html.pop-redesign .pop-button--transparent:disabled {
  border-color: var(--pop-color-neutral-200);
  color: var(--pop-color-neutral-400);
}

html.pop-redesign .pop-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
html.pop-redesign .pop-checkbox:hover .pop-checkbox__input:not(:checked) {
  border-color: var(--pop-color-neutral-600);
}
html.pop-redesign .pop-checkbox__input {
  border: 2px solid var(--pop-color-neutral-400);
  border-radius: 3px;
  cursor: pointer;
  height: 1.375rem;
  margin: 0;
  width: 1.375rem;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
html.pop-redesign .pop-checkbox__input:checked, html.pop-redesign .pop-checkbox__input:indeterminate {
  background-color: var(--pop-color-neutral-700);
  border-color: var(--pop-color-neutral-700);
}
html.pop-redesign .pop-checkbox__input:checked::before, html.pop-redesign .pop-checkbox__input:indeterminate::before {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: background-color 200ms ease-in-out, -webkit-transform 200ms cubic-bezier(0.15, 0.65, 0.3, 1.4);
  transition: background-color 200ms ease-in-out, -webkit-transform 200ms cubic-bezier(0.15, 0.65, 0.3, 1.4);
  transition: transform 200ms cubic-bezier(0.15, 0.65, 0.3, 1.4), background-color 200ms ease-in-out;
  transition: transform 200ms cubic-bezier(0.15, 0.65, 0.3, 1.4), background-color 200ms ease-in-out, -webkit-transform 200ms cubic-bezier(0.15, 0.65, 0.3, 1.4);
  -webkit-mask: url("../assets/iconset/check-small.svg") no-repeat center;
  mask: url("../assets/iconset/check-small.svg") no-repeat center;
}
html.pop-redesign .pop-checkbox__input:checked + .pop-checkbox__label, html.pop-redesign .pop-checkbox__input:indeterminate + .pop-checkbox__label {
  color: var(--pop-color-neutral-700);
}
html.pop-redesign .pop-checkbox__input::before {
  display: inline-block;
  background-color: var(--pop-color-neutral-white);
  content: "";
  height: 1.125rem;
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-transform: scale(0);
          transform: scale(0);
  width: 1.125rem;
}
html.pop-redesign .pop-checkbox__label {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  font-weight: 400;
  margin-bottom: 0;
  color: var(--pop-color-neutral-500);
  cursor: pointer;
  padding-left: var(--pop-space-16);
}
@media only screen and (max-width: 450px) {
  html.pop-redesign .pop-checkbox__label {
    padding-left: var(--pop-space-12);
  }
}

html.pop-redesign {
  --pop-header-height: 3.75rem;
}
@media (max-width: 650px) {
  html.pop-redesign {
    --pop-header-height: 4.625rem;
  }
}
html.pop-redesign .pop-header {
  --search-padding: var(--pop-space-12);
  position: sticky;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  background-color: var(--pop-color-neutral-800);
  height: var(--pop-header-height);
  padding-inline: var(--pop-space-48);
  z-index: 10;
}
@media only screen and (max-width: 450px) {
  html.pop-redesign .pop-header {
    padding: var(--pop-space-4) var(--pop-space-16);
  }
}
html.pop-redesign .pop-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  gap: var(--pop-space-32);
}
html.pop-redesign .pop-header__burger {
  position: relative;
  height: 12px;
  width: 18px;
}
html.pop-redesign .pop-header__burger-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  height: 34px;
  width: 34px;
}
html.pop-redesign .pop-header__burger-wrapper:hover {
  background-color: var(--pop-color-neutral-700);
}
html.pop-redesign .pop-header__burger-wrapper--open .pop-header__burger-line--1 {
  top: 5px;
  rotate: 45deg;
}
html.pop-redesign .pop-header__burger-wrapper--open .pop-header__burger-line--2 {
  opacity: 0;
}
html.pop-redesign .pop-header__burger-wrapper--open .pop-header__burger-line--3 {
  bottom: 5px;
  rotate: -45deg;
}
html.pop-redesign .pop-header__burger-line {
  position: absolute;
  display: inline-block;
  background-color: var(--pop-color-neutral-white);
  height: 2px;
  -webkit-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  width: 18px;
}
html.pop-redesign .pop-header__burger-line--1 {
  top: 0;
}
html.pop-redesign .pop-header__burger-line--2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
html.pop-redesign .pop-header__burger-line--3 {
  bottom: 0;
}
html.pop-redesign .pop-header__links-container {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  gap: var(--pop-space-24);
}
@media (max-width: 1150px) {
  html.pop-redesign .pop-header__links-container {
    display: none;
  }
}
html.pop-redesign .pop-header__link {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-white);
  text-decoration: none;
}
html.pop-redesign .pop-header__link:hover {
  color: var(--pop-color-cyan-500);
}
html.pop-redesign .pop-header__basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  gap: var(--pop-space-4);
  margin-inline: auto var(--pop-space-12);
  padding: var(--pop-space-8) var(--pop-space-12) var(--pop-space-8) 0.625rem;
  text-decoration: none;
}
html.pop-redesign .pop-header__basket:hover {
  background-color: var(--pop-color-neutral-700);
}
html.pop-redesign .pop-header__basket-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  font-family: "GothamBold", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  background-color: var(--pop-color-neutral-600);
  border-radius: 1rem;
  color: var(--pop-color-neutral-white);
  height: 1.375rem;
  padding-inline: var(--pop-space-12);
}
html.pop-redesign .pop-header__search-box {
  position: relative;
}
html.pop-redesign .pop-header__search-field {
  color: var(--pop-color-neutral-800);
  background-color: var(--pop-color-neutral-white);
  border: none;
  border-radius: 0;
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  height: 2rem;
  outline: none;
  padding-inline: var(--search-padding) 2.125rem;
  width: 11.25rem;
}
html.pop-redesign .pop-header__search-field::-webkit-input-placeholder {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-600);
}
html.pop-redesign .pop-header__search-field::-moz-placeholder {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-600);
}
html.pop-redesign .pop-header__search-field:-ms-input-placeholder {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-600);
}
html.pop-redesign .pop-header__search-field::-ms-input-placeholder {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-600);
}
html.pop-redesign .pop-header__search-field::placeholder {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-600);
}
html.pop-redesign .pop-header__search-small, html.pop-redesign .pop-header__search-medium {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: var(--search-padding);
}
html.pop-redesign .pop-header__search-medium {
  display: none;
}
html.pop-redesign .pop-header--compact .pop-header__burger-wrapper,
html.pop-redesign .pop-header--compact .pop-header__links-container,
html.pop-redesign .pop-header--compact .pop-header__search-box {
  display: none;
}
@media (max-width: 650px) {
  html.pop-redesign .pop-header {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: var(--pop-space-8);
    height: initial;
    padding: var(--pop-space-16);
  }
  html.pop-redesign .pop-header__inner {
    gap: var(--pop-space-16);
  }
  html.pop-redesign .pop-header__burger-wrapper {
    background-color: var(--pop-color-neutral-700);
    height: 42px;
    width: 42px;
  }
  html.pop-redesign .pop-header__basket {
    background-color: var(--pop-color-neutral-700);
    gap: var(--pop-space-8);
    margin-inline: initial;
  }
  html.pop-redesign .pop-header__search-box {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  html.pop-redesign .pop-header__search-field {
    height: 2.625rem;
    width: 100%;
  }
  html.pop-redesign .pop-header__search-small {
    display: none;
  }
  html.pop-redesign .pop-header__search-medium {
    display: initial;
  }
  html.pop-redesign .pop-header--compact {
    height: var(--pop-header-height);
  }
}

html.pop-redesign .pop-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--pop-space-4);
}
html.pop-redesign .pop-input input::-webkit-outer-spin-button,
html.pop-redesign .pop-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
html.pop-redesign .pop-input[type=number] {
  -moz-appearance: textfield;
}
html.pop-redesign .pop-input__label {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-500);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
html.pop-redesign .pop-input__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  border-radius: 0;
  color: var(--pop-color-neutral-700);
  border: 1px solid var(--pop-color-neutral-400);
  height: 2.625rem;
  padding-inline: var(--pop-space-12);
  width: 100%;
}
html.pop-redesign .pop-input__field:hover, html.pop-redesign .pop-input__field:focus {
  border-color: var(--pop-color-neutral-500);
  outline: none;
}
html.pop-redesign .pop-input__field::-webkit-input-placeholder {
  color: var(--pop-color-neutral-500);
}
html.pop-redesign .pop-input__field::-moz-placeholder {
  color: var(--pop-color-neutral-500);
}
html.pop-redesign .pop-input__field:-ms-input-placeholder {
  color: var(--pop-color-neutral-500);
}
html.pop-redesign .pop-input__field::-ms-input-placeholder {
  color: var(--pop-color-neutral-500);
}
html.pop-redesign .pop-input__field::placeholder {
  color: var(--pop-color-neutral-500);
}
html.pop-redesign .pop-input__field:-webkit-autofill {
  -webkit-transition: background-color 999s 0s, color 999s 0s;
  transition: background-color 999s 0s, color 999s 0s;
}
html.pop-redesign .pop-input__state {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
html.pop-redesign .pop-input--error .pop-input__field {
  border-color: var(--pop-color-red-500);
}
html.pop-redesign .pop-input--error .pop-input__state {
  color: var(--pop-color-red-500);
}

html.pop-redesign .pop-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
html.pop-redesign .pop-radio__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-500);
  cursor: pointer;
  padding-left: var(--pop-space-16);
  margin-bottom: 0px;
}
@media only screen and (max-width: 450px) {
  html.pop-redesign .pop-radio__label {
    padding-left: var(--pop-space-12);
  }
}
html.pop-redesign .pop-radio:has(.pop-radio__input:checked:not(:disabled)) .pop-radio__label {
  color: var(--pop-color-neutral-700);
}
html.pop-redesign .pop-radio:has(.pop-radio__input:checked:disabled) .pop-radio__label {
  color: var(--pop-color-neutral-300);
}
html.pop-redesign .pop-radio:has(.pop-radio__input:disabled) {
  cursor: default;
}
html.pop-redesign .pop-radio:has(.pop-radio__input:disabled) .pop-radio__input {
  border-color: var(--pop-color-neutral-300);
}
html.pop-redesign .pop-radio:has(.pop-radio__input:disabled) .pop-radio__label {
  color: var(--pop-color-neutral-300);
}
html.pop-redesign .pop-radio__input {
  display: -ms-grid;
  display: grid;
  place-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: transparent;
  border: 2px solid var(--pop-color-neutral-400);
  border-radius: 50%;
  cursor: pointer;
  height: 1.375rem;
  margin: 0;
  width: 1.375rem;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
html.pop-redesign .pop-radio__input:checked {
  background-color: var(--pop-color-neutral-700);
  border-color: var(--pop-color-neutral-700);
}
html.pop-redesign .pop-radio__input:checked::before {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-box-shadow 150ms ease-in-out, -webkit-transform 150ms cubic-bezier(0.15, 0.65, 0.3, 1.4);
  transition: -webkit-box-shadow 150ms ease-in-out, -webkit-transform 150ms cubic-bezier(0.15, 0.65, 0.3, 1.4);
  transition: box-shadow 150ms ease-in-out, transform 150ms cubic-bezier(0.15, 0.65, 0.3, 1.4);
  transition: box-shadow 150ms ease-in-out, transform 150ms cubic-bezier(0.15, 0.65, 0.3, 1.4), -webkit-box-shadow 150ms ease-in-out, -webkit-transform 150ms cubic-bezier(0.15, 0.65, 0.3, 1.4);
}
html.pop-redesign .pop-radio__input:disabled:checked::before {
  -webkit-box-shadow: inset 1rem 1rem var(--foxy-color-neutral-tint-light-3);
          box-shadow: inset 1rem 1rem var(--foxy-color-neutral-tint-light-3);
  -webkit-transform: scale(1);
          transform: scale(1);
}
html.pop-redesign .pop-radio__input::before {
  content: "";
  border-radius: 50%;
  -webkit-box-shadow: inset 1rem 1rem var(--pop-color-neutral-white);
          box-shadow: inset 1rem 1rem var(--pop-color-neutral-white);
  height: 0.5rem;
  width: 0.5rem;
  -webkit-transform: scale(0);
          transform: scale(0);
}
html.pop-redesign .pop-radio__input:hover:not(:disabled):not(:checked) {
  border-color: var(--pop-color-neutral-600);
}

html.pop-redesign .pop-status {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  background-color: var(--pop-color-neutral-100);
  border: 1px solid var(--pop-color-neutral-400);
  color: var(--pop-color-neutral-700);
  padding: var(--pop-space-12) var(--pop-space-16);
}
html.pop-redesign .pop-status--small {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
  padding: var(--pop-space-8) var(--pop-space-12);
}
html.pop-redesign .pop-status--blue {
  background-color: var(--pop-color-blue-100);
  border: 1px solid var(--pop-color-blue-400);
  color: var(--pop-color-blue-700);
}
html.pop-redesign .pop-status--green {
  background-color: var(--pop-color-green-100);
  border: 1px solid var(--pop-color-green-400);
  color: var(--pop-color-neutral-700);
}
html.pop-redesign .pop-status--red {
  background-color: var(--pop-color-red-100);
  border: 1px solid var(--pop-color-red-400);
  color: var(--pop-color-red-700);
}

html.pop-redesign .pop-textarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--pop-space-4);
}
html.pop-redesign .pop-textarea__label {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-500);
}
html.pop-redesign .pop-textarea__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: var(--pop-color-neutral-700);
  border: 1px solid var(--pop-color-neutral-400);
  border-radius: 0;
  min-height: 6.25rem;
  padding: var(--pop-space-12);
  resize: vertical;
}
html.pop-redesign .pop-textarea__field:hover, html.pop-redesign .pop-textarea__field:focus {
  border-color: var(--pop-color-neutral-500);
  outline: none;
}
html.pop-redesign .pop-textarea__field::-webkit-input-placeholder {
  color: var(--pop-color-neutral-500);
}
html.pop-redesign .pop-textarea__field::-moz-placeholder {
  color: var(--pop-color-neutral-500);
}
html.pop-redesign .pop-textarea__field:-ms-input-placeholder {
  color: var(--pop-color-neutral-500);
}
html.pop-redesign .pop-textarea__field::-ms-input-placeholder {
  color: var(--pop-color-neutral-500);
}
html.pop-redesign .pop-textarea__field::placeholder {
  color: var(--pop-color-neutral-500);
}

/* Display setting */
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.d-inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/* Flex direction */
.fd-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.fd-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.fd-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.fd-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

/* Justify content */
.jc-start {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.jc-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

.jc-end {
  -webkit-box-pack: end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}

.jc-space-around {
  -ms-flex-pack: distribute !important;
      justify-content: space-around !important;
}

.jc-space-between {
  -webkit-box-pack: justify !important;
      -ms-flex-pack: justify !important;
          justify-content: space-between !important;
}

/* Align items */
.ai-start {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.ai-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ai-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.ai-stretch {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

/* Align self */
.as-start {
  -ms-flex-item-align: start !important;
      align-self: flex-start !important;
}

.as-center {
  -ms-flex-item-align: center !important;
      -ms-grid-row-align: center !important;
      align-self: center !important;
}

.as-end {
  -ms-flex-item-align: end !important;
      align-self: flex-end !important;
}

.as-stretch {
  -ms-flex-item-align: stretch !important;
      -ms-grid-row-align: stretch !important;
      align-self: stretch !important;
}

/* Flex wrap */
.fw-nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.fw-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.fw-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

/* Flex grow */
.fg-0 {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.fg-1 {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}

/* Flex shrink */
.fs-1 {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}

.fs-0 {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}

/* Other useful classes */
.f-stretch-children > * {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.u-height-100 {
  height: 100%;
}

.u-width-100 {
  width: 100%;
}

.u-height-width-100 {
  height: 100%;
  width: 100%;
}

.u-position-relative {
  position: relative;
}

.u-centered {
  display: -ms-grid;
  display: grid;
  place-content: center;
}

.u-cursor-pointer {
  cursor: pointer;
}

.u-display-block {
  display: block;
}

.u-flex-grow-1 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.u-flex-shrink-0 {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.u-overflow-auto {
  overflow: auto;
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-m-0 {
  margin: 0rem;
}

.u-mt-0 {
  margin-top: 0rem;
}

.u-mr-0 {
  margin-right: 0rem;
}

.u-mb-0 {
  margin-bottom: 0rem;
}

.u-ml-0 {
  margin-left: 0rem;
}

.u-mx-0 {
  margin-inline: 0rem;
}

.u-my-0 {
  margin-block: 0rem;
}

.u-p-0 {
  padding: 0rem;
}

.u-pt-0 {
  padding-top: 0rem;
}

.u-pr-0 {
  padding-right: 0rem;
}

.u-pb-0 {
  padding-bottom: 0rem;
}

.u-pl-0 {
  padding-left: 0rem;
}

.u-px-0 {
  padding-inline: 0rem;
}

.u-py-0 {
  padding-block: 0rem;
}

.gap-0 {
  gap: 0rem;
}

.row-gap-0 {
  row-gap: 0rem;
}

.column-gap-0 {
  -webkit-column-gap: 0rem;
     -moz-column-gap: 0rem;
          column-gap: 0rem;
}

.u-m-4 {
  margin: 0.25rem;
}

.u-mt-4 {
  margin-top: 0.25rem;
}

.u-mr-4 {
  margin-right: 0.25rem;
}

.u-mb-4 {
  margin-bottom: 0.25rem;
}

.u-ml-4 {
  margin-left: 0.25rem;
}

.u-mx-4 {
  margin-inline: 0.25rem;
}

.u-my-4 {
  margin-block: 0.25rem;
}

.u-p-4 {
  padding: 0.25rem;
}

.u-pt-4 {
  padding-top: 0.25rem;
}

.u-pr-4 {
  padding-right: 0.25rem;
}

.u-pb-4 {
  padding-bottom: 0.25rem;
}

.u-pl-4 {
  padding-left: 0.25rem;
}

.u-px-4 {
  padding-inline: 0.25rem;
}

.u-py-4 {
  padding-block: 0.25rem;
}

.gap-4 {
  gap: 0.25rem;
}

.row-gap-4 {
  row-gap: 0.25rem;
}

.column-gap-4 {
  -webkit-column-gap: 0.25rem;
     -moz-column-gap: 0.25rem;
          column-gap: 0.25rem;
}

.u-m-8 {
  margin: 0.5rem;
}

.u-mt-8 {
  margin-top: 0.5rem;
}

.u-mr-8 {
  margin-right: 0.5rem;
}

.u-mb-8 {
  margin-bottom: 0.5rem;
}

.u-ml-8 {
  margin-left: 0.5rem;
}

.u-mx-8 {
  margin-inline: 0.5rem;
}

.u-my-8 {
  margin-block: 0.5rem;
}

.u-p-8 {
  padding: 0.5rem;
}

.u-pt-8 {
  padding-top: 0.5rem;
}

.u-pr-8 {
  padding-right: 0.5rem;
}

.u-pb-8 {
  padding-bottom: 0.5rem;
}

.u-pl-8 {
  padding-left: 0.5rem;
}

.u-px-8 {
  padding-inline: 0.5rem;
}

.u-py-8 {
  padding-block: 0.5rem;
}

.gap-8 {
  gap: 0.5rem;
}

.row-gap-8 {
  row-gap: 0.5rem;
}

.column-gap-8 {
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}

.u-m-12 {
  margin: 0.75rem;
}

.u-mt-12 {
  margin-top: 0.75rem;
}

.u-mr-12 {
  margin-right: 0.75rem;
}

.u-mb-12 {
  margin-bottom: 0.75rem;
}

.u-ml-12 {
  margin-left: 0.75rem;
}

.u-mx-12 {
  margin-inline: 0.75rem;
}

.u-my-12 {
  margin-block: 0.75rem;
}

.u-p-12 {
  padding: 0.75rem;
}

.u-pt-12 {
  padding-top: 0.75rem;
}

.u-pr-12 {
  padding-right: 0.75rem;
}

.u-pb-12 {
  padding-bottom: 0.75rem;
}

.u-pl-12 {
  padding-left: 0.75rem;
}

.u-px-12 {
  padding-inline: 0.75rem;
}

.u-py-12 {
  padding-block: 0.75rem;
}

.gap-12 {
  gap: 0.75rem;
}

.row-gap-12 {
  row-gap: 0.75rem;
}

.column-gap-12 {
  -webkit-column-gap: 0.75rem;
     -moz-column-gap: 0.75rem;
          column-gap: 0.75rem;
}

.u-m-16 {
  margin: 1rem;
}

.u-mt-16 {
  margin-top: 1rem;
}

.u-mr-16 {
  margin-right: 1rem;
}

.u-mb-16 {
  margin-bottom: 1rem;
}

.u-ml-16 {
  margin-left: 1rem;
}

.u-mx-16 {
  margin-inline: 1rem;
}

.u-my-16 {
  margin-block: 1rem;
}

.u-p-16 {
  padding: 1rem;
}

.u-pt-16 {
  padding-top: 1rem;
}

.u-pr-16 {
  padding-right: 1rem;
}

.u-pb-16 {
  padding-bottom: 1rem;
}

.u-pl-16 {
  padding-left: 1rem;
}

.u-px-16 {
  padding-inline: 1rem;
}

.u-py-16 {
  padding-block: 1rem;
}

.gap-16 {
  gap: 1rem;
}

.row-gap-16 {
  row-gap: 1rem;
}

.column-gap-16 {
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

.u-m-20 {
  margin: 1.25rem;
}

.u-mt-20 {
  margin-top: 1.25rem;
}

.u-mr-20 {
  margin-right: 1.25rem;
}

.u-mb-20 {
  margin-bottom: 1.25rem;
}

.u-ml-20 {
  margin-left: 1.25rem;
}

.u-mx-20 {
  margin-inline: 1.25rem;
}

.u-my-20 {
  margin-block: 1.25rem;
}

.u-p-20 {
  padding: 1.25rem;
}

.u-pt-20 {
  padding-top: 1.25rem;
}

.u-pr-20 {
  padding-right: 1.25rem;
}

.u-pb-20 {
  padding-bottom: 1.25rem;
}

.u-pl-20 {
  padding-left: 1.25rem;
}

.u-px-20 {
  padding-inline: 1.25rem;
}

.u-py-20 {
  padding-block: 1.25rem;
}

.gap-20 {
  gap: 1.25rem;
}

.row-gap-20 {
  row-gap: 1.25rem;
}

.column-gap-20 {
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
}

.u-m-24 {
  margin: 1.5rem;
}

.u-mt-24 {
  margin-top: 1.5rem;
}

.u-mr-24 {
  margin-right: 1.5rem;
}

.u-mb-24 {
  margin-bottom: 1.5rem;
}

.u-ml-24 {
  margin-left: 1.5rem;
}

.u-mx-24 {
  margin-inline: 1.5rem;
}

.u-my-24 {
  margin-block: 1.5rem;
}

.u-p-24 {
  padding: 1.5rem;
}

.u-pt-24 {
  padding-top: 1.5rem;
}

.u-pr-24 {
  padding-right: 1.5rem;
}

.u-pb-24 {
  padding-bottom: 1.5rem;
}

.u-pl-24 {
  padding-left: 1.5rem;
}

.u-px-24 {
  padding-inline: 1.5rem;
}

.u-py-24 {
  padding-block: 1.5rem;
}

.gap-24 {
  gap: 1.5rem;
}

.row-gap-24 {
  row-gap: 1.5rem;
}

.column-gap-24 {
  -webkit-column-gap: 1.5rem;
     -moz-column-gap: 1.5rem;
          column-gap: 1.5rem;
}

.u-m-28 {
  margin: 1.75rem;
}

.u-mt-28 {
  margin-top: 1.75rem;
}

.u-mr-28 {
  margin-right: 1.75rem;
}

.u-mb-28 {
  margin-bottom: 1.75rem;
}

.u-ml-28 {
  margin-left: 1.75rem;
}

.u-mx-28 {
  margin-inline: 1.75rem;
}

.u-my-28 {
  margin-block: 1.75rem;
}

.u-p-28 {
  padding: 1.75rem;
}

.u-pt-28 {
  padding-top: 1.75rem;
}

.u-pr-28 {
  padding-right: 1.75rem;
}

.u-pb-28 {
  padding-bottom: 1.75rem;
}

.u-pl-28 {
  padding-left: 1.75rem;
}

.u-px-28 {
  padding-inline: 1.75rem;
}

.u-py-28 {
  padding-block: 1.75rem;
}

.gap-28 {
  gap: 1.75rem;
}

.row-gap-28 {
  row-gap: 1.75rem;
}

.column-gap-28 {
  -webkit-column-gap: 1.75rem;
     -moz-column-gap: 1.75rem;
          column-gap: 1.75rem;
}

.u-m-32 {
  margin: 2rem;
}

.u-mt-32 {
  margin-top: 2rem;
}

.u-mr-32 {
  margin-right: 2rem;
}

.u-mb-32 {
  margin-bottom: 2rem;
}

.u-ml-32 {
  margin-left: 2rem;
}

.u-mx-32 {
  margin-inline: 2rem;
}

.u-my-32 {
  margin-block: 2rem;
}

.u-p-32 {
  padding: 2rem;
}

.u-pt-32 {
  padding-top: 2rem;
}

.u-pr-32 {
  padding-right: 2rem;
}

.u-pb-32 {
  padding-bottom: 2rem;
}

.u-pl-32 {
  padding-left: 2rem;
}

.u-px-32 {
  padding-inline: 2rem;
}

.u-py-32 {
  padding-block: 2rem;
}

.gap-32 {
  gap: 2rem;
}

.row-gap-32 {
  row-gap: 2rem;
}

.column-gap-32 {
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}

.u-m-36 {
  margin: 2.25rem;
}

.u-mt-36 {
  margin-top: 2.25rem;
}

.u-mr-36 {
  margin-right: 2.25rem;
}

.u-mb-36 {
  margin-bottom: 2.25rem;
}

.u-ml-36 {
  margin-left: 2.25rem;
}

.u-mx-36 {
  margin-inline: 2.25rem;
}

.u-my-36 {
  margin-block: 2.25rem;
}

.u-p-36 {
  padding: 2.25rem;
}

.u-pt-36 {
  padding-top: 2.25rem;
}

.u-pr-36 {
  padding-right: 2.25rem;
}

.u-pb-36 {
  padding-bottom: 2.25rem;
}

.u-pl-36 {
  padding-left: 2.25rem;
}

.u-px-36 {
  padding-inline: 2.25rem;
}

.u-py-36 {
  padding-block: 2.25rem;
}

.gap-36 {
  gap: 2.25rem;
}

.row-gap-36 {
  row-gap: 2.25rem;
}

.column-gap-36 {
  -webkit-column-gap: 2.25rem;
     -moz-column-gap: 2.25rem;
          column-gap: 2.25rem;
}

.u-m-40 {
  margin: 2.5rem;
}

.u-mt-40 {
  margin-top: 2.5rem;
}

.u-mr-40 {
  margin-right: 2.5rem;
}

.u-mb-40 {
  margin-bottom: 2.5rem;
}

.u-ml-40 {
  margin-left: 2.5rem;
}

.u-mx-40 {
  margin-inline: 2.5rem;
}

.u-my-40 {
  margin-block: 2.5rem;
}

.u-p-40 {
  padding: 2.5rem;
}

.u-pt-40 {
  padding-top: 2.5rem;
}

.u-pr-40 {
  padding-right: 2.5rem;
}

.u-pb-40 {
  padding-bottom: 2.5rem;
}

.u-pl-40 {
  padding-left: 2.5rem;
}

.u-px-40 {
  padding-inline: 2.5rem;
}

.u-py-40 {
  padding-block: 2.5rem;
}

.gap-40 {
  gap: 2.5rem;
}

.row-gap-40 {
  row-gap: 2.5rem;
}

.column-gap-40 {
  -webkit-column-gap: 2.5rem;
     -moz-column-gap: 2.5rem;
          column-gap: 2.5rem;
}

.u-m-44 {
  margin: 2.75rem;
}

.u-mt-44 {
  margin-top: 2.75rem;
}

.u-mr-44 {
  margin-right: 2.75rem;
}

.u-mb-44 {
  margin-bottom: 2.75rem;
}

.u-ml-44 {
  margin-left: 2.75rem;
}

.u-mx-44 {
  margin-inline: 2.75rem;
}

.u-my-44 {
  margin-block: 2.75rem;
}

.u-p-44 {
  padding: 2.75rem;
}

.u-pt-44 {
  padding-top: 2.75rem;
}

.u-pr-44 {
  padding-right: 2.75rem;
}

.u-pb-44 {
  padding-bottom: 2.75rem;
}

.u-pl-44 {
  padding-left: 2.75rem;
}

.u-px-44 {
  padding-inline: 2.75rem;
}

.u-py-44 {
  padding-block: 2.75rem;
}

.gap-44 {
  gap: 2.75rem;
}

.row-gap-44 {
  row-gap: 2.75rem;
}

.column-gap-44 {
  -webkit-column-gap: 2.75rem;
     -moz-column-gap: 2.75rem;
          column-gap: 2.75rem;
}

.u-m-48 {
  margin: 3rem;
}

.u-mt-48 {
  margin-top: 3rem;
}

.u-mr-48 {
  margin-right: 3rem;
}

.u-mb-48 {
  margin-bottom: 3rem;
}

.u-ml-48 {
  margin-left: 3rem;
}

.u-mx-48 {
  margin-inline: 3rem;
}

.u-my-48 {
  margin-block: 3rem;
}

.u-p-48 {
  padding: 3rem;
}

.u-pt-48 {
  padding-top: 3rem;
}

.u-pr-48 {
  padding-right: 3rem;
}

.u-pb-48 {
  padding-bottom: 3rem;
}

.u-pl-48 {
  padding-left: 3rem;
}

.u-px-48 {
  padding-inline: 3rem;
}

.u-py-48 {
  padding-block: 3rem;
}

.gap-48 {
  gap: 3rem;
}

.row-gap-48 {
  row-gap: 3rem;
}

.column-gap-48 {
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
}

.u-m-52 {
  margin: 3.25rem;
}

.u-mt-52 {
  margin-top: 3.25rem;
}

.u-mr-52 {
  margin-right: 3.25rem;
}

.u-mb-52 {
  margin-bottom: 3.25rem;
}

.u-ml-52 {
  margin-left: 3.25rem;
}

.u-mx-52 {
  margin-inline: 3.25rem;
}

.u-my-52 {
  margin-block: 3.25rem;
}

.u-p-52 {
  padding: 3.25rem;
}

.u-pt-52 {
  padding-top: 3.25rem;
}

.u-pr-52 {
  padding-right: 3.25rem;
}

.u-pb-52 {
  padding-bottom: 3.25rem;
}

.u-pl-52 {
  padding-left: 3.25rem;
}

.u-px-52 {
  padding-inline: 3.25rem;
}

.u-py-52 {
  padding-block: 3.25rem;
}

.gap-52 {
  gap: 3.25rem;
}

.row-gap-52 {
  row-gap: 3.25rem;
}

.column-gap-52 {
  -webkit-column-gap: 3.25rem;
     -moz-column-gap: 3.25rem;
          column-gap: 3.25rem;
}

.u-m-56 {
  margin: 3.5rem;
}

.u-mt-56 {
  margin-top: 3.5rem;
}

.u-mr-56 {
  margin-right: 3.5rem;
}

.u-mb-56 {
  margin-bottom: 3.5rem;
}

.u-ml-56 {
  margin-left: 3.5rem;
}

.u-mx-56 {
  margin-inline: 3.5rem;
}

.u-my-56 {
  margin-block: 3.5rem;
}

.u-p-56 {
  padding: 3.5rem;
}

.u-pt-56 {
  padding-top: 3.5rem;
}

.u-pr-56 {
  padding-right: 3.5rem;
}

.u-pb-56 {
  padding-bottom: 3.5rem;
}

.u-pl-56 {
  padding-left: 3.5rem;
}

.u-px-56 {
  padding-inline: 3.5rem;
}

.u-py-56 {
  padding-block: 3.5rem;
}

.gap-56 {
  gap: 3.5rem;
}

.row-gap-56 {
  row-gap: 3.5rem;
}

.column-gap-56 {
  -webkit-column-gap: 3.5rem;
     -moz-column-gap: 3.5rem;
          column-gap: 3.5rem;
}

.u-m-60 {
  margin: 3.75rem;
}

.u-mt-60 {
  margin-top: 3.75rem;
}

.u-mr-60 {
  margin-right: 3.75rem;
}

.u-mb-60 {
  margin-bottom: 3.75rem;
}

.u-ml-60 {
  margin-left: 3.75rem;
}

.u-mx-60 {
  margin-inline: 3.75rem;
}

.u-my-60 {
  margin-block: 3.75rem;
}

.u-p-60 {
  padding: 3.75rem;
}

.u-pt-60 {
  padding-top: 3.75rem;
}

.u-pr-60 {
  padding-right: 3.75rem;
}

.u-pb-60 {
  padding-bottom: 3.75rem;
}

.u-pl-60 {
  padding-left: 3.75rem;
}

.u-px-60 {
  padding-inline: 3.75rem;
}

.u-py-60 {
  padding-block: 3.75rem;
}

.gap-60 {
  gap: 3.75rem;
}

.row-gap-60 {
  row-gap: 3.75rem;
}

.column-gap-60 {
  -webkit-column-gap: 3.75rem;
     -moz-column-gap: 3.75rem;
          column-gap: 3.75rem;
}

.u-m-64 {
  margin: 4rem;
}

.u-mt-64 {
  margin-top: 4rem;
}

.u-mr-64 {
  margin-right: 4rem;
}

.u-mb-64 {
  margin-bottom: 4rem;
}

.u-ml-64 {
  margin-left: 4rem;
}

.u-mx-64 {
  margin-inline: 4rem;
}

.u-my-64 {
  margin-block: 4rem;
}

.u-p-64 {
  padding: 4rem;
}

.u-pt-64 {
  padding-top: 4rem;
}

.u-pr-64 {
  padding-right: 4rem;
}

.u-pb-64 {
  padding-bottom: 4rem;
}

.u-pl-64 {
  padding-left: 4rem;
}

.u-px-64 {
  padding-inline: 4rem;
}

.u-py-64 {
  padding-block: 4rem;
}

.gap-64 {
  gap: 4rem;
}

.row-gap-64 {
  row-gap: 4rem;
}

.column-gap-64 {
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
}

.u-m-68 {
  margin: 4.25rem;
}

.u-mt-68 {
  margin-top: 4.25rem;
}

.u-mr-68 {
  margin-right: 4.25rem;
}

.u-mb-68 {
  margin-bottom: 4.25rem;
}

.u-ml-68 {
  margin-left: 4.25rem;
}

.u-mx-68 {
  margin-inline: 4.25rem;
}

.u-my-68 {
  margin-block: 4.25rem;
}

.u-p-68 {
  padding: 4.25rem;
}

.u-pt-68 {
  padding-top: 4.25rem;
}

.u-pr-68 {
  padding-right: 4.25rem;
}

.u-pb-68 {
  padding-bottom: 4.25rem;
}

.u-pl-68 {
  padding-left: 4.25rem;
}

.u-px-68 {
  padding-inline: 4.25rem;
}

.u-py-68 {
  padding-block: 4.25rem;
}

.gap-68 {
  gap: 4.25rem;
}

.row-gap-68 {
  row-gap: 4.25rem;
}

.column-gap-68 {
  -webkit-column-gap: 4.25rem;
     -moz-column-gap: 4.25rem;
          column-gap: 4.25rem;
}

.u-m-72 {
  margin: 4.5rem;
}

.u-mt-72 {
  margin-top: 4.5rem;
}

.u-mr-72 {
  margin-right: 4.5rem;
}

.u-mb-72 {
  margin-bottom: 4.5rem;
}

.u-ml-72 {
  margin-left: 4.5rem;
}

.u-mx-72 {
  margin-inline: 4.5rem;
}

.u-my-72 {
  margin-block: 4.5rem;
}

.u-p-72 {
  padding: 4.5rem;
}

.u-pt-72 {
  padding-top: 4.5rem;
}

.u-pr-72 {
  padding-right: 4.5rem;
}

.u-pb-72 {
  padding-bottom: 4.5rem;
}

.u-pl-72 {
  padding-left: 4.5rem;
}

.u-px-72 {
  padding-inline: 4.5rem;
}

.u-py-72 {
  padding-block: 4.5rem;
}

.gap-72 {
  gap: 4.5rem;
}

.row-gap-72 {
  row-gap: 4.5rem;
}

.column-gap-72 {
  -webkit-column-gap: 4.5rem;
     -moz-column-gap: 4.5rem;
          column-gap: 4.5rem;
}

.u-m-76 {
  margin: 4.75rem;
}

.u-mt-76 {
  margin-top: 4.75rem;
}

.u-mr-76 {
  margin-right: 4.75rem;
}

.u-mb-76 {
  margin-bottom: 4.75rem;
}

.u-ml-76 {
  margin-left: 4.75rem;
}

.u-mx-76 {
  margin-inline: 4.75rem;
}

.u-my-76 {
  margin-block: 4.75rem;
}

.u-p-76 {
  padding: 4.75rem;
}

.u-pt-76 {
  padding-top: 4.75rem;
}

.u-pr-76 {
  padding-right: 4.75rem;
}

.u-pb-76 {
  padding-bottom: 4.75rem;
}

.u-pl-76 {
  padding-left: 4.75rem;
}

.u-px-76 {
  padding-inline: 4.75rem;
}

.u-py-76 {
  padding-block: 4.75rem;
}

.gap-76 {
  gap: 4.75rem;
}

.row-gap-76 {
  row-gap: 4.75rem;
}

.column-gap-76 {
  -webkit-column-gap: 4.75rem;
     -moz-column-gap: 4.75rem;
          column-gap: 4.75rem;
}

.u-m-80 {
  margin: 5rem;
}

.u-mt-80 {
  margin-top: 5rem;
}

.u-mr-80 {
  margin-right: 5rem;
}

.u-mb-80 {
  margin-bottom: 5rem;
}

.u-ml-80 {
  margin-left: 5rem;
}

.u-mx-80 {
  margin-inline: 5rem;
}

.u-my-80 {
  margin-block: 5rem;
}

.u-p-80 {
  padding: 5rem;
}

.u-pt-80 {
  padding-top: 5rem;
}

.u-pr-80 {
  padding-right: 5rem;
}

.u-pb-80 {
  padding-bottom: 5rem;
}

.u-pl-80 {
  padding-left: 5rem;
}

.u-px-80 {
  padding-inline: 5rem;
}

.u-py-80 {
  padding-block: 5rem;
}

.gap-80 {
  gap: 5rem;
}

.row-gap-80 {
  row-gap: 5rem;
}

.column-gap-80 {
  -webkit-column-gap: 5rem;
     -moz-column-gap: 5rem;
          column-gap: 5rem;
}

.u-m-84 {
  margin: 5.25rem;
}

.u-mt-84 {
  margin-top: 5.25rem;
}

.u-mr-84 {
  margin-right: 5.25rem;
}

.u-mb-84 {
  margin-bottom: 5.25rem;
}

.u-ml-84 {
  margin-left: 5.25rem;
}

.u-mx-84 {
  margin-inline: 5.25rem;
}

.u-my-84 {
  margin-block: 5.25rem;
}

.u-p-84 {
  padding: 5.25rem;
}

.u-pt-84 {
  padding-top: 5.25rem;
}

.u-pr-84 {
  padding-right: 5.25rem;
}

.u-pb-84 {
  padding-bottom: 5.25rem;
}

.u-pl-84 {
  padding-left: 5.25rem;
}

.u-px-84 {
  padding-inline: 5.25rem;
}

.u-py-84 {
  padding-block: 5.25rem;
}

.gap-84 {
  gap: 5.25rem;
}

.row-gap-84 {
  row-gap: 5.25rem;
}

.column-gap-84 {
  -webkit-column-gap: 5.25rem;
     -moz-column-gap: 5.25rem;
          column-gap: 5.25rem;
}

.u-m-88 {
  margin: 5.5rem;
}

.u-mt-88 {
  margin-top: 5.5rem;
}

.u-mr-88 {
  margin-right: 5.5rem;
}

.u-mb-88 {
  margin-bottom: 5.5rem;
}

.u-ml-88 {
  margin-left: 5.5rem;
}

.u-mx-88 {
  margin-inline: 5.5rem;
}

.u-my-88 {
  margin-block: 5.5rem;
}

.u-p-88 {
  padding: 5.5rem;
}

.u-pt-88 {
  padding-top: 5.5rem;
}

.u-pr-88 {
  padding-right: 5.5rem;
}

.u-pb-88 {
  padding-bottom: 5.5rem;
}

.u-pl-88 {
  padding-left: 5.5rem;
}

.u-px-88 {
  padding-inline: 5.5rem;
}

.u-py-88 {
  padding-block: 5.5rem;
}

.gap-88 {
  gap: 5.5rem;
}

.row-gap-88 {
  row-gap: 5.5rem;
}

.column-gap-88 {
  -webkit-column-gap: 5.5rem;
     -moz-column-gap: 5.5rem;
          column-gap: 5.5rem;
}

.u-m-92 {
  margin: 5.75rem;
}

.u-mt-92 {
  margin-top: 5.75rem;
}

.u-mr-92 {
  margin-right: 5.75rem;
}

.u-mb-92 {
  margin-bottom: 5.75rem;
}

.u-ml-92 {
  margin-left: 5.75rem;
}

.u-mx-92 {
  margin-inline: 5.75rem;
}

.u-my-92 {
  margin-block: 5.75rem;
}

.u-p-92 {
  padding: 5.75rem;
}

.u-pt-92 {
  padding-top: 5.75rem;
}

.u-pr-92 {
  padding-right: 5.75rem;
}

.u-pb-92 {
  padding-bottom: 5.75rem;
}

.u-pl-92 {
  padding-left: 5.75rem;
}

.u-px-92 {
  padding-inline: 5.75rem;
}

.u-py-92 {
  padding-block: 5.75rem;
}

.gap-92 {
  gap: 5.75rem;
}

.row-gap-92 {
  row-gap: 5.75rem;
}

.column-gap-92 {
  -webkit-column-gap: 5.75rem;
     -moz-column-gap: 5.75rem;
          column-gap: 5.75rem;
}

.u-m-96 {
  margin: 6rem;
}

.u-mt-96 {
  margin-top: 6rem;
}

.u-mr-96 {
  margin-right: 6rem;
}

.u-mb-96 {
  margin-bottom: 6rem;
}

.u-ml-96 {
  margin-left: 6rem;
}

.u-mx-96 {
  margin-inline: 6rem;
}

.u-my-96 {
  margin-block: 6rem;
}

.u-p-96 {
  padding: 6rem;
}

.u-pt-96 {
  padding-top: 6rem;
}

.u-pr-96 {
  padding-right: 6rem;
}

.u-pb-96 {
  padding-bottom: 6rem;
}

.u-pl-96 {
  padding-left: 6rem;
}

.u-px-96 {
  padding-inline: 6rem;
}

.u-py-96 {
  padding-block: 6rem;
}

.gap-96 {
  gap: 6rem;
}

.row-gap-96 {
  row-gap: 6rem;
}

.column-gap-96 {
  -webkit-column-gap: 6rem;
     -moz-column-gap: 6rem;
          column-gap: 6rem;
}

.u-m-100 {
  margin: 6.25rem;
}

.u-mt-100 {
  margin-top: 6.25rem;
}

.u-mr-100 {
  margin-right: 6.25rem;
}

.u-mb-100 {
  margin-bottom: 6.25rem;
}

.u-ml-100 {
  margin-left: 6.25rem;
}

.u-mx-100 {
  margin-inline: 6.25rem;
}

.u-my-100 {
  margin-block: 6.25rem;
}

.u-p-100 {
  padding: 6.25rem;
}

.u-pt-100 {
  padding-top: 6.25rem;
}

.u-pr-100 {
  padding-right: 6.25rem;
}

.u-pb-100 {
  padding-bottom: 6.25rem;
}

.u-pl-100 {
  padding-left: 6.25rem;
}

.u-px-100 {
  padding-inline: 6.25rem;
}

.u-py-100 {
  padding-block: 6.25rem;
}

.gap-100 {
  gap: 6.25rem;
}

.row-gap-100 {
  row-gap: 6.25rem;
}

.column-gap-100 {
  -webkit-column-gap: 6.25rem;
     -moz-column-gap: 6.25rem;
          column-gap: 6.25rem;
}

.u-ml-auto {
  margin-left: auto;
}

.u-mr-auto {
  margin-right: auto;
}

/*
  General typography classes
*/
.u-type-align-center {
  text-align: center;
}

.u-type-align-left {
  text-align: left;
}

.u-type-align-right {
  text-align: right;
}

.u-type-weight-medium {
  font-weight: 500;
}

.u-type-weight-bold {
  font-weight: 700;
}

.u-type-weight-black {
  font-weight: 900;
}

.u-type-underline {
  text-decoration: underline;
}

.u-type-break-word {
  word-break: break-word;
}

/*
  Popname typography classes

  1. Heading
  2. Body text - Regular
  3. Body text - Medium
  4. Body text - Bold
*/
.u-type-h1 {
  font-family: "GothamBlack", sans-serif;
  font-size: 1.75rem;
  line-height: 2.375rem;
}

.u-type-h2 {
  font-family: "GothamBlack", sans-serif;
  font-size: 1.375rem;
  line-height: 2.125rem;
}

.u-type-h3 {
  font-family: "GothamBlack", sans-serif;
  font-size: 1.125rem !important;
  line-height: 1.75rem;
}

.u-type-h4 {
  font-family: "GothamBlack", sans-serif;
  font-size: 1rem;
  line-height: 1.625rem;
}

.u-type-body-18-regular {
  font-family: "GothamRegular", sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.u-type-body-16-regular {
  font-family: "GothamRegular", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.u-type-body-14-regular {
  font-family: "GothamRegular", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.u-type-body-12-regular {
  font-family: "GothamRegular", sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.u-type-body-18-medium {
  font-family: "GothamMedium", sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.u-type-body-16-medium {
  font-family: "GothamMedium", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.u-type-body-14-medium {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.u-type-body-12-medium {
  font-family: "GothamMedium", sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.u-type-body-18-bold {
  font-family: "GothamBold", sans-serif;
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.u-type-body-16-bold {
  font-family: "GothamBold", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
}

.u-type-body-14-bold {
  font-family: "GothamBold", sans-serif;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.u-type-body-12-bold {
  font-family: "GothamBold", sans-serif;
  font-size: 0.75rem;
  line-height: 1.125rem;
}