body.theme-fresk {
    .state-banner {
        width: 100%;
        margin-top: 72px;
        background-image: url([[pix:theme|login_background_image]]);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: -71px;
        .content-state {
            padding: 30px;
            margin: 0 auto;
            background: linear-gradient(
                            90deg,
                            rgba(8, 12, 20, 1) 0%,
                            rgba(8, 12, 20, 0.90) 55%,
                            rgba(12, 18, 32, 0.80) 70%,
                            rgba(12, 18, 32, 0.55) 85%,
                            rgba(12, 18, 32, 0.40) 100%
            );
            display: flex;
            flex-flow: row nowrap;
            gap: 50px;
            justify-content: center;
            align-items: center;
            .icon-exclamation {
                padding: 8px;
                border-radius: 10px;
                background: rgba(18, 24, 40, 0.45);
                backdrop-filter: blur(14px) saturate(120%);
                -webkit-backdrop-filter: blur(14px) saturate(120%);
                border: 1.5px solid rgba(255, 255, 255, 0.12);
                box-shadow:
                        inset 0 1px 0 rgba(255, 255, 255, 0.08),
                        0 8px 30px rgba(0, 0, 0, 0.35);
            }
            .state-title {
                h3 {
                    color: white !important;
                    font-size: 20px;
                }
            }
            .state-message {
                color: white;
                font-size: 16px;
            }
            .renovelicense {
                padding: 10px;
                border-radius: 10px !important;
                border: none;
            }
        }
    }
    &.fresk-maintenance {
        .state-banner {
            margin: 0;
        }
    }
}