#lock-screen {
  position: relative;
  height: 100%;
  width: 100vw;

  margin-left: auto;
  margin-right: auto;

  left: 0;
  right: 0;
  top: 0;
  bottom: 0;

  z-index: $z-index-lock-screen;
  background-color: var(--sn-stylekit-background-color);
  color: var(--sn-stylekit-foreground-color);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  .sk-panel {
    width: 315px;
    flex-grow: 0;
    // border-radius: 0;

    .sk-panel-header {
      justify-content: center;
    }
  }

  #passcode-reset {
    text-align: center;
  }
}
