.checkbox-form{display:inline-flex;border-radius:18px;padding-right:40px}.checkbox-switch{background-color:rgba(var(--black),.1);position:relative;display:inline-flex;height:22px;width:36px;cursor:pointer;border-radius:19px;outline:none}.checkbox-switch.active{background-color:var(--yellow)}.checkbox-thumb{position:absolute;display:block;height:18px;width:18px;top:2px;border-radius:50%;background-color:var(--white)}.checkbox-text{position:absolute;font-size:var(--small-regular);font-weight:600;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:rgb(var(--black))}@media screen and (max-width:767px){.checkbox-text{font-size:16px}}.create-lobby{background-color:var(--main-bg);border:1px dashed var(--dark-gray-1);color:var(--dark-gray-1);width:302px;height:145px;margin:12px;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:var(--small-regular);transition:all .1s ease-out}.create-lobby svg{stroke:var(--dark-gray-1);transition:all .1s ease-out}.create-lobby:hover{border-color:rgb(var(--black));color:rgb(var(--black))}.create-lobby:hover svg{stroke:rgb(var(--black))}.create-lobby svg{margin-bottom:4px}.create-lobby-inline-checkboxes{display:flex;justify-content:space-around;padding-top:24px;border-top:1px solid rgba(13,13,13,.3)}.create-lobby-inline-checkboxes .form-group{margin:0 0 24px}.dialog-create-lobby .dialog-panel{max-width:510px}.dialog-create-lobby .dialog-footer{padding-top:16px}.dialog-create-lobby .dialog-header{padding-bottom:0}.create-lobby-form-top{display:flex;gap:24px;border-bottom:1px solid rgba(13,13,13,.3)}.create-lobby-form-radio-group{display:flex;gap:24px}@media screen and (max-width:658px){.create-lobby-form-radio-group,.create-lobby-form-top{display:block;border:none}.create-lobby-inline-checkboxes{flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px;padding:0;border:none}.create-lobby-inline-checkboxes .form-group{margin:0 0 12px;width:auto}}.radio-form{background-color:rgb(var(--black));display:flex;color:var(--white);width:100%;justify-content:space-between;border-radius:5px;padding:3px;box-sizing:border-box}.radio-form-item{width:100%;text-align:center;position:relative}.radio-form-item-background{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:4px}.radio-form-item input{position:absolute;z-index:-9999;left:-9999px;top:-9999px}.radio-form-item-label-selected{color:rgb(var(--black));transition:all .5s ease-in-out}.radio-form-item label{cursor:pointer;width:100%;display:block;position:relative;z-index:1;font-weight:600;padding:2px 0;font-size:16px}