/* =============================================================================
// @name State Styles
// @description State specific styling.
// @group page
// @file src/sass/pages/home.page.scss
// ========================================================================== */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);

  or object-fit and object-position:
  @include object-fit(cover, top);
*/
@-webkit-keyframes spinner {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinner {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.visually-hidden:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

[hidden] {
  display: none !important;
}

.main-col {
  order: 1;
}

.left-col {
  order: 3;
}

.right-col {
  order: 2;
}

@media (min-width: 37.51em) {
  .row--drill-down {
    flex-wrap: wrap;
    flex-direction: row;
  }
  .main-col {
    flex: 100% 1;
    width: 100%;
    order: 1;
  }
  .left-col {
    flex: 50% 1;
    width: 50%;
    order: 2;
  }
  .right-col {
    flex: 50% 1;
    width: 50%;
    order: 3;
  }
}

@media (min-width: 50.01em) {
  .row--drill-down {
    flex-wrap: nowrap;
  }
  .left-col {
    flex: 30% 1;
    padding-right: 1.35rem;
    order: 1;
  }
  .main-col {
    flex: 45% 1;
    order: 2;
  }
  .right-col {
    flex: 25% 1;
    order: 3;
  }
}

@media (max-width: 37.49em) {
  #dataTableWrapper {
    overflow-y: auto;
  }
}

/*# sourceMappingURL=../_sourcemaps/pages/state.page.css.map */