/* stylelint-disable selector-max-id */
@import '../App/layout.css';

.forbidden-page__content {
    display: flex;
    flex: 1 1 auto;

    width: 760px;
    margin: 80px auto;

    text-align: left;
}

.forbidden-page__content p,
.forbidden-page__content li {
    margin: 20px 0;
}

.forbidden-page__details {
    flex: 0 0 auto;

    width: 407px;
}

.forbidden-page__image {
    flex: 1 1 auto;

    width: 258px;
    height: 258px;
    margin-left: 95px;
}

.forbidden-page__image-1 {
    background-image: url('../../../static/i/forbidden-1.svg');
}

.forbidden-page__image-2 {
    background-image: url('../../../static/i/forbidden-2.svg');
}

.forbidden-page__image-3 {
    background-image: url('../../../static/i/forbidden-3.svg');
}

.forbidden-page__user {
    margin: 0;
}

.forbidden-page__user .unit {
    margin-bottom: 24px;
}

.forbidden-page__description {
    padding-bottom: 24px;

    font-size: 16px;
    line-height: 22px;
}

.forbidden-page__service-icon {
    max-width: 72px;
    height: 72px;
    margin-bottom: 35px;

    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
}

.forbidden-page__connect .forbidden-page__service-icon {
    background-image: url('../../../static/i/services/connect.svg');
}

.forbidden-page__tracker .forbidden-page__service-icon {
    background-image: url('../../../static/i/services/tracker.svg');
}

.forbidden-page__wiki .forbidden-page__service-icon {
    background-image: url('../../../static/i/services/wiki.svg');
}

.forbidden-page__mail .forbidden-page__service-icon {
    background-image: url('../../../static/i/services/mail.svg');
}

.forbidden-page__calendar .forbidden-page__service-icon {
    background-image: url('../../../static/i/services/calendar.svg');
}

.forbidden-page__forms .forbidden-page__service-icon {
    background-image: url('../../../static/i/services/forms.svg');
}

.forbidden-page__unknown .forbidden-page__service-icon,
.forbidden-page__connect .forbidden-page__service-icon {
    max-width: 82px;
    height: 82px;
    margin: -8px 0 33px;

    background-image: url('../../../static/i/services/connect.svg');
}

.forbidden-page__yamb .forbidden-page__service-icon {
    max-width: 90px;
    height: 90px;
    margin: -6px 0 23px;

    background-image: url('../../../static/i/services/yamb.svg');
}

.forbidden-page__disk .forbidden-page__service-icon {
    max-width: 82px;
    height: 82px;
    margin: -15px 0 35px;

    background-image: url('../../../static/i/services/disk.svg');
}

.forbidden-page__staff .forbidden-page__service-icon {
    max-width: 82px;
    height: 82px;
    margin: 10px 0 35px;

    background-image: url('../../../static/i/services/staff.svg');
}

.forbidden-page__header {
    margin: 0 0 24px;

    font-size: 28px;
    font-weight: 500;
    line-height: 1.15;
}

.forbidden-page__email {
    color: #939393;
}

@media (max-width: 790px) {
    .forbidden-page__image {
        display: none;
    }

    .forbidden-page__content {
        width: 407px;
        margin-top: 80px;
    }
}
