:host(us-error-screen) {
  width: 100%;
  height: 100%;
  background-color: var(--color-neutral-0);

  .error-screen {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;

    &__action {
      margin-top: var(--space-inline-xl);
    }

    us-empty-state {
      max-width: 360px;
    }
    
    &.vertical-narrow,
    &.vertical {
      padding: 0 var(--space-inner-xl);
    }

    &.horizontal-small {
      us-empty-state {
        max-width: 360px;
      }
    }

    &.horizontal-medium {
      us-empty-state {
        max-width: 560px;
      }
    }
  
    &.horizontal-large {
      us-empty-state {
        max-width: 720px;
      }
    }
  }
}