:host {
  --scrim-z-index: var(--elevation--100, 100);

  display: flex;
  flex-direction: column;
  height: 100%;
}

:host > .loading-hidden {
  display: none;
  pointer-events: none; 
}

.skeleton-content-left {
  width: 300px;
  padding-right: 5px;
}

.skeleton-content {
  height: calc(100vh - 310px);
}

.spinner {
  height: 100vh;
  gap: 10px;
}
.spinner > .spin {
  animation-name: spin;
  animation-duration: 5000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear; 
}

@keyframes spin {
  from {
      transform:rotate(0deg);
  }
  to {
      transform:rotate(360deg);
  }
}