body {
    background-color: #fefefe;
}

#authView {
    min-height: 100dvh;

    > .row > div {
        min-height: 100dvh;
    }

    #formContainer {
        width: clamp(300px, 100%, 600px); /* min, preferred, max */

        .authLogotype {
            width: 50%; max-width: 300px;
        }
    }

    #decoratorContainer {
        background:url('/images/map_pattern.png') 0% 0% / 40%;
        padding: 0;

        > div {
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgb(158 136 191 / 3%) 0%, rgb(219 197 255 / 32%) 100%) 0% 0% / cover;
        }

        .authDecoratorColumn {
            width: clamp(300px, 90%, 600px);

            .authDecorativeImage {
                width: clamp(200px, 50%, 400px); aspect-ratio: 1/1; border-radius: 2rem; margin-bottom: 2rem;
                background: linear-gradient(135deg, rgb(158 136 191 / 29%) 0%, rgb(219 197 255 / 42%) 100%) 0% 0% / cover;

                .authDecorativeImageInner {
                    width: clamp(150px, 60%, 350px); aspect-ratio: 1/1; border-radius: 100%;
                    background: linear-gradient(135deg, rgb(158 136 191 / 59%) 0%, rgb(219 197 255 / 22%) 100%) 0% 0% / cover;

                    .authDecorativeImageFont {
                        font-size: 7.5rem;
                    }
                }
            }
        }
    }
}