.payment-information-section-wrapper{width:1200px;height:714px;padding:32px;margin-left:auto;margin-right:auto;margin-bottom:132px;border-radius:12px;display:flex;flex-direction:column;background-color:#fff}.payment-information-header{margin-bottom:16px;font-family:Noto Sans JP;color:#313133;font-size:24px;text-align:left;letter-spacing:0px;opacity:1;font-weight:700;line-height:32px}.payment-information-details{width:100%;padding-top:16px;border-top:1px solid #EFEFEF;display:flex;flex-direction:column}.no-payment-information-wrapper{width:100%;height:100%;padding-top:16px;border-top:1px solid #EFEFEF;display:flex;justify-content:center;align-items:center}.no-payment-information-div{width:460px;height:166px;display:flex;flex-direction:column;justify-content:center;align-items:center}.no-card-information-title{margin-top:24px;font-family:Noto Sans JP;color:#313133;font-size:16px;text-align:center;letter-spacing:0px;opacity:1;font-weight:700;line-height:21px}.no-card-information-note{margin-top:8px;font-family:Noto Sans JP;color:#313133;font-size:14px;text-align:center;letter-spacing:0px;opacity:.8;font-weight:500;line-height:21px}.payment-information-details-header{width:100%;background-color:#f8f8f8;border:.5px solid #D9D9D9;border-radius:6px 6px 0 0;padding:12px 32px;display:flex;flex-direction:row}.payment-information-details-data{width:100%;background-color:#fff;border:.5px solid #D9D9D9;border-radius:0 0 6px 6px;padding-left:32px;padding-right:32px;display:flex;flex-direction:row;justify-content:space-between}.payment-information-left-div{padding:14px 0;display:flex;flex-direction:row}.payment-information-card-type-title{width:140px;margin-right:40px;font-family:Noto Sans JP;color:#313133;font-size:16px;text-align:left;letter-spacing:0px;opacity:1;font-weight:700;line-height:21px;align-self:center}.payment-information-card-number-title{font-family:Noto Sans JP;color:#313133;font-size:16px;text-align:left;letter-spacing:0px;opacity:1;font-weight:700;line-height:21px;align-self:center;width:140px}.payment-information-card-type{width:140px;margin-right:40px;font-family:Noto Sans JP;color:#313133;font-size:14px;text-align:left;letter-spacing:0px;opacity:1;font-weight:500;line-height:21px;align-self:center}.payment-information-card-number{font-family:Noto Sans JP;color:#313133;font-size:20px;text-align:center;letter-spacing:0px;opacity:1;font-weight:500;line-height:20px;align-self:center}.payment-information-card-number-last-4-digits{font-size:14px;line-height:21px;text-align:center;margin-left:3px}update-payment-information{padding:10px 0}update-payment-information>button{align-self:center;border:none;padding:4px 37px;background-color:#009de1;border-radius:6px;font-family:Noto Sans JP;color:#fff;font-size:14px;font-weight:700;text-align:center;letter-spacing:0px;opacity:1;font-weight:500;line-height:21px}update-payment-information>button:hover{cursor:pointer;color:#fff;background-color:#007eb4}update-payment-information>button:focus{border-radius:6px;box-shadow:0 0 0 5px #ccebf9}.card-update-button-disable{background-color:#d7f0fb;color:#009de1;pointer-events:none}.payment-update-modal{max-width:600px;padding:32px;background-color:#fff;border-radius:8px;border:none}.payment-update-modal::backdrop{background:#000000a6}.payment-update-modal-header{margin-bottom:24px;display:flex;flex-direction:row;justify-content:space-between}.payment-information-update-title{font-size:20px;letter-spacing:0px;line-height:30px;color:#313133;font-weight:700;font-family:Noto Sans JP;opacity:1;text-align:left}.card-update-subscription-modal-cancel-icon svg>rect{fill:#fff}.card-update-subscription-modal-cancel-icon:hover{cursor:pointer}.card-update-subscription-modal-cancel-icon:hover svg>rect{fill:#f8f8f8}.payment-information-update-modal-warning-message{width:100%;padding-top:24px;border-top:1px solid #F1F1F1;font-family:Noto Sans JP;font-weight:700;font-size:16px;text-align:left;color:#313133;letter-spacing:0px;line-height:21px;opacity:1}.payment-information-update-modal-note{margin-top:16px;width:fit-content;text-align:left;font-size:16px;font-family:Noto Sans JP;letter-spacing:0px;line-height:24px;color:#313133;opacity:.8}.payment-information-update-modal-email{margin-top:16px;width:fit-content;text-align:left;font-size:16px;font-weight:400;font-family:Noto Sans JP;letter-spacing:0px;line-height:21px;color:#313133;opacity:.8}.payment-information-update-modal-email span{font-weight:700;opacity:1}.payment-information-update-modal-button-div{margin-top:32px;display:flex;flex-direction:row;justify-content:flex-end}.modal-keep-payment-information-button{padding:12px 29px;min-width:180px;background-color:#fff;border:2px solid #009DE1;border-radius:6px;color:#009de1;font-size:16px;line-height:24px;letter-spacing:0px;opacity:1;font-family:Noto Sans JP;text-align:center;font-weight:500}.modal-update-payment-information-button{padding:12px 29px;min-width:180px;margin-left:16px;background-color:#009de1;border:none;border-radius:6px;color:#fff;font-size:16px;line-height:24px;letter-spacing:0px;opacity:1;font-family:Noto Sans JP;text-align:center;font-weight:500}.modal-keep-payment-information-button:hover{cursor:pointer;color:#007eb4;border:2px solid #007EB4}.modal-keep-payment-information-button_focus{border-radius:6px;box-shadow:0 0 0 5px #ccebf9}.modal-update-payment-information-button:hover{cursor:pointer;background-color:#007eb4;border:2px solid #007EB4;color:#fff;border:none}.modal-update-payment-information-button_focus{border-radius:6px;box-shadow:0 0 0 5px #ccebf9}#card-update-snackbar-success,#card-update-snackbar-error{visibility:hidden;min-width:510px;margin-left:-255px;border-radius:3px;padding:14px 24px;position:fixed;z-index:1;left:50%;top:0}.snackbar-wrapper{display:flex;flex-direction:row;justify-content:space-between}.snackbar-title-div{display:flex;align-self:center}.snackbar-title{margin-left:10px;font-size:16px;letter-spacing:0px;line-height:26px;color:#fff;font-weight:500;font-family:Noto Sans JP;opacity:1;text-align:left}#card-update-snackbar-success.show{background-color:#4dc176;visibility:visible;animation:push .2s linear 1}#card-update-snackbar-error.show{background-color:#e1341e;visibility:visible;animation:push .2s linear 1}@keyframes push{50%{transform:scale(.8)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-subscription-customer-payment-information.css.map */