.ya_comments{
        @font-face {
            font-family: YS Text;
            src: url(https://yastatic.net/islands/_/bIx8jOfCEfR-mECoDUEZywDBuHA.woff) format("woff");
            font-weight: 400
        }

        @font-face {
            font-family: YS Text;
            src: url(https://yastatic.net/islands/_/SmqPmIMEXrW4lOY8QrhTUVDbrro.woff) format("woff");
            font-weight: 500
        }

        * {
            font-family: YS Text, sans-serif;
            margin: 0;
            padding: 0;
            text-decoration: none;
            list-style: none
        }

        body, html {
            width: 100%;
            height: 100%
        }

        body {
            font-size: 14px;
            background: #f3f1ed;
            overflow: hidden
        }

        #root, .logo {
            height: 100%
        }

        .logo {
            display: block;
            width: 100%;
            object-fit: contain;
            object-position: center
        }

        .badge {
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            min-width: 300px;
            max-width: 760px;
            height: 100vh;
            padding: 20px 20px 32px;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            flex-direction: column;
            border-radius: 8px
        }

        .mini-badge {
            position: relative;
            -webkit-box-flex: 0;
            -webkit-flex: none;
            flex: none
        }

        .mini-badge__org-name {
            display: block;
            margin-right: 110px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 20px;
            text-decoration: none;
            margin-bottom: 12px;
            line-height: 23px
        }

        .mini-badge__logo {
            opacity: .5;
            position: absolute;
            top: 6px;
            right: 0;
            width: 92px;
            height: 14px
        }

        .mini-badge__logo:hover {
            opacity: 1
        }

        .mini-badge__rating-info {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            margin-bottom: 16px
        }

        .mini-badge__stars-count {
            font-size: 48px;
            margin-right: 12px;
            line-height: 56px
        }

        .mini-badge__stars {
            margin-bottom: 8px
        }

        .mini-badge__rating {
            font-size: 14px
        }

        .stars-list {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            width: 88px
        }

        .stars-list__star {
            width: 16px;
            height: 16px
        }

        .mini-badge {
            display: block;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .mini-badge__wrapper {
            margin: auto
        }

        .mini-badge__stars {
            width: 88px
        }

        .mini-badge__org-name {
            font-weight: 500
        }

        .badge {
            background: #fff
        }

        .badge, .mini-badge, .mini-badge__org-name {
            color: #000
        }

        .stars-list__star {
            background: url(https://yastatic.net/s3/front-maps-static/maps-front-org-badge-api/22/out/assets/_/178df0f18f6025c2e764130c7d1ac463.svg) no-repeat 50%/cover
        }

        .stars-list__star._half {
            background-image: url(https://yastatic.net/s3/front-maps-static/maps-front-org-badge-api/22/out/assets/_/a53d90b8e3365aa721fcf6939fa3f81a.svg)
        }

        .stars-list__star._empty {
            background-image: url(https://yastatic.net/s3/front-maps-static/maps-front-org-badge-api/22/out/assets/_/ee15bab6241eec6618f0f5720fa6daa9.svg)
        }

        .logo {
            background: url(https://yastatic.net/s3/front-maps-static/maps-front-org-badge-api/22/out/assets/_/19f91a9bfe2992c3557394b1b82b934e.svg) no-repeat 50%/contain
        }

        .mini-badge__rating {
            color: #999
        }

        .badge__comments {
            overflow: hidden;
            margin-bottom: 16px
        }

        .badge__more-reviews-link {
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: inline-block;
            padding: 12px 16px;
            line-height: 16px;
            border-radius: 8px;
            margin: auto;
            text-align: center;
            font-weight: 500
        }

        .badge__more-reviews-link-wrap {
            position: relative;
            text-align: center
        }

        .badge__more-reviews-link-wrap:after {
            position: absolute;
            content: "";
            left: 0;
            right: 0;
            top: -16px;
            -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
            height: 60px
        }

        .comment {
            padding: 24px 0
        }

        .comment__header {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            margin-bottom: 16px;
            height: 40px
        }

        .comment__photo {
            height: 40px;
            width: 40px;
            border-radius: 100%;
            margin-right: 12px;
            text-align: center;
            line-height: 40px;
            font-size: 16px;
            color: #fff
        }

        .comment__photo._icon_1 {
            background: #b37db3
        }

        .comment__photo._icon_2 {
            background: #f29d61
        }

        .comment__photo._icon_3 {
            background: #50c0e6
        }

        .comment__photo._icon_4 {
            background: #6ca632
        }

        .comment__photo._icon_5 {
            background: #f285aa
        }

        .comment__photo._icon_6 {
            background: #8585cc
        }

        .comment__photo._icon_7 {
            background: #5798d9
        }

        .comment__name {
            font-size: 16px;
            margin-bottom: 2px;
            font-weight: 500;
            line-height: 20px
        }

        .comment__date {
            color: #999;
            line-height: 16px
        }

        .comment__stars {
            margin-bottom: 8px
        }

        .comment__text {
            max-height: 80px;
            font-size: 16px;
            line-height: 20px;
            overflow: hidden;
            position: relative
        }

        .comment__read-more {
            padding: 0 40px 0 20px;
            z-index: 1;
            position: absolute;
            right: 0;
            bottom: 0;
            text-align: right
        }

        .comment__read-more > a {
            color: #888
        }

        .comment {
            border-bottom: 1px solid #f6f6f6
        }

        .comment__read-more {
            background: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #fff 15px);
            background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 15px)
        }

        .comment__read-more > a {
            color: #999
        }

        .comment__read-more > a:hover {
            color: grey
        }

        .badge__more-reviews-link {
            color: #198cff;
            background: #f5f7fa
        }

        .badge__more-reviews-link:hover {
            background: #e9eef3
        }

        .badge__more-reviews-link-wrap:after {
            background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
            background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff);
            background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff)
        }

        .badge__form {
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            border-radius: 6px;
            padding: 6px;
            -webkit-box-flex: 0;
            -webkit-flex: none;
            flex: none;
            font-weight: 500
        }

        .badge__form-text {
            margin: 6px;
            font-size: 16px;
            white-space: nowrap
        }

        .badge__form._without-comments {
            margin-bottom: 56px
        }

        .badge__link-to-map {
            margin: 6px;
            padding: 12px 16px;
            line-height: 16px;
            border-radius: 8px;
            -webkit-transition: background-color .1s ease-out;
            transition: background-color .1s ease-out
        }

        .badge__form {
            background: #f6f6f6
        }

        .badge__link-to-map {
            background: #258ffb;
            color: #fff
        }

        .badge__link-to-map:hover {
            background: #1a6df2
        }

        .mini-badge__rating {
            color: #999
        }

        .mini-badge__org-name:hover, .mini-badge__rating:hover {
            color: #1a6df2
        }
    }
.ya_comments{
        .comment{
            font-size:14px !important;
            padding: 24px 24px 12px;
            background-color:#eeeeee
        }
        .comment__text.expanded {
            height:auto;
            max-height:fit-content
        }
        .comment.expanded {
            overflow:auto;
        }
        .comment__text{
            font-size:14px;
            position: relative;
            margin-bottom:12px;
        }
        .owl-carousel .owl-item img.comment__photo {
            width: 40px;
        }
        .review__more.collapsed {
            position: absolute;
            border: medium;
            margin-top: 4px;
            right: 0px;
            bottom: 2px;
            text-align: right;
            padding-left: 40px;
            height: 18px;
            color: rgba(43, 43, 43, 0.8);
            font-weight: 500;
            font-size: 14px;
            transition: color 0.15s;
            cursor: pointer;
            background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255) 30%);
        }
        .review__more.expanded {
            border: medium;
            margin-top: 4px;
            right: 6px;
            bottom: 4px;
            height: 18px;
            color: rgba(43, 43, 43, 0.8);
            font-weight: 500;
            font-size: 14px;
            transition: color 0.15s;
            cursor: pointer;
            text-align: left;
            position: absolute;
            background: transparent;
            padding-left: 0px;
        }
        .review__footer {
            margin-top: auto;
            color: rgba(43, 43, 43, 0.6);
            text-decoration: underline;
            font-size: 12px;
            transition: color 0.15s;
        }
    }
    #feedback_wrapper {
        display: flex;
        justify-content: space-evenly;
    }
    #feedback_wrapper .ya_comments {
        color: #fff;
        text-align: left;
        max-width:fit-content;
    }