.modal{background-color:#000;background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#fefefe;border:1px solid #888;margin:10% auto;padding:20px;width:80%}.close{color:#000;cursor:pointer;font-size:16px;font-weight:700;text-decoration:underline}.loader{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.buttonLoading{opacity:1}#urlInput{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#555;display:block;font-size:14px;height:34px;line-height:1.42857143;margin-bottom:10px;margin-top:10px;padding:6px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}#urlInput:focus{border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);outline:0}#urlInput::placeholder{color:#999}#urlInputLabel{left:5px;pointer-events:none;position:absolute;top:10px;transition:all .2s ease}#urlInput:focus~#urlInputLabel,#urlInput:not(:placeholder-shown)~#urlInputLabel{color:#555;font-size:14px;top:-20px}#clickMessage,#pop-up-info{background-color:#df8fff;border-radius:10px;margin-bottom:5px;padding:10px}#clickMessage{animation:slideInBottom 1s}@keyframes slideInBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.modal-content{background-color:#fefefe;border:1px solid #888;margin:0;padding:100px 0 0;width:100%}}