.account-settings-section{background-color:var(--color-fifth);min-height:100vh;font-family:var(--font-primary,inherit);justify-content:flex-start;padding:40px 0 64px;display:flex}.account-settings-section .account-settings-container{width:100%;max-width:800px;margin:0 auto}.account-settings-section .account-settings-form{flex-direction:column;display:flex}.account-settings-section .settings-form-group{flex-flow:row;align-items:center;margin-bottom:42px;display:flex}.account-settings-section .settings-form-group .settings-form-label{width:25%;color:var(--color-white);font-size:16px;font-weight:500}@media screen and (max-width:768px){.account-settings-section .settings-form-group .settings-form-label{width:100%;margin-bottom:16px}}.account-settings-section .settings-form-group>div{width:75%}@media screen and (max-width:768px){.account-settings-section .settings-form-group>div{width:100%}}.account-settings-section .settings-form-group.manage-subscription-group{flex-flow:column;gap:16px;display:flex}.account-settings-section .settings-form-group.manage-subscription-group>button{font-size:14px}@media screen and (max-width:768px){.account-settings-section .settings-form-group.manage-subscription-group>button{margin-right:auto;display:block}}@media screen and (max-width:768px){.account-settings-section .settings-form-group{flex-direction:column}.account-settings-section .settings-form-group.password-form-group{align-items:center}.account-settings-section .settings-form-group>label{margin-bottom:16px}}.account-settings-section .password-input{margin-bottom:16px}.account-settings-section .last-form-group{margin-bottom:48px}.account-settings-section .photo-upload-wrapper{flex-flow:column;align-items:center;gap:16px;display:flex}.account-settings-section .photo-avatar{justify-content:center;align-items:center;display:flex}.account-settings-section .photo-avatar>img{object-fit:cover;width:100%;height:60px}.account-settings-section .photo-buttons-container{flex-flow:row;gap:16px;display:flex}.account-settings-section .photo-buttons-container .remove-profile-btn{cursor:pointer;color:var(--color-primary);margin-top:10px;font-size:14px;transition:all .2s}.account-settings-section .photo-buttons-container .remove-profile-btn:hover,.account-settings-section .photo-buttons-container .remove-profile-btn:focus,.account-settings-section .photo-buttons-container .remove-profile-btn:active{color:var(--color-white);background-color:#0000}.account-settings-section .upload-profile-btn{cursor:pointer;margin-top:10px;font-size:14px;transition:all .2s}.account-settings-section .upload-profile-btn:hover,.account-settings-section .upload-profile-btn:focus,.account-settings-section .upload-profile-btn:active{background-color:var(--color-white);color:var(--color-fifth)}.account-settings-section .hidden-input{display:none}.account-settings-section .username-form-group input{width:75%}@media screen and (max-width:768px){.account-settings-section .username-form-group input{width:100%}}.account-settings-section .about-form-group{position:relative}.account-settings-section .about-form-group textarea{width:75%}@media screen and (max-width:768px){.account-settings-section .about-form-group textarea{width:100%}}.account-settings-section .about-form-group .char-count{color:var(--color-white);font-size:14px;position:absolute;bottom:-14px;right:0}@media screen and (max-width:768px){.account-settings-section .about-form-group .char-count{position:relative;bottom:auto}}.account-settings-section .password-form-group .passwords-container{flex-flow:column;display:flex}.account-settings-section .form-input,.account-settings-section .form-textarea,.account-settings-section .form-select{width:100%;color:var(--color-white);appearance:none;background:0 0;border:none;border-bottom:1px solid #ffffff4d;outline:none;padding:8px 0;font-size:14px;transition:border-bottom-color .2s}.account-settings-section .form-input:-webkit-autofill:hover,.account-settings-section .form-input:-webkit-autofill:focus,.account-settings-section .form-input:-webkit-autofill:active{-webkit-text-fill-color:var(--color-white);-webkit-background-clip:text;transition:background-color 5000s ease-in-out}:is(.account-settings-section .form-input,.account-settings-section .form-textarea,.account-settings-section .form-select):focus{border-bottom:1px solid var(--color-white)}:is(.account-settings-section .form-input,.account-settings-section .form-textarea)::placeholder{color:var(--color-white)}.account-settings-section .form-textarea{resize:vertical;min-height:48px;margin-bottom:4px}.account-settings-section .input-with-prefix{border-bottom:1px solid var(--color-white);align-items:center;transition:border-bottom-color .2s;display:flex}.account-settings-section .input-with-prefix:focus-within{border-bottom:1px solid var(--color-neutral-400)}.account-settings-section .prefix{color:var(--color-white);border-right:1px solid #fff3;margin-right:12px;padding-right:12px;font-size:14px}.account-settings-section .input-with-prefix .form-input{border-bottom:none;padding-left:0}.account-settings-section .input-with-prefix .form-input:focus{border-bottom:none}.account-settings-section .input-wrapper{align-items:center;display:flex;position:relative}.account-settings-section .input-icon-left{color:var(--color-white);pointer-events:none;font-size:18px;position:absolute;left:0}.account-settings-section .input-icon-right{color:var(--color-white);cursor:pointer;font-size:18px;position:absolute;right:0}.account-settings-section .with-icon-left{padding-left:28px}.account-settings-section .with-icon-right{padding-right:28px}.account-settings-section .select-wrapper{position:relative}.account-settings-section .form-select{appearance:none;cursor:pointer;border-radius:0}.account-settings-section .select-icon{pointer-events:none;color:var(--color-white);position:absolute;top:50%;right:0;transform:translateY(-50%)}.account-settings-section .form-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.account-settings-section .form-actions .cancel-btn{color:var(--color-primary)}.account-settings-section .form-actions .cancel-btn:hover,.account-settings-section .form-actions .cancel-btn:focus,.account-settings-section .form-actions .cancel-btn:active{color:var(--color-white)}.account-settings-section .form-actions .save-btn:hover,.account-settings-section .form-actions .save-btn:focus,.account-settings-section .form-actions .save-btn:active{color:var(--color-white);background-color:#0000}