.role-toggle-container{background-color:#fafafa;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;padding:.8rem 1.5rem}.role-toggle-container.sidebar{background:0 0;border:none;margin-top:8px;padding:12px 24px}.role-toggle-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.role-toggle-container.sidebar .role-toggle-item{justify-content:center}.role-label{color:#4a4a4a;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.mode-text{color:#e63946;font-size:.9rem;font-weight:500}.switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px;box-shadow:0 2px 4px #0000001a}input:checked+.slider{background-color:#e63946}input:focus+.slider{box-shadow:0 0 1px #e63946}input:checked+.slider:before{transform:translate(20px)}.switch.loading{opacity:.6;cursor:not-allowed}.switch.loading .slider{cursor:not-allowed}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}@media (max-width:768px){.role-toggle-container.sidebar{padding:12px 16px}}