[_nghost-ng-c3322023294] { width: 100%; flex-shrink: 0; border-bottom-width: 0.5px; --tw-border-opacity: 1; border-color: hsl(var(--tertiary-100) / var(--tw-border-opacity, 1)); }
@media (min-width: 1024px) {
  [_nghost-ng-c3322023294] { max-width: 452px; border-bottom-width: 0px; border-right-width: 0.5px; }
}
[_nghost-ng-c3322023294] .auth-banner[_ngcontent-ng-c3322023294] { position: relative; height: 100%; }
@media not all and (min-width: 1024px) {
  [_nghost-ng-c3322023294] .auth-banner[_ngcontent-ng-c3322023294] { height: 11.25rem; }
}
[_nghost-ng-c3322023294] .auth-banner[_ngcontent-ng-c3322023294] .banner-content[_ngcontent-ng-c3322023294] { position: absolute; top: 0px; display: flex; height: 100%; width: 100%; flex-direction: column; padding: 1.25rem; }
@media (min-width: 1024px) {
  [_nghost-ng-c3322023294] .auth-banner[_ngcontent-ng-c3322023294] .banner-content[_ngcontent-ng-c3322023294] { padding: 2.5rem; }
}
[_nghost-ng-c3322023294] .auth-banner[_ngcontent-ng-c3322023294] .banner-content[_ngcontent-ng-c3322023294] .banner-top[_ngcontent-ng-c3322023294] { flex: 1 1 0%; }
[_nghost-ng-c3322023294] .auth-banner[_ngcontent-ng-c3322023294] .banner-content[_ngcontent-ng-c3322023294] .banner-bottom[_ngcontent-ng-c3322023294] { position: absolute; bottom: 1rem; left: 1.25rem; right: 1.25rem; z-index: 1; }
@media (min-width: 1024px) {
  [_nghost-ng-c3322023294] .auth-banner[_ngcontent-ng-c3322023294] .banner-content[_ngcontent-ng-c3322023294] .banner-bottom[_ngcontent-ng-c3322023294] { bottom: 2.125rem; left: 2.5rem; right: 2.5rem; }
}
[_nghost-ng-c3322023294] .auth-banner[_ngcontent-ng-c3322023294] .banner-content[_ngcontent-ng-c3322023294] .banner-bottom[_ngcontent-ng-c3322023294] .banner-text[_ngcontent-ng-c3322023294] { display: flex; flex-direction: column; font-size: 1.125rem; font-weight: 700; line-height: normal; --tw-text-opacity: 1; color: hsl(var(--reverse) / var(--tw-text-opacity, 1)); }
@media (min-width: 1024px) {
  [_nghost-ng-c3322023294] .auth-banner[_ngcontent-ng-c3322023294] .banner-content[_ngcontent-ng-c3322023294] .banner-bottom[_ngcontent-ng-c3322023294] .banner-text[_ngcontent-ng-c3322023294] { font-size: 1.5rem; }
}
[_nghost-ng-c3322023294] .auth-banner[_ngcontent-ng-c3322023294] .banner-content[_ngcontent-ng-c3322023294] .banner-bottom[_ngcontent-ng-c3322023294] .banner-text[_ngcontent-ng-c3322023294] .text-2[_ngcontent-ng-c3322023294] { --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); }
[_nghost-ng-c3322023294] .auth-banner[_ngcontent-ng-c3322023294] .banner-content[_ngcontent-ng-c3322023294] .stepper-active.banner-bottom[_ngcontent-ng-c3322023294] { margin-bottom: -4.75rem; }
@media (min-width: 1024px) {
  [_nghost-ng-c3322023294] .auth-banner[_ngcontent-ng-c3322023294] .banner-content[_ngcontent-ng-c3322023294] .stepper-active.banner-bottom[_ngcontent-ng-c3322023294] { margin-bottom: 0px; }
}
[_nghost-ng-c3322023294] .auth-banner[_ngcontent-ng-c3322023294] .banner-content[_ngcontent-ng-c3322023294] .stepper-active[_ngcontent-ng-c3322023294] .stepper[_ngcontent-ng-c3322023294] { margin-top: 1.25rem; padding-top: 1rem; padding-bottom: 1rem; }
@media (min-width: 1024px) {
  [_nghost-ng-c3322023294] .auth-banner[_ngcontent-ng-c3322023294] .banner-content[_ngcontent-ng-c3322023294] .stepper-active[_ngcontent-ng-c3322023294] .stepper[_ngcontent-ng-c3322023294] { margin-top: 3rem; padding-top: 0px; padding-bottom: 0px; }
}
[_nghost-ng-c3322023294] .banner-shadow[_ngcontent-ng-c3322023294] { position: absolute; bottom: 0px; height: 5rem; width: 100%; background-image: linear-gradient(to top,var(--tw-gradient-stops)); --tw-gradient-from: hsl(var(--tertiary) / 1) var(--tw-gradient-from-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); --tw-gradient-from-position: 10%; --tw-gradient-to: transparent var(--tw-gradient-to-position); }
@media (min-width: 1024px) {
  [_nghost-ng-c3322023294] .banner-shadow[_ngcontent-ng-c3322023294] { height: 20rem; border-bottom-left-radius: 0.25rem; --tw-gradient-from-position: 40%; }
}