.ez-error-page-wrapper {
    width: 100%;
    height: 100vh;

    .ez-error-page {
        width: 100%;

        &__logo-link {
            display: inline-block;
            max-width: calculateRem(88px);
            max-height: calculateRem(24px);
            margin-top: calculateRem(15px);
            margin-left: calculateRem(15px);
        }

        &__logo-image {
            display: inline-block;
            max-width: 100%;
            width: auto;
            height: auto;
        }

        &__messages-container {
            display: flex;
            flex-direction: column;
        }

        &__icon-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        &__icon {
            margin-top: calculateRem(100px);
            margin-bottom: calculateRem(20px);
            width: calculateRem(112px);
            height: calculateRem(110px);
            fill: $ibexa-color-danger;
        }

        &__title {
            text-align: center;
            font-size: calculateRem(32px);
            margin-bottom: calculateRem(32px);
        }

        &__message {
            text-align: center;

            &--title {
                font-weight: bold;
                margin-bottom: 0;
            }

            &--actions {
                margin-top: calculateRem(80px);
            }
        }

        &--top-section {
            height: calculateRem(500px);
            background-color: $ibexa-white;
            background-image: url('/bundles/ezplatformadminui/img/errors/background.png');
        }
    }
}
