@use '@vizality' as vz;

.vz-popup {
  $base: &;
  @include vz.size(100%);
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--background-tertiary);
  display: flex;
  flex-flow: column;
  .titleBar-1it3bQ {
    width: 100%;
    position: relative;
  }
  .wordmarkWindows-2dq6rw {
    padding: 0 9px;
  }
  &-spinner {
    @include vz.size(100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    animation: fadeIn .2s forwards;
  }
  &-content-wrapper { 
    @include vz.size(100%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    z-index: 1;
    left: 0;
    top: 0;
    opacity: 0;
    animation: fadeIn .1s 1s forwards;
  }
  &-content {
    @include vz.size(100%);
    border: 0;
    z-index: 0;
  }
  .macButtons-2MuSAC {
    margin-top: 4px;
    padding-top: 6px;
  }
}
