.cr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cr .cr-value {
    font-size: 20px;
    font-weight: 700;
}

.cr .cr-count-container{
    font-size: 12px;
}

.cr .cr-stars-wrapper {
    position: relative;
    width: 75px;
    height: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cr .cr-stars-wrapper .default, .cr .cr-stars-wrapper .default-empty, .cr .cr-stars-wrapper .filled{
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.cr .cr-stars-wrapper .filled {
    width: 0px;
    overflow: hidden;
    white-space: nowrap;
}

.cr .cr-stars-wrapper .default .star:before{
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17" fill="none"><path d="M5.87143 12.7071L8.57143 11.0786L11.2714 12.7286L10.5643 9.64286L12.9429 7.58572L9.81429 7.30714L8.57143 4.39286L7.32857 7.28572L4.2 7.56429L6.57857 9.64286L5.87143 12.7071ZM3.27857 16.2857L4.67143 10.2643L0 6.21429L6.17143 5.67857L8.57143 0L10.9714 5.67857L17.1429 6.21429L12.4714 10.2643L13.8643 16.2857L8.57143 13.0929L3.27857 16.2857Z" fill="%23FFB048"/></svg>');
    width: 15px;
    height: 15px;
    display: inline-block;
}

.cr .cr-stars-wrapper .default-empty .star:before {
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17" fill="none"><path d="M3.27857 16.2857L4.67143 10.2643L0 6.21429L6.17143 5.67857L8.57143 0L10.9714 5.67857L17.1429 6.21429L12.4714 10.2643L13.8643 16.2857L8.57143 13.0929L3.27857 16.2857Z" fill="%23dfdfdf"/></svg>');
    width: 15px;
    height: 15px;
    display: inline-block;
}


.cr .cr-stars-wrapper .filled .star:before{
    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 17" fill="none"><path d="M3.27857 16.2857L4.67143 10.2643L0 6.21429L6.17143 5.67857L8.57143 0L10.9714 5.67857L17.1429 6.21429L12.4714 10.2643L13.8643 16.2857L8.57143 13.0929L3.27857 16.2857Z" fill="%23FFB048"/></svg>');
    width: 15px;
    height: 15px;
    display: inline-block;
}

.cr .cr-stars-wrapper .star {
    line-height: 15px;
}

.cr.inactive {
    color: #DFDFDF;
}

.cr.loading .cr-stars-wrapper .filled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 100% !important;
}

.cr.loading .cr-stars-wrapper .filled span {
    -webkit-animation: fade 1.8s infinite;
    animation: fade 1.8s infinite;
}

.cr .cr-title {
    font-size: 9px;
    color: gray;
    margin-bottom: 5px;
}

.cr .cr-count-container {
    display: flex;
    align-items: start;
}

.cr .cr-count-container .cr-rating {
    font-size: 14px;
    font-weight: 800;
}

.casco .cr-count-container {
    display: flex;
    margin-top: 4px;
    align-items: start;
}

.casco .cr-count-container .cr-count {
    font-size: 8px;
    padding-left: 2px;
    color: gray;
}

.casco .cr-title {
    font-size: 9px;
    color: gray;
    margin-bottom: 4px;
}

.casco .cr-count-container .cr-rating {
    font-size: 9px;
}

.cr.loading .cr-stars-wrapper .filled span:nth-child(1) {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.cr.loading .cr-stars-wrapper .filled span:nth-child(2) {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}
.cr.loading .cr-stars-wrapper .filled span:nth-child(3) {-webkit-animation-delay: 0.9s;animation-delay: 0.9s;}
.cr.loading .cr-stars-wrapper .filled span:nth-child(4) {-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}
.cr.loading .cr-stars-wrapper .filled span:nth-child(5) {-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}

@-webkit-keyframes fade {
    0%, 100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@keyframes fade {
    0%, 100% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    30% {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}