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