*, html, body, button, input, textarea, select {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a {
  color: #39464E;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

input, textarea, select {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

select {
  cursor: pointer; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

abbr, acronym {
  border: 0; }

::-webkit-input-placeholder {
  color: #62666c; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #62666c; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #62666c; }

:-ms-input-placeholder {
  color: #62666c; }

.icon {
  stroke: inherit; }

button:focus,
a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  outline: none !important; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

a {
  outline: none; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background: #20262E;
  padding: 0;
  margin: 0;
  position: relative;
  font-size: 14px;
  color: #39464E; }

#progressbar {
  height: 3px;
  position: absolute;
  top: 55px;
  left: 0;
  right: 0; }

/* header
 ================================================================ */
header {
  height: 60px;
  background: #1c2128;
  box-shadow: 0 0 5px rgba(28, 33, 40, 0);
  position: relative;
  z-index: 100;
  width: 100vw; }
  header .title {
    position: absolute;
    top: -9000em; }
  header h1 {
    position: absolute;
    top: 14px;
    left: 10px;
    z-index: 800;
    transition: all 0.15s; }
    header h1 a {
      display: block; }
    header h1 svg {
      transition: all 0.15s;
      position: relative;
      height: 33px;
      width: 46px;
      stroke: #0084ff; }

#app-updates {
  float: left;
  position: relative;
  width: 20px; }
  #app-updates .bodyCont {
    opacity: 1;
    transition: all 0.1s;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    margin-left: 10px;
    overflow: hidden;
    height: 60px;
    width: 300px; }
  #app-updates .body {
    color: #fbfbfb;
    transition: all 0.1s;
    background: transparent;
    padding: 14px;
    border-radius: 3px;
    line-height: 1.45em;
    font-size: 13px;
    position: relative;
    top: 6px;
    width: 300px; }
  #app-updates strong {
    font-weight: 700; }
  #app-updates h3 {
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    overflow: hidden; }
  #app-updates p {
    margin-top: 10px; }
  #app-updates p,
  #app-updates .updateActions {
    pointer-events: none;
    opacity: 0; }
  #app-updates .updateActions {
    margin-top: 12px;
    text-align: right; }
    #app-updates .updateActions a {
      color: #8e9195;
      font-size: 12px;
      padding: 3px 6px;
      border: solid 1px transparent;
      border-radius: 4px; }
      #app-updates .updateActions a:hover {
        border: solid 1px rgba(142, 145, 149, 0.2);
        text-decoration: none; }
  #app-updates .badge {
    background: #64b448;
    color: #fff;
    font-size: 11px;
    padding: 3px 6px;
    border-radius: 3px;
    margin-right: 5px;
    font-weight: 400; }
  #app-updates:hover .bodyCont, #app-updates.hidden .bodyCont {
    overflow: visible; }
  #app-updates:hover .body, #app-updates.hidden .body {
    background: #fff;
    color: #20262E;
    box-shadow: 0 0 1px rgba(57, 70, 78, 0.15), 0 20px 55px -8px rgba(57, 70, 78, 0.25); }
  #app-updates:hover h3, #app-updates.hidden h3 {
    text-overflow: inherit;
    white-space: normal;
    overflow: auto;
    font-weight: 700; }
  #app-updates:hover p,
  #app-updates:hover .updateActions, #app-updates.hidden p,
  #app-updates.hidden .updateActions {
    pointer-events: auto;
    opacity: 1; }
  #app-updates.hidden {
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
    #app-updates.hidden p,
    #app-updates.hidden .updateActions {
      pointer-events: none;
      opacity: 0; }

#app-updates-highlighter {
  position: absolute;
  border: solid 3px #64b448;
  border-radius: 5px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.1s;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  z-index: 1000; }
  #app-updates-highlighter.show {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }

/* Content
 ================================================================ */
#content {
  position: relative;
  margin-left: 210px; }

/* Sidebar
 ================================================================ */
#sidebar {
  padding: 0;
  margin: 0;
  font-size: 12px;
  width: 210px;
  position: absolute;
  top: 60px;
  bottom: 0;
  left: 0;
  border-right: solid 1px #2d333b;
  background: #20262E;
  display: flex;
  flex-direction: column;
  z-index: 20;
  color: #cfd0d2;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); }
  #sidebar #s-cont {
    flex-grow: 1;
    overflow: auto;
    opacity: 0;
    pointer-events: none; }
  #sidebar .userSidebar .avatar {
    font-size: 14px;
    font-weight: bold;
    text-align: center; }
    #sidebar .userSidebar .avatar a {
      color: #fbfbfb;
      display: block; }
    #sidebar .userSidebar .avatar img {
      margin-bottom: 10px;
      overflow: hidden;
      border-radius: 100px; }
    #sidebar .userSidebar .avatar .company {
      font-weight: normal;
      margin-top: 6px;
      color: #8e9195;
      font-size: 12px; }
  #sidebar .userSidebar .userDetails {
    clear: both;
    padding-top: 6px;
    color: #fbfbfb; }
    #sidebar .userSidebar .userDetails a {
      color: #fbfbfb; }
    #sidebar .userSidebar .userDetails li {
      margin-top: 3px; }

/* Actions
 ================================================================ */
#actions {
  height: 60px;
  font-size: 14px;
  position: relative;
  z-index: 300;
  margin-left: 70px;
  opacity: 0;
  pointer-events: none; }
  #actions svg {
    vertical-align: middle;
    position: relative;
    top: -1px;
    height: 16px; }
    #actions svg.rightIcon {
      margin-right: 0;
      margin-left: 6px; }
  #actions .actionCont {
    float: left; }
  #actions .right {
    float: right;
    margin-right: 10px; }
  #actions .actionItem {
    float: left;
    position: relative;
    margin-right: 1px; }
    #actions .actionItem.visible {
      display: block; }
    #actions .actionItem.hidden {
      display: none; }
  #actions .actionItem .aiButton,
  #actions .actionItem .aiButton span,
  #actions .dropdown .actionItem a.aiButton {
    height: 59px; }
  #actions .actionItem a.aiButton {
    display: block;
    outline: none;
    text-decoration: none;
    padding: 0 8px;
    line-height: 60px;
    color: #fbfbfb; }
    #actions .actionItem a.aiButton.selected, #actions .actionItem a.aiButton:hover {
      border-bottom: solid 1px #0084ff; }
    #actions .actionItem a.aiButton.applyDraft {
      color: #f36e65; }
  #actions #usermenu {
    position: relative;
    padding-left: 52px; }
    #actions #usermenu img {
      position: absolute;
      top: 12px;
      left: 10px;
      overflow: hidden;
      border-radius: 100%; }
  #actions .actionItem a.aiButton span {
    line-height: 60px;
    margin-right: 6px !important;
    font-size: .9em; }
  #actions .noIcon a.aiButton span {
    padding: 0 0 0 6px;
    margin-right: 0; }
  #actions .actionItem #mobile.aiButton span {
    margin-right: 0; }
  #actions .actionItem a.aiButton span.selected {
    color: #555;
    background: #fff; }
  #actions .dropdown .dropdownCont li {
    line-height: 26px; }

/* universal dropdown container
 ================================================================ */
.dropdownCont {
  position: absolute;
  z-index: 9000;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition: opacity 0.12s, -webkit-transform 0.12s;
  transition: opacity 0.12s, transform 0.12s;
  transition: opacity 0.12s, transform 0.12s, -webkit-transform 0.12s;
  will-change: opacity, transform; }
  .dropdownCont .dcWrapper {
    background-color: #fff;
    width: 300px;
    padding: 15px;
    margin: 0;
    font-size: 13px;
    box-shadow: 0 0 1px rgba(57, 70, 78, 0.15), 0 20px 55px -8px rgba(57, 70, 78, 0.25);
    border-radius: 5px;
    max-height: calc(100vh - 100px);
    overflow: auto; }
    .dropdownCont .dcWrapper.menu {
      width: 200px;
      padding: 12px 0; }
      .dropdownCont .dcWrapper.menu li {
        line-height: 22px;
        padding: 0 15px 6px; }
        .dropdownCont .dcWrapper.menu li a {
          color: #39464E;
          position: relative; }
        .dropdownCont .dcWrapper.menu li.other {
          border-top: solid 1px #ebeef0;
          padding: 6px 15px 0; }
        .dropdownCont .dcWrapper.menu li.other + .other {
          border-top: none; }
        .dropdownCont .dcWrapper.menu li.other a {
          color: #abb9c2; }
    .dropdownCont .dcWrapper:before {
      content: "";
      display: block;
      position: absolute;
      top: -11px;
      right: 20px;
      vertical-align: middle;
      content: "";
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 10px solid rgba(57, 70, 78, 0.15);
      border-style: none double solid;
      width: 0;
      height: 0; }
    .dropdownCont .dcWrapper:after {
      content: "";
      display: block;
      position: absolute;
      top: -10px;
      right: 20px;
      vertical-align: middle;
      content: "";
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 10px solid #fff;
      border-style: none double solid;
      width: 0;
      height: 0; }
  .dropdownCont.center .dcWrapper:before {
    left: 50%;
    margin-left: -4px; }
  .dropdownCont.center .dcWrapper:after {
    left: 50%;
    margin-left: -4px; }
  .dropdownCont.hidden {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    pointer-events: none; }

/* Ads
 ================================================================ */
.twitterCont {
  padding: 10px;
  display: block;
  border-top: 1px solid #2d333b; }

#keep-us-running {
  color: #fff;
  padding: 15px 10px;
  position: absolute;
  bottom: -100px;
  left: 0;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  transition: all 0.3s; }
  #keep-us-running.color_1 {
    background: #0084ff; }
  #keep-us-running.color_2 {
    background: #9f78d7; }
  #keep-us-running.color_3 {
    background: #deae51; }
  #keep-us-running.color_4 {
    background: #64b448; }
  #keep-us-running.color_5 {
    background: #de7373; }
  #keep-us-running p {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 8px; }
  #keep-us-running.show {
    pointer-events: auto;
    opacity: 1;
    bottom: 0; }

#sidebar #carbonads {
  text-align: center; }
  #sidebar #carbonads .carbon-text {
    clear: both;
    display: block;
    padding: 10px 0 0;
    color: #cfd0d2;
    font-size: 12px;
    line-height: 1.5em; }
  #sidebar #carbonads .carbon-poweredby {
    display: block;
    color: #8e9195;
    font-size: .9em;
    padding: 10px 0 0; }

#info-bar {
  background: #debf51;
  padding: 12px;
  color: rgba(0, 0, 0, 0.7);
  position: relative; }
  #info-bar a {
    text-decoration: underline;
    color: rgba(0, 0, 0, 0.7);
    font-weight: 600; }
  #info-bar .dismiss {
    color: rgba(0, 0, 0, 0.4);
    font-weight: 400;
    font-size: 13px;
    position: absolute;
    right: 12px;
    text-decoration: none; }
  #info-bar.hidden {
    display: none; }

#hello-bar {
  height: 0;
  background: #0084ff;
  transition: height 0.15s;
  overflow: hidden;
  position: relative;
  will-change: height; }
  #hello-bar .hbBody {
    box-sizing: border-box;
    height: 100%;
    padding: 20px 0 20px 150px;
    color: #fbfbfb;
    display: grid;
    grid-template-columns: minmax(200px, 1.5fr) minmax(200px, 1fr) minmax(200px, 1fr);
    grid-gap: 10px; }
  #hello-bar .closeHb {
    position: absolute;
    top: 65px;
    left: 15px;
    font-size: 13px; }
    #hello-bar .closeHb svg {
      height: 16px;
      vertical-align: middle; }
  #hello-bar a {
    color: #fbfbfb; }
  #hello-bar h3 {
    font-weight: 600;
    margin-bottom: 15px; }
  #hello-bar li {
    font-size: 13px;
    line-height: 1.42em; }
  #hello-bar ul.boilerplates li {
    margin: 0 10px 10px 0;
    float: left; }
  #hello-bar ul.boilerplates a {
    display: block;
    padding: 7px 9px;
    border-radius: 4px;
    transition: all 0.15s;
    background: #fff;
    color: #20262E;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); }
    #hello-bar ul.boilerplates a:hover {
      text-decoration: none;
      -webkit-transform: translateY(-1px);
              transform: translateY(-1px);
      box-shadow: 0 6px 6px -2px rgba(0, 0, 0, 0.2); }

body.fullyLoaded #sidebar #s-cont,
body.fullyLoaded #actions {
  opacity: 1;
  pointer-events: auto; }

body.fullyLoaded #loader {
  display: none; }
  body.fullyLoaded #loader .loader {
    -webkit-animation: none;
            animation: none; }
  body.fullyLoaded #loader .shadow {
    -webkit-animation: none;
            animation: none; }

body.noSupport #no-support {
  display: block; }

body.noSupport #loader {
  display: none; }
  body.noSupport #loader .loader {
    -webkit-animation: none;
            animation: none; }
  body.noSupport #loader .shadow {
    -webkit-animation: none;
            animation: none; }

#hello-bar {
  display: none; }

.windowSettings {
  pointer-events: none;
  opacity: 0;
  will-change: opacity, transform; }

#loader,
#no-support {
  position: absolute;
  top: calc(50vh - 30px);
  left: calc(50% - 60px); }
  #loader .loader,
  #no-support .loader {
    width: 120px;
    height: 120px;
    z-index: 100;
    -webkit-animation: jump 0.8s ease-in infinite;
            animation: jump 0.8s ease-in infinite; }
  #loader .loader path,
  #no-support .loader path {
    stroke: white; }
  #loader .loader .cloud,
  #no-support .loader .cloud {
    fill: #0084ff; }
  #loader .shadow,
  #no-support .shadow {
    position: absolute;
    z-index: -1;
    top: 80px;
    left: 0;
    display: block;
    border-radius: 100%;
    height: 20px;
    width: 120px;
    background: #000;
    opacity: 0.3;
    -webkit-animation: scale-shadow 0.8s ease-in infinite;
            animation: scale-shadow 0.8s ease-in infinite; }

@-webkit-keyframes jump {
  0% {
    -webkit-transform: translateY(0px) scale(1.15, 0.8);
            transform: translateY(0px) scale(1.15, 0.8); }
  20% {
    -webkit-transform: translateY(-35px) scale(1, 1.1);
            transform: translateY(-35px) scale(1, 1.1); }
  50% {
    -webkit-transform: translateY(-50px) scale(1, 1);
            transform: translateY(-50px) scale(1, 1); }
  80% {
    -webkit-transform: translateY(-35px) scale(1, 1);
            transform: translateY(-35px) scale(1, 1); }
  100% {
    -webkit-transform: translateY(0px) scale(1.15, 0.8);
            transform: translateY(0px) scale(1.15, 0.8); } }

@keyframes jump {
  0% {
    -webkit-transform: translateY(0px) scale(1.15, 0.8);
            transform: translateY(0px) scale(1.15, 0.8); }
  20% {
    -webkit-transform: translateY(-35px) scale(1, 1.1);
            transform: translateY(-35px) scale(1, 1.1); }
  50% {
    -webkit-transform: translateY(-50px) scale(1, 1);
            transform: translateY(-50px) scale(1, 1); }
  80% {
    -webkit-transform: translateY(-35px) scale(1, 1);
            transform: translateY(-35px) scale(1, 1); }
  100% {
    -webkit-transform: translateY(0px) scale(1.15, 0.8);
            transform: translateY(0px) scale(1.15, 0.8); } }

@-webkit-keyframes scale-shadow {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    opacity: 0.3;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes scale-shadow {
  0% {
    opacity: 0.3;
    -webkit-transform: scale(1);
            transform: scale(1); }
  50% {
    opacity: 0.2;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
  100% {
    opacity: 0.3;
    -webkit-transform: scale(1);
            transform: scale(1); } }

#no-support {
  position: absolute;
  top: calc(50vh - 30px);
  left: calc(50% - 60px);
  display: none;
  color: #fff;
  text-align: center;
  font-size: 18px; }

a {
  color: #0084ff;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

header {
  position: fixed;
  top: 0; }

#content {
  margin-top: 60px;
  padding: 30px;
  color: #fbfbfb; }
  #content h2 {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 30px; }

#sidebar {
  position: fixed; }
  #sidebar #s-cont {
    padding-top: 30px; }
  #sidebar .userDetails {
    border-top: solid 1px #2d333b;
    margin-top: 30px;
    padding: 30px 20px;
    font-size: 13px; }
    #sidebar .userDetails li {
      color: #4c5157;
      padding-bottom: 10px; }
    #sidebar .userDetails h3 {
      font-weight: 700;
      margin-bottom: 20px;
      color: #fbfbfb; }
    #sidebar .userDetails a {
      color: #fbfbfb;
      margin-left: 5px; }
    #sidebar .userDetails svg {
      vertical-align: middle; }

/* ================================================================ */
.fiddleList {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  grid-gap: 20px; }
  .fiddleList .item {
    position: relative;
    background: rgba(255, 255, 255, 0.03);
    overflow: hidden;
    border-radius: 2px; }
  .fiddleList .overlay {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 300px;
    width: 100%;
    z-index: 20; }
  .fiddleList .meta {
    padding: 20px; }
  .fiddleList iframe {
    display: block; }
  .fiddleList h3 {
    font-weight: 700; }
    .fiddleList h3 a {
      color: #fbfbfb; }
    .fiddleList h3 .latest {
      font-size: 12px;
      font-weight: 400;
      color: #eeb546;
      margin-left: 5px; }
    .fiddleList h3 .versions {
      font-weight: 400;
      margin-left: 5px;
      font-size: 12px; }
  .fiddleList .info {
    padding: 5px 0 0;
    color: #8e9195;
    font-size: 13px; }
  .fiddleList .actions {
    position: absolute;
    top: 320px;
    right: 10px;
    width: 20px;
    opacity: 0;
    transition: all 0.15s;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
    .fiddleList .actions a {
      text-decoration: none;
      color: #FF4D4D; }
  .fiddleList .item:hover .actions {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }

/* ================================================================ */
.commonForm {
  border-bottom: solid 1px #2d333b;
  padding-bottom: 30px;
  margin-bottom: 30px; }
  .commonForm h3 {
    font-size: 1.1em;
    font-weight: 700;
    margin-bottom: 20px; }
  .commonForm fieldset .fieldsetCont {
    display: grid;
    grid-template-columns: 320px 320px;
    grid-gap: 20px; }
  .commonForm fieldset .fieldCont {
    position: relative; }
  .commonForm fieldset label {
    position: absolute;
    top: 12px;
    left: 17px;
    font-size: 12px;
    color: #8e9195;
    transition: all 0.2s;
    pointer-events: none;
    opacity: 0; }
  .commonForm fieldset input[type="text"],
  .commonForm fieldset input[type="email"],
  .commonForm fieldset input[type="password"],
  .commonForm fieldset input[type="url"] {
    border: 0;
    outline: none;
    font-size: 15px;
    width: 100%;
    display: block;
    background: #1c2128;
    color: #fbfbfb;
    border: 0;
    transition: all 150ms;
    box-shadow: 0 0 0 1px #2d333b;
    border-radius: 4px;
    padding: 16px 17px;
    box-sizing: border-box; }
    .commonForm fieldset input[type="text"]:focus,
    .commonForm fieldset input[type="email"]:focus,
    .commonForm fieldset input[type="password"]:focus,
    .commonForm fieldset input[type="url"]:focus {
      box-shadow: 0 0 0 2px #0084ff; }
    .commonForm fieldset input[type="text"].filled,
    .commonForm fieldset input[type="email"].filled,
    .commonForm fieldset input[type="password"].filled,
    .commonForm fieldset input[type="url"].filled {
      padding: 25px 17px 7px; }
  .commonForm fieldset input.filled + label {
    top: 7px;
    opacity: 1; }
  .commonForm .submitCont {
    margin-top: 20px;
    position: relative; }
    .commonForm .submitCont input[type=submit] {
      border-radius: 5px;
      padding: 13px 30px;
      background: #0084ff;
      border: none;
      color: #fff;
      font-size: 14px;
      cursor: pointer;
      font-weight: 700;
      box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25);
      transition: all 150ms; }
      .commonForm .submitCont input[type=submit]:hover {
        box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25);
        background: #006acc; }
      .commonForm .submitCont input[type=submit]:active {
        box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.25);
        background: #004280; }

.removeAccount {
  color: #ff6946; }

.formWarning {
  color: #ff6946;
  margin-left: 5px; }
  .formWarning:hover {
    text-decoration: none; }

/* ================================================================ */
.paginator {
  text-align: center;
  margin-bottom: 20px; }
  .paginator li {
    display: inline-block; }
  .paginator a,
  .paginator span {
    display: inline-block;
    padding: 10px;
    border-bottom: solid 2px #0084ff;
    font-weight: 700;
    transition: all 0.1s; }
  .paginator a {
    font-weight: 400;
    color: #8e9195;
    border-bottom: solid 2px transparent; }
    .paginator a:hover {
      border-bottom: solid 2px #0084ff;
      color: #fbfbfb;
      text-decoration: none; }

/* ================================================================ */
.messages {
  margin: 20px 0; }
  .messages li {
    padding: 10px; }
  .messages .success {
    border: solid 1px #0084ff;
    color: #0084ff; }
  .messages .failure {
    border: solid 1px #ff6946;
    color: #ff6946; }

/* ================================================================ */
.errorlist {
  margin-left: 222px; }

/* ================================================================ */
body .twipsy-inner {
  border-radius: 2px; }

.blankslate {
  text-align: center;
  margin-top: 70px; }
  .blankslate h3 {
    font-weight: 700;
    font-size: 22px;
    margin: 0 0 10px;
    padding: 0; }
  .blankslate p {
    color: #cfd0d2; }
  .blankslate svg {
    stroke: rgba(207, 208, 210, 0.3);
    margin-bottom: 20px; }
  .blankslate ul {
    margin-top: 40px; }
    .blankslate ul a {
      display: inline-block;
      border: solid 2px #0084ff;
      color: #fbfbfb;
      padding: 12px 22px;
      border-radius: 30px;
      transition: all 0.1s;
      font-size: 15px; }
      .blankslate ul a:hover {
        text-decoration: none; }