#background-with-image {position: absolute;width: 100vw;height: 100vh;overflow: hidden;scrollbar-width: none !important;}#background-with-image::before {content: '';position: absolute;top: 0;left: 0;width: 100vw;height: 100%;background-color: var(--ds-color-surface-dark);z-index: 0;}#background-with-image.with-filter::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: color-mix(in srgb, black 70%, transparent);z-index: 1;}#background-with-image > * {position: relative;z-index: 2;}.background {height: 100%;width: 100%;}.content-login {z-index: 3;position: absolute;top: 0;left: 0;width: 100vw !important;height: 100vh !important;margin: 0 !important;background: transparent;}#col-with-text {margin: 0 !important;display: flex;justify-content: center;align-items: center;padding-right: 100px;padding-left: 100px;height: 100vh;max-width: 33%;border-radius: 0 var(--ds-radius-4xl) var(--ds-radius-4xl) 0;background-color: var(--ds-color-surface-subtle);transition: all 0.3s ease-in-out;}@media (max-width: 1280px) {#col-with-text {padding-right: var(--ds-space-40);padding-left: var(--ds-space-40);max-width: 100% !important;border-radius: 0 ;}}@media (max-height: 700px) {#col-with-text {margin-top: var(--ds-space-40);margin-bottom: var(--ds-space-40);border-radius: 0 ;}}.content-login:has(#modale-format) {display: flex;flex-direction: column;justify-content: space-around;align-items: center;}#modale-format {max-width: 33%;max-height: 100%;margin: 0 !important;padding: 30px 80px;border-radius: var(--ds-radius-lg);background-color: var(--ds-color-surface);transition: all 0.3s ease-in-out;overflow-y: scroll;}#modale-format #modale-content {display: flex;align-items: center;justify-content: center;}.icon-btn-close-modale {position: absolute;top: var(--ds-space-10);right: var(--ds-space-10);padding: var(--ds-space-16) !important;background: var(--ds-color-surface-tint);border: 1px solid var(--ds-color-border-strong);color: var(--ds-color-ink-secondary);}@media (max-width: 1300px) {#modale-format {max-width: 50% !important;overflow-y: scroll;}}@media (max-width: 900px) {#modale-format {max-width: 100% !important;border-radius: 0;padding: var(--ds-space-12) var(--ds-space-40);max-height: calc(100% - 200px);}.content-login:has(#modale-format) {display: flex;justify-content: space-between;align-items: start;top: 0;flex-direction: column;flex-wrap: wrap;align-content: center;}}.login-btn {min-width: 150px;}.logo-img {width: auto;height: 100px;max-width: 100%;}.auth-link {display: flex;justify-content: right;text-decoration: none;margin-top: var(--ds-space-10);}.auth-link:hover {text-decoration: underline;}.login-footer {max-width: 100vw;min-height: 45px;margin-top: var(--ds-space-10);position: absolute;z-index: 4;bottom: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 1rem;padding: 1rem;}@media (max-width: 768px) {.login-footer {flex-direction: column;gap: 0.5rem;}}.link-footer,.text-footer {white-space: nowrap;text-align: center;}.link-footer, .text-footer {color: var(--ds-color-ink);}.link-footer:hover {text-decoration: underline;cursor: pointer;}