.user-menu-availability{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;margin:7px 7px 4px;padding:9px;border:1px solid #dce9e5;border-radius:13px;background:linear-gradient(120deg,#f7fbfa,#edf7f4);transition:.2s ease}
.user-menu-availability>span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:#e4eeeb;color:#73857f;font-size:19px}
.user-menu-availability>div{min-width:0}.user-menu-availability b,.user-menu-availability small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-availability b{color:#29483f;font-size:9px}.user-menu-availability small{margin-top:1px;color:#879690;font-size:7px}
.user-menu-availability>label{position:relative;width:42px;height:24px;cursor:pointer}.user-menu-availability>label input{position:absolute;opacity:0;pointer-events:none}.user-menu-availability>label i{display:block;width:42px;height:24px;border-radius:99px;background:#d8e3df;box-shadow:inset 0 2px 4px rgba(30,69,58,.12);transition:.2s}.user-menu-availability>label i:after{content:"";position:absolute;top:4px;inset-inline-start:4px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(31,65,56,.22);transition:.2s}
.user-menu-availability>label input:checked+i{background:#079b72}.user-menu-availability>label input:checked+i:after{transform:translateX(-18px)}.user-menu-availability>label input:focus-visible+i{outline:3px solid rgba(255,101,8,.22);outline-offset:2px}.user-menu-availability.is-online{border-color:#bde5d8;background:linear-gradient(120deg,#f6fcfa,#e5f7f0)}.user-menu-availability.is-online>span{background:#079b72;color:#fff}.user-menu-availability.is-saving{opacity:.65;pointer-events:none}

/* Elevated availability control inside the account menu */
.user-menu-availability{position:relative;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;margin:7px 1px;padding:10px;border-radius:16px;background:linear-gradient(120deg,#f8fbfa,#eef6f4);box-shadow:inset 0 1px #fff}.user-menu-availability>span{width:42px;height:42px;border-radius:13px;font-size:21px}.user-menu-availability b{font-size:9px}.user-menu-availability small{font-size:7px}.user-menu-availability.is-online{border-color:#aee1d3;background:linear-gradient(120deg,#f5fcfa,#e7f8f2);box-shadow:0 7px 18px #079b720c,inset 0 1px #fff}.user-menu-availability.is-online:after{position:absolute;top:9px;right:9px;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#43d29f;box-shadow:0 0 0 3px #43d29f24;content:""}.user-menu-availability.is-online>span{background:linear-gradient(145deg,#08a77c,#05775d);box-shadow:0 7px 16px #079b7230}