.avatar-sprite{display:inline-block;flex:none;background-image:url('/assets/avatar-sheet.jpg');background-repeat:no-repeat;vertical-align:middle}.login-avatar-box #loginAvatarButton{border:0;background:white;padding:0;display:grid;place-items:center;height:44px;width:48px}.avatar-picker{position:fixed;z-index:100;background:white;border:1px solid #aaa;box-shadow:0 3px 9px #0005;padding:20px 5px 6px;direction:ltr;max-width:calc(100vw - 16px);max-height:90dvh;overflow:auto}.avatar-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0}.avatar-grid button{padding:0;border:2px solid transparent;background:white;display:grid;place-items:center;min-width:0;overflow:hidden}.avatar-grid button[aria-pressed=true]{border-color:#00bdd4;border-radius:3px}.avatar-grid button:hover{background:#e6faff}.avatar-picker #closeAvatarPicker{position:absolute;right:4px;top:0;background:none;border:0;color:#777;font:bold 22px Arial}.hand-status{width:23px;height:26px;object-fit:contain;vertical-align:middle;margin-right:3px}.person .person-state{display:flex;align-items:center;gap:2px}.profile-photo .avatar-sprite{border-radius:50%}.desktop-me-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#2227;padding:8px;direction:ltr}.desktop-me-dialog{width:323px;max-height:96dvh;overflow:auto;background:#e7c9c7;border:1px solid #8a6262;padding:3px;font:12px Tahoma;color:#111}.desktop-me-dialog>header{height:24px;display:flex;align-items:center;justify-content:space-between}.desktop-me-dialog>header button{border:0;background:#a31113;border-radius:2px;color:white;font:bold 20px Arial;width:18px;height:18px;padding:0;line-height:16px}.desktop-me-body{background:#fff;border:1px solid #9b8b6b;padding:5px 6px 10px}.desktop-me-body h2{color:#a31113;font:bold 18px Tahoma;margin:0 0 9px}.desktop-me-status{display:flex;gap:8px;margin-bottom:9px;align-items:center}.desktop-me-avatar{border:1px solid #aaa;flex:none;width:58px;height:57px;display:flex;flex-direction:column;align-items:center;justify-content:center}.desktop-me-avatar>button{border:0;background:white;padding:0;height:38px}.desktop-me-avatar>div{display:flex;justify-content:space-between;width:100%;padding:0 7px}.desktop-me-avatar>div button{border:0;background:white;padding:0;font:bold 17px Arial;line-height:16px}.desktop-me-status fieldset{border:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 21px;margin:0;padding:0;flex:1}.desktop-me-status label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px}.desktop-me-status input{accent-color:black;margin:0}.desktop-me-checks{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.desktop-me-checks label{display:flex;align-items:center;gap:5px;font:11px Tahoma}.desktop-me-checks input{margin:0;accent-color:#fff;width:13px;height:13px}.me-slider{display:flex;align-items:center;gap:12px;margin:10px 26px;height:23px}.me-slider span{font-size:21px}.me-slider img{width:20px;height:23px;object-fit:contain}.me-slider input{flex:1;min-width:0}.desktop-me-dialog input[type=range]{accent-color:#007dcc;height:15px}.me-device{display:flex;align-items:center;gap:8px;margin:12px 5px;font:10px Tahoma}.me-device select{min-width:0;flex:1;border:0;background:white;padding:4px 1px;font:11px Arial}.me-gain{display:flex;align-items:center;gap:10px;font:10px Tahoma;margin:13px 5px}.me-gain span{color:#cc1212;font-size:17px}.me-gain input{width:150px}.me-name-format{border:1px solid #aaa;margin:12px 16px 0}.me-name-format>div:first-child{display:flex;align-items:center;gap:9px;background:linear-gradient(#f4f4f4,#ccc);height:29px;padding:0 8px}.me-name-format button{border:0;background:none;padding:0;font:bold 17px Georgia;color:#16556c;text-shadow:0 1px #fff}.me-name-format button[aria-pressed=true]{outline:1px solid #555;background:#ddd}.me-name-format button:first-child{font-size:23px;color:#333}.me-name-format label{position:relative;display:block;font-size:21px;color:#a54878}.me-name-format label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.me-name-format span{flex:1}#meNamePreview{display:flex;justify-content:center;align-items:center;min-height:70px;padding:8px;direction:rtl;overflow-wrap:anywhere}.desktop-me-dialog>footer{display:flex;align-items:center;padding:5px 4px 1px;gap:20px;min-height:31px}.desktop-me-dialog>footer>span{flex:1}.desktop-me-dialog>footer button{border:0;background:none;font:11px Tahoma;padding:4px}.desktop-me-dialog #myPermissions{border:1px solid #a88;background:linear-gradient(#fff9,#c99);padding:4px 12px}@media(max-width:750px){.desktop-me-dialog{width:min(323px,100%);max-height:calc(100dvh - 16px)}.desktop-me-overlay{padding:8px}.avatar-grid .avatar-sprite{transform:scale(.72);transform-origin:center}.avatar-grid button{height:39px}.avatar-picker{padding-left:0;padding-right:0}.hand-status{width:16px;height:20px;margin:0}.person .person-state{gap:0}.person .avatar-sprite{width:22px;height:22px}.member-toolbar #meBtn{min-width:35px}.avatar-grid{grid-template-columns:repeat(9,minmax(0,1fr))}}
/* Keep the login form within narrow phone screens, including its flex fields. */
.login-overlay{grid-template-columns:minmax(0,1fr)}
.login-dialog{width:min(450px,100%);min-width:0;box-sizing:border-box}
.login-fields{min-width:0}

#meRefreshDevices{display:block;margin:6px auto;font:11px Tahoma;padding:5px 9px}.desktop-me-dialog{max-width:100%;box-sizing:border-box}.desktop-me-overlay[hidden]{display:none!important}