@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";
body{color:#e0e0e0;background-color:#0d0d0d;font-family:Inter,sans-serif}.profile-container{background:radial-gradient(circle,#141414 0%,#0a0a0a 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.section-element{flex-direction:row;gap:20px;width:100%;max-width:1200px;margin-top:20px;display:flex}.aside-menu{background:#1a1a1a;border-radius:12px;width:250px;padding:15px;box-shadow:0 4px 10px #0000004d}.aside-menu-element{color:#a0a0a0;cursor:pointer;border-radius:8px;align-items:center;padding:12px 16px;font-size:16px;transition:all .3s ease-in-out;display:flex;position:relative}.aside-menu-element.active{color:#000;background:#fff;font-weight:700}.aside-menu-element:hover{color:#fff;background:#ffffff1a}.mainContent{flex:1;justify-content:center;align-items:center;display:flex}.contentWrapper{border-radius:16px;flex:1;padding:24px;display:flex}.contentItem{opacity:.5;border-radius:12px;flex:1;padding:0 1.5rem}.contentItem:last-child{border-right:none}.contentItem.expanded{opacity:1;background:translarent;border-radius:12px;flex:1;margin:auto;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.form,.profile-form{width:100%}.form .btn-wrapper .success,.profile-form .btn-wrapper .success{color:#fff;text-align:center;background:#3ba55d;border-radius:8px;width:100%;margin-bottom:20px;padding:16px;font-weight:700}.form .btn-wrapper .success.no-success,.profile-form .btn-wrapper .success.no-success{background:#e31616d4}.contentItem.collapsed{pointer-events:none;font-size:0;display:none}@media screen and (max-width:900px){.contentItem.collapsed{display:none}}.contentItem.collapsed .form .file-wrapper .avatar,.contentItem.collapsed .profile-form .file-wrapper .avatar{display:none}.contentItem.collapsed .form .btn-wrapper,.contentItem.collapsed .profile-form .btn-wrapper,.contentItem.collapsed .form .btn-wrapper .btn,.contentItem.collapsed .profile-form .btn-wrapper .btn{width:100%}.birth-day-wrapper.show-birth-day-modal{display:unset}.birth-day-wrapper.hide-birth-day-modal{display:none}.birth-day-wrapper .birth-day-input{text-align:center;color:#000;border:none;border-radius:5px;outline:none;width:50px;padding:15px;font-weight:600}.birth-day-wrapper .birth-day-input.year{width:80px}.birth-day-wrapper .birth-day-btn{color:#000;background-color:#fff;border:1px solid #000;border-radius:5px;width:150px;margin-top:10px;padding:5px;font-weight:600}