p, b, a {
  font-size: 1rem;
}

h1 {
  font-size: 1.5rem;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 0.875rem;
}

header {
  transition: 300ms;
  height: 99px;
}
@media screen and (min-width: 48rem) {
  header {
    height: 131px;
  }
}
@media screen and (min-width: 64rem) {
  header {
    height: 135px;
  }
}
@media screen and (min-width: 77.5rem) {
  header {
    height: 155px;
  }
}
@media screen and (min-width: 90rem) {
  header {
    height: 167px;
  }
}

.hub-header {
  text-align: center;
}
.hub-banner_stripe {
  position: sticky;
  transition: 300ms;
  z-index: 1;
  margin: 0 -10%;
  padding: 2rem 0;
  text-align: center;
  top: 99px;
}
@media screen and (min-width: 48rem) {
  .hub-banner_stripe {
    top: 131px;
  }
}
@media screen and (min-width: 64rem) {
  .hub-banner_stripe {
    top: 135px;
  }
}
@media screen and (min-width: 77.5rem) {
  .hub-banner_stripe {
    top: 155px;
    padding: 3rem 0;
  }
}
@media screen and (min-width: 90rem) {
  .hub-banner_stripe {
    top: 167px;
    padding: 4rem 0;
  }
}
.hub-banner_stripe h1 {
  font-size: 1.25rem;
  margin: 0;
}
.hub-base {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
}
@media screen and (min-width: 77.5rem) {
  .hub-base {
    display: grid;
    grid-template-columns: auto 3fr;
  }
}
.hub-sidebar {
  width: 100%;
}
@media screen and (min-width: 77.5rem) {
  .hub-sidebar {
    width: 20rem;
  }
}
@media screen and (min-width: 90rem) {
  .hub-sidebar {
    width: 25rem;
  }
}
.hub-sidebar .site {
  overflow: hidden;
  box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.2509803922);
}
.hub-sidebar_chin {
  height: 1rem;
  background-color: #004AAD;
}
.hub-sidebar_list {
  list-style: none;
  flex-direction: column;
}
.hub-sidebar_list ul {
  list-style: none;
}
.hub-sidebar_list .directory {
  transition: 300ms;
}
.hub-sidebar_list .directory svg {
  height: 1.5rem;
  width: 1.5rem;
  min-height: 1.5rem;
  min-width: 1.5rem;
}
.hub-sidebar_list .directory strong {
  white-space: nowrap;
}
.hub-sidebar_list .directory.selected {
  background-color: #88C4EC !important;
  color: #EFEFEF !important;
}
.hub-sidebar_list .directory:hover {
  cursor: pointer;
  backdrop-filter: brightness(0.9);
}
.hub-body.nopreview .card-doc-media {
  height: 0;
  margin: 0;
}
.hub-body_grid {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (min-width: 37.5rem) {
  .hub-body_grid {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 64rem) {
  .hub-body_grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 77.5rem) {
  .hub-body_grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 90rem) {
  .hub-body_grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 105rem) {
  .hub-body_grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 120rem) {
  .hub-body_grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
.hub-body_grid .card-doc {
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  border-radius: 2rem;
  background: #efefef;
  transition: 100ms;
  place-content: center;
  justify-content: space-between;
  align-items: center;
}
.hub-body_grid .card-doc:hover {
  box-shadow: inset 0 0 0 2px #c0c0c0;
}
.hub-body_grid .card-doc-media {
  transition: 500ms;
}
.hub-body_grid .card-doc > svg {
  margin: 2rem 25% 2rem;
}
.hub-body_grid .card-doc > img {
  margin-bottom: 0.5rem;
  border-radius: 0.5rem;
  width: 100%;
  object-fit: cover;
  height: 112px;
}
.hub-body_grid .card-doc > div {
  justify-content: space-between;
  width: 100%;
}
.hub-body_grid .card-doc p {
  margin: 0;
}

.rc-icon-sm {
  width: 1.5rem;
  height: 1.5rem;
}
.rc-icon-md {
  width: 2rem;
  height: 2rem;
}
.rc-icon-lg {
  width: 3rem;
  height: 3rem;
}

.d-block {
  display: block;
}
.d-flex {
  display: flex;
}

.pos-rel {
  position: relative;
}
.pos-abs {
  position: absolute;
}

.flex-col {
  flex-direction: column;
}

.justify-space-between {
  justify-content: space-between;
}

.gap-25 {
  gap: 0.25rem;
}
.gap-50 {
  gap: 0.5rem;
}
.gap-75 {
  gap: 0.75rem;
}
.gap-1 {
  gap: 1rem;
}
.gap-2 {
  gap: 2rem;
}
.gap-3 {
  gap: 3rem;
}
.gap-4 {
  gap: 4rem;
}
.gap-5 {
  gap: 5rem;
}

.align-items_center {
  align-items: center;
}

.bg-blue {
  background-color: #004AAD;
}
.bg-blue-light {
  background-color: #88C4EC;
}

.color-white {
  color: white;
}
.color-red {
  color: red;
}

.p-0 {
  padding: 0rem;
}

.pt-0 {
  padding-top: 0rem;
}

.pb-0 {
  padding-bottom: 0rem;
}

.pl-0 {
  padding-left: 0rem;
}

.pr-0 {
  padding-right: 0rem;
}

.m-0 {
  margin: 0rem;
}

.mt-0 {
  margin-top: 0rem;
}

.mb-0 {
  margin-bottom: 0rem;
}

.ml-0 {
  margin-left: 0rem;
}

.pr-0 {
  margin-right: 0rem;
}

.p-1 {
  padding: 1rem;
}

.pt-1 {
  padding-top: 1rem;
}

.pb-1 {
  padding-bottom: 1rem;
}

.pl-1 {
  padding-left: 1rem;
}

.pr-1 {
  padding-right: 1rem;
}

.m-1 {
  margin: 1rem;
}

.mt-1 {
  margin-top: 1rem;
}

.mb-1 {
  margin-bottom: 1rem;
}

.ml-1 {
  margin-left: 1rem;
}

.pr-1 {
  margin-right: 1rem;
}

.p-2 {
  padding: 2rem;
}

.pt-2 {
  padding-top: 2rem;
}

.pb-2 {
  padding-bottom: 2rem;
}

.pl-2 {
  padding-left: 2rem;
}

.pr-2 {
  padding-right: 2rem;
}

.m-2 {
  margin: 2rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.ml-2 {
  margin-left: 2rem;
}

.pr-2 {
  margin-right: 2rem;
}

.p-3 {
  padding: 3rem;
}

.pt-3 {
  padding-top: 3rem;
}

.pb-3 {
  padding-bottom: 3rem;
}

.pl-3 {
  padding-left: 3rem;
}

.pr-3 {
  padding-right: 3rem;
}

.m-3 {
  margin: 3rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.ml-3 {
  margin-left: 3rem;
}

.pr-3 {
  margin-right: 3rem;
}

.p-4 {
  padding: 4rem;
}

.pt-4 {
  padding-top: 4rem;
}

.pb-4 {
  padding-bottom: 4rem;
}

.pl-4 {
  padding-left: 4rem;
}

.pr-4 {
  padding-right: 4rem;
}

.m-4 {
  margin: 4rem;
}

.mt-4 {
  margin-top: 4rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.ml-4 {
  margin-left: 4rem;
}

.pr-4 {
  margin-right: 4rem;
}

.p-5 {
  padding: 5rem;
}

.pt-5 {
  padding-top: 5rem;
}

.pb-5 {
  padding-bottom: 5rem;
}

.pl-5 {
  padding-left: 5rem;
}

.pr-5 {
  padding-right: 5rem;
}

.m-5 {
  margin: 5rem;
}

.mt-5 {
  margin-top: 5rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

.ml-5 {
  margin-left: 5rem;
}

.pr-5 {
  margin-right: 5rem;
}

.p-6 {
  padding: 6rem;
}

.pt-6 {
  padding-top: 6rem;
}

.pb-6 {
  padding-bottom: 6rem;
}

.pl-6 {
  padding-left: 6rem;
}

.pr-6 {
  padding-right: 6rem;
}

.m-6 {
  margin: 6rem;
}

.mt-6 {
  margin-top: 6rem;
}

.mb-6 {
  margin-bottom: 6rem;
}

.ml-6 {
  margin-left: 6rem;
}

.pr-6 {
  margin-right: 6rem;
}

.p-7 {
  padding: 7rem;
}

.pt-7 {
  padding-top: 7rem;
}

.pb-7 {
  padding-bottom: 7rem;
}

.pl-7 {
  padding-left: 7rem;
}

.pr-7 {
  padding-right: 7rem;
}

.m-7 {
  margin: 7rem;
}

.mt-7 {
  margin-top: 7rem;
}

.mb-7 {
  margin-bottom: 7rem;
}

.ml-7 {
  margin-left: 7rem;
}

.pr-7 {
  margin-right: 7rem;
}

.p-8 {
  padding: 8rem;
}

.pt-8 {
  padding-top: 8rem;
}

.pb-8 {
  padding-bottom: 8rem;
}

.pl-8 {
  padding-left: 8rem;
}

.pr-8 {
  padding-right: 8rem;
}

.m-8 {
  margin: 8rem;
}

.mt-8 {
  margin-top: 8rem;
}

.mb-8 {
  margin-bottom: 8rem;
}

.ml-8 {
  margin-left: 8rem;
}

.pr-8 {
  margin-right: 8rem;
}

.p-9 {
  padding: 9rem;
}

.pt-9 {
  padding-top: 9rem;
}

.pb-9 {
  padding-bottom: 9rem;
}

.pl-9 {
  padding-left: 9rem;
}

.pr-9 {
  padding-right: 9rem;
}

.m-9 {
  margin: 9rem;
}

.mt-9 {
  margin-top: 9rem;
}

.mb-9 {
  margin-bottom: 9rem;
}

.ml-9 {
  margin-left: 9rem;
}

.pr-9 {
  margin-right: 9rem;
}

.p-10 {
  padding: 10rem;
}

.pt-10 {
  padding-top: 10rem;
}

.pb-10 {
  padding-bottom: 10rem;
}

.pl-10 {
  padding-left: 10rem;
}

.pr-10 {
  padding-right: 10rem;
}

.m-10 {
  margin: 10rem;
}

.mt-10 {
  margin-top: 10rem;
}

.mb-10 {
  margin-bottom: 10rem;
}

.ml-10 {
  margin-left: 10rem;
}

.pr-10 {
  margin-right: 10rem;
}

.p-25 {
  padding: 0.25rem;
}

.pt-25 {
  padding-top: 0.25rem;
}

.pb-25 {
  padding-bottom: 0.25rem;
}

.pl-25 {
  padding-left: 1rem;
}

.pr-25 {
  padding-right: 0.25rem;
}

.m-25 {
  margin: 0.25rem;
}

.mt-25 {
  margin-top: 0.25rem;
}

.mb-25 {
  margin-bottom: 0.25rem;
}

.ml-25 {
  margin-left: 0.25rem;
}

.pr-25 {
  margin-right: 0.25rem;
}

.p-50 {
  padding: 0.5rem;
}

.pt-50 {
  padding-top: 0.5rem;
}

.pb-50 {
  padding-bottom: 0.5rem;
}

.pl-50 {
  padding-left: 2rem;
}

.pr-50 {
  padding-right: 0.5rem;
}

.m-50 {
  margin: 0.5rem;
}

.mt-50 {
  margin-top: 0.5rem;
}

.mb-50 {
  margin-bottom: 0.5rem;
}

.ml-50 {
  margin-left: 0.5rem;
}

.pr-50 {
  margin-right: 0.5rem;
}

.p-75 {
  padding: 0.75rem;
}

.pt-75 {
  padding-top: 0.75rem;
}

.pb-75 {
  padding-bottom: 0.75rem;
}

.pl-75 {
  padding-left: 3rem;
}

.pr-75 {
  padding-right: 0.75rem;
}

.m-75 {
  margin: 0.75rem;
}

.mt-75 {
  margin-top: 0.75rem;
}

.mb-75 {
  margin-bottom: 0.75rem;
}

.ml-75 {
  margin-left: 0.75rem;
}

.pr-75 {
  margin-right: 0.75rem;
}

.m-auto {
  margin: auto;
}
.mt-auto {
  margin-top: auto;
}
.mb-auto {
  margin-bottom: auto;
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}

.br-0 {
  border-radius: 0rem;
}

.br-1 {
  border-radius: 1rem;
}

.br-2 {
  border-radius: 2rem;
}

.br-3 {
  border-radius: 3rem;
}

.br-4 {
  border-radius: 4rem;
}

.br-5 {
  border-radius: 5rem;
}

.br-6 {
  border-radius: 6rem;
}

.br-7 {
  border-radius: 7rem;
}

.br-8 {
  border-radius: 8rem;
}

.br-9 {
  border-radius: 9rem;
}

.br-10 {
  border-radius: 10rem;
}

.border-top-sm {
  border-top: 1px solid black;
}
.border-top-sm-solid {
  border-top: 1px solid black;
}
.border-top-sm-dotted {
  border-top: 1px dotted black;
}
.border-top-sm-dashed {
  border-top: 1px dashed black;
}
.border-top-md {
  border-top: 2px solid black;
}
.border-top-md-solid {
  border-top: 2px solid black;
}
.border-top-md-dotted {
  border-top: 2px dotted black;
}
.border-top-md-dashed {
  border-top: 2px dashed black;
}
.border-top-lg {
  border-top: 4px solid black;
}
.border-top-lg-solid {
  border-top: 4px solid black;
}
.border-top-lg-dotted {
  border-top: 4px dotted black;
}
.border-top-lg-dashed {
  border-top: 4px dashed black;
}
.border-top-xl {
  border-top: 8px solid black;
}
.border-top-xl-solid {
  border-top: 8px solid black;
}
.border-top-xl-dotted {
  border-top: 8px dotted black;
}
.border-top-xl-dashed {
  border-top: 8px dashed black;
}
.border-bottom-sm {
  border-bottom: 1px solid black;
}
.border-bottom-sm-solid {
  border-bottom: 1px solid black;
}
.border-bottom-sm-dotted {
  border-bottom: 1px dotted black;
}
.border-bottom-sm-dashed {
  border-bottom: 1px dashed black;
}
.border-bottom-md {
  border-bottom: 2px solid black;
}
.border-bottom-md-solid {
  border-bottom: 2px solid black;
}
.border-bottom-md-dotted {
  border-bottom: 2px dotted black;
}
.border-bottom-md-dashed {
  border-bottom: 2px dashed black;
}
.border-bottom-lg {
  border-bottom: 4px solid black;
}
.border-bottom-lg-solid {
  border-bottom: 4px solid black;
}
.border-bottom-lg-dotted {
  border-bottom: 4px dotted black;
}
.border-bottom-lg-dashed {
  border-bottom: 4px dashed black;
}
.border-bottom-xl {
  border-bottom: 8px solid black;
}
.border-bottom-xl-solid {
  border-bottom: 8px solid black;
}
.border-bottom-xl-dotted {
  border-bottom: 8px dotted black;
}
.border-bottom-xl-dashed {
  border-bottom: 8px dashed black;
}
.border-left-sm {
  border-left: 1px solid black;
}
.border-left-sm-solid {
  border-left: 1px solid black;
}
.border-left-sm-dotted {
  border-left: 1px dotted black;
}
.border-left-sm-dashed {
  border-left: 1px dashed black;
}
.border-left-md {
  border-left: 2px solid black;
}
.border-left-md-solid {
  border-left: 2px solid black;
}
.border-left-md-dotted {
  border-left: 2px dotted black;
}
.border-left-md-dashed {
  border-left: 2px dashed black;
}
.border-left-lg {
  border-left: 4px solid black;
}
.border-left-lg-solid {
  border-left: 4px solid black;
}
.border-left-lg-dotted {
  border-left: 4px dotted black;
}
.border-left-lg-dashed {
  border-left: 4px dashed black;
}
.border-left-xl {
  border-left: 8px solid black;
}
.border-left-xl-solid {
  border-left: 8px solid black;
}
.border-left-xl-dotted {
  border-left: 8px dotted black;
}
.border-left-xl-dashed {
  border-left: 8px dashed black;
}
.border-right-sm {
  border-right: 1px solid black;
}
.border-right-sm-solid {
  border-right: 1px solid black;
}
.border-right-sm-dotted {
  border-right: 1px dotted black;
}
.border-right-sm-dashed {
  border-right: 1px dashed black;
}
.border-right-md {
  border-right: 2px solid black;
}
.border-right-md-solid {
  border-right: 2px solid black;
}
.border-right-md-dotted {
  border-right: 2px dotted black;
}
.border-right-md-dashed {
  border-right: 2px dashed black;
}
.border-right-lg {
  border-right: 4px solid black;
}
.border-right-lg-solid {
  border-right: 4px solid black;
}
.border-right-lg-dotted {
  border-right: 4px dotted black;
}
.border-right-lg-dashed {
  border-right: 4px dashed black;
}
.border-right-xl {
  border-right: 8px solid black;
}
.border-right-xl-solid {
  border-right: 8px solid black;
}
.border-right-xl-dotted {
  border-right: 8px dotted black;
}
.border-right-xl-dashed {
  border-right: 8px dashed black;
}
.border-x-sm {
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.border-x-sm-solid {
  border-left: 1px solid black;
  border-right: 1px solid black;
}
.border-x-sm-dotted {
  border-left: 1px dotted black;
  border-right: 1px dotted black;
}
.border-x-sm-dashed {
  border-left: 1px dashed black;
  border-right: 1px dashed black;
}
.border-x-md {
  border-left: 2px solid black;
  border-right: 2px solid black;
}
.border-x-md-solid {
  border-left: 2px solid black;
  border-right: 2px solid black;
}
.border-x-md-dotted {
  border-left: 2px dotted black;
  border-right: 2px dotted black;
}
.border-x-md-dashed {
  border-left: 2px dashed black;
  border-right: 2px dashed black;
}
.border-x-lg {
  border-left: 4px solid black;
  border-right: 4px solid black;
}
.border-x-lg-solid {
  border-left: 4px solid black;
  border-right: 4px solid black;
}
.border-x-lg-dotted {
  border-left: 4px dotted black;
  border-right: 4px dotted black;
}
.border-x-lg-dashed {
  border-left: 4px dashed black;
  border-right: 4px dashed black;
}
.border-x-xl {
  border-left: 8px solid black;
  border-right: 8px solid black;
}
.border-x-xl-solid {
  border-left: 8px solid black;
  border-right: 8px solid black;
}
.border-x-xl-dotted {
  border-left: 8px dotted black;
  border-right: 8px dotted black;
}
.border-x-xl-dashed {
  border-left: 8px dashed black;
  border-right: 8px dashed black;
}
.border-y-sm {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.border-y-sm-solid {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.border-y-sm-dotted {
  border-top: 1px dotted black;
  border-bottom: 1px dotted black;
}
.border-y-sm-dashed {
  border-top: 1px dashed black;
  border-bottom: 1px dashed black;
}
.border-y-md {
  border-top: 2px solid black;
  border-bottom: 2px solid black;
}
.border-y-md-solid {
  border-top: 2px solid black;
  border-bottom: 2px solid black;
}
.border-y-md-dotted {
  border-top: 2px dotted black;
  border-bottom: 2px dotted black;
}
.border-y-md-dashed {
  border-top: 2px dashed black;
  border-bottom: 2px dashed black;
}
.border-y-lg {
  border-top: 4px solid black;
  border-bottom: 4px solid black;
}
.border-y-lg-solid {
  border-top: 4px solid black;
  border-bottom: 4px solid black;
}
.border-y-lg-dotted {
  border-top: 4px dotted black;
  border-bottom: 4px dotted black;
}
.border-y-lg-dashed {
  border-top: 4px dashed black;
  border-bottom: 4px dashed black;
}
.border-y-xl {
  border-top: 8px solid black;
  border-bottom: 8px solid black;
}
.border-y-xl-solid {
  border-top: 8px solid black;
  border-bottom: 8px solid black;
}
.border-y-xl-dotted {
  border-top: 8px dotted black;
  border-bottom: 8px dotted black;
}
.border-y-xl-dashed {
  border-top: 8px dashed black;
  border-bottom: 8px dashed black;
}
.border-col-blue {
  border-color: #004AAD;
}
.border-col-blue-light {
  border-color: #88C4EC;
}
.border-col-purple {
  border-color: #664193;
}
.border-col-white {
  border-color: white;
}
.border-col-grey-light {
  border-color: #EFEFEF;
}
.border-col-grey {
  border-color: #c0c0c0;
}
.border-col-grey-dark {
  border-color: #808080;
}
.border-col-grey-darker {
  border-color: #404040;
}

.fs-xs {
  font-size: 12px;
}
.fs-sm {
  font-size: 14px;
}
.fs-md {
  font-size: 16px;
}
.fs-lg {
  font-size: 20px;
}
.fs-xl {
  font-size: 32px;
}
.fs-hd {
  font-size: 48px;
}

p, a {
  font-size: 16px;
}

h1 {
  font-size: 48px;
}

h2 {
  font-size: 32px;
}

.tooltip {
  position: relative;
  text-decoration: underline;
}
.tooltip span {
  position: absolute;
  content: "<?= $raw_name ?>";
  padding: 1rem;
  opacity: 0;
  transition: 500ms;
  background-color: #fff;
  border-radius: 1rem;
  top: -3.5rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.5019607843);
  width: fit-content;
  white-space: nowrap;
  transform: translateX(-50%);
  left: 50%;
}
.tooltip:hover {
  cursor: help;
  text-decoration: none;
}
.tooltip:hover span {
  opacity: 1;
}

.ws-nowrap {
  white-space: nowrap;
}

form {
  max-width: 600px;
}

input[type=submit] {
  width: fit-content;
}

#preview-toggle-container {
  height: 8rem;
  position: fixed;
  top: 25%;
  right: -8rem;
  z-index: 2;
  background-color: #004AAD;
  color: white;
  border-radius: 1rem 0 0 1rem;
  display: flex;
  place-items: center;
  overflow: hidden;
  transition: 500ms;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2509803922);
}
#preview-toggle-container > a > svg {
  transition: 500ms;
}
#preview-toggle-container.open {
  right: 0;
}
#preview-toggle-container.open > a > svg {
  rotate: 180deg;
}
#preview-toggle-container a {
  height: 100%;
  width: 2rem;
  background: #88C4EC;
  display: flex;
}
#preview-toggle-container a svg {
  margin: auto;
  width: 2rem;
}
#preview-toggle-container div {
  width: 8rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
}
#preview-toggle-container div input {
  width: 2rem;
  height: 2rem;
  margin: auto;
}

.bg-blue {
  background-color: #004AAD !important;
}

.color-blue {
  color: #004AAD !important;
}
.color-blue h1, .color-blue h2, .color-blue h3, .color-blue h4, .color-blue h5, .color-blue h6, .color-blue a, .color-blue p {
  color: inherit;
}

.fill-blue {
  fill: #004AAD !important;
}

.bg-blue-light {
  background-color: #88C4EC !important;
}

.color-blue-light {
  color: #88C4EC !important;
}
.color-blue-light h1, .color-blue-light h2, .color-blue-light h3, .color-blue-light h4, .color-blue-light h5, .color-blue-light h6, .color-blue-light a, .color-blue-light p {
  color: inherit;
}

.fill-blue-light {
  fill: #88C4EC !important;
}

.bg-purple {
  background-color: #664193 !important;
}

.color-purple {
  color: #664193 !important;
}
.color-purple h1, .color-purple h2, .color-purple h3, .color-purple h4, .color-purple h5, .color-purple h6, .color-purple a, .color-purple p {
  color: inherit;
}

.fill-purple {
  fill: #664193 !important;
}

.bg-white {
  background-color: white !important;
}

.color-white {
  color: white !important;
}
.color-white h1, .color-white h2, .color-white h3, .color-white h4, .color-white h5, .color-white h6, .color-white a, .color-white p {
  color: inherit;
}

.fill-white {
  fill: white !important;
}

.bg-grey-light {
  background-color: #EFEFEF !important;
}

.color-grey-light {
  color: #EFEFEF !important;
}
.color-grey-light h1, .color-grey-light h2, .color-grey-light h3, .color-grey-light h4, .color-grey-light h5, .color-grey-light h6, .color-grey-light a, .color-grey-light p {
  color: inherit;
}

.fill-grey-light {
  fill: #EFEFEF !important;
}

.bg-grey {
  background-color: #c0c0c0 !important;
}

.color-grey {
  color: #c0c0c0 !important;
}
.color-grey h1, .color-grey h2, .color-grey h3, .color-grey h4, .color-grey h5, .color-grey h6, .color-grey a, .color-grey p {
  color: inherit;
}

.fill-grey {
  fill: #c0c0c0 !important;
}

.bg-grey-dark {
  background-color: #808080 !important;
}

.color-grey-dark {
  color: #808080 !important;
}
.color-grey-dark h1, .color-grey-dark h2, .color-grey-dark h3, .color-grey-dark h4, .color-grey-dark h5, .color-grey-dark h6, .color-grey-dark a, .color-grey-dark p {
  color: inherit;
}

.fill-grey-dark {
  fill: #808080 !important;
}

.bg-grey-darker {
  background-color: #404040 !important;
}

.color-grey-darker {
  color: #404040 !important;
}
.color-grey-darker h1, .color-grey-darker h2, .color-grey-darker h3, .color-grey-darker h4, .color-grey-darker h5, .color-grey-darker h6, .color-grey-darker a, .color-grey-darker p {
  color: inherit;
}

.fill-grey-darker {
  fill: #404040 !important;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.spinner {
  -webkit-animation: rotating 2s linear infinite;
}

.level-0 {
  background-color: rgba(0, 0, 0, 0);
}

.level-1 {
  background-color: rgba(0, 0, 0, 0.05);
}

.level-2 {
  background-color: rgba(0, 0, 0, 0.1);
}

.level-3 {
  background-color: rgba(0, 0, 0, 0.15);
}

.level-4 {
  background-color: rgba(0, 0, 0, 0.2);
}

.level-5 {
  background-color: rgba(0, 0, 0, 0.25);
}

.level-6 {
  background-color: rgba(0, 0, 0, 0.3);
}

.level-7 {
  background-color: rgba(0, 0, 0, 0.35);
}

.level-8 {
  background-color: rgba(0, 0, 0, 0.4);
}

.level-9 {
  background-color: rgba(0, 0, 0, 0.45);
}

.level-10 {
  background-color: rgba(0, 0, 0, 0.5);
}

.hub-sidebar_list .child-folders .directory {
  background-color: rgba(0, 0, 0, 0.05);
}
.hub-sidebar_list .child-folders .child-folders .directory {
  background-color: rgba(0, 0, 0, 0.1);
}
.hub-sidebar_list .child-folders .child-folders .child-folders .directory {
  background-color: rgba(0, 0, 0, 0.15);
}
.hub-sidebar_list .child-folders .child-folders .child-folders .child-folders .directory {
  background-color: rgba(0, 0, 0, 0.2);
}
.hub-sidebar_list .child-folders .child-folders .child-folders .child-folders .child-folders .directory {
  background-color: rgba(0, 0, 0, 0.25);
}

/*# sourceMappingURL=hubstyles.css.map */