.charge{max-width:var(--v-width-series-max);margin-inline:auto;padding-inline:var(--v-padding-inline)}.charge-products{list-style:none;margin:0;padding:0}.charge-product{border-bottom:1px solid var(--v-color-border);padding:12px 0;display:flex;gap:12px;font-weight:600;&:first-child{border-top:1px solid var(--v-color-border)}}.charge-product-item{flex:1;display:flex;align-items:center;gap:10px}.charge-product-item-item{display:inline-flex;align-items:center;gap:2px}.charge-product-item-icon{width:22px;height:22px;display:block;margin:0 -3px 0 0}.charge-product-btn{width:115px;background:var(--v-color-btn-buy);border:none;border-radius:var(--v-radius-btn);color:var(--v-color-on-btn-buy);font-size:16px;font-weight:600;line-height:40px}.charge-methods{border:1px solid var(--v-color-border);border-radius:5px;padding:12px 16px;&.mode-dialog{margin:10px 0 0}}.charge-methods-h{font-size:12px;font-weight:600;color:var(--v-color-text-moderate)}.charge-methods-content{display:flex;justify-content:space-between;gap:24px;margin:6px 0 0;&.mode-open{flex-direction:column;gap:0}}.charge-methods-box{width:50%;&.mode-open{width:100%}&.mode-dialog{width:auto;flex:1 auto;margin:4px 0 0}@media (width < 768px){flex:1 auto;width:auto}}.charge-methods-selected{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:16px;font-weight:600}.charge-methods-selected-last4{width:100%;font-size:14px;font-weight:300}.charge-methods-list{display:grid;gap:0 24px;grid-template-columns:repeat(2,1fr);margin:0;padding:0;&.mode-dialog{display:block}@media (width < 768px){display:block}}.charge-methods-list-item{margin:0 0 5px;list-style:none;border-bottom:1px solid var(--v-color-border);@media (width < 768px){margin-left:0;margin-bottom:0;margin-right:0;margin-top:0}}.charge-methods-list-item-label{width:100%;color:var(--v-color-text-strong);font-weight:600;cursor:pointer}.charge-methods-list-item-input{width:0;height:0;visibility:hidden;margin:0}.charge-methods-list-item-check-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:.5em}.charge-methods-list-item-check-icon-bg{fill:var(--v-color-form-badge)}.charge-methods-list-item-last4{width:100%;font-size:14px;font-weight:300;margin:5px 0 0}.charge-methods-list-item-link-wrapper{width:100%;margin:0 0 5px;font-size:12px;text-align:right;cursor:auto}.charge-methods-list-item-link{color:var(--v-color-form-badge);text-decoration:none}.charge-methods-list-item-content{display:inline-flex;justify-content:space-between;align-items:center;flex-wrap:wrap;width:calc(100% - 20px - .5em);min-height:64px}.charge-methods-list-item-icon{margin:0 14px 0 0;flex-shrink:0}.charge-methods-toggle-button-wrapper{&.mode-open{margin:18px 0 0;display:inline-flex;justify-content:right}}.charge-methods-toggle-button{display:flex;gap:9px;align-items:center;margin:0;padding:0;font-size:16px;font-weight:600;color:var(--v-color-text-strong);border:none;background:none;cursor:pointer;&.mode-open{@media (width >= 768px){gap:14px}}@media (width < 768px){gap:5px}}.charge-methods-toggle-button-text{&.mode-pc{@media (width < 768px){display:none}}&.mode-sp{@media (width >= 768px){display:none}}}.charge-methods-toggle-button-icon{fill:var(--v-color-text-moderate)}