.user-container{width:100%;display:flex;flex-direction:column;align-items:center}.user-container .user-id{display:none;flex-direction:row;align-items:center;gap:.2rem;width:100%;color:var(--color);font-size:var(--font-size-regular)}.user-container .user-id .copy{display:flex;align-items:center;gap:.2rem;cursor:pointer}.user-container .user-id .copy:hover{text-decoration-line:underline}.user-container .user-id .icon{display:flex;align-items:center;justify-content:center}.user-container .user-id .icon svg{width:.9rem;height:.9rem}.user-container .user-info{display:flex;align-items:center}.user-container .user-info .user-avatar{width:4rem;height:4rem;border-radius:50%;overflow:hidden;margin-right:1rem;border:1px #ccc solid}.user-container .user-info .user-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.user-container .user-info .user-text{display:flex;flex-direction:column;align-items:space-between}.user-container .user-info .user-text p{margin:0}.user-container .user-info .user-invite{flex-grow:1;display:flex;justify-content:flex-end}.user-container .user-info .user-invite input{display:none}.user-container .user-info .user-invite button{align-items:center;background:var(--site-theme-color);border-radius:var(--border-radius);border-style:none;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:2.5rem;justify-content:center;width:8rem;cursor:pointer}.user-container .user-detail{margin:2rem 0;display:flex;flex-direction:column;align-items:center;width:100%;max-width:1200px}.user-container .user-detail h2{width:100%;font-weight:800;font-size:1.5rem;color:var(--user-detail-title-color);line-height:1.75rem;text-align:left;font-style:normal;text-transform:none;margin-bottom:var(--spacing-regular)}.user-container .user-detail .user-detail-wrap{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;background:var(--user-detail-bgcolor);width:100%;min-height:25rem;padding:1rem;border-radius:20px 20px 20px 20px}.user-container .user-detail .user-detail-wrap table{width:100%;color:var(--color)}.user-container .user-detail .user-detail-wrap table thead tr th{padding-bottom:1rem}.user-container .user-detail .user-detail-wrap table tbody tr td{padding-bottom:1rem;text-align:center;font-size:.7rem}.user-container .user-detail .user-detail-header{display:flex;justify-content:space-between}.user-container .user-detail .user-detail-header .user-detail-col{width:10.4rem;height:2.3rem;line-height:2.3rem;text-align:center;font-weight:normal;font-size:1rem;color:var(--user-detail-tabel-title-color);line-height:2.3rem;font-style:normal;text-transform:none}.user-container .user-detail .user-detail-content{display:flex;flex-direction:column;width:100%}.user-container .user-detail .user-detail-content .user-detail-item{position:relative;display:flex;align-items:center;font-size:.8rem;font-weight:500;justify-content:space-between;color:#252b42}.user-container .user-detail .user-detail-content .user-detail-item .user-detail-col{width:10.4rem;height:2.3rem;line-height:2.3rem;text-align:center;font-weight:normal;font-size:.8rem;color:var(--user-detail-tabel-title-color);font-style:normal;text-transform:none}.user-container .user-detail .user-detail-content .user-detail-item .type-name{font-weight:500}.user-container .user-detail .user-detail-content .user-detail-item .date-time{font-size:.75rem}.user-container .user-detail .user-detail-content .user-detail-item .right-number{font-weight:500}.user-container .user-detail .user-detail-content .user-detail-item:last-child{margin-bottom:0}.user-container .logout-button{align-items:center;background:#e95f0d;border-radius:var(--border-radius);border-style:none;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:2.5rem;justify-content:center;margin:auto 0;width:100%;cursor:pointer}.user-container .user-templates{display:none}@media(max-width: 600px){.user-container{padding-top:0}.user-container .user-info{flex-direction:column}.user-container .user-info .user-text{text-align:center}.user-container .user-info .user-invite{margin-top:1rem}.user-container .user-detail h2{font-size:var(--font-size-medium);line-height:normal}.user-container .user-detail .user-detail-wrap .user-detail-header .user-detail-col{height:1.5rem;font-size:.6rem;line-height:.7rem}.user-container .user-detail .user-detail-wrap .user-detail-content .user-detail-item .user-detail-col{height:1.5rem;font-size:.6rem;line-height:.7rem}}