@use '~@epam/promo/assets/styles/colors' as *;

.container {
    .selectContainer {
        display: flex;
        align-items: center;
    }

    .infoContainer {
        margin-left: 12px;
        display: flex;
        align-items: center;
    }

    .infoText {
        margin-right: 4px;
    }
}

.contentTooltip {
    padding: 12px 6px;
}

.item {
    display: flex;

    .itemIcon {
        margin: 5px 0;
        width: 36px;
        height: 36px;
        align-items: center;
        border: 1px solid $gray40;
        border-radius: 3px;

        svg {
            fill: $gray60;
        }
    }

    .customSize {
        svg {
            width: 18px;
            height: 18px;
        }
    }

    .itemName {
        margin-top: 6px;
    }

    .itemText {
        padding-left: 12px;
        flex: 1 1 auto;
        cursor: text;
    }
}



