.nickname-popup[data-v-f2e0ea63]{align-items:center;background:#25282d;border-radius:10px;display:flex;flex-direction:column;justify-content:center;left:50%;margin-top:200px;padding:25px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .2s;width:500px}.nickname-popup .title[data-v-f2e0ea63]{font-size:32px;font-weight:700;margin-bottom:40px;text-align:center}.nickname-popup button[data-v-f2e0ea63]{background:#0761dc;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;margin-top:40px;padding:10px 20px;width:100%}.nickname-popup__input[data-v-f2e0ea63]{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:100%}.nickname-popup__input label[data-v-f2e0ea63]{font-size:18px;margin-bottom:5px}.nickname-popup__input input[data-v-f2e0ea63]{border:1px solid #ddd;border-radius:10px;font-size:20px;outline:none;padding:10px;width:100%}.nickname-popup__input input[data-v-f2e0ea63]:focus{border:1px solid #0761dc}.nickname-popup__input .error[data-v-f2e0ea63]{color:red}.nickname-popup__bg[data-v-f2e0ea63]{background:#000c;height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:all .2s;width:100%;z-index:20}.nickname-popup__bg.active[data-v-f2e0ea63]{opacity:1;pointer-events:all;transition:all .2s}.nickname-popup__bg.active .nickname-popup[data-v-f2e0ea63]{margin-top:0;transition:all .2s}.registration[data-v-f2e0ea63]{padding-top:40px}.registration h1[data-v-f2e0ea63]{text-align:center}.registration .form[data-v-f2e0ea63]{margin-left:auto;margin-right:auto;margin-top:40px}.form[data-v-f2e0ea63]{align-items:center;background:#32363e;border-radius:10px;box-shadow:0 2px 27px 1px #0000005c;display:flex;flex-direction:column;justify-content:center;padding:25px;width:500px}.form .or[data-v-f2e0ea63]{font-size:20px;margin:20px 0;position:relative}.form .or[data-v-f2e0ea63]:after,.form .or[data-v-f2e0ea63]:before{background:#ffffff80;content:"";height:2px;position:absolute;top:50%;transform:translateY(-50%);width:180px}.form .or[data-v-f2e0ea63]:before{right:62px}.form .or[data-v-f2e0ea63]:after{left:62px}.form .item[data-v-f2e0ea63]{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:40px;width:100%}.form .item label[data-v-f2e0ea63]{margin-bottom:5px}.form .item input[data-v-f2e0ea63]{border:1px solid #ddd;border-radius:10px;font-size:20px;outline:none;padding:10px;width:100%}.form .item input[data-v-f2e0ea63]:focus{border:1px solid #0761dc}.form .item .error[data-v-f2e0ea63]{color:red}.form button[data-v-f2e0ea63]{background:#0761dc;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;padding:10px 20px;width:100%}.request-errors[data-v-f2e0ea63]{color:red;font-size:18px;text-align:center}.request-errors.error[data-v-f2e0ea63]{margin-top:20px}@media screen and (max-width:600px){.nickname-popup[data-v-f2e0ea63]{width:90%}.registration[data-v-f2e0ea63]{padding-top:20px}.registration .form[data-v-f2e0ea63]{margin-top:20px}.form[data-v-f2e0ea63]{overflow:hidden;padding:15px;width:calc(100% - 20px)}.form .or[data-v-f2e0ea63]:after,.form .or[data-v-f2e0ea63]:before{width:210%}.form .item[data-v-f2e0ea63]{margin-bottom:20px}.form .item input[data-v-f2e0ea63]{padding:5px}.form button[data-v-f2e0ea63]{font-size:16px}}