.slide-loader {
      position: absolute;
      pointer-events: none;
      left: 50%;
      top: 50%;
      -webkit-animation: spin 1.8s linear infinite;
      -moz-animation: spin 1.8s linear infinite;
      -ms-animation: spin 1.8s linear infinite;
      animation: spin 1.8s linear infinite;
      width: 100px;
      height: 100px;
      -webkit-transform: translate(-50%, -50%);
      z-index: 10000;
      background: transparent url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9Ii0xIC0xIDEwMSAxMDEiPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9Ii0wLjA1IiB5MT0iLTUwLjA3NSIgeDI9Ii0wLjA1IiB5Mj0iLTI1LjkyNDk5OTk5OTk5OTk5NyIgc3ByZWFkTWV0aG9kPSJwYWQiPgogICAgICA8c3RvcCAgb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPgogICAgICAKICAgICAgPHN0b3AgIG9mZnNldD0iNTAuOTgwMzkyMTU2ODYyNzQlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNTIxNTY4NjI3NDUwOTgwNCIvPgogICAgICAKICAgICAgPHN0b3AgIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI0ZGRkZGRiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGcgaWQ9InNwb2tlIj4KICAgICAgPHBhdGggZmlsbD0idXJsKCNncmFkKSIgc3Ryb2tlPSJub25lIiBkPSIKICAgICAgTSAwLjUgLTI2LjMKICAgICAgTCAxLjk1IC01MCAtMi4wNSAtNTAgLTEgLTI2CiAgICAgIFEgLTAuODA1MjczNDM3NSAtMjYuNDM1MTU2MjUgLTAuMyAtMjYuMyAwLjAzMzc4OTA2MjUgLTI2LjUyOTg4MjgxMjUgMC41IC0yNi4zIFoiLz4KICAgIDwvZz4KICA8L2RlZnM+CiAgCiAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoIDEsIDAsIDAsIDEsIDQ5LjU1LDUwKSAiPgogICAgPHVzZSB4bGluazpocmVmPSIjc3Bva2UiLz4KICA8L2c+CiAgCiAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoIDAuOTM5Njk3MjY1NjI1LCAwLjM0MTMwODU5Mzc1LCAtMC4zNDIwMjU3NTY4MzU5Mzc1LCAwLjkzNzcyODg4MTgzNTkzNzUsIDQ5LjU1LDQ5LjYpICI+CiAgICA8dXNlIHhsaW5rOmhyZWY9IiNzcG9rZSIgb3BhY2l0eT0iLjA1Ii8+CiAgPC9nPgogIAogIDxnIHRyYW5zZm9ybT0ibWF0cml4KCAwLjc2NjI5NjM4NjcxODc1LCAwLjY0MjEyMDM2MTMyODEyNSwgLTAuNjQyMTIwMzYxMzI4MTI1LCAwLjc2NDE5MDY3MzgyODEyNSwgNDkuNSw1MCkgIj4KICAgIDx1c2UgeGxpbms6aHJlZj0iI3Nwb2tlIiBvcGFjaXR5PSIuMSIvPgogIDwvZz4KICAKICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCggMC41MDA0NzMwMjI0NjA5Mzc1LCAwLjg2NTQ3ODUxNTYyNSwgLTAuODY0NzQ2MDkzNzUsIDAuNDk4NDc0MTIxMDkzNzUsIDQ5LjU1LDUwKSAiPgogICAgPHVzZSB4bGluazpocmVmPSIjc3Bva2UiIG9wYWNpdHk9Ii4yIiAvPgogIDwvZz4KICAKICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCggMC4xNzQyNTUzNzEwOTM3NSwgMC45ODQ0ODE4MTE1MjM0Mzc1LCAtMC45ODMwOTMyNjE3MTg3NSwgMC4xNzI2NTMxOTgyNDIxODc1LCA0OS41NSw0OS45NSkgIj4KICAgIDx1c2UgeGxpbms6aHJlZj0iI3Nwb2tlIiBvcGFjaXR5PSIuMyIgLz4KICA8L2c+CiAgCiAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoIC0wLjE3Mjk1ODM3NDAyMzQzNzUsIDAuOTg0NzEwNjkzMzU5Mzc1LCAtMC45ODI4Nzk2Mzg2NzE4NzUsIC0wLjE3Mzk5NTk3MTY3OTY4NzUsIDQ5LjYsNTApICI+CiAgICA8dXNlIHhsaW5rOmhyZWY9IiNzcG9rZSIgb3BhY2l0eT0iLjM1IiAvPgogIDwvZz4KICAKICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCggLTAuNDk5MzEzMzU0NDkyMTg3NSwgMC44NjYxNDk5MDIzNDM3NSwgLTAuODY0MTA1MjI0NjA5Mzc1LCAtMC40OTk2NjQzMDY2NDA2MjUsIDQ5LjYsNTApICI+CiAgICA8dXNlIHhsaW5rOmhyZWY9IiNzcG9rZSIgb3BhY2l0eT0iLjQiIC8+CiAgPC9nPgogIAogIDxnIHRyYW5zZm9ybT0ibWF0cml4KCAtMC43NjU0NDE4OTQ1MzEyNSwgMC42NDMxNTc5NTg5ODQzNzUsIC0wLjY0MTA5ODAyMjQ2MDkzNzUsIC0wLjc2NTA3NTY4MzU5Mzc1LCA0OS42LDQ5Ljk1KSAiPgogICAgPHVzZSB4bGluazpocmVmPSIjc3Bva2UiIG9wYWNpdHk9Ii40NSIgLz4KICA8L2c+CiAgCiAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoIC0wLjkzOTI3MDAxOTUzMTI1LCAwLjM0MjU1OTgxNDQ1MzEyNSwgLTAuMzQwNzU5Mjc3MzQzNzUsIC0wLjkzODIwMTkwNDI5Njg3NSwgNDkuNTUsNTApICI+CiAgICA8dXNlIHhsaW5rOmhyZWY9IiNzcG9rZSIgb3BhY2l0eT0iLjUiIC8+CiAgPC9nPgogIAogIDxnIHRyYW5zZm9ybT0ibWF0cml4KCAtMC45OTk3ODYzNzY5NTMxMjUsIDAuMDAwNjQwODY5MTQwNjI1LCAwLjAwMDY4NjY0NTUwNzgxMjUsIC0wLjk5ODE2ODk0NTMxMjUsIDQ5LjUsNTApICI+CiAgICA8dXNlIHhsaW5rOmhyZWY9IiNzcG9rZSIgb3BhY2l0eT0iLjU1IiAvPgogIDwvZz4KICAKICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCggLTAuOTM5Njk3MjY1NjI1LCAtMC4zNDEzNTQzNzAxMTcxODc1LCAwLjM0MjA0MTAxNTYyNSwgLTAuOTM3NzQ0MTQwNjI1LCA0OS41LDUwLjA1KSAiPgogICAgPHVzZSB4bGluazpocmVmPSIjc3Bva2UiIG9wYWNpdHk9Ii42IiAvPgogIDwvZz4KICAKICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCggLTAuNzY2Mjk2Mzg2NzE4NzUsIC0wLjY0MjE4MTM5NjQ4NDM3NSwgMC42NDIxNTA4Nzg5MDYyNSwgLTAuNzY0MjA1OTMyNjE3MTg3NSwgNDkuNTUsNDkuOTUpICI+CiAgICA8dXNlIHhsaW5rOmhyZWY9IiNzcG9rZSIgb3BhY2l0eT0iLjY1IiAvPgogIDwvZz4KICAKICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCggLTAuNTAwNDU3NzYzNjcxODc1LCAtMC44NjU1Mzk1NTA3ODEyNSwgMC44NjQ4MDcxMjg5MDYyNSwgLTAuNDk4NDc0MTIxMDkzNzUsIDQ5LjUsNTApICI+CiAgICA8dXNlIHhsaW5rOmhyZWY9IiNzcG9rZSIgb3BhY2l0eT0iLjciIC8+CiAgPC9nPgogIAogIDxnIHRyYW5zZm9ybT0ibWF0cml4KCAtMC4xNzQyNDAxMTIzMDQ2ODc1LCAtMC45ODQ1Mjc1ODc4OTA2MjUsIDAuOTgzMTU0Mjk2ODc1LCAtMC4xNzI2Mzc5Mzk0NTMxMjUsIDQ5LjUsNTApICI+CiAgICA8dXNlIHhsaW5rOmhyZWY9IiNzcG9rZSIgb3BhY2l0eT0iLjc1IiAvPgogIDwvZz4KICAKICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCggMC4xNzMwMDQxNTAzOTA2MjUsIC0wLjk4NDc0MTIxMDkzNzUsIDAuOTgyODk0ODk3NDYwOTM3NSwgMC4xNzQwMTEyMzA0Njg3NSwgNDkuNSw1MCkgIj4KICAgIDx1c2UgeGxpbms6aHJlZj0iI3Nwb2tlIiBvcGFjaXR5PSIuOCIgLz4KICA8L2c+CiAgCiAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoIDAuNDk5Mzc0Mzg5NjQ4NDM3NSwgLTAuODY2MTk1Njc4NzEwOTM3NSwgMC44NjQxMjA0ODMzOTg0Mzc1LCAwLjQ5OTY5NDgyNDIxODc1LCA0OS41NSw1MCkgIj4KICAgIDx1c2UgeGxpbms6aHJlZj0iI3Nwb2tlIiBvcGFjaXR5PSIuODUiIC8+CiAgPC9nPgogIAogIDxnIHRyYW5zZm9ybT0ibWF0cml4KCAwLjc2NTUwMjkyOTY4NzUsIC0wLjY0MzE3MzIxNzc3MzQzNzUsIDAuNjQxMDk4MDIyNDYwOTM3NSwgMC43NjUxMjE0NTk5NjA5Mzc1LCA0OS41LDUwKSAiPgogICAgPHVzZSB4bGluazpocmVmPSIjc3Bva2UiIG9wYWNpdHk9Ii45IiAvPgogIDwvZz4KICAKICA8ZyB0cmFuc2Zvcm09Im1hdHJpeCggMC45MzkzMzEwNTQ2ODc1LCAtMC4zNDI1NTk4MTQ0NTMxMjUsIDAuMzQwNzQ0MDE4NTU0Njg3NSwgMC45MzgyMzI0MjE4NzUsIDQ5LjUsNDkuOTUpICI+CiAgICA8dXNlIHhsaW5rOmhyZWY9IiNzcG9rZSIgb3BhY2l0eT0iLjk1IiAvPgogIDwvZz4KPC9zdmc+Cg==") no-repeat center center
    }

    .mobile-chrome-warning {
      position: fixed;
      width: 300px;
      height: 75px;
      bottom: 0px;
      background: rgba(0, 0, 0, 0.0001);
      display: none;
      pointer-events: none
    }

    .mobile-chrome-warning-btn {
      position: absolute;
      left: -16px;
      top: -15px;
      width: 107px;
      height: 107px;
      background: rgba(0, 0, 0, 0.6);
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.2);
      pointer-events: all;
      -webkit-transform: scale(0.6)
    }

    .mobile-chrome-warning-btn svg {
      position: absolute;
      left: 60%;
      top: 58%;
      -webkit-transform: translate(-50%, -50%)
    }

    .mobile-chrome-warning-bubble {
      position: relative;
      color: white;
      padding: 10px;
      background: rgba(0, 0, 0, 0.8);
      border-radius: 5px;
      float: left;
      margin-left: 100px;
      margin-top: 15px;
      pointer-events: none
    }

    .mobile-chrome-warning-bubble:before {
      position: absolute;
      top: 8.5px;
      left: -20px;
      width: 30px;
      height: 30px;
      content: '';
      display: block;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12.5px 20px 12.5px 0;
      border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent;
      pointer-events: none
    }

    .is-mobile .swipe-resume-arrow {
      position: fixed;
      top: 30%;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      width: 12%
    }

    .is-mobile .mobile-chrome-warning-text {
      position: fixed;
      top: 56%;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      height: 30%;
      width: 80%;
      line-height: 43px;
      text-align: center;
      color: #aeb7bd;
      word-break: break-word;
      font-size: 20px
    }

    .slide-loader .mobile-loader-dot {
      display: none
    }

    @-ms-keyframes spin {
      from {
        -ms-transform: translate(-50%, -50%) rotate(0deg)
      }
      to {
        -ms-transform: translate(-50%, -50%) rotate(360deg)
      }
    }

    @-moz-keyframes spin {
      from {
        -moz-transform: translate(-50%, -50%) rotate(0deg)
      }
      to {
        -moz-transform: translate(-50%, -50%) rotate(360deg)
      }
    }

    @-webkit-keyframes spin {
      from {
        -webkit-transform: translate(-50%, -50%) rotate(0deg)
      }
      to {
        -webkit-transform: translate(-50%, -50%) rotate(360deg)
      }
    }

    @keyframes spin {
      from {
        transform: translate(-50%, -50%) rotate(0deg)
      }
      to {
        transform: translate(-50%, -50%) rotate(360deg)
      }
    }

    body.is-mobile,
    body.is-theme-unified {
      background: black
    }

    body.is-theme-unified {
      background: #1b1a1a
    }

    .is-mobile .load-container,
    .is-theme-unified .load-container {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      z-index: 1;
      visibility: visible;
      -webkit-transition: visibility 250ms, opacity 250ms linear;
      -moz-transition: visibility 250ms, opacity 250ms linear;
      -mz-transition: visibility 250ms, opacity 250ms linear;
      transition: visibility 250ms, opacity 250ms linear
    }

    .is-mobile .hide-slide-loader .load-container,
    .is-theme-unified .hide-slide-loader .load-container {
      opacity: 0;
      visibility: hidden
    }

    .is-mobile .slide-loader,
    .is-theme-unified .slide-loader {
      -webkit-animation: none;
      -moz-animation: none;
      -ms-animation: none;
      animation: none;
      background: none;
      text-align: center;
      width: 120px;
      height: 80px;
      top: 60%
    }

    .is-theme-unified .slide-loader {
      top: 50%
    }

    .is-mobile .slide-loader .mobile-loader-dot,
    .is-theme-unified .slide-loader .mobile-loader-dot {
      width: 30px;
      height: 30px;
      background-color: white;
      border-radius: 100%;
      display: inline-block;
      -webkit-animation: slide-loader 1s ease-in-out 0s infinite both;
      -moz-animation: slide-loader 1s ease-in-out 0s infinite both;
      -ms-animation: slide-loader 1s ease-in-out 0s infinite both;
      animation: slide-loader 1s ease-in-out 0s infinite both
    }

    .is-mobile .slide-loader .dot1,
    .is-theme-unified .slide-loader .dot1 {
      -webkit-animation-delay: -0.2s;
      -moz-animation-delay: -0.2s;
      -ms-animation-delay: -0.2s;
      animation-delay: -0.2s
    }

    .is-mobile .slide-loader .dot2,
    .is-theme-unified .slide-loader .dot2 {
      -webkit-animation-delay: -0.1s;
      -moz-animation-delay: -0.1s;
      -ms-animation-delay: -0.1s;
      animation-delay: -0.1s
    }

    @-ms-keyframes slide-loader {
      0%,
      80%,
      100% {
        -ms-transform: scale(0.6)
      }
      40% {
        -ms-transform: scale(0)
      }
    }

    @-moz-keyframes slide-loader {
      0%,
      80%,
      100% {
        -moz-transform: scale(0.6)
      }
      40% {
        -moz-transform: scale(0)
      }
    }

    @-webkit-keyframes slide-loader {
      0%,
      80%,
      100% {
        -webkit-transform: scale(0.6)
      }
      40% {
        -webkit-transform: scale(0)
      }
    }

    @keyframes slide-loader {
      0%,
      80%,
      100% {
        transform: scale(0.6)
      }
      40% {
        transform: scale(0)
      }
    }

    .mobile-load-title-overlay {
      display: none
    }

    .is-mobile .mobile-load-title-overlay {
      display: block;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 999;
      pointer-events: none
    }

    .is-mobile .mobile-load-title-overlay .mobile-load-title {
      position: relative;
      height: 30%;
      width: 80%;
      margin: 0 auto;
      line-height: 43px;
      text-align: center;
      color: #aeb7bd;
      word-break: break-word
    }

    @media only screen and (min-width: 320px) and (orientation: landscape) {
      .is-mobile .mobile-load-title {
        font-size: 28.8px;
        -moz-transform: translateY(33%);
        -ms-transform: translateY(33%);
        -webkit-transform: translateY(33%);
        transform: translateY(33%)
      }
    }

    @media only screen and (min-width: 320px) and (orientation: portrait) {
      .is-mobile .slide-loader {
        top: 55%
      }
      .is-mobile .mobile-load-title {
        font-size: 28.8px;
        -moz-transform: translateY(35%);
        -ms-transform: translateY(35%);
        -webkit-transform: translateY(35%);
        transform: translateY(35%)
      }
    }