body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{font-family:sans-serif;margin:50px auto;max-width:600px}.tabs{background:#f0f0f0;border-radius:30px;display:flex;overflow:hidden;position:relative}.tab{background:#0000;border:none;cursor:pointer;flex:1 1;font-size:16px;padding:12px 0;transition:color .3s ease;z-index:1}.tab.active{color:#fff}.slider{background:#4caf50;border-radius:30px;bottom:0;position:absolute;top:0;transition:transform .3s ease;width:50%;z-index:0}.slider.matchmaking{transform:translateX(0)}.slider.rooms{transform:translateX(100%)}.mode-content{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-top:30px;min-height:200px;padding:20px}
/*# sourceMappingURL=main.32a3819a.css.map*/