@charset "utf-8";

.sideUserInfo {display:flex ; align-items:center; width:100%; border:1px solid var(--layout-gray-200); padding:8px; gap:8px; background:var(--layout-gray-50); border-radius: 6px;}
.sideUserInfo .profile_img {display:flex; justify-content:center; align-items:center; width:26px; height:26px; overflow:hidden; border-radius:50%; background:var(--layout-gray-100);}
.sideUserInfo .profile_img img {width:100%; height:100%; object-fit:cover;}
.sideUserInfo .nickname {font-size:14px; font-weight:600;}

.sideUserMenu {display:flex; flex-wrap:wrap; padding:10px; border:1px solid var(--layout-gray-300); border-radius:8px; background:var(--layout-white); gap:4px;}
.sideUserMenu .sideWelcome {display:flex; flex-direction:column; align-items:center; width:100%; padding:16px 10px; text-align:center; border:1px solid var(--layout-gray-200); background:linear-gradient(135deg, var(--layout-gray-50) 0%, var(--layout-white) 100%); border-radius:8px;}
.sideUserMenu .sideWelcome i {font-size:32px; color:var(--color-prime); margin-bottom:8px;}
.sideUserMenu .sideWelcome .welcomeText {margin:0; color:var(--layout-gray-800); font-size:14px; font-weight:600; line-height:1.5;}
.sideUserMenu .sideWelcome .welcomeSub {margin-top:8px; padding:4px 12px; border-radius:20px; background:var(--color-prime); color:var(--layout-white-only); font-size:11px; font-weight:500;}

.voxel-loader {position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:32px; color:var(--point-color);}
.sideUserMenu a {display:flex ; align-items:center; width:calc(50% - 2px); padding:6px 10px; gap:8px;}