#nickname-modal .modal-dialog{max-width:469px}@media only screen and (min-width:768px){#nickname-modal .modal-dialog{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;min-height:calc(100% - 3.5rem)}}#nickname-modal .modal-dialog .h4{font-family:Roboto;font-size:16px}#nickname-modal .modal-dialog .mb-2,#nickname-modal .modal-dialog .mb-4{font-size:14px}#nickname-modal .modal-dialog .form-text{font-size:12px}#nickname-modal .modal-dialog .btn{margin-bottom:0;width:100%}@media only screen and (max-width:767px){#nickname-modal .modal-dialog #nickname-modal .text-input{font-size:12px;width:313px}#nickname-modal .modal-dialog input#nickname{width:313px}#nickname-modal .modal-dialog .form-text{font-size:12px}#nickname-modal .modal-dialog .form-text br{display:none}}@media only screen and (max-width:359px){#nickname-modal .modal-dialog .modal-header{background:#2f3c43;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;padding:16px 24px}#nickname-modal .modal-dialog .modal-header .close{opacity:1}#nickname-modal .modal-dialog .form-text{font-size:9px}}#nickname-modal .modal-content{border-radius:10px;max-width:469px}#nickname-modal .modal-content .modal-body,#nickname-modal .modal-content .modal-header{padding:16px}@media only screen and (max-width:767px){#nickname-modal .btn .text-input{width:60%}}#nickname-modal .text-input{border:2px solid #d3d3d3;border-radius:4px;font-size:13px;height:44px}#nickname-modal .js-modal-alert{border-bottom-color:red;border-bottom-width:medium;color:#2f4f4f}#nickname-modal .nickname-form .btn{font-size:15px;line-height:25px;min-width:180px}