.sn{display:flex;align-items:center;gap:4px;flex:none}.sn-caja,.sn-icono{position:relative}.sn-icono{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;transition:background .15s}.sn-icono:hover{background:hsla(0,0%,100%,.12)}.sn-icono svg{flex:none}.sn-user{display:flex;align-items:center;gap:6px;height:44px;padding:3px 10px 3px 3px;border-radius:999px;background:none;border:none;cursor:pointer;transition:background .15s;margin-left:4px}.sn-user:hover{background:hsla(0,0%,100%,.12)}.sn-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px hsla(0,0%,100%,.24);background:linear-gradient(135deg,#1c9fa6,#0f6d72);color:#fff;font-weight:700;font-size:14px;flex:none;overflow:hidden}.sn-menu{position:absolute;top:54px;right:0;width:246px;background:#fff;border:1px solid #e4e4e7;border-radius:16px;box-shadow:0 24px 60px -18px rgba(9,9,11,.4);overflow:hidden;padding:6px;z-index:70}.sn-item{width:100%;text-align:left;display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:10px;font-size:14px;font-weight:500;color:#09090b;background:none;border:none;cursor:pointer;font-family:inherit;text-decoration:none;transition:background .15s}.sn-item:hover{background:#f4f4f5}.sn-item.danger{color:#dc2626}.sn-sep{height:1px;background:#e4e4e7;margin:6px 8px}.sn-menu-avatar{width:34px;height:34px;border-radius:50%;flex:none;background:#f4f4f5;color:#52525b;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.sn-menu-nombre{display:block;font-size:14px;font-weight:600}.sn-menu-pie{display:block;font-size:12.5px;color:#71717a;margin-top:1px}