static get styles() {
        return [
            css `
          :host {
            display: block;
            position: relative;
            width: 100%;
          }

          #spinnerContainer {
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            width: 100%;
          }

          #spinner {
            margin: 60px auto;
            font-size: 10px;
            position: relative;
            text-indent: -9999em;

            border: 1.5em solid rgba(210,210,210, 1);
            border-left: 1.5em solid #28b6d8;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-animation: load8 1.25s infinite linear;
            animation: load8 1.25s infinite linear;
          }

          #spinner,
          #spinner:after {
            border-radius: 50%;
          }

          @-webkit-keyframes load8 {
            0% {
              -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
            }
            100% {
              -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
            }
          }
          @keyframes load8 {
            0% {
              -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
            }
            100% {
              -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
            }
          }
          `
        ];
    }
/** Styles for the shadow DOM. */
Styles for the shadow DOM.
Styles for the shadow DOM .
static get styles() {
        return [
            css `
          :host {
            display: block;
            position: relative;
            width: 100%;
          }
          #spinnerContainer {
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            width: 100%;
          }
          #spinner {
            margin: 60px auto;
            font-size: 10px;
            position: relative;
            text-indent: -9999em;
            border: 1.5em solid rgba(210,210,210, 1);
            border-left: 1.5em solid #28b6d8;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-animation: load8 1.25s infinite linear;
            animation: load8 1.25s infinite linear;
          }
          #spinner,
          #spinner:after {
            border-radius: 50%;
          }
          @-webkit-keyframes load8 {
            0% {
              -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
            }
            100% {
              -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
            }
          }
          @keyframes load8 {
            0% {
              -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
            }
            100% {
              -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
            }
          }
          `
        ];
    }
static get styles ( ) { return [ css ` ` ] ; }
Styles for the shadow DOM.
Styles for the shadow DOM .