@charset "utf-8";

.checkout-page-title { display: none; position: relative; z-index: 100; text-align: center; line-height: 1; font-size: 18px; font-weight: bold; color: rgb(75, 80, 86); padding: 30px 20px 20px; text-transform: uppercase; font-family: brandon-grotesque, brandon, martel-sans, sans-serif; box-shadow: rgb(226, 228, 231) 0px 2px 4px 0px; }

.checkout-payment-wrapper { height: 100vh; display: flex; align-items: flex-start; justify-content: space-between; }

.checkout-payment-wrapper .info-item { display: flex; }

.checkout-payment-wrapper .info-item .info-text { width: 100%; word-break: break-word; }

.checkout-payment-wrapper .info-title { margin-right: 6px; word-break: break-word; }

.checkout-payment-wrapper .info-title, .checkout-payment-wrapper .info-text { font-size: 14px; color: rgb(169, 174, 178); word-break: break-word; }

.checkout-payment-wrapper .form-field { margin-bottom: 10px; }

.checkout-payment-wrapper .form-field .Select-control, .checkout-payment-wrapper .form-field .s-kit-big-select__control { box-shadow: none; }

.checkout-payment-wrapper .field-item { display: flex; align-items: flex-start; }

.checkout-payment-wrapper .title-panel { display: flex; align-items: center; margin-bottom: 10px; justify-content: space-between; }

.checkout-payment-wrapper .title-panel.show-edit { margin-bottom: 5px; align-items: baseline; }

.checkout-payment-wrapper .title-panel .edit { line-height: 1; cursor: pointer; margin-left: 10px; color: rgb(169, 174, 178); text-decoration: underline; }

.checkout-payment-wrapper .checkout-title { line-height: 1; font-size: 18px; font-weight: bold; color: rgb(75, 80, 86); font-family: brandon-grotesque, brandon, martel-sans, sans-serif; }

.checkout-payment-wrapper .checkout-title.disabled { color: rgb(169, 174, 178); margin-bottom: 10px; }

.checkout-payment-wrapper .checkout-panel { overflow-y: auto; width: 55%; height: 100%; padding: 30px; box-sizing: border-box; background-color: rgb(255, 255, 255); }

.checkout-payment-wrapper .checkout-panel .notice-message-section { margin-bottom: 20px; color: rgb(75, 80, 86); word-break: break-word; }

.checkout-payment-wrapper .checkout-panel .notice-message-section .title { font-weight: bold; text-transform: uppercase; font-family: brandon-grotesque, brandon, martel-sans, sans-serif; }

.checkout-payment-wrapper .checkout-panel .notice-message-section .notice-content { white-space: break-spaces; }

.checkout-payment-wrapper .checkout-panel .continue-btn { width: 100%; height: 48px; padding: 0px; font-size: 18px; max-width: 100%; margin-top: 5px; line-height: 48px; border-radius: 4px; text-align: center; box-sizing: border-box; text-transform: uppercase; font-family: brandon-grotesque, brandon, martel-sans, sans-serif; }

.checkout-payment-wrapper .checkout-panel .continue-btn .fa-spinner { color: inherit; font-size: 16px; margin-right: 5px; vertical-align: revert; }

.checkout-payment-wrapper .checkout-panel .input-field .s-kit-input, .checkout-payment-wrapper .checkout-panel .schema-form-input-field .s-kit-input { width: 100%; }

.checkout-payment-wrapper .overview-panel { width: 45%; height: 100%; box-sizing: border-box; background-color: rgb(244, 246, 248); }

.checkout-payment-wrapper .form-field-error { color: rgb(230, 71, 81); line-height: 1.2; margin-top: 10px; }

@media screen and (max-width: 980px) {
  .checkout-page-title { display: block; }
  .checkout-payment-wrapper { overflow-y: auto; height: 100%; }
  .checkout-payment-wrapper .info-item { display: block; }
  .checkout-payment-wrapper .checkout-panel, .checkout-payment-wrapper .overview-panel { width: 100%; overflow-y: visible; }
  .checkout-payment-wrapper .checkout-panel .continue-btn { max-width: 100%; }
  .checkout-payment-wrapper .order-overview-container { padding: 30px 20px 20px; }
  .checkout-payment-wrapper .checkout-panel { height: initial; padding: 30px 20px 70px; }
  .checkout-payment-wrapper > .overview-panel { display: none; }
}