.initializing-permission {
  $initializing-bg:                                         $gray-400;

  @import "initializing-permission/card";
  @import "initializing-permission/btn";
  @import "initializing-permission/dashboard-panel-element";
  @import "initializing-permission/nav-item";
  @import "initializing-permission/genealogy-tree-base-wrapper";
  @import "initializing-permission/auth-load";
}

.initializing {
  @extend                                                   .shine;
  $initializing-bg:                                         $gray-400;
  position:                                                 relative;
  overflow:                                                 hidden;

  &:before {
    content:                                                '';
    background:                                             $initializing-bg;
    width:                                                  100%;
    height:                                                 100%;
    position:                                               absolute;
    left:                                                   0px;
    top:                                                    0px;
    z-index:                                                1000;
    border-radius:                                          5px;
  }

  @each $color, $value in $theme-colors {
    &-#{$color} {
      @extend                                               .shine;
      position:                                             relative;
      overflow:                                             hidden;

      &:before {
        content:                                            '';
        background:                                         $value;
        width:                                              100%;
        height:                                             100%;
        position:                                           absolute;
        left:                                               0px;
        top:                                                0px;
        z-index:                                            1000;
        border-radius:                                      5px;
      }
    }
  }
}
