.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}