.online-status-toggle .oss-container{cursor:pointer;flex-shrink:0;width:26px;height:16px;display:inline-block;position:relative}.online-status-toggle .oss-checkbox{z-index:2;opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.online-status-toggle .oss-checkbox:disabled{cursor:not-allowed}.online-status-toggle .oss-checkbox:disabled+.oss-switch{opacity:.55;cursor:not-allowed}.online-status-toggle .oss-checkbox:focus-visible+.oss-switch{outline:2px solid var(--ring,#888);outline-offset:1px}.online-status-toggle .oss-switch{z-index:0;cursor:pointer;pointer-events:none;background-color:#e9e9eb;border-radius:8px;transition:background-color .2s ease-out;display:block;position:absolute;inset:0}.online-status-toggle .oss-slider{z-index:1;pointer-events:none;background:#fff;border-radius:50%;width:14px;height:14px;transition:left .2s ease-out,top .2s ease-out;position:absolute;top:calc(50% - 7px);left:calc(50% - 12px);box-shadow:0 1px 4px #0000001f,0 1px 1px #00000014}.online-status-toggle .oss-checkbox:checked+.oss-switch{background-color:#34c759}.online-status-toggle .oss-checkbox:checked+.oss-switch .oss-slider{top:calc(50% - 7px);left:calc(50% - 2px)}.dark .online-status-toggle .oss-switch{background-color:#3f3f46}.dark .online-status-toggle .oss-checkbox:checked+.oss-switch{background-color:#34c759}