.card-payment{display:flex;border-radius:var(--rounded-s);background:var(--white)}@media(max-width:640px){.card-payment{flex-direction:column}}.card-payment-content{padding:32px var(--clamp-40-32) 28px;width:100%}@media(max-width:1200px){.card-payment-content{padding:32px}}@media(max-width:640px){.card-payment-content{padding:24px}}.card-payment-content-type{display:flex;gap:12px}.card-payment-content-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}@media(max-width:1200px){.card-payment-content-row{flex-wrap:nowrap;align-items:start}}.card-payment-content-row .text-gray{flex-shrink:0}.card-payment-content-row-date{display:flex;align-items:center;flex-wrap:wrap}@media(max-width:640px){.card-payment-content-row-date{align-items:flex-start;justify-content:space-between;width:100%;gap:0}}@media(max-width:392px){.card-payment-content-row-date-span1{width:min-content}}.card-payment-content-row-date-span2{margin-left:4px}@media(max-width:640px){.card-payment-content-row-date-span2{margin-right:auto;flex-shrink:0}}@media(max-width:392px){.card-payment-content-row-date .span-full{width:auto}}.card-payment-content-row-error{padding:2px 12px;border-radius:8px;color:var(--white);background:var(--black);transform:rotate(-1deg);margin-left:16px}@media(max-width:640px){.card-payment-content-row-error{margin-left:47px;width:157px;height:28px}}.card-payment-content-row-img{display:flex;align-items:center;gap:12px}.card-payment-content-row-img img{width:32px;height:32px;border-radius:var(--rounded-full)}@media(max-width:640px){.card-payment-content-row-img{display:none}}@media(max-width:1200px){.card-payment-content-row .text a{width:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis;max-width:90px;width:100%}}.card-payment-content .text-underline{text-decoration:underline}.card-payment-content-card{color:#bab8b5}.card-payment-content .text-l{margin:16px 0 8px}@media(max-width:640px){.card-payment-content .text-l{margin-top:32px}}.card-payment-content-img{display:none;align-items:center;gap:12px}.card-payment-content-img .text{width:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis}.card-payment-content-img .text-gray{flex-shrink:0}.card-payment-content-img img{width:32px;height:32px;border-radius:var(--rounded-full)}@media(max-width:640px){.card-payment-content-img{display:flex;margin-top:32px}}.card-payment-content .underlined{position:relative}.card-payment-content .underlined:after{content:"";position:absolute;bottom:1px;left:0;height:2px;width:100%;background-color:#000;transform-origin:left;transform:scaleX(1);transition:all var(--transition-underline) ease-out}.card-payment-content .underlined:hover{text-decoration:none}.card-payment-content .underlined:hover:after{transform:scaleX(0)}.card-payment-btn{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;width:180px;padding:28px 24px 28px 0;flex-shrink:0;position:relative}@media(max-width:640px){.card-payment-btn{width:100%;flex-direction:row;padding:24px;align-items:center}}.card-payment-btn-dashed{position:absolute;width:1px;height:100%;background-image:url(/dashedv.png);left:0;top:0}@media(max-width:640px){.card-payment-btn-dashed{width:100%;height:1px;background-image:url(/dashed.png)}}.card-payment-btn-price{font-size:clamp(1.5rem,.5555555556vw + 1.08rem,1.75rem);line-height:143%}@media(max-width:1200px){.card-payment-btn-price{font-size:24px;line-height:150%}}@media(max-width:640px){.card-payment-btn-price{font-size:18px;line-height:156%}}.card-payment-btn-repeat{width:141px;height:40px}@media(max-width:1200px){.card-payment-btn-repeat{width:131px;height:36px}}@media(max-width:640px){.card-payment-btn-repeat{width:177px;height:36px!important}}.card-payment-btn-canceled{border-radius:12px;padding:7px 16px 9px;width:115px;height:36px;background:var(--bg);font-size:16px;line-height:125%;letter-spacing:.04em;font-feature-settings:"smcp","c2sc";font-variant:all-small-caps;color:#615c56;border-bottom:1px solid #c5c2be;border-right:1px solid #c5c2be;border-left:1px solid #c5c2be}@media(max-width:640px){.card-payment-btn-canceled{border-radius:8px;padding:8px 12px;width:86px;height:28px;font-size:12px;line-height:100%}}.card-payment-btn-processing{width:136px;height:40px;font-size:clamp(1rem,.2777777778vw + .795rem,1.125rem);border-radius:9999px;line-height:156%;background:#e7e6e4;border-bottom:1px solid #c5c2be;border-right:1px solid #c5c2be;border-left:1px solid #c5c2be;transition:all .3s;color:#1c1a17}.card-payment-btn-processing:hover{background:#c5c2be}@media(max-width:1200px){.card-payment-btn-processing{width:131px;height:36px;font-size:16px;line-height:150%}}@media(max-width:640px){.card-payment-btn-processing{width:127px}}.card-payment .opacity-05{opacity:.5}.card-payment .dot{margin:0 8px 0 0}.card-payment-pupil{display:flex;gap:8px}.card-payment-pupil .dot{margin:0}@media(max-width:1200px){.card-payment-pupil{white-space:nowrap}}@media(max-width:640px){.card-payment-pupil .text{-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis;display:unset}}