 html {
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        color: #313131;
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
      }

      button {
        font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
      }

      body.theme-dark {
        background-color: #222;
        color: #d9d9d9
      }

      body.theme-dark a {
        color: #fff
      }

      body.theme-dark a:hover {
        text-decoration: underline;
        color: #ee730a
      }

      body.theme-dark .lds-ring div {
        border-color: #999 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
      }

      body.theme-dark .font-red {
        color: #b20f03
      }

      body.theme-dark .ctp-button {
        background-color: #4693ff;
        color: #1d1d1d
      }

      body.theme-dark #challenge-success-text {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI2IDI2Ij48cGF0aCBmaWxsPSIjZDlkOWQ5IiBkPSJNMTMgMGExMyAxMyAwIDEgMCAwIDI2IDEzIDEzIDAgMCAwIDAtMjZtMCAyNGExMSAxMSAwIDEgMSAwLTIyIDExIDExIDAgMCAxIDAgMjIiLz48cGF0aCBmaWxsPSIjZDlkOWQ5IiBkPSJtMTAuOTU1IDE2LjA1NS0zLjk1LTQuMTI1LTEuNDQ1IDEuMzg1IDUuMzcgNS42MSA5LjQ5NS05LjYtMS40Mi0xLjQwNXoiLz48L3N2Zz4")
      }

      body.theme-dark #challenge-error-text {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0IyMEYwMyIgZD0iTTE2IDNhMTMgMTMgMCAxIDAgMTMgMTNBMTMuMDE1IDEzLjAxNSAwIDAgMCAxNiAzbTAgMjRhMTEgMTEgMCAxIDEgMTEtMTEgMTEuMDEgMTEuMDEgMCAwIDEtMTEgMTEiLz48cGF0aCBmaWxsPSIjQjIwRjAzIiBkPSJNMTcuMDM4IDE4LjYxNUgxNC44N0wxNC41NjMgOS41aDIuNzgzem0tMS4wODQgMS40MjdxLjY2IDAgMS4wNTcuMzg4LjQwNy4zODkuNDA3Ljk5NCAwIC41OTYtLjQwNy45ODQtLjM5Ny4zOS0xLjA1Ny4zODktLjY1IDAtMS4wNTYtLjM4OS0uMzk4LS4zODktLjM5OC0uOTg0IDAtLjU5Ny4zOTgtLjk4NS40MDYtLjM5NyAxLjA1Ni0uMzk3Ii8+PC9zdmc+")
      }

      body.theme-light {
        background-color: #fff;
        color: #313131
      }

      body.theme-light a {
        color: #0051c3
      }

      body.theme-light a:hover {
        text-decoration: underline;
        color: #ee730a
      }

      body.theme-light .lds-ring div {
        border-color: #595959 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
      }

      body.theme-light .font-red {
        color: #fc574a
      }

      body.theme-light .ctp-button {
        border-color: #003681;
        background-color: #003681;
        color: #fff
      }

      body.theme-light #challenge-success-text {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI2IDI2Ij48cGF0aCBmaWxsPSIjMzEzMTMxIiBkPSJNMTMgMGExMyAxMyAwIDEgMCAwIDI2IDEzIDEzIDAgMCAwIDAtMjZtMCAyNGExMSAxMSAwIDEgMSAwLTIyIDExIDExIDAgMCAxIDAgMjIiLz48cGF0aCBmaWxsPSIjMzEzMTMxIiBkPSJtMTAuOTU1IDE2LjA1NS0zLjk1LTQuMTI1LTEuNDQ1IDEuMzg1IDUuMzcgNS42MSA5LjQ5NS05LjYtMS40Mi0xLjQwNXoiLz48L3N2Zz4=")
      }

      body.theme-light #challenge-error-text {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZjNTc0YSIgZD0iTTE2IDNhMTMgMTMgMCAxIDAgMTMgMTNBMTMuMDE1IDEzLjAxNSAwIDAgMCAxNiAzbTAgMjRhMTEgMTEgMCAxIDEgMTEtMTEgMTEuMDEgMTEuMDEgMCAwIDEtMTEgMTEiLz48cGF0aCBmaWxsPSIjZmM1NzRhIiBkPSJNMTcuMDM4IDE4LjYxNUgxNC44N0wxNC41NjMgOS41aDIuNzgzem0tMS4wODQgMS40MjdxLjY2IDAgMS4wNTcuMzg4LjQwNy4zODkuNDA3Ljk5NCAwIC41OTYtLjQwNy45ODQtLjM5Ny4zOS0xLjA1Ny4zODktLjY1IDAtMS4wNTYtLjM4OS0uMzk4LS4zODktLjM5OC0uOTg0IDAtLjU5Ny4zOTgtLjk4NS40MDYtLjM5NyAxLjA1Ni0uMzk3Ii8+PC9zdmc+")
      }

      a {
        transition: color 150ms ease;
        background-color: rgba(0, 0, 0, 0);
        text-decoration: none;
        color: #0051c3
      }

      a:hover {
        text-decoration: underline;
        color: #ee730a
      }


      .spacer {
        margin: 2rem 0
      }

      .spacer-top {
        margin-top: 4rem
      }

      .spacer-bottom {
        margin-bottom: 2rem
      }

      .heading-favicon {
        margin-right: .5rem;
        width: 2rem;
        height: 2rem
      }

      @media (width <=720px) {
        .main-content {
          margin-top: 4rem
        }

        .heading-favicon {
          width: 1.5rem;
          height: 1.5rem
        }
      }

      .main-wrapper {
        display: flex;
        flex: 1;
        align-items: center
      }

      .font-red {
        color: #b20f03
      }

      .h1 {
        line-height: 3.75rem;
        font-size: 2.5rem;
        font-weight: 500
      }

      .h2 {
        line-height: 2.25rem;
        font-size: 1.5rem;
        font-weight: 500
      }

      .core-msg {
        line-height: 2.25rem;
        font-size: 1.5rem;
        font-weight: 400
      }

      .body-text {
        line-height: 1.25rem;
        font-size: 1rem;
        font-weight: 400
      }

      @media (width <=720px) {
        .h1 {
          line-height: 1.75rem;
          font-size: 1.5rem
        }

        .h2 {
          line-height: 1.5rem;
          font-size: 1.25rem
        }

        .core-msg {
          line-height: 1.5rem;
          font-size: 1rem
        }
      }

      #challenge-error-text {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI2ZjNTc0YSIgZD0iTTE2IDNhMTMgMTMgMCAxIDAgMTMgMTNBMTMuMDE1IDEzLjAxNSAwIDAgMCAxNiAzbTAgMjRhMTEgMTEgMCAxIDEgMTEtMTEgMTEuMDEgMTEuMDEgMCAwIDEtMTEgMTEiLz48cGF0aCBmaWxsPSIjZmM1NzRhIiBkPSJNMTcuMDM4IDE4LjYxNUgxNC44N0wxNC41NjMgOS41aDIuNzgzem0tMS4wODQgMS40MjdxLjY2IDAgMS4wNTcuMzg4LjQwNy4zODkuNDA3Ljk5NCAwIC41OTYtLjQwNy45ODQtLjM5Ny4zOS0xLjA1Ny4zODktLjY1IDAtMS4wNTYtLjM4OS0uMzk4LS4zODktLjM5OC0uOTg0IDAtLjU5Ny4zOTgtLjk4NS40MDYtLjM5NyAxLjA1Ni0uMzk3Ii8+PC9zdmc+");
        background-repeat: no-repeat;
        background-size: contain;
        padding-left: 34px
      }

      #challenge-success-text {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI2IDI2Ij48cGF0aCBmaWxsPSIjMzEzMTMxIiBkPSJNMTMgMGExMyAxMyAwIDEgMCAwIDI2IDEzIDEzIDAgMCAwIDAtMjZtMCAyNGExMSAxMSAwIDEgMSAwLTIyIDExIDExIDAgMCAxIDAgMjIiLz48cGF0aCBmaWxsPSIjMzEzMTMxIiBkPSJtMTAuOTU1IDE2LjA1NS0zLjk1LTQuMTI1LTEuNDQ1IDEuMzg1IDUuMzcgNS42MSA5LjQ5NS05LjYtMS40Mi0xLjQwNXoiLz48L3N2Zz4=");
        background-repeat: no-repeat;
        background-size: contain;
        padding-left: 42px
      }

      .text-center {
        text-align: center
      }

      .ctp-button {
        transition-duration: 200ms;
        transition-property: background-color, border-color, color;
        transition-timing-function: ease;
        margin: 2rem 0;
        border: .063rem solid #0051c3;
        border-radius: .313rem;
        background-color: #0051c3;
        cursor: pointer;
        padding: .375rem 1rem;
        line-height: 1.313rem;
        color: #fff;
        font-size: .875rem
      }

      .ctp-button:hover {
        border-color: #003681;
        background-color: #003681;
        cursor: pointer;
        color: #fff
      }

      .footer {
        margin: 0 auto;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        width: 100%;
        max-width: 60rem;
        line-height: 1.125rem;
        font-size: .75rem
      }

      .footer-inner {
        border-top: 1px solid #d9d9d9;
        padding-top: 1rem;
        padding-bottom: 1rem
      }

      .clearfix::after {
        display: table;
        clear: both;
        content: ""
      }

      .clearfix .column {
        float: left;
        padding-right: 1.5rem;
        width: 50%
      }

      .diagnostic-wrapper {
        margin-bottom: .5rem
      }

      .footer .ray-id {
        text-align: center
      }

      .footer .ray-id code {
        font-family: monaco, courier, monospace
      }

      .core-msg,
      .zone-name-title {
        overflow-wrap: break-word
      }

      @media (width <=720px) {
        .diagnostic-wrapper {
          display: flex;
          flex-wrap: wrap;
          justify-content: center
        }

        .clearfix::after {
          display: initial;
          clear: none;
          text-align: center;
          content: none
        }

        .column {
          padding-bottom: 2rem
        }

        .clearfix .column {
          float: none;
          padding: 0;
          width: auto;
          word-break: keep-all
        }

        .zone-name-title {
          margin-bottom: 1rem
        }
      }

      .loading-verifying {
        height: 76.391px
      }

      .lds-ring {
        display: inline-block;
        position: relative;
        width: 1.875rem;
        height: 1.875rem
      }

      .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        border: .3rem solid #595959;
        border-radius: 50%;
        border-color: #313131 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        width: 1.875rem;
        height: 1.875rem;
        animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite
      }

      .lds-ring div:nth-child(1) {
        animation-delay: -.45s
      }

      .lds-ring div:nth-child(2) {
        animation-delay: -.3s
      }

      .lds-ring div:nth-child(3) {
        animation-delay: -.15s
      }

      @keyframes lds-ring {
        0% {
          transform: rotate(0deg)
        }

        100% {
          transform: rotate(360deg)
        }
      }

      .rtl .heading-favicon {
        margin-right: 0;
        margin-left: .5rem
      }

      .rtl #challenge-success-text {
        background-position: right;
        padding-right: 42px;
        padding-left: 0
      }

      .rtl #challenge-error-text {
        background-position: right;
        padding-right: 34px;
        padding-left: 0
      }

      .challenge-content .loading-verifying {
        height: 76.391px
      }

      @media (prefers-color-scheme: dark) {
        body {
          background-color: #222;
          color: #d9d9d9
        }

        body a {
          color: #fff
        }

        body a:hover {
          text-decoration: underline;
          color: #ee730a
        }

        body .lds-ring div {
          border-color: #999 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
        }

        body .font-red {
          color: #b20f03
        }

        body .ctp-button {
          background-color: #4693ff;
          color: #1d1d1d
        }

        body #challenge-success-text {
          background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDI2IDI2Ij48cGF0aCBmaWxsPSIjZDlkOWQ5IiBkPSJNMTMgMGExMyAxMyAwIDEgMCAwIDI2IDEzIDEzIDAgMCAwIDAtMjZtMCAyNGExMSAxMSAwIDEgMSAwLTIyIDExIDExIDAgMCAxIDAgMjIiLz48cGF0aCBmaWxsPSIjZDlkOWQ5IiBkPSJtMTAuOTU1IDE2LjA1NS0zLjk1LTQuMTI1LTEuNDQ1IDEuMzg1IDUuMzcgNS42MSA5LjQ5NS05LjYtMS40Mi0xLjQwNXoiLz48L3N2Zz4")
        }

        body #challenge-error-text {
          background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0IyMEYwMyIgZD0iTTE2IDNhMTMgMTMgMCAxIDAgMTMgMTNBMTMuMDE1IDEzLjAxNSAwIDAgMCAxNiAzbTAgMjRhMTEgMTEgMCAxIDEgMTEtMTEgMTEuMDEgMTEuMDEgMCAwIDEtMTEgMTEiLz48cGF0aCBmaWxsPSIjQjIwRjAzIiBkPSJNMTcuMDM4IDE4LjYxNUgxNC44N0wxNC41NjMgOS41aDIuNzgzem0tMS4wODQgMS40MjdxLjY2IDAgMS4wNTcuMzg4LjQwNy4zODkuNDA3Ljk5NCAwIC41OTYtLjQwNy45ODQtLjM5Ny4zOS0xLjA1Ny4zODktLjY1IDAtMS4wNTYtLjM4OS0uMzk4LS4zODktLjM5OC0uOTg0IDAtLjU5Ny4zOTgtLjk4NS40MDYtLjM5NyAxLjA1Ni0uMzk3Ii8+PC9zdmc+")
        }
      }
