#account-page{background:url(/img/account/account_bg.png) 0 100%/cover no-repeat;min-height:100vh}.wrapper{padding-top:10rem}.wrapper .account{border:1px solid #282218;border-radius:24px;width:100%;max-width:1000px;margin:0 auto;display:flex}.wrapper .account .account-information{text-align:center;border-right:1px solid #282218;flex:1;padding:2rem}.wrapper .account .account-information .avatar-wrapper img{border:1px solid #282218;border-radius:50%;width:146px;margin-bottom:1rem}.wrapper .account .account-information .user-details .name-wrapper h3{margin-bottom:1rem;font-size:2.25rem;font-weight:400}.wrapper .account .account-information .user-details .user-info{font-size:1rem}.wrapper .account .account-information .actions button{letter-spacing:1px;background-color:unset;cursor:pointer;color:#000;border:1px solid #282218;border-radius:50px;margin-top:2rem;padding:.3rem 3.5rem;font-size:1.25rem}.wrapper .account .account-information .join-actions{border-top:1px solid #282218;border-bottom:1px solid #282218;justify-content:center;align-items:center;gap:30px;margin-top:2rem;padding:20px 0;display:flex}.wrapper .account .account-information .join-actions .join-online-link{letter-spacing:1px;background-color:unset;cursor:pointer;color:#000;background:#d5f166;border:1px solid #282218;border-radius:50px;padding:.3rem 3.5rem;font-size:1rem;text-decoration:none}.wrapper .account .membership-information{flex:2;padding:2rem}.wrapper .account .membership-information .title-wrapper h2{font-size:2rem;font-weight:400}.wrapper .account .membership-information .account-booking-wrapper{border-bottom:1px solid #282218;justify-content:space-between;align-items:center;padding:1rem 0;font-size:.8rem;display:flex}.wrapper .account .membership-information .account-booking-wrapper h4{font-size:1.5rem;font-weight:400}.wrapper .account .membership-information .account-booking-wrapper button{letter-spacing:1px;color:#000;cursor:pointer;background-color:#d5f166;border:1px solid #282218;border-radius:50px;padding:.3rem 1.5rem;font-size:1rem}.wrapper .account .membership-information .session-title-wrapper{padding:0 0 1rem}.wrapper .account .membership-information .upcoming-sessions .title-wrapper h4{padding-top:1rem;padding-bottom:2rem;font-size:1.5rem;font-weight:400}.wrapper .account .membership-information .upcoming-sessions table{text-align:center;table-layout:fixed;border-collapse:collapse;width:100%}.wrapper .account .membership-information .upcoming-sessions table thead{border-bottom:1px solid #282218}.wrapper .account .membership-information .upcoming-sessions table th{padding-bottom:1rem;font-weight:400}.wrapper .account .membership-information .upcoming-sessions table th:first-child,.wrapper .account .membership-information .upcoming-sessions table td:first-child{text-align:left;padding-left:1rem}.wrapper .account .membership-information .upcoming-sessions table th:nth-child(2),.wrapper .account .membership-information .upcoming-sessions table td:nth-child(2){text-align:center}.wrapper .account .membership-information .upcoming-sessions table th:last-child,.wrapper .account .membership-information .upcoming-sessions table td:last-child{text-align:right;padding-right:1rem}.wrapper .account .membership-information .upcoming-sessions table tbody tr td{padding-top:1rem}.wrapper .account .membership-information .upcoming-sessions table .booking{border:none;display:table-row}.wrapper .account .membership-information .upcoming-sessions table button{transform:scale(.8)}.wrapper .account .membership-information .session-list{flex-direction:column;gap:10px;display:flex}.wrapper .account .membership-information .booking-user{gap:10px;display:flex}.wrapper .account .membership-information .booking-user .avatar-wrapper{flex-direction:column;justify-content:center;display:flex}.wrapper .account .membership-information .booking-user .avatar-wrapper img{border:1px solid #000;border-radius:100%;width:40px;height:40px}.wrapper .account .membership-information .booking-user .booking-user-name{flex-direction:column;justify-content:center;font-size:.8rem;display:flex}@media (max-width:1032px){.wrapper{padding:15rem 1rem 0}}@media (max-width:768px){.wrapper{padding-top:7rem;padding-bottom:7rem}.wrapper .account{flex-direction:column}.wrapper .account .account-information{border-bottom:1px solid #282218;border-right:none}}.account-modal-container{z-index:999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.account-modal{z-index:1000;background-color:#e2d9b5;border:1px solid #000;border-radius:12px;min-width:350px;padding:40px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 8px #0000001a}.account-modal h5{text-align:center;margin-bottom:20px}.account-modal form{flex-direction:column;gap:20px;display:flex}.account-modal form input{border:1px solid #ccc;border-radius:4px;width:100%;padding:10px;font-size:16px}.account-modal form .form-error{text-align:center;color:red}.account-modal button{letter-spacing:1px;background-color:unset;cursor:pointer;background:#d5f166;border:1px solid #282218;border-radius:50px;margin-top:2rem;padding:.3rem 3.5rem;font-size:1.25rem}