.pay-wrapper{flex-direction:column;display:flex}.pay-wrapper .title{justify-content:space-between;margin-bottom:1.25rem;display:flex}.pay-wrapper .title .secure{justify-self:flex-end;font-size:.75rem;display:flex}.pay-wrapper .title .secure svg{color:#004d99;background-color:#eaf0ff;border-radius:1.25rem;font-size:1rem}.pay-boxes{gap:1.25rem;display:flex}@media (max-width:768px){.pay-boxes{flex-wrap:wrap}.pay-summary{flex-grow:1}}.pay-summary{flex-direction:column;flex-shrink:0;width:16rem;height:fit-content;display:flex}.pay-summary .summ-wrapper{display:flex}.pay-summary .summ-wrapper .summ-text .plan{color:#656565}.pay-summary .summ-wrapper .summ-text .money{margin-top:-.5rem;font-size:2rem;font-weight:600}.pay-summary .summ-wrapper .summ-text .congrats{margin-bottom:.75rem;margin-right:.5rem;font-weight:600}.pay-form{flex-direction:column;gap:1.25rem;width:100%;display:flex}.pay-form .section-title{font-weight:700}.pay-form .start-date input{max-width:9rem}.pay-form .start-date fieldset{max-width:10rem}.pay-form button{max-width:25rem}.success-header{justify-content:center;align-items:center;margin:1.25rem 0;display:flex}.success-header .text{margin-right:1.25rem;font-size:1.5rem;font-weight:700}.distro-wrapper{border-top:1px solid #e9e9e9;margin-top:1.25rem;padding-top:1.25rem}.distro-wrapper .muted-text{margin-bottom:1.25rem}.distro-wrapper .line{flex-direction:column;margin-bottom:.5rem;display:flex}.distro-wrapper .line .name{white-space:nowrap;text-overflow:ellipsis;width:100%;font-weight:700;overflow-x:hidden}.distro-wrapper .line .account{justify-content:space-between;display:flex}.wallet-expire{color:#ccc}.wallet-expire-soon{color:red}@media (max-width:1200px){.pay-summary,.pay-form .start-date{max-width:100%}}