/* stylelint-enable */

.pf-c-login {
  display: flex;
  justify-content: center;
  min-height: 100vh;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }
  @media (min-width: 1200px) {
    .pf-c-login {
      justify-content: flex-start;
      background-image: linear-gradient(to right, rgba(3, 3, 3, 0.32), rgba(3, 3, 3, 0.32) calc((98px - 4rem) + 4rem + 272px), transparent calc((98px - 4rem) + 4rem + 272px)); } }
  @media (min-width: 576px) {
    .pf-c-login {
      align-items: center; } }

.pf-c-login__container {
  max-width: 31.25rem; }
  @media (min-width: 1200px) {
    .pf-c-login__container {
      display: -ms-grid;
      display: grid;
      grid-column-gap: 4rem;
      -ms-grid-columns: 34rem 4rem minmax(auto, 34rem);
      grid-template-columns: 34rem minmax(auto, 34rem);
          grid-template-areas: "main header" "main footer" "main .";
      max-width: none;
      padding-right: 6.125rem;
      padding-left: 6.125rem; } }

.pf-c-login__header {
  grid-area: header;
  margin-bottom: 3rem; }
  @media (max-width: 576px) {
    .pf-c-login__header {
      padding-right: 1rem;
      padding-left: 1rem; } }
  @media (min-width: 1200px) {
    .pf-c-login__header {
      margin-top: 4rem; } }
  .pf-c-login__header .pf-c-brand {
    margin-bottom: 3rem; }

.pf-c-login__main {
  grid-area: main;
  background-color: #fff; }
  .pf-c-login__main > :first-child:not(.pf-c-login__main-header) {
    padding-top: 3rem; }
  .pf-c-login__main > :last-child:not(.pf-c-login__main-footer) {
    padding-bottom: 4rem; }
  @media (max-width: 1200px) {
    .pf-c-login__main {
      margin-bottom: 1.5rem; } }

.pf-c-login__main-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1rem 1fr;
  grid-template-columns: auto 1fr;
  grid-column-gap: 1rem;
  -webkit-column-gap: 1rem;
          grid-column-gap: 1rem;
          column-gap: 1rem;
  grid-row-gap: 0.5rem;
  grid-row-gap: 0.5rem;
  row-gap: 0.5rem;
  align-items: center;
  padding: 3rem 3rem 1rem 3rem; }
  .pf-c-login__main-header .pf-c-title {
    grid-column: -1 / 1; }

.pf-c-login__main-body {
  padding: 2rem 3rem 2rem 3rem; }
  .pf-c-login__main-body .pf-c-form__group.pf-m-action {
    display: -ms-grid;
    display: grid;
    justify-items: center;
    grid-gap: 1.5rem; }
    @media (min-width: 768px) {
      .pf-c-login__main-body .pf-c-form__group.pf-m-action {
        -ms-grid-columns: auto 1.5rem 1fr;
        grid-template-columns: auto 1fr;
        justify-items: start; } }
    .pf-c-login__main-body .pf-c-form__group.pf-m-action .pf-c-button {
      padding-right: 2rem;
      padding-left: 2rem;
      -ms-grid-column-align: stretch;
          justify-self: stretch; }

.pf-c-login__main-footer {
  padding: 2rem 3rem 4rem 3rem; }
  .pf-c-login__main-footer .pf-c-title {
    margin-bottom: 1rem;
    text-align: center; }
    @media (min-width: 768px) {
      .pf-c-login__main-footer .pf-c-title {
        text-align: left; } }

.pf-c-login__main-footer-link {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #72767b; }

.pf-c-login__main-footer-link:hover {
  color: #72767b; }
  @media (min-width: 768px) {
    .pf-c-login__main-footer-link {
      grid-gap: 0.5rem; } }

@media (max-width: 768px) {
  .pf-c-login__main-footer-link-text {
    position: fixed;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0; } }

.pf-c-login__footer {
  grid-area: footer; }
  @media (max-width: 576px) {
    .pf-c-login__footer {
      padding-right: 1rem;
      padding-left: 1rem; } }

.pf-c-login__main-footer-grid {
  display: -ms-grid;
  display: grid;
  grid-gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }
  @media (max-width: 768px) {
    .pf-c-login__main-footer-grid {
      justify-items: center; } }
  @media (min-width: 768px) {
    .pf-c-login__main-footer-grid .pf-c-login__main-footer-grid-item .pf-c-button {
      padding-left: 0; } }

@media (max-width: 768px) {
  .pf-c-login__main-footer-grid-item.pf-m-more {
    grid-column: 1 / -1; } }

.pf-c-login__footer-link {
  color: #fff; }

.pf-c-login__footer-link:hover {
  color: #fff; }

.pf-c-login__footer-link.pf-m-hover {
  color: #fff; }
