.modal{position:fixed;-webkit-box-sizing:border-box;box-sizing:border-box;top:45%;left:50%;-webkit-transform:translate(-50%,-100vh);transform:translate(-50%,-100vh);padding:24px;background-color:#fff;border-radius:8px;-webkit-box-shadow:2px 2px 8px -1px #ccc;box-shadow:2px 2px 8px -1px #ccc;z-index:1100;visibility:hidden;opacity:0;-webkit-transition:.3s;transition:.3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;width:95vw}@media screen and (min-width:900px){.modal{width:800px}}.modal--active{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);visibility:visible;opacity:1}.modal__button{all:unset;position:absolute;top:4px;right:4px;width:24px;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#888;-webkit-transition:color .3s;transition:color .3s;cursor:pointer}.modal__button:hover{color:#b22222}.modal .delete-confirm{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.modal .delete-confirm small{color:#8bd5cb}.modal-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(51,51,51,.6);z-index:1000;visibility:hidden;opacity:0;-webkit-transition:.3s;transition:.3s}.modal-bg--active{visibility:visible;opacity:1}.input{width:100%;position:relative;margin:10px 0 8px}.input__input{all:unset;display:block;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #ccc;color:#333;padding:12px;width:100%;text-align:left;-webkit-transition:.3s;transition:.3s;height:44px}.input__label{top:12px;left:12px;font-size:1em;color:#ccc;font-family:Roboto,sans-serif;-webkit-transition:.3;transition:.3;transition:.3s;cursor:text;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input__label,.input__line{position:absolute;-webkit-transition:.3s}.input__line{content:"";bottom:14px;height:2px;background-color:#8bd5cb;width:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:.3s;border-radius:2px}.input__error{display:block;height:14px;width:100%;text-align:right;font-size:.7em;color:#e41313;visibility:visible;opacity:1;-webkit-transition:.3s;transition:.3s;-webkit-transform:translateY(0);transform:translateY(0)}.input__error:empty{visibility:hidden;opacity:0;-webkit-transform:translateY(4px);transform:translateY(4px)}.input--error .input__input{border-color:#e41313!important}.input--error .input__error{visibility:visible;opacity:1}.input--disabled .input__input{color:#aaa;cursor:disabled}.input__input:not(:-moz-placeholder-shown)+.input__label{color:#333}.input__input:not(:-ms-input-placeholder)+.input__label{color:#333}.input__input:not(:placeholder-shown)+.input__label{color:#333}.input__input:focus+.input__label{color:#8bd5cb}.input__input:not(:-moz-placeholder-shown)+.input__label{top:-12px;left:0;font-size:12px}.input__input:not(:-ms-input-placeholder)+.input__label{top:-12px;left:0;font-size:12px}.input__input:focus+.input__label,.input__input:not(:placeholder-shown)+.input__label{top:-12px;left:0;font-size:12px}.input__input:focus~.input__line{width:100%}.form{width:80%;margin:12px auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.user-premium{color:#daa520}hr{width:100%}