body {
  --v-bg-body: var(--v-bg-body-login);
}

.v-st-login-wrapper {
  --v-logo-login-width: 175px;
  --v-login-form-width: calc(var(--v-logo-login-width) * 2);
  background-color: var(--v-bg-body-login);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.v-st-login-wrapper aside {
  position: relative;
}
.v-st-login-wrapper aside .v-st-login-deco {
  position: absolute;
  width: 100%;
  z-index: 1;
}
.v-st-login-wrapper aside .v-st-login-deco.v-st-login-deco-top-right {
  max-width: 33%;
  top: -15px;
  right: -15px;
}
.v-st-login-wrapper aside .v-st-login-deco.v-st-login-deco-bottom-left {
  max-width: 40%;
  bottom: -25px;
  left: -15px;
}
.v-st-login-wrapper aside .v-st-login-version {
  font-size: var(--v-font-size-body);
  color: var(--v-color-body-invert);
  opacity: 1;
  position: absolute;
  right: calc(var(--v-regular-spacing-x) * 0.5);
  bottom: calc(var(--v-regular-spacing-y) * 0.5);
}
.v-st-login-wrapper aside figure {
  margin: 0;
  width: 100%;
  position: relative;
}
.v-st-login-wrapper aside figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--v-radius-base);
}
.v-st-login-wrapper .v-st-login-form-wrapper {
  max-width: var(--v-login-form-width);
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  grid-gap: var(--v-regular-spacing-y);
}
.v-st-login-wrapper .v-st-login-form-wrapper .v-st-form-label-select-container {
  display: flex;
  align-items: flex-start;
  grid-gap: calc(var(--v-regular-spacing-x) * 0.25);
}
.v-st-login-wrapper .v-st-login-form-wrapper .v-st-form-label-select-container .v-st-form-actions-container-wrapper {
  margin-top: 0;
}
.v-st-login-wrapper .v-st-login-form-wrapper .v-st-form-label-input-container:has(.v-st-form-select-container-wrapper + .v-st-form-actions-container-wrapper) {
  display: flex;
  align-items: flex-start;
  grid-gap: calc(var(--v-regular-spacing-x) * 0.25);
  padding-top: 0;
}
.v-st-login-wrapper .v-st-login-form-wrapper .v-st-form-label-input-container:has(.v-st-form-select-container-wrapper + .v-st-form-actions-container-wrapper) .v-st-form-label-container {
  display: none;
}
.v-st-login-wrapper .v-st-login-form-wrapper .v-st-form-label-input-container:has(.v-st-form-select-container-wrapper + .v-st-form-actions-container-wrapper) .v-st-form-actions-container-wrapper {
  margin-top: 0;
}
.v-st-login-wrapper .v-st-login-form-wrapper .v-st-login-container {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  grid-gap: var(--v-regular-spacing-y);
}
.v-st-login-wrapper .v-st-login-logo-wrapper figure {
  margin: 0;
  display: flex;
  align-items: center;
}
.v-st-login-wrapper .v-st-login-logo-wrapper figure img {
  max-width: var(--v-logo-login-width);
  width: 100%;
}
.v-st-login-wrapper .v-st-login-bottom-logo-wrapper figure {
  margin: 0;
}
.v-st-login-wrapper .v-st-login-bottom-logo-wrapper figure img {
  max-width: calc(var(--v-logo-login-width) * 0.75);
  width: 100%;
}
.v-st-login-wrapper .v-st-login-form-actions {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  margin-top: calc(var(--v-regular-spacing-y) * 0.5);
  margin-bottom: calc(var(--v-regular-spacing-y) * 0.5);
  grid-gap: calc(var(--v-regular-spacing-y) * 0.75);
}
.v-st-login-wrapper .v-st-login-form-actions .v-st-btn {
  width: 100%;
  text-align: center;
}
.v-st-login-wrapper .v-st-login-form-actions .v-st-btn-main-wrapper,
.v-st-login-wrapper .v-st-login-form-actions .v-st-a-main-wrapper {
  width: 100%;
}
.v-st-login-wrapper .v-st-login-if-mv {
  text-align: center;
  font-size: var(--v-font-size-body-sub);
}

.v-st-login-wrapper .v-st-login-form-actions .v-st-btn .v-st-btn-group-container {
  align-items: center;
}
.v-st-login-wrapper .v-st-panel-heading-icon-container {
  display: flex;
  align-items: center;
}