/* Start:/local/templates/somfort/components/bitrix/iblock.vote/stars-new/style.css?17887446206561*/

.bx_item_detail_rating{
	margin-bottom: 10px;
	width: auto !important;
}
.bx_item_detail_rating td{
	vertical-align: middle;
	text-align: left;
}
.bx_item_detail_rating .bx_item_rating{
	text-align: left;
	min-width: 100px;
}
.bx_item_detail_rating .bx_stars_container{
	position: relative;
	width: 100px !important;
	min-width: 100px !important;
	height: 18px !important;
	overflow: visible !important;
	cursor: pointer;
	background: none !important;
}
.bx_item_detail_rating .bx_stars_empty,
.bx_item_detail_rating .bx_stars_progress_inner{
	display: flex;
	width: 100px !important;
	min-width: 100px !important;
	height: 18px;
	flex-shrink: 0;
	pointer-events: none !important;
}
.bx_item_detail_rating .bx_stars_progress_inner{
	position: absolute;
	top: 0;
	left: 0;
}
.bx_item_detail_rating .bx_stars_empty svg,
.bx_item_detail_rating .bx_stars_progress_inner svg{
	display: block;
	width: 20px;
	height: 18px;
	flex: 0 0 20px;
	pointer-events: none !important;
}
.bx_item_detail_rating .bx_stars_progress{
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	z-index: 1;
	overflow: hidden;
	pointer-events: none !important;
	background: none !important;
}
.bx_item_detail_rating .bx_stars_bg{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: none !important;
	cursor: pointer;
	pointer-events: auto;
}
.bx_item_detail_rating .bx_stars_holderground{
	display: none !important;
}
.bx_item_detail_rating .bx_stars_rating_votes{
	color: #4c625f;
	font-size: 13px;
	line-height: 18px;
	vertical-align: middle;
}

.article-rating-widget {
    --article-rating-accent: #007270;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 14px;
    position: relative;
}

.article-rating-widget__main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.article-rating-widget__desktop {
    display: none;
}

.article-rating-widget__desktop-title,
.article-rating-widget__desktop-value,
.article-rating-widget__desktop-votes,
.article-rating-widget__desktop-user,
.article-rating-widget__mobile-user {
    margin: 0;
    font-family: Inter, sans-serif;
}

@media (min-width: 1024px) {
    .article-rating-widget__desktop {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        column-gap: 14px;
        row-gap: 6px;
        padding: 10px 14px;
        border: 1px solid #b8d3cf;
        border-radius: 12px;
        background: #f4fbfa;
        position: absolute;
        left: 0;
        bottom: calc(100% + 10px);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateY(8px);
        transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    }

    .article-rating-widget__desktop::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 20px;
        border-width: 6px;
        border-style: solid;
        border-color: #b8d3cf transparent transparent transparent;
    }

    .article-rating-widget__desktop::before {
        content: "";
        position: absolute;
        top: calc(100% - 1px);
        left: 20px;
        border-width: 6px;
        border-style: solid;
        border-color: #f4fbfa transparent transparent transparent;
        z-index: 1;
    }

    .article-rating-widget:hover .article-rating-widget__desktop,
    .article-rating-widget:focus-within .article-rating-widget__desktop {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

.article-rating-widget__desktop-title {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #445452;
    white-space: nowrap;
}

.article-rating-widget__desktop-value {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: var(--article-rating-accent);
    white-space: nowrap;
}

.article-rating-widget__desktop-votes {
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    color: #445452;
    white-space: nowrap;
}

.article-rating-widget__desktop-user {
    width: 100%;
    padding-top: 8px;
    border-top: 1px solid #d2e3e0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #4c625f;
}

.article-rating-widget__desktop-user.is-voted {
    color: var(--article-rating-accent);
}

.article-rating-widget__stars {
    min-width: 100px;
    overflow: visible;
}

.article-rating-widget .bx_item_detail_rating td {
    padding: 0;
    text-align: left;
    vertical-align: middle;
}

.article-rating-widget .bx_item_detail_rating td + td {
    padding-left: 10px;
}

.article-rating-widget .bx_item_detail_rating .bx_item_rating {
    text-align: left;
}

.article-rating-widget .bx_item_detail_rating .bx_stars_container {
    width: 100px !important;
    min-width: 100px !important;
    height: 18px !important;
    overflow: visible !important;
    background: none !important;
}

.article-rating-widget .bx_item_detail_rating .bx_stars_progress {
    overflow: hidden !important;
    background: none !important;
}

.article-rating-widget .bx_item_detail_rating .bx_stars_rating_votes {
    font-size: 13px;
    line-height: 18px;
    font-family: Inter, sans-serif;
    font-weight: 500;
    color: #4c625f;
}

.article-rating-widget__mobile-user {
    display: none;
}

.article-rating-widget__mobile-user.is-voted {
    color: var(--article-rating-accent);
    border-color: #9ec8c2;
    background: #e9f6f4;
}

@media (max-width: 1023px) {
    .article-rating-widget {
        margin-top: 10px;
    }

    .article-rating-widget__main {
        gap: 8px;
    }

    .article-rating-widget__main .article-info__label {
        width: 100%;
    }

    .article-rating-widget .bx_item_detail_rating .bx_stars_container {
        width: 100px !important;
        min-width: 100px !important;
        height: 18px !important;
    }

    .article-rating-widget .bx_item_detail_rating .bx_stars_rating_votes {
        font-size: 12px;
        line-height: 16px;
    }

    .article-rating-widget__mobile-user {
        display: inline-flex;
        align-items: center;
        max-width: 100%;
        width: fit-content;
        padding: 4px 10px;
        border: 1px dashed #cde0dd;
        border-radius: 999px;
        font-size: 12px;
        line-height: 16px;
        font-family: Inter, sans-serif;
        font-weight: 500;
        color: #4c625f;
        background: #f4fbfa;
    }
}

.article-info .bx_item_detail_rating .bx_stars_rating_votes {
	display: none;
}
/* End */
/* /local/templates/somfort/components/bitrix/iblock.vote/stars-new/style.css?17887446206561 */