options.css

@import url(https://fonts.googleapis.com/css?family=Roboto:300,500);.action{border-bottom:1px dotted #d3d3d3}.action input,.action select{margin-bottom:0}.action td,.action th{padding-top:7px;padding-bottom:7px;text-align:left}.action td:not(:last-child){padding-right:7px}.action td:first-child{width:47px;white-space:nowrap}.action th{color:#657786;font-weight:500}.action__url-field{width:400px}.actions{border-collapse:collapse;margin-bottom:10px;width:100%}body{background-color:#f5f8fa;color:#14171a;font-family:Roboto,sans-serif;font-size:14px;font-weight:300;line-height:1.4}.button{border:none;border-radius:3px;cursor:pointer;color:#fff;display:inline-block;text-align:center;text-decoration:none;padding:6px 12px}.button--add{background-color:#3273dc;margin-bottom:10px}.button--add:hover{background-color:#2466d1}.button--remove{background-color:#363636}.button--remove:hover{background-color:red}.button--pro{background-color:#3273dc;margin-top:5px}.button--pro:hover{background-color:#2466d1}h2{font-size:20px;font-weight:500;margin:0;padding:10px 0}hr{background-color:#e1e8ed;border:none;height:1px;margin:10px 0}hr.or{overflow:visible;position:relative}hr.or:after{background:#fff;color:#657786;content:"or";font-weight:500;display:block;height:21px;line-height:21px;position:relative;text-align:center;top:-10px;width:50px;margin:auto}.icon{height:16px;vertical-align:middle;width:16px}.icon--spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}input{margin-bottom:5px}input[type=checkbox]{margin-left:0}input[type=number],input[type=text],select,textarea{background-color:#f5f8fa;border:1px solid #e1e8ed;box-sizing:border-box;font-family:inherit;font-size:14px;font-weight:300;outline:none;padding:5px;transition:border-color .3s ease-in-out}input[type=number]{vertical-align:middle;width:75px}input[type=number]:focus{border-color:#1da1f2}.is-pro .hidden-pro{display:none}label[for]{display:inline-block;font-weight:500;padding:5px 0}.pro-activation-key{width:300px}p{color:#657786;font-size:14px;margin:0}section{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:900px;width:100%}section>div{background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1);margin-bottom:10px;padding:20px}select{padding:4px 5px}strong{font-weight:500}textarea{width:600px}.notification{border-radius:4px;margin:.2rem 0;padding:.2rem;width:max-content}.is-info,.is-info a{background-color:#eef6fc;color:#1d72aa}.is-warning{background-color:#fffbeb;color:#947600}