.ant-drawer-body .ant-radio-group {
    width: 100% !important;
    width: -moz-available !important;
    width: -webkit-fill-available !important;
  }

#ShippingMethod_Style {
  font-family: 'Roboto', sans-serif !important;
  font-size: 16px !important;
  color: #0c2028 !important;
}

#ShippingMethod_Style .ant-radio-group {
    width: 100% !important;
    width: -moz-available !important;
    width: -webkit-fill-available !important;
  }

#ShippingMethod_Style .mobile-shipping-method {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

:is(#ShippingMethod_Style .mobile-shipping-method) .selected-method {
      color: #0c2028 !important;
      font-size: 16px !important;
      font-weight: bold !important;
      word-break: break-word;
      padding-right: 10px;
    }

:is(#ShippingMethod_Style .mobile-shipping-method) .cost {
      color: #0c2028 !important;
      align-self: center;
      display: flex;
      font-size: 14px !important;
    }

:is(:is(#ShippingMethod_Style .mobile-shipping-method) .cost) .feather-chevron-right {
        color: #0c2028 !important;
        margin-left: 4px;
        font-weight: bold !important;
        font-size: 20px !important;
      }

#ShippingMethod_Style .radio-shipping {
    border: 1px solid #e5e5e5 !important;
    display: inline-flex;
    height: fit-content !important;
    width: 100% !important;
    width: -moz-available !important;
    width: -webkit-fill-available !important;
    border-radius: 4px;
    margin-bottom: 8px;
    margin-right: 0;
    padding-top: 12px;
    padding-bottom: 12px;
  }

@media (max-width: 1132px) {

#ShippingMethod_Style .radio-shipping {
      height: 48px;
      width: 100% !important;
      width: -moz-available !important;
      width: -webkit-fill-available !important;
      padding-top: 4px;
      padding-bottom: 12px;
      white-space: inherit;
  }
    }

:is(#ShippingMethod_Style .radio-shipping) .ant-radio,:is(#ShippingMethod_Style .radio-shipping) .ant-radio-checked {
      display: none;
    }

:is(#ShippingMethod_Style .radio-shipping) span.ant-radio + * {
      width: 100% !important;
    }

.ant-radio-wrapper-checked:is(#ShippingMethod_Style .radio-shipping) {
      border: 2px solid #5acc5a !important;
    }

.selected:is(#ShippingMethod_Style .radio-shipping) {
      border: 2px solid #5acc5a !important;
    }

:is(#ShippingMethod_Style .radio-shipping) .feather-circle {
      color: #e5e5e5 !important;
      font-size: 24px;
      position: relative;
    }

:is(#ShippingMethod_Style .radio-shipping) .anticon-check-circle {
      color: #5acc5a !important;
      font-size: 24px;
      position: relative;
    }

:is(#ShippingMethod_Style .radio-shipping) .method {
      display: inline-flex;
      justify-content: space-between;
      width: 100% !important;
      padding: 0 10px;
    }

:is(:is(#ShippingMethod_Style .radio-shipping) .method) .method-info {
        display: flex;
        width: -webkit-fill-available;
        align-self: center;
      }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .method) .method-info) img {
          height: auto !important;
          min-width: 81px;
          width: 81px !important;
          border: none;
          border-radius: 4px !important;
          margin-right: 8px;
        }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .method) .method-info) .method-label {
          font-size: 16px !important;
          color: #0c2028 !important;
          width: -webkit-fill-available;
          max-width: 300px;
          white-space: normal;
          align-self: center;
          word-break: break-word;
        }

:is(:is(#ShippingMethod_Style .radio-shipping) .method) .method-fee {
        font-size: 16px !important;
        color: #0c2028 !important;
        min-width: 120px !important;
        font-weight: bold;
        align-self: center;
        text-align: right;
      }

:is(#ShippingMethod_Style .radio-shipping) .pickup-expand {
      color: #0c2028 !important;
      padding: 0 10px 0 24px;
    }

:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .ant-form {
        color: #0c2028 !important;
      }

:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .selected-address {
        color: #647176 !important;
        font-size: 12px !important;
      }

:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .ant-divider-horizontal {
        margin: 12px 0 24px;
      }

:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiFormControl-root {
        width: 100% !important;
        width: -moz-available !important;
        width: -webkit-fill-available !important;
        margin-bottom: 8px;
      }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiFormControl-root) .MuiFormLabel-root {
          font-family: 'Roboto', sans-serif !important;
          color: #0c2028 !important;
        }

.Mui-focused:is(:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiFormControl-root) .MuiFormLabel-root) {
            color: #007ce0 !important;
          }

.Mui-error:is(:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiFormControl-root) .MuiFormLabel-root) {
            color: red !important;
          }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiFormControl-root) .MuiTypography-root {
          font-family: 'Roboto', sans-serif !important;
          color: #0c2028 !important;
        }

:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiTextField-root {
        width: 100% !important;
        width: -moz-available !important;
        width: -webkit-fill-available !important;
      }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiTextField-root) .MuiFormLabel-root {
          font-family: 'Roboto', sans-serif !important;
          color: #0c2028 !important;
          font-size: 16px !important;
          transform: translate(14px, 12px);
        }

.MuiInputLabel-shrink:is(:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiTextField-root) .MuiFormLabel-root) {
            color: #0c2028 !important;
            transform: translate(14px, -9px) !important;
            font-size: 12px !important;
          }

.Mui-focused:is(:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiTextField-root) .MuiFormLabel-root) {
            color: #007ce0 !important;
          }

.Mui-error:is(:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiTextField-root) .MuiFormLabel-root) {
            color: red !important;
          }

:is(:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiTextField-root) .MuiInputBase-root) .MuiInputBase-input {
            font-family: 'Roboto', sans-serif !important;
            color: #0c2028 !important;
            font-size: 16px !important;
            padding: 12px 16px !important;
            line-height: 22px !important;
          }

:is(:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiTextField-root) .MuiInputBase-root) legend {
            font-family: 'Roboto', sans-serif !important;
            color: #0c2028 !important;
            width: auto !important;
            font-size: 12px !important;
          }

:is(.Mui-focused:is(:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiTextField-root) .MuiInputBase-root),.Mui-focused:is(:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiTextField-root) .MuiInputBase-root):hover) .MuiOutlinedInput-notchedOutline {
              border-color: #007ce0 !important;
            }

:is(:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiTextField-root) .MuiInputBase-root):hover .MuiOutlinedInput-notchedOutline {
              border-color: #e5e5e5 !important;
            }

:is(:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiTextField-root) .MuiInputBase-root) .MuiOutlinedInput-notchedOutline {
            border-color: #e5e5e5 !important;
          }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiTextField-root) .MuiInputAdornment-root {
          color: #0c2028 !important;
        }

:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiTouchRipple-root {
        display: none !important;
      }

:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiFormHelperText-root {
        margin: 8px 0 0 !important;
      }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiFormHelperText-root) label {
          font-size: 12px !important;
        }

:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiButtonBase-root {
        outline: none !important;
      }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiButtonBase-root):hover,:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiButtonBase-root):active,:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiButtonBase-root):focus,.Mui-selected:is(:is(:is(#ShippingMethod_Style .radio-shipping) .pickup-expand) .MuiButtonBase-root):focus {
          outline: none !important;
        }

:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand {
      color: #0c2028 !important;
      font-family: 'Noto Sans TC', sans-serif !important;
      padding: 0 10px 0 24px;
    }

:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .ant-divider-horizontal {
        margin: 12px 0 24px;
      }

:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .ant-checkbox + span {
        font-size: 16px !important;
        color: #0c2028 !important;
      }

@media (max-width: 1132px) {

:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .ant-checkbox + span {
          font-size: 14px !important;
      }
        }

:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .MuiFormControl-root {
        width: -webkit-fill-available !important;
        margin-bottom: 20px;
      }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .MuiFormControl-root) .MuiFormLabel-root {
          font-family: 'Roboto', sans-serif !important;
          color: #647176 !important;
          margin-bottom: 0 !important;
        }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .MuiFormControl-root) .MuiTypography-root {
          font-family: 'Roboto', sans-serif !important;
          color: #0c2028 !important;
          font-size: 12px !important;
        }

:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .MuiTextField-root {
        width: -webkit-fill-available !important;
      }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiFormLabel-root {
          font-size: 16px !important;
          font-family: 'Roboto', sans-serif !important;
          color: #647176 !important;
          transform: translate(14px, 12px);
        }

.MuiInputLabel-shrink:is(:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiFormLabel-root) {
            color: #647176 !important;
            transform: translate(14px, -9px) !important;
            font-size: 12px !important;
          }

.Mui-focused:is(:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiFormLabel-root) {
            color: #007ce0 !important;
          }

.Mui-error:is(:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiFormLabel-root) {
            color: red !important;
          }

:is(:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiInputBase-root) .MuiInputBase-input {
            font-size: 16px !important;
            font-family: 'Roboto', sans-serif !important;
            color: #0c2028 !important;
            padding: 12px 16px !important;
            line-height: 22px !important;
          }

:is(:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiInputBase-root) legend {
            font-family: 'Roboto', sans-serif !important;
            color: #0c2028 !important;
            width: auto !important;
            font-size: 12px !important;
          }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiInputAdornment-root {
          font-size: 16px !important;
          color: #0c2028 !important;
        }

:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .MuiFormHelperText-root {
        color: #647176 !important;
        font-size: 12px !important;
        margin: 8px 0 0 !important;
      }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .MuiFormHelperText-root) label {
          font-size: 12px !important;
        }

:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .contact-number-input {
        width: 100%;
      }

:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .country-code-input {
        width: 30%;
        margin-right: 20px;
      }

@media (max-width: 1024px) {

:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .country-code-input {
          width: 30% !important;
      }
        }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .country-code-input) .ant-select,:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .country-code-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
          color: #0c2028 !important;
          height: 45px;
          line-height: 45px;
          border-radius: 4px;
          border-color: #e5e5e5 !important;
          width: -webkit-fill-available;
          width: stretch;
          width: -moz-available;
          font-size: 17px !important;
          opacity: 1 !important;
        }

@media (max-width: 1024px) {

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .country-code-input) .ant-select,:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .country-code-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
            font-size: 15px !important;
        }
          }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .country-code-input) .ant-select-arrow {
          color: #0c2028 !important;
          opacity: 1 !important;
        }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .country-code-input) .ant-select-single .ant-select-selector .ant-select-selection-item,:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .country-code-input) .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
          font-family: 'Roboto', sans-serif !important;
          line-height: 43px;
        }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .country-code-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
          height: 43px;
        }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .country-code-input) select,:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .country-code-input) select:hover,:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .country-code-input) select:focus {
          color: #0c2028 !important;
          height: 45px;
          width: -webkit-fill-available;
          width: stretch;
          width: -moz-available;
          border-radius: 4px;
          border: 1px solid #e5e5e5 !important;
          background-color: #ffffff;
          font-size: 16px !important;
          opacity: 1 !important;

          padding: 0 15px;

          outline: none !important;
          -webkit-appearance: none;
          -moz-appearance: none;
          background-position: 96% 50%;
          background-repeat: no-repeat;
          background-image: url('https://api.iconify.design/ant-design:down-outlined.svg?color=%230C2028&width=14px');
        }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .country-code-input) .MuiOutlinedInput-root {
          padding: 0;
        }

@media (max-width: 1024px) {
          :is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .country-code-input) .ps-0 {
            padding-left: 15px !important;
          }
          :is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .country-code-input) .pe-0 {
            padding-right: 15px !important;
          }
        }

:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .ecpay-label {
        font-size: 16px !important;
      }

@media (max-width: 1132px) {

:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .ecpay-label {
          font-size: 14px !important;
      }
        }

:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .ecpay-val {
        font-size: 16px !important;
        font-weight: bold !important;
      }

@media (max-width: 1132px) {

:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .ecpay-val {
          font-size: 14px !important;
      }
        }

:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .primary-btn {
        width: 100% !important;
        padding: 12px 40px !important;
        box-shadow: none !important;
        font-size: 16px !important;
        font-weight: normal !important;
        text-transform: capitalize !important;
        box-shadow: none !important;
        color: #ffffff !important;
        background-color: #5acc5a !important;
        border-color: #11aa4f !important;
        border-width: 0px !important;
        border-radius: 4px !important;
        height: fit-content;
      }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .primary-btn):disabled {
          cursor: not-allowed !important;
        }

@media (min-width: 1132px) {

:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .primary-btn {
          border-radius: 4px !important;
          padding: 10px !important;
      }
        }

@media (max-width: 442px) {

:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .primary-btn {
          padding: 12px 24px !important;
      }
        }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .primary-btn):hover {
          color: #ffffff !important;
          background-color: #11aa4f !important;
          border-color: #11aa4f !important;
        }

:is(:is(:is(#ShippingMethod_Style .radio-shipping) .ecpay-expand) .primary-btn):focus {
          color: #ffffff !important;
          background-color: #005c34 !important;
          border-color: #11aa4f !important;
        }

.one-page-checkout-drawer .ant-drawer-content-wrapper {
    width: 100% !important;
  }

.one-page-checkout-drawer .ant-drawer-header {
    padding: 0 !important;
  }

:is(.one-page-checkout-drawer .ant-drawer-header) .ant-drawer-close {
      color: black;
      font-weight: 100;
      display: block;
      padding: 20px;
      color: rgba(0, 0, 0, 0.45);
      font-weight: 700;
      font-size: 16px;
      font-style: normal;
      line-height: 1;
      text-align: center;
      text-transform: none;
      text-decoration: none;
      background: transparent;
      border: 0;
      outline: 0;
      cursor: pointer;
      -webkit-transition: color 0.3s;
      -moz-transition: color 0.3s;
      transition: color 0.3s;
      text-rendering: auto;
    }

:is(:is(.one-page-checkout-drawer .ant-drawer-header) .ant-drawer-close) .feather-arrow-left {
        padding-right: 8px;
        font-size: 24px;
        line-height: 20px;
        vertical-align: sub;
      }

.one-page-checkout-drawer .ant-drawer-body {
    background-color: #f6f6f6;
    padding: 8px 0;
  }

.one-page-checkout-drawer .ant-drawer-footer {
    padding: 0 0 !important;
    height: 56px;
    max-width: 100%;
    max-height: 100%;
  }

:is(.one-page-checkout-drawer .ant-drawer-footer) .confirm-btn,:is(.one-page-checkout-drawer .ant-drawer-footer) .confirm-btn:hover,:is(.one-page-checkout-drawer .ant-drawer-footer) .confirm-btn:focus {
      background-color: #5acc5a;
      color: #ffffff;
      width: 100%;
      height: 100%;
    }

.one-page-checkout-drawer .one-page-checkout-drawer-section {
    background-color: #ffffff;
    padding: 8px 8px;
  }

.one-page-checkout-drawer.address-form-drawer {
    font-family: var(--font-roboto) !important;
    z-index: 1018;
  }

.one-page-checkout-drawer.address-form-drawer .ant-drawer-mask {
      background: none !important;
    }

.one-page-checkout-drawer.address-form-drawer .ant-drawer-content-wrapper {
      max-width: 574px !important;
    }

.one-page-checkout-drawer.address-form-drawer .ant-drawer-title {
      font-size: 20px !important;
      font-weight: normal !important;
      padding: 0 12px 0 0;
    }

.one-page-checkout-drawer.address-form-drawer .ant-drawer-close {
      padding: 16px;
      margin-right: 0;
    }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-close) .feather-arrow-left {
        padding-right: 0 !important;
      }

.one-page-checkout-drawer.address-form-drawer .confirm-btn,.one-page-checkout-drawer.address-form-drawer .confirm-btn:hover,.one-page-checkout-drawer.address-form-drawer .confirm-btn:focus {
      font-size: 18px !important;
    }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .address-form {
        background: #ffffff;
      }

:is(:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .address-form) .form-item {
          padding: 0 12px;
        }

:is(:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .address-form) .add-new-title {
          padding: 12px 12px 0;
        }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form .ant-form-item .ant-form-item-label,:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form .ant-form-item .ant-form-item-control {
        flex: auto !important;
        -webkit-flex: auto !important;
      }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form .ant-form-item .ant-form-item-label {
        text-align: left !important;
      }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form-item .ant-form-item-label {
        padding: 0 !important;
      }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form-item-label > label {
        margin-bottom: 0 !important;
      }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form-item-with-help .ant-form-item-explain {
        text-align: right;
      }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form .ant-form-item {
        -webkit-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        margin: 0 !important;
      }

:is(:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form .ant-form-item) input {
          border: none !important;
          text-align: right;
          padding-left: 0 !important;
          padding-right: 0 !important;
        }

:is(:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .ant-form .ant-form-item) .address-input {
          text-align: left !important;
        }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .form-item {
        border-bottom: 1px solid #d4d4d4;
      }

:is(.one-page-checkout-drawer.address-form-drawer .ant-drawer-body) .form-item-error {
        color: #ff4d4f;
        text-align: right;
      }

.one-page-checkout-drawer.search-select-list-drawer {
    font-family: var(--font-roboto) !important;
    z-index: 1019;
  }

.one-page-checkout-drawer.search-select-list-drawer .ant-drawer-mask {
      background: none !important;
    }

.one-page-checkout-drawer.search-select-list-drawer .ant-drawer-content-wrapper {
      max-width: 574px !important;
    }

.one-page-checkout-drawer.search-select-list-drawer .ant-drawer-title {
      font-size: 20px !important;
      font-weight: normal !important;
      padding: 0 12px 0 0;
    }

.one-page-checkout-drawer.search-select-list-drawer .ant-drawer-close {
      padding: 16px;
      margin-right: 0;
    }

:is(.one-page-checkout-drawer.search-select-list-drawer .ant-drawer-close) .feather-arrow-left {
        padding-right: 0 !important;
      }

.one-page-checkout-drawer.search-select-list-drawer .ant-input-search .ant-input-group .ant-input-affix-wrapper:not(:last-child) {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
    }

.one-page-checkout-drawer.search-select-list-drawer .ant-input-search-button {
      border-top-right-radius: 4px !important;
      border-bottom-right-radius: 4px !important;
    }

@media screen and (-webkit-min-device-pixel-ratio: 0) {

.one-page-checkout-drawer.search-select-list-drawer .ant-input-search-button {
        height: 45px !important;
    }
      }

:is(.one-page-checkout-drawer.search-select-list-drawer .ant-input-search-button) .anticon {
        margin-bottom: 8px;
      }

@media screen and (-webkit-min-device-pixel-ratio: 0) {

:is(.one-page-checkout-drawer.search-select-list-drawer .ant-input-search-button) .anticon {
          margin-bottom: 0 !important;
      }
        }

.one-page-checkout-drawer.search-select-list-drawer .ant-list-item {
      background: #ffffff;
      line-height: 32px;
      padding: 4px 12px;
      border-bottom: 1px solid #e5e5e5;
    }

:is(.one-page-checkout-drawer.search-select-list-drawer .ant-list-item) .feather-check {
        font-weight: bold;
        color: #5acc5a;
        font-size: 20px;
      }

.one-page-checkout-drawer.change-address-drawer {
    font-family: var(--font-roboto) !important;
    z-index: 1017;
  }

.one-page-checkout-drawer.change-address-drawer .ant-drawer-mask {
      background: #0c202899 0% 0%;
    }

.one-page-checkout-drawer.change-address-drawer .ant-drawer-content-wrapper {
      max-width: 574px !important;
    }

.one-page-checkout-drawer.change-address-drawer .ant-drawer-title {
      font-size: 20px !important;
      font-weight: normal !important;
      padding: 0 12px 0 0;
    }

.one-page-checkout-drawer.change-address-drawer .ant-drawer-close {
      padding: 16px;
      margin-right: 0;
    }

:is(.one-page-checkout-drawer.change-address-drawer .ant-drawer-close) .feather-arrow-left {
        padding-right: 0 !important;
      }

:is(.one-page-checkout-drawer.change-address-drawer .ant-drawer-body) .one-page-checkout-drawer-section {
        padding: 12px !important;
      }

.one-page-checkout-drawer.change-address-drawer .confirm-btn,.one-page-checkout-drawer.change-address-drawer .confirm-btn:hover,.one-page-checkout-drawer.change-address-drawer .confirm-btn:focus {
      font-size: 18px !important;
    }

.one-page-checkout-drawer.change-address-drawer .radio-adress-item {
      display: inline-flex;
      min-height: 50px;
      width: -webkit-fill-available !important;
      background-color: #ffffff;
      border-bottom: 1px solid #e5e5e5;
      border-radius: 4px;
      margin-right: 0;
      padding: 12px;
      align-items: center;
    }

.one-page-checkout-drawer.change-address-drawer .user-address {
      width: -webkit-fill-available;
    }

:is(.one-page-checkout-drawer.change-address-drawer .user-address) .user-info {
        font-weight: bold;
        margin-right: 12px;
      }

:is(.one-page-checkout-drawer.change-address-drawer .user-address) .address-info {
        margin-right: 12px;
        white-space: normal;
        word-break: break-word;
      }

.one-page-checkout-drawer.change-address-drawer .default-tag {
      background: #5acc5a 0% 0% no-repeat padding-box;
      border-radius: 2px;
      color: #ffffff;
      font-size: 12px;
      font-weight: 100;
      text-align: left;
      letter-spacing: 0px;
      margin-left: 8px;
      margin-right: 12px;
    }

:is(.one-page-checkout-drawer.change-address-drawer .radio-address-mobile) .ant-radio,:is(.one-page-checkout-drawer.change-address-drawer .radio-address-mobile) .ant-radio-checked {
        display: none;
      }

:is(.one-page-checkout-drawer.change-address-drawer .radio-address-mobile) span.ant-radio + * {
        padding-right: 8px;
        padding-left: 0px;
      }

@media (max-width: 1132px) {

:is(.one-page-checkout-drawer.change-address-drawer .radio-address-mobile) span.ant-radio + * {
          padding-left: 0px;
      }
        }

:is(.one-page-checkout-drawer.change-address-drawer .radio-address-mobile) .feather-circle {
        font-size: 22px;
        color: #e5e5e5;
        vertical-align: middle;
        padding-right: 8px;
      }

:is(.one-page-checkout-drawer.change-address-drawer .radio-address-mobile) .anticon {
        font-size: 20px;
        color: #5acc5a;
        padding-right: 10px;
      }

:is(.one-page-checkout-drawer.change-address-drawer .radio-address-mobile) .ant-space-item {
        border-bottom: 1px solid #d4d4d4;
        padding: 12px;
        align-items: center;
      }

.one-page-checkout-drawer.change-address-drawer .feather-plus {
      font-size: 20px;
      padding-right: 8px;
    }

.one-page-checkout-drawer.shipping-method-drawer {
    font-family: var(--font-roboto) !important;
    z-index: 1017;
  }

.one-page-checkout-drawer.shipping-method-drawer .ant-drawer-mask {
      background: #0c202899 0% 0%;
    }

.one-page-checkout-drawer.shipping-method-drawer .ant-drawer-content-wrapper {
      max-width: 574px !important;
    }

.one-page-checkout-drawer.shipping-method-drawer .ant-drawer-title {
      font-size: 20px !important;
      font-weight: normal !important;
      padding: 0 12px 0 0;
    }

.one-page-checkout-drawer.shipping-method-drawer .ant-drawer-close {
      padding: 16px 12px;
      margin-right: 0;
    }

:is(.one-page-checkout-drawer.shipping-method-drawer .ant-drawer-close) .feather-arrow-left {
        padding-right: 0 !important;
      }

.one-page-checkout-drawer.shipping-method-drawer .ant-drawer-close {
      margin-right: 0 !important;
    }

.one-page-checkout-drawer.shipping-method-drawer .confirm-btn,.one-page-checkout-drawer.shipping-method-drawer .confirm-btn:hover,.one-page-checkout-drawer.shipping-method-drawer .confirm-btn:focus {
      font-size: 18px !important;
    }

.one-page-checkout-drawer.shipping-method-drawer .radio-shipping {
      display: inline-flex;
      height: 50px;
      min-height: 50px;
      width: -webkit-fill-available !important;
      background-color: #ffffff;
      border-bottom: 1px solid #e5e5e5;
      border-radius: 4px;
      margin-right: 0;
      padding: 12px;
      align-items: center;
    }

@media (max-width: 1132px) {

.one-page-checkout-drawer.shipping-method-drawer .radio-shipping {
        height: fit-content !important;
        min-height: 48px !important;
    }
      }

:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ant-radio,:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ant-radio-checked {
        display: none;
      }

:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) span.ant-radio + * {
        width: 100% !important;
        padding: 0;
      }

:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .feather-circle {
        font-size: 24px;
        color: #e5e5e5;
        position: relative;
        margin-right: 8px;
      }

:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .anticon-check-circle {
        font-size: 24px;
        color: #5acc5a;
        position: relative;
        margin-right: 8px;
      }

:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method {
        display: inline-flex;
        justify-content: space-between;
        width: 100% !important;
        align-items: center;
        padding-right: 10px;
      }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method) .method-info {
          display: flex;
          width: -webkit-fill-available;
          align-self: center;
        }

@media (max-width: 425px) {

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method) .method-info {
            display: block !important;
        }
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method) .method-info) img {
            height: auto !important;
            min-width: 81px;
            width: 81px !important;
            border: none;
            border-radius: 4px !important;
            margin-right: 8px;
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method) .method-info) .method-label {
            font-size: 16px !important;
            color: #0c2028 !important;
            width: -webkit-fill-available;
            max-width: 300px;
            white-space: normal;
            align-self: center;
            word-break: break-word;
          }

@media (max-width: 425px) {

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method) .method-info) .method-label {
              font-size: 14px !important;
              max-width: 270px !important;
          }
            }

@media (max-width: 375px) {

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method) .method-info) .method-label {
              max-width: 220px !important;
          }
            }

@media (max-width: 320px) {

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method) .method-info) .method-label {
              max-width: 160px !important;
          }
            }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .method) .method-fee {
          font-size: 16px !important;
          color: #0c2028 !important;
          min-width: 120px !important;
          font-weight: bold;
          align-self: center;
          text-align: right;
        }

:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand {
        font-family: 'Noto Sans TC', sans-serif !important;
        color: #0c2028 !important;
        background-color: #ffffff;
        padding: 0 10px 12px 24px;
      }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .ant-divider-horizontal {
          margin: 12px 0 24px;
        }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .ant-checkbox + span {
          font-size: 16px !important;
          color: #0c2028 !important;
        }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .ant-checkbox + span {
            font-size: 14px !important;
        }
          }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiFormControl-root {
          width: -webkit-fill-available !important;
          margin-bottom: 20px;
        }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiFormControl-root) .MuiFormLabel-root {
            font-family: var(--font-roboto) !important;
            color: #647176 !important;
            margin-bottom: 0 !important;
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiFormControl-root) .MuiTypography-root {
            font-size: 12px !important;
            font-family: var(--font-roboto) !important;
            color: #0c2028 !important;
          }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiTextField-root {
          width: -webkit-fill-available !important;
        }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiFormLabel-root {
            font-size: 16px !important;
            font-family: var(--font-roboto) !important;
            transform: translate(14px, 12px);
            color: #647176 !important;
          }

.MuiInputLabel-shrink:is(:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiFormLabel-root) {
              transform: translate(14px, -9px) !important;
              font-size: 12px !important;
              color: #647176 !important;
            }

.Mui-focused:is(:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiFormLabel-root) {
              color: #007ce0 !important;
            }

.Mui-error:is(:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiFormLabel-root) {
              color: red !important;
            }

:is(:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiInputBase-root) .MuiInputBase-input {
              font-size: 16px !important;
              font-family: var(--font-roboto) !important;
              padding: 12px 16px !important;
              color: #0c2028 !important;
              line-height: 22px !important;
            }

:is(:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiInputBase-root) legend {
              font-family: var(--font-roboto) !important;
              width: auto !important;
              font-size: 12px !important;
              color: #0c2028 !important;
            }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiTextField-root) .MuiInputAdornment-root {
            font-size: 16px !important;
            color: #0c2028 !important;
          }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiFormHelperText-root {
          font-size: 12px !important;
          color: #647176 !important;
          margin: 8px 0 0 !important;
        }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .MuiFormHelperText-root) label {
            font-size: 12px !important;
          }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .contact-number-input {
          width: 100%;
        }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input {
          width: 30%;
          margin-right: 20px;
        }

@media (max-width: 1024px) {

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input {
            width: 30% !important;
        }
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .ant-select,:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
            height: 45px;
            line-height: 45px;
            border-radius: 4px;
            border-color: #e5e5e5 !important;
            width: -webkit-fill-available;
            width: stretch;
            width: -moz-available;
            font-size: 17px !important;
            color: #0c2028;
            opacity: 1 !important;
          }

@media (max-width: 1024px) {

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .ant-select,:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
              font-size: 15px !important;
          }
            }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .ant-select-arrow {
            color: #0c2028;
            opacity: 1 !important;
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .ant-select-single .ant-select-selector .ant-select-selection-item,:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
            font-family: var(--font-roboto) !important;
            line-height: 43px;
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .ant-select-single:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-search-input {
            height: 43px;
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) select,:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) select:hover,:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) select:focus {
            height: 45px;
            width: -webkit-fill-available;
            width: stretch;
            width: -moz-available;
            border-radius: 4px;
            border: 1px solid #e5e5e5 !important;
            background-color: #ffffff;
            font-size: 16px !important;
            color: #0c2028;
            opacity: 1 !important;

            padding: 0 15px;

            outline: none !important;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-position: 96% 50%;
            background-repeat: no-repeat;
            background-image: url('https://api.iconify.design/ant-design:down-outlined.svg?color=%230C2028&width=14px');
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .MuiOutlinedInput-root {
            padding: 0;
          }

@media (max-width: 1024px) {
            :is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .ps-0 {
              padding-left: 15px !important;
            }
            :is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .country-code-input) .pe-0 {
              padding-right: 15px !important;
            }
          }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .ecpay-label {
          font-size: 16px !important;
        }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .ecpay-label {
            font-size: 14px !important;
        }
          }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .ecpay-val {
          font-size: 16px !important;
          font-weight: bold !important;
        }

@media (max-width: 1132px) {

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .ecpay-val {
            font-size: 14px !important;
        }
          }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .primary-btn {
          width: 100% !important;
          padding: 12px 40px !important;
          box-shadow: none !important;
          font-size: 16px !important;
          font-weight: normal !important;
          text-transform: capitalize !important;
          box-shadow: none !important;
          color: #ffffff !important;
          background-color: #5acc5a !important;
          border-color: #11aa4f !important;
          border-width: 0px !important;
          border-radius: 4px !important;
          height: fit-content;
        }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .primary-btn):disabled {
            cursor: not-allowed !important;
          }

@media (min-width: 1132px) {

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .primary-btn {
            border-radius: 4px !important;
            padding: 10px !important;
        }
          }

@media (max-width: 442px) {

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .primary-btn {
            padding: 12px 24px !important;
        }
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .primary-btn):hover {
            color: #ffffff !important;
            background-color: #11aa4f !important;
            border-color: #11aa4f !important;
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .radio-shipping) .ecpay-expand) .primary-btn):focus {
            color: #ffffff !important;
            background-color: #005c34 !important;
            border-color: #11aa4f !important;
          }

.one-page-checkout-drawer.shipping-method-drawer .pickup-expand {
      color: #0c2028 !important;
      background-color: #ffffff;
      padding: 20px 18px 0px 32px;
      border-bottom: 1px solid #e5e5e5;
    }

:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .ant-divider-horizontal {
        margin: 12px 0 24px;
      }

:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiFormControl-root {
        width: -webkit-fill-available !important;
        margin-bottom: 20px;
      }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiFormControl-root) .MuiFormLabel-root {
          font-family: var(--font-roboto) !important;
          color: #647176 !important;
          margin-bottom: 0 !important;
        }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiFormControl-root) .MuiTypography-root {
          font-size: 12px !important;
          font-family: var(--font-roboto) !important;
          color: #0c2028 !important;
        }

:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiTextField-root {
        width: -webkit-fill-available !important;
      }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiTextField-root) .MuiFormLabel-root {
          font-size: 16px !important;
          font-family: var(--font-roboto) !important;
          transform: translate(14px, 12px);
          color: #647176 !important;
        }

.MuiInputLabel-shrink:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiTextField-root) .MuiFormLabel-root) {
            transform: translate(14px, -9px) !important;
            font-size: 12px !important;
            color: #647176 !important;
          }

.Mui-focused:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiTextField-root) .MuiFormLabel-root) {
            color: #007ce0 !important;
          }

.Mui-error:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiTextField-root) .MuiFormLabel-root) {
            color: red !important;
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiTextField-root) .MuiInputBase-root) .MuiInputBase-input {
            font-size: 16px !important;
            font-family: var(--font-roboto) !important;
            padding: 12px 16px !important;
            color: #0c2028 !important;
            line-height: 22px !important;
          }

:is(:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiTextField-root) .MuiInputBase-root) legend {
            font-family: var(--font-roboto) !important;
            width: auto !important;
            font-size: 12px !important;
            color: #0c2028 !important;
          }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiTextField-root) .MuiInputAdornment-root {
          font-size: 16px !important;
          color: #0c2028 !important;
        }

:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiFormHelperText-root {
        font-size: 12px !important;
        color: #647176 !important;
        margin: 8px 0 0 !important;
      }

:is(:is(.one-page-checkout-drawer.shipping-method-drawer .pickup-expand) .MuiFormHelperText-root) label {
          font-size: 12px !important;
        }

.one-page-checkout-drawer.payment-method-drawer {
    font-family: var(--font-roboto) !important;
    z-index: 1017;
  }

.one-page-checkout-drawer.payment-method-drawer .ant-drawer-mask {
      background: #0c202899 0% 0%;
    }

.one-page-checkout-drawer.payment-method-drawer .ant-drawer-content-wrapper {
      max-width: 574px !important;
    }

.one-page-checkout-drawer.payment-method-drawer .ant-drawer-title {
      font-size: 20px !important;
      font-weight: normal !important;
      padding: 0 12px 0 0;
    }

.one-page-checkout-drawer.payment-method-drawer .ant-drawer-close {
      padding: 16px;
      margin-right: 0;
    }

:is(.one-page-checkout-drawer.payment-method-drawer .ant-drawer-close) .feather-arrow-left {
        padding-right: 0 !important;
      }

.one-page-checkout-drawer.payment-method-drawer .ant-drawer-close {
      margin-right: 0 !important;
    }

.one-page-checkout-drawer.payment-method-drawer .confirm-btn,.one-page-checkout-drawer.payment-method-drawer .confirm-btn:hover,.one-page-checkout-drawer.payment-method-drawer .confirm-btn:focus {
      font-size: 18px !important;
    }

@media (max-width: 1132px) {

.one-page-checkout-drawer.payment-method-drawer .ant-radio-group {
        width: 100% !important;
    }
      }

.one-page-checkout-drawer.payment-method-drawer .radio-payment {
      display: inline-flex;
      height: fit-content;
      min-height: 48px;
      width: -webkit-fill-available !important;
      background-color: #ffffff;
      border-bottom: 1px solid #e5e5e5;
      border-radius: 4px;
      margin-right: 0;
      padding: 0 12px;
      align-items: center;
    }

:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .ant-radio,:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .ant-radio-checked {
        display: none;
      }

:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) span.ant-radio + * {
        width: 100% !important;
      }

:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .feather-circle {
        font-size: 24px;
        color: #e5e5e5;
        position: relative;
        margin-top: 4px;
        align-self: center;
      }

:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .anticon-check-circle {
        font-size: 24px;
        color: #5acc5a;
        position: relative;
        margin-top: 4px;
        align-self: center;
      }

:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method {
        display: inline-flex;
        width: 100% !important;
        padding-left: 8px;
        align-items: center;
      }

:is(:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info {
          display: flex;
          width: -webkit-fill-available;
          align-self: center;
        }

:is(:is(:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) img {
            height: auto !important;
            min-width: 81px;
            width: 81px !important;
            border: none;
            border-radius: 4px !important;
            margin-right: 8px;
            padding: 10px 0;
          }

:is(:is(:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) .method-label {
            font-size: 14px !important;
            color: #0c2028 !important;
            width: -webkit-fill-available;
            max-width: 300px;
            white-space: normal;
            align-self: center;
            word-break: break-word;
          }

@media (max-width: 425px) {

:is(:is(:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) .method-label {
              max-width: 260px !important;
          }
            }

@media (max-width: 375px) {

:is(:is(:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) .method-label {
              max-width: 210px !important;
          }
            }

@media (max-width: 320px) {

:is(:is(:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) .method-label {
              max-width: 155px !important;
          }
            }

.invoice:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .feather-check {
          font-size: 16px;
          color: #5acc5a;
          position: relative;
          margin-top: 4px;
          align-self: center;
        }

.invoice:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method {
          display: inline-flex;
          width: 100% !important;
          padding-left: 0;
          align-items: center;
        }

:is(.invoice:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info {
            display: flex;
            width: -webkit-fill-available;
            align-self: center;
          }

:is(:is(.invoice:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) .method-label {
              width: -webkit-fill-available;
              max-width: 300px;
              white-space: normal;
              align-self: center;
              color: #0c2028 !important;
              word-break: break-word;
            }

@media (max-width: 425px) {

:is(:is(.invoice:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) .method-label {
                max-width: 260px !important;
            }
              }

@media (max-width: 375px) {

:is(:is(.invoice:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) .method-label {
                max-width: 210px !important;
            }
              }

@media (max-width: 320px) {

:is(:is(.invoice:is(.one-page-checkout-drawer.payment-method-drawer .radio-payment) .method) .method-info) .method-label {
                max-width: 155px !important;
            }
              }