@import url('/css/custom/base.css');
.auth-login {
  float: none;
  width: auto;
  max-width: 768px;
  border-radius: 8%;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}
#video {
  transform: scaleX(-1);
}
.radio-group {
  display: flex;
  gap: 12px;
  margin-bottom: 60px;
  > .radio-area {
    flex: 1;
    position: relative;
    > input {
      position: absolute;
      top: 12px;
      left: 12px;
    }
    > label {
      padding: 24px 12px 12px 12px;
      border: 1px solid #CCC;
      border-radius: 12px;
      position: absolute;
      margin-top: 4px;
      width: 100%;
    }
  }
}

.login-form {
  padding-right: 0;
}
.login-with {
  display: inline-flex;
  gap: 12px;
  flex-wrap: wrap;
  > a {
    margin-right: 0;
    flex: 1;
    @media (max-width: 540px) {
      flex: unset;
      width: 100%;
    }
  }
}