._visually-hidden_mj33w_1 {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}._avatar-fallback_dptcb_1 {
  align-items: center;
  display: flex;
}

._avatar-fallback-lg_dptcb_6 {
  font-size: var(--font-sizes-24);
}

._avatar-fallback-md_dptcb_10 {
  font-size: var(--font-sizes-16);
}

._avatar-fallback-sm_dptcb_14 {
  font-size: var(--font-sizes-12);
}

._avatar-fallback-xl_dptcb_18 {
  font-size: var(--font-sizes-32);
}

._avatar-fallback-full_dptcb_22 {
  font-size: var(--font-sizes-24);
}

._avatar-image_dptcb_26 {
  border-radius: inherit;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

._avatar-image-loading_dptcb_33 {
  display: none;
}

._avatar-root_dptcb_37 {
  align-items: center;
  background-color: var(--colors-brand1-lowest);
  border-radius: 99999rem;
  color: var(--colors-brand1-on-lowest);
  display: flex;
  justify-content: center;
  overflow: hidden;
}

._avatar-root-active_dptcb_47 {
  outline: 4px solid var(--colors-brand1-on-lowest);
}

._avatar-root-lg_dptcb_51 {
  height: 4.5rem;
  width: 4.5rem;
}

._avatar-root-md_dptcb_56 {
  height: 3rem;
  width: 3rem;
}

._avatar-root-sm_dptcb_61 {
  height: 2rem;
  width: 2rem;
}

._avatar-root-xl_dptcb_66 {
  height: 7.5rem;
  width: 7.5rem;
}

._avatar-root-full_dptcb_71 {
  height: 100%;
  width: 100%;
}
._back-button-spacer_1kfg3_1 {
  width: 6px;
}
._bottom-sheet_ta795_1 {
  background-color: var(--colors-surface-lowest);
  border-radius: 24px 24px 0 0;
  box-shadow: var(--shadows-l1);
  display: flex;
  flex-direction: column;
  gap: var(--spaces-m);
  margin: 0 auto;
  max-width: 480px;
  overflow: auto;
  padding: var(--spaces-l);
  transition: transform 0.4s ease-in-out;
  width: 100%;
}

._bottom-sheet-no-overflow_ta795_16 {
  overflow: hidden;
}

._bottom-sheet-actions_ta795_20 {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-s);
  margin-top: var(--spaces-xs);
}

._bottom-sheet-closed_ta795_27 {
  transform: translateY(100%);
}

._bottom-sheet-description_ta795_31 {
  font-size: var(--font-sizes-14);
  line-height: var(--line-heights-half);
  margin: 0;
  text-align: center;
}

._bottom-sheet-description_ta795_31 a {
  color: inherit;
}

._bottom-sheet-header_ta795_42 {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

._bottom-sheet-header_ta795_42 button {
  align-items: center;
  align-self: baseline;
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  display: flex;
  justify-content: center;
}


._bottom-sheet-icon_ta795_59 {
  text-align: center;
}

._bottom-sheet-open_ta795_63 {
  transform: translateY(0);
}

._bottom-sheet-title_ta795_67 {
  color: #333;
  font-size: 18px;
  font-style: normal;
  font-weight: var(--font-weights-bold);
  line-height: var(--line-heights-half);
  margin: 0;
  text-align: center;
}

._bottom-sheet-title_ta795_67:focus {
  outline: none;
}

._bottom-sheet-wrapper_ta795_81 {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  inset: 0;
  justify-content: flex-end;
  position: fixed;
  transition: background-color 0.4s ease-in-out;
  width: 100%;
  z-index: 1000;
}

._bottom-sheet-wrapper-closed_ta795_94 {
  background-color: transparent;
  pointer-events: none;
}

._bottom-sheet-wrapper-open_ta795_99 {
  background-color: rgb(0 0 0 / 30%);
}

._confirm-sheet-title_ta795_103 {
  color: var(--colors-on-surface-a);
  font-size: 18px;
  font-style: normal;
  font-weight: var(--font-weights-bold);
  line-height: var(--line-heights-half);
  margin: 0;
  text-align: center;
}

._button_1b7o1_2 {
  align-items: center;
  border: none;
  border-radius: var(--radii-md);
  cursor: pointer;
  display: flex;
  font-family: var(--fonts-sans);
  font-weight: var(--font-weights-normal);
  justify-content: center;
}

._button-colespay_1b7o1_13 {
  border-radius: var(--radii-2xl);
}

._button_1b7o1_2:disabled {
  cursor: not-allowed;
}

/* Variants */

._branded_1b7o1_23 {
  background-color: var(--colors-brand1-highest);
  color: var(--colors-brand1-on-high);
  fill: var(--colors-brand1-on-high);
}

._branded_1b7o1_23:disabled {
  background-color: var(--colors-surface-high);
  color: var(--colors-on-surface-d);
  fill: var(--colors-on-surface-d);
}

._destructive_1b7o1_35 {
  background-color: var(--colors-error-high);
  color: var(--colors-error-on-high);
  fill: var(--colors-error-on-high);
}

._destructive_1b7o1_35:disabled {
  background-color: var(--colors-surface-high);
  color: var(--colors-on-surface-d);
  fill: var(--colors-on-surface-d);
}

._neutral_1b7o1_47 {
  background-color: var(--colors-surface-inverse);
  color: var(--colors-on-surface-inverse);
  fill: var(--colors-on-surface-inverse);
 
}

._neutral_1b7o1_47:disabled {
  background-color: var(--colors-surface-high);
  color: var(--colors-on-surface-d);
  fill: var(--colors-on-surface-d);
}

/* Levels */

._primary_1b7o1_62 {
  border: none;
}

._secondary_1b7o1_66 {
  background-color: var(--colors-surface-highest);
  color: var(--colors-on-surface-a);
  fill: var(--colors-on-surface-a);
}

._tertiary_1b7o1_72 {
  background-color: transparent;
  border: 1px solid var(--colors-on-surface-a);
  color: var(--colors-on-surface-a);
}

._tertiary_1b7o1_72:disabled {
  background-color: transparent;
  border: 1px solid var(--colors-on-surface-d);
  color: var(--colors-on-surface-d);
  fill: var(--colors-on-surface-d);
}

/* Sizes */
._small_1b7o1_86 {
  font-size: var(--font-sizes-12);
  padding: var(--spaces-s) var(--spaces-m);
}

._medium_1b7o1_91 {
  font-size: var(--font-sizes-16);
  padding: var(--spaces-m);
  width: 100%;
}

._large_1b7o1_97 {
  font-size: var(--font-sizes-20);
  padding: var(--spaces-m) var(--spaces-l);
  width: 100%;
}

/* Compound Variants */
._branded-secondary_1b7o1_104 {
  background-color: var(--colors-brand1-lower);
  color: var(  --colors-brand1-on-lowest);
  fill: var(  --colors-brand1-on-lowest);
}

._branded-tertiary_1b7o1_110 {
  background-color: transparent;
  border: 1px solid var(--colors-brand1-on-lowest);
  color: var(--colors-brand1-on-lowest);
  fill: var(--colors-brand1-on-lowest);
}

._branded-tertiary_1b7o1_110:disabled {
  background-color: transparent;
  border: 1px solid var(--colors-on-surface-d);
  color: var(--colors-on-surface-d);
  fill: var(--colors-on-surface-d);
}

._destructive-secondary_1b7o1_124 {
  background-color: var(--colors-error-lowest);
  color: var(--colors-error-on-lowest);
  fill: var(--colors-error-on-lowest);
}

._destructive-tertiary_1b7o1_130 {
  background-color: transparent;
  border: 1px solid var(--colors-error-on-lowest);
  color: var(--colors-error-on-lowest);
  fill: var(--colors-error-on-lowest);
}

._destructive-tertiary_1b7o1_130:disabled {
  background-color: transparent;
  border: 1px solid var(--colors-on-surface-d);
  color: var(--colors-on-surface-d);
  fill: var(--colors-on-surface-d);
}
@keyframes _spin_1pa50_7 {
  to {
      -webkit-transform: rotate(360deg);
    }
}

._spinner_1pa50_7 {
  animation: _spin_1pa50_7 1s linear infinite;
  border-radius: 50%;
  display: block;

}

._spinner-container_1pa50_14 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

._spinner-message_1pa50_21 {
  color: var(--colors-on-surface-a);
  font-size: var(--font-sizes-16);
  margin: 0;
  margin-top: var(--spaces-m);
}._button-spinner_pp99s_1 {
  display: flex;
  gap: var(--spaces-xs);
}

._button-spinner-loading_pp99s_6 {
  cursor: not-allowed;
}._callout_1lest_1 {
  align-items: flex-start;
  border: 1px solid;
  border-radius: var(--spaces-xs);
  display: flex;
  font-size: var(--font-sizes-14);
  gap: var(--spaces-s);
  padding: var(--spaces-m) var(--spaces-l) var(--spaces-m) var(--spaces-m);
}

._callout-content_1lest_11 {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-2xs);
}

._cta_1lest_17 {
  align-items: center;
  display: flex;
  font-weight: var(--font-weights-bold);
  height: 20px;
  margin: 0;
}

._title_1lest_25 {
  font-size: var(--font-sizes-16);
  margin: 0;
}

._description_1lest_30 {
  font-size: var(--font-sizes-14);
  margin: 0;
}

._sm_1lest_35 ._title_1lest_25,
._sm_1lest_35 ._description_1lest_30 {
  display: none;
}

._icon_1lest_40 {
  display: flex;
}

._md_1lest_44 ._icon_1lest_40 {
  display: none;

  @media (width >= 32rem) {
    display: block;
  }
}

._sm_1lest_35 ._icon_1lest_40 {
  align-self: center;
}

._default_1lest_56 {
  background-color: var(--colors-brand1-on-high);
  border-color: var(--colors-brand1-highest);
}

._default_1lest_56 ._cta_1lest_17,
._default_1lest_56 ._cta_1lest_17 * {
  color: var(--colors-brand1-highest);
}

._error_1lest_66 {
  background-color: var(--colors-error-lowest);
  border-color: var(--colors-error-on-lowest);
}

._error_1lest_66 ._cta_1lest_17,
._error_1lest_66 ._cta_1lest_17 * {
  color: var(--colors-error-on-lowest);
}

._success_1lest_76 {
  background-color: var(--colors-success-lowest);
  border-color: var(--colors-success-high);
}

._success_1lest_76 ._cta_1lest_17,
._success_1lest_76 ._cta_1lest_17 * {
  color: var(--colors-success-high);
}

._close-button_1lest_86 {
  background: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
  line-height: 0;
  margin: 0 0 0 auto;
  outline: none;
  padding: 0;
}
._footer_1hde5_1 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--spaces-l);
  justify-content: flex-end;
}
._title-wrapper_1ka18_1 {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-2xs);
  margin-bottom: var(--spaces-l);
}

._form-subtitle_1ka18_8 {
  color: var(--colors-on-surface-b);
  font-size: var(--font-sizes-14);
  font-weight: var(--font-weights-normal);
  margin: 0;
}
._button-delete_1yukl_1 {
  display: flex;
  gap: var(--spaces-xs);
}
._edit-card-bottom-sheet-error-description_17oja_1 {
  a {
    color: var(--colors-on-surface-b);
    font-weight: var(--font-weights-bold);
  }
}
._button-cancel_tt6w4_1 {
  background-color: var(--colors-surface-lowest);
  color: var(--colors-on-surface-a);
  font-weight: var(--font-weights-bold);
  padding-bottom: 0;
  padding-top: 0;
  text-decoration: underline;
}._button-other_xqx8k_1 {
  background-color: var(--colors-surface-lowest);
  color: var(--colors-on-surface-a);
  font-weight: var(--font-weights-bold);
  padding-bottom: 0;
  padding-top: 0;
  text-decoration: underline;
}._button-edit_k4poj_1 {
  background-color: var(--colors-surface-lowest);
  color: var(--colors-on-surface-a);
  font-weight: var(--font-weights-bold);
  padding: 0;
  text-decoration: underline;
}._privacy-notice_6o4bd_1 {
  background: none;
  border: none;
  color: var(--colors-brand1-low);
  display: flex;
  font-size: var(--font-sizes-14);
  line-height: 1.2;
  margin: 1rem auto;
  text-align: center;
  text-decoration: underline;
}
  
._checkout-summary-header_1n9r8_1 {
  align-items: center;
  border-bottom: 1px solid var(--colors-on-surface-d);
  display: flex;
  flex-direction: column;
  gap: var(--spaces-m);
  padding-bottom: 2.25rem;
}

._checkout-summary-header-title_1n9r8_10 {
  color: var(--colors-on-surface-a);
  font-size: 1.75rem;
  font-weight: var(--font-weights-normal);
  line-height: 1.2;
  margin: 0;
  text-align: center;
}

._checkout-summary-header-title-text_1n9r8_19 {
  font-weight: var(--font-weights-bold);
}

._checkout-summary-header-metadata-list_1n9r8_23 {
  list-style: none;
  margin: 0;
  padding: 0;
}

._checkout-summary-header-metadata-list-item-text_1n9r8_29 {
  color: var(--colors-on-surface-b);
  font-size: var(--font-sizes-14);
  line-height: 1.2;
  margin: 0;
  text-align: center;
}
._checkout-summary-order-status-pill_hyqem_1 {
  background-color: var(--colors-success-lowest);
  border-radius: var(--radii-sm);
  color: var(--colors-success-on-lowest);
  display: flex;
  font-size: var(--font-sizes-14);
  gap: var(--spaces-2xs);
  justify-content: center;
  line-height: 1.2;
  padding: var(--spaces-xs) var(--spaces-s);
}
._checkout-summary-payment-row_ayrn4_1 {
  display: flex;
  gap: var(--spaces-xl);
  justify-content: space-between;
}

._checkout-summary-payment-row-header_ayrn4_7 {
  align-items: center;
  display: flex;
  gap: var(--spaces-2xs);
}

._checkout-summary-payment-row-text-xs_ayrn4_13 {
  color: var(--colors-on-surface-c);
  font-size: var(--font-sizes-12);
  line-height: 1.2;
  margin: 0;
}

._checkout-summary-payment-row-text-sm_ayrn4_20 {
  color: var(--colors-on-surface-a);
  font-size: var(--font-sizes-14);
  line-height: 1.2;
  margin: 0;
}
._checkout-summary-transaction-row_25s5y_1 {
  display: flex;
  gap: var(--spaces-xl);
  justify-content: space-between;
}

._checkout-summary-transaction-row-text-xs_25s5y_7 {
  color: var(--colors-on-surface-a);
  font-size: var(--font-sizes-12);
  line-height: 1.2;
  margin: 0;
}
._checkout-summary-wrapper_7ce1g_1 {
  display: flex;
  flex-direction: column;
  margin-bottom: 8.25rem;

  @media (height <= 250px) {
    padding: 0 2.25rem 2.25rem;
  }
}

._checkout-summary-content_7ce1g_11 {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-l);
  margin-bottom: 2.25rem;
  padding-top: 2.25rem;
}

._checkout-summary-content-subheading_7ce1g_19 {
  color: var(--colors-on-surface-a);
  font-size: var(--font-sizes-16);
  font-weight: var(--font-weights-bold);
  line-height: 1.2;
  margin: 0;
  text-align: left;
}

._checkout-summary-content-payment-list_7ce1g_28 {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-m);
  list-style: none;
  margin: 0;
  padding: 0;
}

._checkout-summary-content-payment-list-item_7ce1g_37 {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-xs);
}

._checkout-summary-content-payment-details-list_7ce1g_43 {
  list-style: none;
  margin: 0;
  padding-left: 1.25rem;
}

._checkout-summary-content-total-paid_7ce1g_49 {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-2xs);
}

._checkout-summary-content-total-paid-row_7ce1g_55 {
  display: flex;
  gap: var(--spaces-xl);
  justify-content: space-between;
}

._checkout-summary-content-total-paid-row-text-lg_7ce1g_61 {
  font-size: 1.125rem;
  font-weight: var(--font-weights-bold);
  line-height: 1.2;
  margin: 0;
}

._checkout-summary-content-total-paid-row-text-xs_7ce1g_68 {
  font-size: var(--font-sizes-12);
  line-height: 1.2;
  margin: 0;
}

._checkout-summary-content-pending-message_7ce1g_74 {
  color: var(--colors-on-surface-c);
  font-size: var(--font-sizes-12);
  line-height: 1.2;
  margin: 0;
}

._checkout-summary-content-footnote_7ce1g_81 {
  color: var(--colors-on-surface-c);
  font-size: var(--font-sizes-12);
  line-height: 1.2;
  margin: 0;
}
._payment-sheet-error-container_140tl_1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 230px;
}

._payment-sheet-error-wrapper_140tl_9 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spaces-l);
  justify-content: center;
  width: 100%;

  > div {
    display: flex;
    flex-direction: column;
    gap: var(--spaces-xs);
    text-align: center;

    p {
      margin: 0;
    }

    a {
      color: var(--colors-action);
      font-weight: var(--font-weights-bold);
      text-decoration: none;

      :hover {
        text-decoration: underline;
      }
    }
  }

  > button {
    margin-top: var(--spaces-s);
    width: 100%;
  }
}

._payment-sheet-error-title_140tl_44 {
  font-size: var(--font-sizes-20);
  font-weight: var(--font-weights-bold);
  line-height: var(--line-heights-normal);
  margin-bottom: 0;
  margin-top: 0;
}
._payment-sheet-summary-wrapper_1bm32_1 {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-s);
  margin-top: var(--spaces-s);
  min-height: 9.5rem;
}

._payment-sheet-summary-list_1bm32_9 {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-xs);
  list-style: none;
  margin: 0;
  padding: 0;
}

._payment-sheet-summary-list-item-row_1bm32_18 {
  display: flex;
  gap: var(--spaces-xl);
  justify-content: space-between;
}

._payment-sheet-summary-list-item-pending-row_1bm32_24 {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-2xs);
}

._payment-sheet-summary-total-paid-group_1bm32_30 {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-2xs);
}

._payment-sheet-summary-footnote_1bm32_36 {
  color: var(--colors-on-surface-c);
  font-size: var(--font-sizes-14);
  line-height: 1.2;
  margin: 0;
}

._payment-sheet-summary-text-xs_1bm32_43 {
  color: var(--colors-on-surface-a);
  font-size: var(--font-sizes-12);
  line-height: 1.2;
  margin: 0;
}

._payment-sheet-summary-text-xs-on-surface-c_1bm32_50 {
  color: var(--colors-on-surface-c);
  font-size: var(--font-sizes-12);
  line-height: 1.2;
  margin: 0;
}

._payment-sheet-summary-text-sm_1bm32_57 {
  color: var(--colors-on-surface-a);
  line-height: 1.2;
  margin: 0;
}

._payment-sheet-summary-text-sm-on-surface-c_1bm32_63 {
  color: var(--colors-on-surface-c);
  line-height: 1.2;
  margin: 0;
}

._payment-sheet-summary-text-lg_1bm32_69 {
  color: var(--colors-on-surface-a);
  line-height: 1.2;
  margin: 0;
}

._payment-sheet-summary-text-lg-bold_1bm32_75 {
  color: var(--colors-on-surface-a);
  font-size: 1.125rem;
  font-weight: var(--font-weights-bold);
  line-height: 1.2;
  margin: 0;
}
._payment-summary-footer_1g3ht_1 {
  background-color: var(--colors-surface-lowest);
  border-radius: var(--radii-xl) var(--radii-xl) 0 0;
  bottom: 0;
  box-shadow: var(--shadows-l1);
  left: 50%;
  max-width: 480px;
  position: fixed;
  transform: translateX(-50%);
  width: 100%;
  z-index: 10;

  > div {
    padding-top: var(--spaces-m);
  }

  @media screen and (height <= 250px) {
    position: initial;
    transform: initial;
  }
}
._fieldset_19glq_1 {
  border: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spaces-m);
  padding: 0;
}

._field-column_19glq_9 {
  display: flex;
  gap: var(--spaces-l);
  margin-bottom: var(--spaces-m);
  width: 100%;
}

._field-column_19glq_9 > div {
  width: 8rem;
}._card-name_64c5w_1 {
  color: var(--colors-on-surface-a);
  flex: 1;
  font-size: var(--font-sizes-16);
  font-weight: var(--font-weights-bold);
  line-height: var(--line-heights-half);
  margin-bottom: 0;
  margin-top: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._card-name-unavailable_64c5w_15 {
  color: var(--colors-on-surface-c);
}

._card-number_64c5w_19 {
  color: var(--colors-on-surface-c);
  font-size: var(--font-sizes-14);
  font-weight: var(--font-weights-normal);
  line-height: var(--line-heights-half);
  margin-bottom: 0;
  margin-top: 0;
}

@keyframes _slide-down_64c5w_1 {
  from { height: 0; }
  to { height: var(--radix-collapsible-content-height); }
}

@keyframes _slide-up_64c5w_1 {
  from { height: var(--radix-collapsible-content-height); }
  to { height: 0; }
}

._card-select-content_64c5w_38 {
  animation: _slide-up_64c5w_1 250ms ease-out;
}

._card-select-content-open_64c5w_42 {
  animation: _slide-down_64c5w_1 250ms ease-out;
}

@keyframes _fade-in_64c5w_1 {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes _fade-out_64c5w_1 {
  from { opacity: 1; }
  to { opacity: 0; }
}

._card-select-option_64c5w_56 {
  align-items: center;
  animation: _fade-in_64c5w_1 250ms ease-in;
  background: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  gap: var(--spaces-m);
  justify-content: space-between;
  padding: var(--spaces-m) var(--spaces-l);
  text-transform: none;
  width: 100%;
}

._card-select-option-fade-out_64c5w_71 {
  animation: _fade-out_64c5w_1 250ms ease-in;
}

._card-select-option-unavailable_64c5w_75 {
  cursor: default;
}

._card-select-option_64c5w_56:not(._card-select-option-unavailable_64c5w_75):hover {
  background-color: var(--colors-surface-high);
}

._card-select-option_64c5w_56 > div:first-of-type {
  flex-shrink: 0;
}

._chevron-container_64c5w_87 {
  transform: rotate(-90deg);
  transition: transform 250ms cubic-bezier(0.87, 0, 0.13, 1);
}

._chevron-container-open_64c5w_92 {
  transform: rotate(90deg);
}

._selected-card_64c5w_96 {
  align-items: center;
  background: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  gap: var(--spaces-m);
  justify-content: space-between;
  padding: var(--spaces-m) var(--spaces-l);
  text-transform: none;
  width: 100%;
}

._selected-card_64c5w_96 > div:first-of-type {
  flex-shrink: 0;
}

._error-message-container_64c5w_114 {
  display: none;
  flex-direction: row;
  gap: var(--spaces-xs);
  margin-bottom: var(--spaces-xs);
  opacity: 0;
  transition: opacity 400ms ease-out;
}

._error-message-container-invalid_64c5w_123 {
  display: flex;
  opacity: 1;
}

._error-message-text_64c5w_128 {
  color: var(--colors-error-on-lowest);
  font-size: var(--font-sizes-14);
  font-weight: var(--font-weights-normal);
  line-height: var(--line-heights-half);
  margin: 0;
}

._card-select-list_64c5w_136 {
  list-style: none;
  margin: 0;
  padding: 0;
}

._card-select-menu_64c5w_142 {
  background-color: var(--colors-surface-lowest);
  border-radius: var(--radii-md);
  box-shadow: 0 8px 32px 0 rgb(0 0 0 / 4%);
  margin-bottom: var(--spaces-s);
  width: 100%;
}._pill-root_n5rtv_1 {
  align-items: center;
  border-radius: var(--radii-md);
  display: flex;
}

._pill-root-size-sm_n5rtv_7 {
  padding: var(--spaces-s) var(--spaces-m);
}

._pill-root-size-xs_n5rtv_11 {
  padding: var(--spaces-xs) var(--spaces-m);
}

._pill-root-variant-brand1_n5rtv_15 {
  background-color: var(--colors-brand1-lowest);
}

._pill-root-variant-error_n5rtv_19 {
  background-color: var(--colors-error-lowest);
}

._pill-root-variant-generic_n5rtv_23 {
  background-color: var(--colors-surface-high);
}

._pill-root-variant-success_n5rtv_27 {
  background-color: var(--colors-success-lowest);
}

._pill-root-variant-warning_n5rtv_31 {
  background-color: var(--colors-warning-lowest);
}

._pill-content_n5rtv_35 {
  align-items: center;
  color: var(--colors-on-surface-b);
  display: flex;
  font-family: var(--font-sans);
  font-size: var(--font-sizes-14);
  gap: var(--spaces-xs);
  line-height: 100%;
}

._pill-content-variant-brand1_n5rtv_45 {
  color: var(--colors-brand1-on-lowest);
}

._pill-content-variant-error_n5rtv_49 {
  color: var(--colors-error-on-lowest);
}

._pill-content-variant-generic_n5rtv_53 {
  color: var(--colors-on-surface-b);
}

._pill-content-variant-success_n5rtv_57 {
  color: var(--colors-success-on-lowest);
}

._pill-content-variant-warning_n5rtv_61 {
  color: var(--colors-warning-on-lowest);
}
._button-reset_a9g45_1 {
  background: none;
  border: 0;
  border-radius: 0;
  text-transform: none;
}

._card-nickname_a9g45_8 {
  color: var(--colors-on-surface-a);
  flex: 1;
  font-size: var(--font-sizes-16);
  font-weight: var(--font-weights-bold);
  line-height: var(--line-heights-half);
  margin-bottom: 0;
  margin-top: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._card-nickname-unavailable_a9g45_22 {
  color: var(--colors-on-surface-c);
}

._card-number_a9g45_26 {
  color: var(--colors-on-surface-c);
  font-size: var(--font-sizes-14);
  font-weight: var(--font-weights-normal);
  line-height: var(--line-heights-normal);
  margin-bottom: 0;
  margin-top: 0;
}

._cards-list_a9g45_35 {
  background-color: var(--colors-surface-lowest);
  border-radius: var(--radii-md);
  box-shadow: 0 2px 12px rgb(0 0 0 / 4%);
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

._list-option_a9g45_45 {
  align-items: center;
  background: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  gap: var(--spaces-m);
  justify-content: space-between;
  padding: var(--spaces-m) var(--spaces-l);
  text-transform: none;
  width: 100%;
}

._list-option_a9g45_45:hover {
  background-color: var(--colors-surface-high);
}

._list-option_a9g45_45 > div:first-of-type {
  flex-shrink: 0;
}
._card_120aj_1 {
  aspect-ratio: 79/50;
  box-sizing: border-box;
  display: flex;
  padding: var(--spaces-m);
}

._logo-card_120aj_8 {
  align-items: center;
  background: var(--colors-brand1-highest);
  color: var(--colors-brand1-on-high);
  justify-content: center;
  padding: 20px;
}

._mycoles_120aj_16 {
  background: transparent;
  color: var(--colors-on-surface-a);
  padding: 0;
}

._logo_120aj_8 svg {
  display: block;
  height: auto;
  max-width: 100%;
}

._card-xs_120aj_28 {
  border-radius: var(--radii-sm);
  height: 2rem;
  overflow: hidden;
  padding: 0;
  width: 3rem;
}

._card-sm_120aj_36 {
  border-radius: var(--radii-md);
  overflow: hidden;
  padding: 0;
  width: 6rem;
}

._card-md_120aj_43 {
  border-radius: var(--radii-lg);
  gap: var(--spaces-s);
  overflow: hidden;
  width: 10rem;
}

._card-lg_120aj_50 {
  align-items: end;
  border-radius: var(--radii-lg);
  display: flex;
  padding: var(--spaces-xl);
  width: 100%;
}

._card-lg-flybuys_120aj_58 {
  align-items: flex-start;
  flex-direction: column-reverse;
  justify-content: space-between;
  width: 100%;
}

._card-visa_120aj_65 {
  background-color: #1434CB;
  color: var(--colors-on-surface-inverse);
}

._card-mastercard_120aj_70 {
  background-color: #141413;
  color: var(--colors-on-surface-inverse);
}

._card-amex_120aj_75 {
  background-color: #006FCF;
  color: var(--colors-on-surface-inverse);
}

._card-eftpos_120aj_80 {
  background-color: #1F0038;
  color: var( --colors-on-surface-inverse);
}

._card-default_120aj_85 {
  background-color: #E9E4D3;
  color: var(--colors-on-surface-a);
}

._card-content_120aj_90 {
  align-items: flex-end;
  display: flex;
  flex-grow: 1;
  gap: var(--spaces-s);
  justify-content: space-between;
  margin-top: auto;
  min-width: 0;
}

._card-content-simple_120aj_100 {
  align-items: center;
  justify-content: center;
  margin-top: 0;
}

._card-text_120aj_106 {
  font-family: var(--font-sans);
  font-size: var(--font-size-20);
  font-weight: var(--weight-normal);
  line-height: var(--line-height-half);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._spaced-text_120aj_117 {
  font-size: var(--font-size-16);
  letter-spacing: 0.16em;
}

._card-lhs_120aj_122 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-width: 0;
}

._card-rhs_120aj_129 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spaces-xs);
}

._loyalty-card_120aj_136 {
  align-items: center;
  background: #f0f0f0;
  box-sizing: border-box;
  color: #007cc2;
  display: flex;
  justify-content: center;
}

._loyalty-card_120aj_136 svg {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

._loyalty-card-xs_120aj_152 {
  height: 2rem;
  width: 3rem;
}

._loyalty-card-sm_120aj_157 {
  aspect-ratio: 79 / 50;
  max-width: 6rem;
}

._loyalty-card-md_120aj_162 {
  aspect-ratio: 79 / 50;
  width: 10rem;
}

._loyalty-card-lg_120aj_167 {
  align-items: flex-start;
  aspect-ratio: 79 / 50;
  flex-direction: column-reverse;
  justify-content: space-between;
  width: 100%;
}

._loyalty-card-flybuys_120aj_175 {
  background: #f0f0f0;
  color: #007cc2;
}
._error-message-container_1tdid_1 {
  align-items: center;
  display: none;
  flex-direction: row;
  gap: var(--spaces-xs);
  margin-bottom: var(--spaces-xs);
}

._has-error_1tdid_9 {
  display: flex;
  opacity: 1;
}

._error-message-container_1tdid_1._align-left_1tdid_14 {
  text-align: left;
}

._error-message-text_1tdid_18 {
  color: var(--colors-error-on-lowest);
  font-size: var(--font-sizes-14);
  font-weight: var(--font-weights-normal);
  line-height: var(--line-heights-half);
  margin: 0;
}
._checkbox_j7svv_1 {
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

._input-wrapper_j7svv_10 {
  align-items: center;
  display: flex;
  gap: var(--spaces-xs);
}

._label_j7svv_16 {
  color: var(--colors-on-surface-a);
  line-height: var(--line-heights-normal);
  padding-left: 1.75rem;
  position: relative;
  user-select: none;
}

._label_j7svv_16 p {
  margin: 0;
}

._label_j7svv_16 a {
  color: var(--colors-brand1-lowest);
  font-weight: var(--font-weights-bold);
  text-decoration: underline;
}

._label-colespay_j7svv_34 a {
  color: var(--colors-on-surface-a);
}

._label_j7svv_16::before {
  border: 1px solid var(--colors-on-surface-a);
  border-radius: var(--radii-md);
  content: '';
  cursor: pointer;
  display: inline-block;
  height: 1.25rem;
  left: 0;
  position: absolute;
  top: 0.05rem;
  width: 1.25rem;
}

input:focus + ._label_j7svv_16::before {
  outline: 2px solid var(--colors-focus-light);
  outline-offset: 2px;
}

input:checked + ._label_j7svv_16::before {
  background: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='none'%20viewBox='0%200%2012%209'%3e%3cpath%20stroke='%23ffffff'%20strokeLinecap='round'%20strokeLinejoin='round'%20d='M1%204.236l3.214%203.215L11%20.667'%3e%3c/path%3e%3c/svg%3e") center center no-repeat;
  background-color: var(--colors-brand1-highest);
  background-size: 0.85rem;
  border-color: var(--colors-brand1-highest);
}

._label-disabled_j7svv_63::before {
  background-color: var(--colors-surface-low);
  border: 1px solid var(--colors-on-surface-d);
  cursor: not-allowed;
}
._payment-method-header_1l1at_1 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--spaces-m);
}

._payment-method-header_1l1at_1 p {
  font-size: 1.125rem;
}

._payment-method-header_1l1at_1 button {
  font-size: var(--font-sizes-14);
}

._item-title_1l1at_16 {
  font-family: var(--fonts-sans);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: var(--font-weights-normal);
  line-height: var(--line-heights-half);
  margin: var(--spaces-s) 0;
}

._checkout-item-wrapper_1l1at_25 {
  margin-bottom: var(--spaces-xl);
}

._button-icon-spacer_1l1at_29 {
  width: 6px;
}
@keyframes _slide-down_dne3c_1 {
  from {
    height: 0;
    visibility: 'hidden';
  }

  to {
    height: var(--radix-collapsible-content-height);
    visibility: 'visible';
  }
}

@keyframes _slide-up_dne3c_1 {
  from {
    height: var(--radix-collapsible-content-height);
    visibility: 'visible';
  }

  to {
    height: 0;
    visibility: 'hidden';
  }
}

._wrapper_dne3c_25 {
  background-color: var(--colors-surface-lowest);
  border-top-left-radius: var(--radii-xl);
  border-top-right-radius: var(--radii-xl);
  box-shadow: var(--shadows-l2);
  display: flex;
  flex-direction: column;
  font-style: normal;
  gap: var(--spaces-l);
  max-height: 100vh;
  overflow: auto;
  padding: var(--spaces-m) var(--spaces-xl) var(--spaces-xl);
}

._collapsible-content_dne3c_39 {
  margin: 0 calc(var(--spaces-m) * -1);
  overflow: auto;
  padding: 0 var(--spaces-m);
  transition: opacity 400ms ease-in;

  &[data-state='closed'] {
    animation: _slide-up_dne3c_1 250ms ease-in-out forwards;
    opacity: 0;
  }

  &[data-state='open'] {
    animation: _slide-down_dne3c_1 250ms ease-in-out forwards;
    overflow-y: hidden;
  }
}

._trigger-content_dne3c_56 {
  align-items: center;
  color: var(--colors-on-surface-b);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: var(--spaces-xs);
  height: 50px;
  justify-content: center;

  svg {
    transform: rotate(90deg);
  }
}

._trigger-content-open_dne3c_71 svg {
  transform: rotate(-90deg);
}

._title_dne3c_75 {
  color: var(--colors-on-surface-b);
  font-family: var(--fonts-sans);
  font-size: var(--font-sizes-14);
  font-weight: var(--font-weights-normal);
  line-height: var(--line-heights-none);
  margin: 0;
  padding: 0;
  transition: transform 250ms ease-in-out;
}

._title-open_dne3c_86 {
  color: var(--colors-on-surface-a);
  font-size: var(--font-sizes-16);
  font-weight: var(--font-weights-bold);
}

._trigger-button_dne3c_92 {
  background-color: var(--colors-surface-lowest);
  border: none;
  border-radius: var(--radii-md);
  box-shadow: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  width: 100%;

  &:focus-visible {
    outline: 2px solid var(--colors-focus-light);
    outline-offset: 2px;
  }
}
@keyframes _show-content_gn5s3_1 {
  from {
    opacity: 0;
    transform: translate(-50%, -48%) scale(0.96);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes _overlay-show_gn5s3_1 {
  from {
    opacity: 0;
  }

  to {
    opacity: 0.5;
  }
}

._dialog-inner_gn5s3_23 {
  align-items: flex-start;
  animation: _show-content_gn5s3_1 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  background: var(--colors-surface-lowest);
  border-radius: var(--radii-xl);
  box-shadow: var(--shadows-l4);
  display: flex;
  flex-direction: column;
  gap: var(--spaces-2xl);
  left: 50%;
  max-height: 100%;
  max-width: 600px;
  overflow: hidden auto;
  padding: var(--spaces-xl) var(--spaces-2xl);
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 90vw;
  z-index: 1000;
}

._dialog-inner_gn5s3_23:focus {
  outline: none;
}

._dialog-header_gn5s3_48 {
  width: 100%;
}

._dialog-title_gn5s3_52 {
  align-items: center;
  display: flex;
  inset: 0;
  justify-content: space-between;
  position: relative;
}

._dialog-title-text_gn5s3_60 {
  align-items: center;
  color: var(--colors-on-surface-a);
  display: flex;
  font-size: var(--font-sizes-24);
  font-style: normal;
  font-weight: var(--font-weights-bold);
  line-height: 1.2;
  margin: 0;
}

._dialog-description_gn5s3_71 p {
  margin: 0;
}

._dialog-intro_gn5s3_75 {
  color: var(--colors-on-surface-c);
  font-size: var(--font-sizes-16);
  font-style: normal;
  font-weight: var(--font-weights-normal);
  line-height: 1.2;
}

._dialog-intro_gn5s3_75 p {
  margin: var(--spaces-s) 0 0 0;
}

._dialog-close-button_gn5s3_87 {
  align-self: baseline;
  background: none;
  border: none;
  cursor: pointer;
  display: inline-flex;
}

._dialog-body_gn5s3_95 {
  order: 2;
  width: 100%;
}

._dialog-footer_gn5s3_100 {
  order: 3;
  width: 100%;
}

._dialog-overlay_gn5s3_105 {
  animation: _overlay-show_gn5s3_1 0.3s ease-in-out;
  background-color: rgb(0 0 0 / 70%);
  inset: 0;
  opacity: 0.5;
  position: fixed;
  z-index: 900;
}

._style-dialog-trigger_gn5s3_114 {
  background: none;
  border: none;
}
._divider_d99n8_1 {
  background-color: var(--colors-on-surface-d);
  position: relative;
}

._horizontal_d99n8_6 {
  height: 1px;
  width: 100%;
}

._vertical_d99n8_11 {
  height: 100%;
  width: 1px;
}

._vertical_d99n8_11::after {
  content: '';
  display: block;
  height: 100%;
}
._wrapper_1cuvd_1 {
  align-items: center;
  background: var(--colors-surface-lowest);
  border: none;
  border-radius: var(--radii-md);
  box-shadow: var(--shadows-l2);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: var(--spaces-m);
  height: 64px;
  padding: var(--spaces-m) var(--spaces-l);
  width: 100%;
}

._wrapper_1cuvd_1 p {
  color: var(--colors-on-surface-a);
  display: flex;
  font-size: var(--font-sizes-16);
  font-style: normal;
  font-weight: 600;
  line-height: var(--line-heights-half);
}

._plus-icon-wrapper_1cuvd_25 {
  align-items: center;
  background: var(--colors-surface-high);
  border-radius: 5px;
  display: flex;
  height: 32px;
  justify-content: center;
  width: 48px;
}._button-container_j82tw_1 {
  align-self: center;
  margin-top: 2rem;

  a,
  button {
    background-color: var(--colors-brand1-highest);
    border: 0;
    border-radius: var(--radii-md);
    color: var(--colors-brand1-on-high);
    cursor: pointer;
    display: inline-block;
    font-size: var(--font-sizes-14);
    padding: var(--spaces-s);
    text-decoration: none;
    width: 100%;
  }
}

._button-container-coles_j82tw_20 {
  a,
  button {
    border-radius: var(--radii-2xl);
  }
}

._container_j82tw_27 {
  margin: auto;
  max-width: 460px;
  text-align: center;
}

._error-container_j82tw_33 {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 100vh;
}

._error-layout-container_j82tw_40 {
  align-items: center;
  display: grid;
  flex-direction: column;
  grid-template-rows: 3fr 1fr;
  justify-content: center;
  max-width: 480px;
  min-height: 100dvh;
  padding: 24px;
  position: relative;
  width: 100%;
}

._error-title_j82tw_53 {
  color: var(--colors-on-surface-a);
  font-size: var(--font-sizes-20);
  font-weight: var(--font-weights-bold);
  margin: var(--spaces-m) 0 var(--spaces-xs);
}

._error-message_j82tw_60 {
  color: var(--colors-on-surface-b);
  font-size: var(--font-sizes-14);
  line-height: var(--line-heights-half);
  margin: 0;

  a {
    color: inherit;
  }
}
._error-inline-container_pe5jq_1 {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: var(--spaces-xs);
  margin: var(--spaces-xs) 0;
  text-align: left;
  transition: opacity 400ms ease-out;
}

._align-left_pe5jq_11 {
  text-align: left;
}

._error-inline-text_pe5jq_15 {
  color: var(--colors-error-on-lowest);
  font-size: var(--font-sizes-14);
  font-weight: var(--font-weights-normal);
  line-height: var(--line-heights-half);
  margin: 0;
}

._icon_pe5jq_23 {
  width: 16px;
}
._container_1oohi_1 {
  align-items: center;
  background-color: var(--colors-surface-low);
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100dvh;
  position: relative;
  width: 100%;
  z-index: 50;
}

._inner_1oohi_13 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 480px;
  min-height: 100dvh;
  padding: var(--spaces-l);
  padding-bottom: 6rem;
  position: relative;
  text-align: center;
}

._icon_1oohi_25 {
  margin-bottom: var(--spaces-l);
  text-align: center;
}

._content_1oohi_30 {
  color: var(--colors-on-surface-b);
}

._content_1oohi_30 p {
  font-size: var(--font-sizes-14);
  line-height: var(--line-heights-normal);
}

._content_1oohi_30 a {
  color: inherit;
}

._button_1oohi_43 {
  inset: var(--spaces-l);
  position: absolute;
  top: auto;
}
._title_1do0y_1 {
  font-size: var(--font-sizes-20);
  font-weight: var(--font-weights-bold);
  margin-bottom: 0;
  margin-top: 0;
}

._title-spacing_1do0y_8 {
  margin-top: var(--spaces-s);
}

._title-weight-normal_1do0y_12 {
  font-weight: var(--font-weights-normal);
}._brand-image_nd76r_1 {
  height: 2rem;
  object-fit: contain;
  object-position: center;
  width: 5rem;
}

@keyframes _scale-in_nd76r_1 {
  from { opacity: 0; }
  to { opacity: 1; }
}

._dropdown-content_nd76r_13 {
  align-items: flex-start;
  animation: _scale-in_nd76r_1 0.5s ease-out;
  background-color: var(--colors-surface-lowest);
  border-radius: 0 0 var(--radii-md) var(--radii-md);
  box-shadow: 0 8px 20px 0 rgb(0 0 0 / 8%);
  display: flex;
  flex-direction: column;
  height: 200px;
  overflow: scroll;
  padding: 5rem var(--spaces-m) var(--spaces-l);
}

@media (height >= 240px) {
  ._dropdown-content_nd76r_13 {
    height: auto;
    overflow: auto;
  }
}

._dropdown-link_nd76r_33 {
  border-radius: var(--radii-sm);
  color: var(--colors-on-surface-b);
  font-size: var(--font-sizes-14);
  line-height: var(--line-heights-half);
  padding: var(--spaces-xs) var(--spaces-m);
  text-decoration: underline;
  width: 100%;
}

._dropdown-link-list_nd76r_43 {
  list-style: none;
  margin: 0;
  padding: 0;
}

._dropdown-link-list-item_nd76r_49 {
  border-radius: var(--radii-sm);
  color: var(--colors-on-surface-b);
  font-size: var(--font-sizes-14);
  line-height: var(--line-heights-half);
  padding: var(--spaces-xs) var(--spaces-m);
  text-decoration: underline;
  width: 100%;
}

._dropdown-portal_nd76r_59 {
  z-index: 9;
}

._dropdown-portal_nd76r_59 > div:has(> ._dropdown-content_nd76r_13) {
  max-width: 480px;
  width: 100%;
}

._dropdown-separator_nd76r_68 {
  background-color: var(--colors-on-surface-d);
  height: 1px;
  margin: var(--spaces-l) 0;
  width: 100%;
}

._hamburger-toggle_nd76r_75 {
  height: 12px;
  opacity: 1;
  position: relative;
  transform: scale(1);
  transition:
    opacity 300ms ease-out,
    transform 300ms ease-out;
  width: 12px;
}

._bar-1_nd76r_86,
._bar-2_nd76r_87,
._bar-3_nd76r_88 {
  background: var(--colors-on-surface-a);
  border-radius: var(--radii-sm);
  height: 2px;
  left: 0;
  position: absolute;
  transition:
    transform 300ms ease-out,
    right 300ms ease-in-out,
    width 200ms ease-out,
    left 300ms ease-in-out,
    top 300ms ease-in-out;
}

._bar-1_nd76r_86 {
  top: 0;
  width: 12px;
}

._bar-2_nd76r_87 {
  top: 5px;
  width: 10px;
}

._bar-3_nd76r_88 {
  top: 10px;
  width: 8px;
}

._hamburger-toggle-open_nd76r_117 ._bar-1_nd76r_86 {
  top: 5px;
  transform: rotate(135deg);
  width: 14px;
}

._hamburger-toggle-open_nd76r_117 ._bar-2_nd76r_87 {
  width: 0;
}

._hamburger-toggle-open_nd76r_117 ._bar-3_nd76r_88 {
  top: 5px;
  transform: rotate(-135deg);
  width: 14px;
}

._profile-button_nd76r_133 {
  all: unset;
  align-items: center;
  border-radius: var(--radii-sm);
  cursor: pointer;
  display: flex;
  gap: var(--spaces-m);
  padding-left: var(--spaces-xs);
}

._profile-button_nd76r_133:focus,
._profile-button_nd76r_133:focus-visible {
  outline: 2px solid var(--colors-focus-light);
  outline-offset: 2px;
}

._item-button_nd76r_149 {
  all: unset;
  align-items: center;
  border-radius: var(--radii-sm);
  cursor: pointer;
  display: flex;
  font-size: var(--font-sizes-14);
  gap: var(--spaces-s);
  line-height: var(--line-heights-half);
  padding: var(--spaces-xs) var(--spaces-m);
}

._item-button_nd76r_149:focus,
._item-button_nd76r_149:focus-visible {
  outline: 2px solid var(--colors-focus-light);
  outline-offset: 2px;
}

._top-bar-wrapper_nd76r_167 {
  align-items: center;
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 480px;
  padding: 1.25rem 2rem;
  position: relative;
  width: 100%;
  z-index: 10;
}

._top-bar-wrapper-open_nd76r_180 {
  background-color: var(--colors-surface-lowest);
}

._profile-details-wrapper_nd76r_184 {
  align-items: center;
  display: flex;
  gap: 1rem;
  margin: 0;
  padding: 0;
}

._profile-details-wrapper-avatar-left_nd76r_192 {
  flex-direction: row-reverse;
}

._details-text-wrapper_nd76r_196 {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}

._details-text-wrapper-avatar-left_nd76r_202 {
  align-items: flex-start;
}

._details-text-wrapper-heading_nd76r_206 {
  font-size: var(--font-sizes-24);
  font-weight: var(--font-weights-normal);
}

._details-text-wrapper-text_nd76r_211 {
  font-size: var(--font-sizes-12);
  font-weight: var(--font-weights-normal);
  margin: 0;
}._main-layout-container_1htku_1 {
  --logo-size: '72px';
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 480px;
  min-height: 100dvh;
  position: relative;
  width: 100%;
}

._header-container_1htku_13 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 2.25rem var(--spaces-xl);
  width: 100%;
}

._header-order-details-container_1htku_21 {
  display: flex;
  flex-direction: column;
  max-width: calc(100% - var(--logo-size));
}

._main-layout-inner-container_1htku_27 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-start;
  margin: 0 auto;
  padding: 0 2.25rem 2.25rem;
  width: 100%;
}

._main-layout-inner-container_1htku_27._no-padding_1htku_37 {
  @media (height <= 250px) {
    padding: 0;
  }
}

._header-title_1htku_43 {
  color: var(--colors-on-surface-b);
  font-size: 1.125rem;
  font-weight: var(--font-weights-normal);
  overflow-wrap: break-word;
}

._header-title_1htku_43 span {
  font-weight: var(--font-weights-bold);
}

._round-brand-image-container_1htku_54 {
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: var(--logo-size);
  justify-content: center;
  margin-left: auto;
  width: var(--logo-size);
}

._round-brand-image-container_1htku_54 > span {
  height: 100%;
  width: 100%;
}

._round-brand-image-container_1htku_54 > span > span {
  /* Correctly center the letter since height is different */
  height: 22px;
}

._shop-name_1htku_74 {
  color: var(--colors-on-surface-a);
  font-size: 2rem;
  line-height: var(--line-heights-none);
}
@keyframes _skeleton-loading_woiuf_1 {
  0% {
    background-color: var(--colors-surface-lowest);
  }

  100% {
    background-color: var(--colors-surface-highest);
  }
}


._loading-panel_woiuf_12 {
  align-items: center;
  background: var(--colors-surface-lowest);
  border-radius: var(--radii-md);
  box-shadow: var(--shadows-l2);
  display: flex;
  gap: var(--spaces-s);
  justify-content: space-between;
  padding: var(--spaces-m) var(--spaces-l);
  width: 100%;
}

._card-loader_woiuf_24 {
  animation: _skeleton-loading_woiuf_1 1s linear infinite alternate;
  border-radius: var(--radii-md);
  height: 1.75rem;
  width: 2.5rem;
}

._card-wrapper_woiuf_31 {
  align-items: center;
  display: flex;
  flex: 3;
  gap: var(--spaces-s);
}

._text-loader_woiuf_38 {
  animation: _skeleton-loading_woiuf_1 1s linear infinite alternate;
  border-radius: var(--radii-md);
  flex: 1;
  height: 1.75rem;
  max-width: 7rem;
}._layout-wrapper_pgipw_1 {
  align-items: center;
  background-color: var(--colors-surface-low);
  display: flex;
  flex-direction: column;
  height: 100vh;
  width: 100%;
}

._content-wrapper_pgipw_10 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  max-width: 480px;
  padding: 0 var(--spaces-xl);
  text-align: center;
  width: 100%;
}

._title_pgipw_22 {
  font-size: var(--fontSizes-18);
  font-weight: var(--font-weights-bold);
  margin-bottom: var(--spaces-l);
}

._button-link_pgipw_28 {
  background-color: var(--colors-brand1-highest);
  border-radius: var(--radii-md);
  color: var(--colors-brand1-on-high);
  display: block;
  padding: var(--spaces-m);
  text-decoration: none;
  width: 100%;
}

._footer-wrapper_pgipw_38 {
  background: var(--colors-surface-high);
  max-width: 480px;
  padding: var(--spaces-l) var(--spaces-m);
  text-align: center;
  width: 100%;
}

._footer-wrapper_pgipw_38 ul {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-m);
  list-style-type: none;
  margin: 0;
  padding: 0;
}

._footer-link_pgipw_55 {
  color: var(--colors-on-surface-b);
  font-size: var(--font-sizes-14);
}

._description_pgipw_60 {
  font-size: var(--font-sizes-16);
  margin: 0;
}

._message-wrapper_pgipw_65 {
  margin: var(--spaces-l) 0 3rem;
}

._security-assurance-container_9hsid_1 {
  align-items: center;
  display: flex;
  gap: var(--spaces-m);
}

._security-assurance-icon_9hsid_7 {
  color: var(--colors-on-surface-b);
  flex-grow: 0;
  line-height: var(--line-heights-normal);
  padding-top: var(--spaces-2xs);
}

._security-assurance-trigger-button_9hsid_14 {
  align-items: center;
  background: none;
  border: 0;
  cursor: pointer;
  display: flex;
  margin: 0;
  padding: 0;
}

._security-assurance-text_9hsid_24 {
  color: var(--colors-brand1-highest);
  font-size: var(--font-sizes-14);
  font-weight: var(--font-weights-bold);
  line-height: var(--line-heights-half);
  text-align: left;
  text-decoration: underline;
}

._security-assurance-content-wrapper_9hsid_33 {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-2xl);
  text-align: left;
}

._security-assurance-content-header_9hsid_40 {
  display: flex;
  flex-direction: column;
  font-style: normal;
  gap: var(--spaces-xs);
  line-height: 1.2;
}

._security-assurance-content-title_9hsid_48 {
  color: var(--colors-on-surface-a);
  font-size: 18px;
  font-weight: var(--font-weights-bold);
  margin: 0;
  padding: 0;
  text-align: center;
}

._security-assurance-content-description_9hsid_57 {
  color: var(--colors-on-surface-b);
  font-size: var(--font-sizes-14);
  font-weight: var(--font-weights-normal);
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-align: center;
}._back-button_6ytca_1 {
  background-color: transparent;
  color: var(--colors-on-surface-a);
}._top-bar_duskc_1 {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  padding: var(--spaces-l) var(--spaces-xl);
  width: 100%;
}

._img_duskc_10 {
  height: 2rem;
  width: auto;
}
._try-again-sheet-wrapper_y98fp_1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spaces-l);
  padding-top: var(--spaces-l);
  width: 100%;
}

._try-again-sheet-top-content_y98fp_10 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spaces-xs);
  text-align: center;
  width: 100%;
}

._try-again-sheet-title_y98fp_19 {
  color: var(--colors-on-surface-a);
  font-size: 18px;
  font-style: normal;
  font-weight: var(--font-weights-bold);
  line-height: var(--line-heights-half);
  margin-bottom: var(--spaces-xs);
  margin-top: 0;
}

._try-again-sheet-title_y98fp_19:focus{
  outline: none;
}

._try-again-sheet-description_y98fp_33 {
  color: var(--colors-on-surface-b);
  font-size: var(--font-sizes-14);
  line-height: var(--line-heights-half);
  padding-bottom: var(--spaces-m);
}

._try-again-sheet-description_y98fp_33 a {
  color: var(--colors-on-surface-b);
  font-weight: var(--font-weights-bold);
}
._warning-message-container_1xkvu_1 {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: var(--spaces-xs);
  margin: var(--spaces-xs) 0;
  transition: opacity 400ms ease-out;
}


._icon_1xkvu_11 {
  width: 17px;
}

._warning-message-text_1xkvu_15 {
  color: var(--colors-on-surface-b);
  font-size: var(--font-sizes-14);
  font-weight: var(--font-weights-normal);
  line-height: var(--line-heights-half);
  margin: 0;
}


._heading_pd5sa_1 {
  font-size: var(--font-sizes-20);
  margin: 0;
}

._text_pd5sa_6 {
  color: var(--colors-on-surface-b);
  font-size: var(--font-sizes-14);
  line-height: var(--line-heights-normal);
}

._link_pd5sa_12 {
  color: inherit;
}

._fieldset_pd5sa_16 {
  border: 0;
  color: var(--colors-on-surface-b);
  display: flex;
  flex-direction: column;
  font-size: var(--font-sizes-14);
  gap: var(--spaces-sm);
  text-align: left;
}
._add-gift-card-form-container_aup13_1 {
  display: grid;
  flex-direction: column;
  gap: var(--spaces-l);
  margin-bottom: var(--spaces-xl);

  &._hidden_aup13_7 {
    display: none;
  }
}

._add-gift-card-form-body_aup13_12 {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-m);
}

._disclaimer_aup13_18 {
  color: var(--colors-on-surface-c);
  font-size: var(--font-sizes-12);
  margin: 0;
}

._paragraph_aup13_24 {
  color: var(--colors-on-surface-b);
  margin: 0;
}

._eligible-link_aup13_29 {
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: var(--colors-brand1-highest);
  cursor: pointer;
  font-size: var(--font-sizes-14);
  font-weight: var(--font-weights-bold);
  margin: 0;
  outline: none;
  padding: 0;
  text-decoration: underline;
  text-decoration-line: underline;
  text-decoration-skip-ink: none;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  
  &:focus,
  &:focus-within,
  &:focus-visible {
    outline: 2px solid var(--colors-focus-light);
    outline-offset: 2px;
  }
}

._field-column_aup13_56 > div > div:first-of-type {
  width: 8rem;
}._add-gift-card-form-footer_1wana_1 {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-l);
}
._title-wrapper_1pu3w_1 {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-2xs);
  margin-bottom: var(--spaces-l);
}

._form-subtitle_1pu3w_8 {
  color: var(--colors-on-surface-b);
  font-size: var(--font-sizes-14);
  font-weight: var(--font-weights-normal);
  line-height: 1.2;
  margin: 0;
}
._delete-gift-card-bottom-sheet-wrapper_k3ww3_1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spaces-l);
  padding-top: var(--spaces-l);
  width: 100%;
}

._delete-gift-card-bottom-sheet-top-content_k3ww3_10 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spaces-xs);
  text-align: center;
  width: 100%;
}

._delete-gift-card-bottom-sheet-title_k3ww3_19 {
  color: var(--colors-on-surface-a);
  font-size: 18px;
  font-style: normal;
  font-weight: var(--font-weights-bold);
  line-height: var(--line-heights-half);
  margin-bottom: var(--spaces-xs);
  margin-top: 0;
}

._delete-gift-card-bottom-sheet-title_k3ww3_19:focus{
  outline: none;
}

._delete-gift-card-bottom-sheet-description_k3ww3_33 {
  color: var(--colors-on-surface-b);
  font-size: var(--font-sizes-14);
  line-height: var(--line-heights-half);
  padding-bottom: var(--spaces-m);
}

._delete-gift-card-bottom-sheet-description_k3ww3_33 a {
  color: var(--colors-on-surface-b);
  font-weight: var(--font-weights-bold);
}

._delete-gift-card-bottom-sheet-buttons_k3ww3_45{
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

._delete-gift-card-bottom-sheet-buttons_k3ww3_45 button{
    width: 100%;
}._eligible-gift-cards-bottom-sheet-wrapper_e46rd_1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spaces-l);
  padding-top: var(--spaces-l);
  width: 100%;
}

._eligible-gift-cards-bottom-sheet-top-content_e46rd_10 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--spaces-xs);
  text-align: center;
  width: 100%;
}

._eligible-gift-cards-bottom-sheet-title_e46rd_19 {
  color: var(--colors-on-surface-a);
  font-size: 18px;
  font-style: normal;
  font-weight: var(--font-weights-bold);
  line-height: var(--line-heights-half);
  margin-bottom: var(--spaces-xs);
  margin-top: 0;
}

._eligible-gift-cards-bottom-sheet-title_e46rd_19:focus {
  outline: none;
}

._eligible-gift-cards-bottom-sheet-description_e46rd_33 {
  color: var(--colors-on-surface-b);
  font-size: var(--font-sizes-14);
  line-height: var(--line-heights-half);
  padding-bottom: var(--spaces-m);
}

._eligible-gift-cards-bottom-sheet-description_e46rd_33 a {
  color: var(--colors-on-surface-b);
  font-weight: var(--font-weights-bold);
}
._card_11ulp_1 {
  align-items: center;
  aspect-ratio: 79/50;
  box-sizing: border-box;
  display: flex;
  margin: 0;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

._card-sm_11ulp_13 {
  border-radius: var(--radii-md);
  overflow: hidden;
  padding: 0;
  width: 6rem;
}

._card-xs_11ulp_20 {
  border-radius: var(--radii-sm);
  overflow: hidden;
  padding: 0;
  width: 3rem;
}

._card-md_11ulp_27 {
  border-radius: var(--radii-lg);
  gap: var(--spaces-s);
  overflow: hidden;
  width: 10rem;
}

._card-lg_11ulp_34 {
  align-items: end;
  border-radius: var(--radii-lg);
  display: flex;
  width: 100%;
}

._card-sx_11ulp_41{
  border-radius: var(--radii-sm);
  overflow: hidden;
  padding: 0;
  width: 4rem;
}

._image_11ulp_48 {
 display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

._card-content-simple_11ulp_55 {
  align-items: center;
  justify-content: center;
  margin-top: 0;
  width: 100%;
}
._container_13rhk_1 {
  align-items: center;
  background: transparent;
  border: 1px solid transparent;
  display: flex;
  gap: var(--spaces-m);
  padding: var(--spaces-xs) 0 var(--spaces-xs) 0;
  width: 100%;

  &:focus,
  &:focus-within,
  &:focus-visible {
   outline: 2px solid var(--colors-focus-light);
   outline-offset: 2px;
  }
}

._program-name_13rhk_18 {
  max-width: 200px;
  width: 100%;
}
._list_7uyuh_1 {
  list-style: none;
  margin: 0;
  max-height: 320px;
  overflow: auto;
  padding: 0;
}

._list-container_7uyuh_9 {
  overflow: hidden;
}

._paragraph_7uyuh_13 {
  color: var(--colors-on-surface-b);
  font-size: var(--font-sizes-14);
  margin-bottom: var(--spaces-xl);
  margin-top: var(--spaces-m);
}

._button-container_7uyuh_20 {
  margin-top: var(--spaces-l);
  
  &:focus,
  &:focus-within,
  &:focus-visible {
   outline: 2px solid var(--colors-focus-light);
   outline-offset: 2px;
  }
}
._container_tc619_1 {
  display: flex;
  flex-direction: column;
}
._expiry_noad3_1 {
  font-size: var(--font-sizes-12);
  margin: 0;
  padding: 0;
}

._expires-soon_noad3_7 {
  color: var(--colors-error-on-lowest);
}

._expires_noad3_7 {
  color: var(--colors-on-surface-c);
}

._gift-card-expiry-container_noad3_15 {
  display: flex;
  flex-direction: column;
  text-align: end;
}._card-details-container_1u197_1 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--spaces-xl);
  margin-bottom: var(--spaces-xs);
}

._card-details_1u197_1 {
  display: flex;
  flex-direction: column;
  gap: var(--spaces-m);
  padding-bottom: var(--spaces-2xl);
}

._card-details-row_1u197_16 {
  align-items: center;
  display: flex;
}

._card-details-column_1u197_21 {
  display: flex;
  flex-direction: column;
  font-style: normal;
  font-weight: var(--font-weights-normal);
  gap: var(--spaces-2xs);
  line-height: 125%;
  width: 100%;
}


._card-details-column_1u197_21 p {
  display: inline;
}

._card-details-column-label_1u197_36 {
  color: var(--colors-on-surface-c);
  font-size: var(--font-sizes-14);
}

._card-details-column-text_1u197_41 {
  color: var(--colors-on-surface-b);
  font-size: var(--font-sizes-16);
  margin: 0;

  &._balance_1u197_46 {
    font-size: var(--font-sizes-24);
  }
}

._card-details-status_1u197_51 {
  align-items: flex-end;
  width: auto;
}
._action-button_nfgbc_1 {
  display: flex;
  gap: var(--spaces-xs);
}

._action_nfgbc_1 {
  border-top: 1px solid #807f80;
  display: flex;
  flex-direction: column;
  gap: var(--spaces-m);
  padding-top: var(--spaces-l);
}
._balance_10nsq_1 {
  font-size: var(--font-sizes-16);
  font-weight: var(--font-weights-bold);
  line-height: 1.2;
  margin: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._container_10nsq_12 {
  align-items: center;
  background: var(--colors-surface-lowest);
  border: 1px solid var(--colors-surface-lowest);
  border-radius: var(--radii-lg);
  color: var(--colors-on-surface-a);
  display: flex;
  justify-content: space-between;
  padding: var(--spaces-m) var(--spaces-l);
  text-decoration: none;
  width: 100%;

  &:focus,
  &:focus-within,
  &:focus-visible {
    outline: 2px solid var(--colors-focus-light);
    outline-offset: 2px;
  }
}

._container_10nsq_12 img {
  padding: 0;
}

._details_10nsq_36 {
  display: flex;
  flex-direction: column;
  text-align: left;
}

._details_10nsq_36 p {
  margin: 0;
  padding: 0;
}

._display-name_10nsq_47 {
  font-size: var(--font-sizes-16);
  font-weight: var(--font-weights-normal);
  line-height: 1.2;
}

._info_10nsq_53 {
  display: flex;
  gap: var(--spaces-l);
}

._info-name_10nsq_58 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._visually-hidden_10nsq_64 {
  border: 0;
  /* stylelint-disable-next-line property-no-deprecated */
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

@supports (clip-path: inset(50%)) {
  ._visually-hidden_10nsq_64 {
    clip-path: inset(50%);
  }
}
._list_1btqe_1 {
 display: flex;
 flex-direction: column;
 gap: 16px;
 padding: 0;
 width: 100%;
}

._list-item_1btqe_9 {
  list-style: none;
  width: 100%;
}
._container_1bism_1 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--spaces-xl);
  width: 100%;
}._container_v29p2_1 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: var(--spaces-xl);
  width: 100%;
}

._title_v29p2_9 {
  color: var(--colors-on-surface-a);
  font-size: var(--font-sizes-20);
  font-weight: var(--font-weights-bold);
  line-height: var(--line-heights-half);
  margin-bottom: var(--spaces-m);
  margin-top: 0;
}._container_1jtot_1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: var(--spaces-l);
  justify-content: flex-start;
}

._button-spacer_1jtot_9 {
   width: 6px;
}/* stylelint-disable no-duplicate-selectors */

html {
  box-sizing: border-box;
  font-size: var(--font-sizes-16);
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  background-color: var(--colors-surface-low, #F9F9FB);
  color: var(--colors-on-surface-a, #000);
  font-family: var(--fonts-sans, 'Fabric Sans Web'), sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}

button,
input {
  font-family: inherit;
}

main {
  display: block;
  margin: 0 auto;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace; /* stylelint-disable-line */
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* stylelint-disable-line */
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.63em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}