/* stylelint-disable unit-disallowed-list */
@use '@funidata/fudis-core' as core;

.fudis-loading-spinner-demo {
  @include core.outline('3px', 'solid', 'primary');

  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  max-width: 30rem;
  min-height: 15rem;

  &__backdrop {
    @include core.bg-color('white');
    @include core.outline('3px', 'solid', 'green');

    display: flex;
    position: relative;
    position: absolute;
    align-items: center;
    justify-content: center;
    transition: 1s;
    width: 100%;
    height: 100%;

    &--hidden {
      display: none;
    }
  }
}