.itsec-settings-main {
    flex-grow: 1;
    background: $background-blue;
    z-index: 1;
    overflow: auto;
}

.itsec-settings-main__wrapper {
    padding: .5rem .5rem 2rem .5rem;
    margin-top: .25rem;

    @include break-mobile {
        padding: 1rem;
    }

    @include break-small {
        padding: 2rem;
        margin-top: calc(40px + 1rem);
    }

    @include break-min-width($break-medium + 1) {
        padding: 3rem;
        margin-top: 0;
    }
}

.itsec-settings-main__content {
    max-width: 70rem;
    margin: 0 auto;
    position: relative;

    &:focus {
        outline: none;
    }
}

.itsec-settings-main__content > header,
.itsec-settings-main__content > .components-disabled > header {
    & :first-child {
        margin-top: 0;
    }

    & :last-child {
        margin-bottom: 0;
    }
}

.itsec-settings-main__content > *,
.itsec-settings-main__content > .components-disabled > * {
    margin-bottom: 1rem;

    @include break-small {
        margin-bottom: 2rem;
    }

    &:empty {
        display: none;
    }

    &:last-child {
        margin-bottom: 0;
    }

    &.itsec-message-list:not(:first-child):not(:last-child) {
        margin-top: -.5rem;

        @include break-small {
            margin-top: -1rem;
        }
    }
}