@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap);
.account-details-page{background:#000;color:#fff;min-height:100vh}.account-details-page .ap-title{display:flex;flex-direction:column;gap:20px;margin-bottom:80px}.account-details-page .ap-title h1{font-family:Sequel Sans,sans-serif;font-size:50px;font-weight:310;line-height:1.5;margin:0}.account-details-page .ap-title .btn-back{align-items:center;align-self:flex-start;background:transparent;border:1px solid #fff;color:#fff;display:inline-flex;font-size:15px;font-weight:310;line-height:1.5;padding:8px 12px;text-decoration:none;transition:all .2s}.account-details-page .ap-title .btn-back:hover{background:#fff;color:#000}.account-details-page .account-details-layout{align-items:flex-start;display:flex;gap:87px}.account-details-page .details-sidebar{flex-shrink:0;width:171px}.account-details-page .details-sidebar .details-nav{display:flex;flex-direction:column;gap:20px}.account-details-page .details-sidebar .details-nav .nav-item{align-items:center;color:#fff;display:flex;font-size:16px;font-weight:310;gap:10px;line-height:1.5;text-decoration:none;transition:opacity .2s}.account-details-page .details-sidebar .details-nav .nav-item .nav-icon{color:#9fcc3b;flex-shrink:0;height:24px;width:24px}.account-details-page .details-sidebar .details-nav .nav-item:hover{opacity:.8}.account-details-page .details-sidebar .details-nav .nav-item.active{font-weight:400}.account-details-page .details-content{display:flex;flex:1;flex-direction:column;gap:40px;max-width:1062px}.account-details-page .details-section{background:#222;padding:30px 40px 50px}.account-details-page .details-section>h2{font-size:20px;font-weight:310;line-height:1.5;margin:0 0 30px}.account-details-page .details-section .section-header{display:flex;justify-content:space-between;margin-bottom:30px}.account-details-page .details-section .section-header h2{font-size:20px;font-weight:310;line-height:1.5;margin:0}.account-details-page .details-section .section-header .btn{font-weight:300}.account-details-page .details-section .contact-display .contact-row{display:flex;gap:20px;margin-bottom:20px}.account-details-page .details-section .contact-display .contact-row:last-child{margin-bottom:0}.account-details-page .details-section .contact-display .contact-field{flex:1}.account-details-page .details-section .contact-display .contact-field label{color:#fff;display:block;font-size:16px;font-weight:310;line-height:1.5;margin-bottom:13px}.account-details-page .details-section .contact-display .contact-field input,.account-details-page .details-section .contact-display .contact-field p{background:transparent;border:1px solid #707070;font-size:16px;font-weight:310;line-height:1.5;margin:0;min-height:48px;padding:12px}.account-details-page .details-section .billing-display .billing-row{display:flex;gap:20px}.account-details-page .details-section .billing-display .billing-col{flex:1}.account-details-page .details-section .billing-display .billing-col h3{font-size:16px;font-weight:500;line-height:1.5;margin:0 0 6px}.account-details-page .details-section .billing-display .billing-col p{font-size:16px;font-weight:310;line-height:1.5;margin:0}.account-details-page .details-section .no-data{color:hsla(0,0%,100%,.7);font-size:16px;font-weight:310;line-height:1.5;margin-bottom:20px}.account-details-page .details-section .no-data .text-muted{color:hsla(0,0%,100%,.5);margin-top:8px}.account-details-page .details-section .section-edit .form-control{background:transparent;border:1px solid #707070;color:#fff;font-size:16px;font-weight:310;height:auto;line-height:1.5;margin:0;padding:12px;width:100%}.account-details-page .details-section .section-edit .form-control::-moz-placeholder{color:#757575}.account-details-page .details-section .section-edit .form-control::placeholder{color:#757575}.account-details-page .details-section .section-edit .form-control:focus{border-color:#9fcc3b;outline:none}.account-details-page .details-section .section-edit .form-control[readonly]{cursor:not-allowed;opacity:.6}.account-details-page .details-section .section-edit .address-form .address-row,.account-details-page .details-section .section-edit .address-form .contact-row,.account-details-page .details-section .section-edit .address-form .form-row,.account-details-page .details-section .section-edit .contact-details-form .address-row,.account-details-page .details-section .section-edit .contact-details-form .contact-row,.account-details-page .details-section .section-edit .contact-details-form .form-row{display:flex;gap:20px;margin-bottom:20px}.account-details-page .details-section .section-edit .address-form .address-row.condensed,.account-details-page .details-section .section-edit .address-form .contact-row.condensed,.account-details-page .details-section .section-edit .address-form .form-row.condensed,.account-details-page .details-section .section-edit .contact-details-form .address-row.condensed,.account-details-page .details-section .section-edit .contact-details-form .contact-row.condensed,.account-details-page .details-section .section-edit .contact-details-form .form-row.condensed{gap:8px;margin-bottom:8px}.account-details-page .details-section .section-edit .address-form .address-row>div,.account-details-page .details-section .section-edit .address-form .contact-row>div,.account-details-page .details-section .section-edit .address-form .form-row>div,.account-details-page .details-section .section-edit .contact-details-form .address-row>div,.account-details-page .details-section .section-edit .contact-details-form .contact-row>div,.account-details-page .details-section .section-edit .contact-details-form .form-row>div{flex:1}.account-details-page .details-section .section-edit .address-form .address-row-spacer,.account-details-page .details-section .section-edit .contact-details-form .address-row-spacer{display:inline-block;margin-bottom:12px}.account-details-page .details-section .section-edit .address-form .form-actions,.account-details-page .details-section .section-edit .contact-details-form .form-actions{margin-top:32px}.account-details-page .details-section .section-edit .address-form label,.account-details-page .details-section .section-edit .contact-details-form label{color:#fff;display:block;font-size:16px;font-weight:310;line-height:1.5;margin-bottom:12px}.account-details-page .details-section .section-edit .address-form .form-check-input,.account-details-page .details-section .section-edit .contact-details-form .form-check-input{margin-right:8px}.account-details-page .details-section .section-edit .address-form .form-control[readonly]{background-color:hsla(0,0%,100%,.1);opacity:1}.account-details-page .addresses-list{display:flex;flex-direction:column;gap:30px}.account-details-page .address-item{border-bottom:1px solid #707070;padding-bottom:20px}.account-details-page .address-item:last-child{border-bottom:none}.account-details-page .address-item .address-view{align-items:flex-start;display:flex;justify-content:space-between}.account-details-page .address-item .address-row{display:flex;flex:1;gap:20px}.account-details-page .address-item .address-col{flex:1}.account-details-page .address-item .address-col h3{font-size:16px;font-weight:500;line-height:1.5;margin:0 0 6px}.account-details-page .address-item .address-col p{font-size:16px;font-weight:310;line-height:1.5;margin:0}.account-details-page .address-item .address-actions{display:flex;gap:10px}.account-details-page .btn{border:none;cursor:pointer;display:inline-block;font-size:15px;font-weight:400;line-height:1.5;padding:8px 12px;text-decoration:none;transition:all .2s}.account-details-page .btn.btn-primary{background:#9fcc3b;color:#000}.account-details-page .btn.btn-primary:hover{background:#82a82c}.account-details-page .btn.btn-cancel,.account-details-page .btn.btn-secondary{background:#fff;color:#000}.account-details-page .btn.btn-cancel:hover,.account-details-page .btn.btn-secondary:hover{background:#e6e6e6}.account-details-page .btn.btn-outline{background:transparent;border:1px solid #fff;color:#fff}.account-details-page .btn.btn-outline:hover{background:#fff;color:#000}.account-details-page .btn.btn-edit{background:transparent;border:1px solid #fff;color:#fff}.account-details-page .btn.btn-edit:hover{background:#fff;color:#000}.account-details-page .btn:disabled{background:#707070;cursor:not-allowed;opacity:.6}.account-details-page .btn-icon{align-items:center;background:transparent;border:none;color:#9fcc3b;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:opacity .2s;width:24px}.account-details-page .btn-icon svg{height:24px;width:24px}.account-details-page .btn-icon:hover{opacity:.7}.account-details-page .form-actions.fresh .btn.btn-primary{background:#707070}.account-details-page .form-actions-cancel{margin-top:10px}.account-details-page [x-cloak]{display:none!important}@media (max-width:1024px){.account-details-page .account-details-layout{flex-direction:column;gap:40px}.account-details-page .details-sidebar{width:100%}.account-details-page .details-sidebar .details-nav{flex-direction:row;flex-wrap:wrap}}@media (max-width:768px){.account-details-page .ap-title h1{font-size:32px}.account-details-page .details-section{padding:20px}.account-details-page .details-section .address-row,.account-details-page .details-section .billing-display .billing-row,.account-details-page .details-section .contact-display .contact-row{flex-direction:column;gap:15px}.account-details-page .section-edit .address-form .contact-row,.account-details-page .section-edit .address-form .form-row,.account-details-page .section-edit .contact-details-form .contact-row,.account-details-page .section-edit .contact-details-form .form-row{flex-direction:column}}[x-cloak]{display:none!important}.field.hidden{display:none}