.subscription-modal .modal__content {
    width: 480px;
}

.subscription-modal .search-input__container {
    margin: 16px 0;
}

.subscription-modal .search-input__search-list {
    overflow: auto;

    max-height: 240px;
}

.subscription-modal__list {
    overflow: auto;

    height: 168px;
    margin: 0 -24px;
}

.subscription-modal__list-placeholder {
    box-sizing: border-box;
    max-width: 360px;
    height: 168px;
    margin: 0 auto;
    padding-top: 110px;

    font-size: .9em;
    text-align: center;

    color: rgba(0, 0, 0, .5);
    background: url('../../../static/i/subscriptions_search_empty_state.svg') 50% 0/110px no-repeat;
}

.subscription-modal__list-item {
    display: flex;
    align-items: center;

    padding: 4px 24px;
}

.subscription-modal__list-item:hover {
    background: rgba(0, 0, 0, .05);
}

.subscription-modal__list-item .avatar-unit {
    flex: 1;
}

.subscription-modal__control {
    margin-left: 1rem;

    font-size: 0;
    cursor: pointer;

    opacity: 0;
}

.subscription-modal__control .icon {
    display: block;
    overflow: hidden;

    width: 18px;
    height: 18px;
}

.subscription-modal__control_role_info .icon {
    width: 16px;
    height: 16px;

    color: #0073ff;

    transform: translateY(.5px);
}

.subscription-modal__list-item:hover .subscription-modal__control {
    opacity: .35;
}

.subscription-modal__list-item:hover .subscription-modal__control_role_info {
    opacity: 1;
}

.subscription-modal__actions {
    margin: 18px 0 20px;
}

.subscription-modal__button[disabled] {
    visibility: hidden;
}

.subscription-modal__list-placeholder + .subscription-modal__actions {
    text-align: center;
}

.subscription-modal .calculated-service-pricing {
    position: relative;

    margin: 18px -24px -24px;
    padding: 18px 24px 20px;

    background: rgba(0, 0, 0, .03);
}
