.jmbrr.badge.tiny.dark {
box-shadow: none;
padding: 0;
display: flex;
}
.jmbrr .jm-rating .count {
margin-block: 0;
font-size: 0.5em;
line-height: 140%;
vertical-align: middle;
}
.jmbrr .jm-rating span {
vertical-align: top;
position: relative;
}
.jmbrr .jm-rating .google-icon {
inset-block-start: 0.05em;
position: relative;
margin-inline-end: 0.3em;
display: inline-block;
width: 1em;
height: 1em;
background: url(data:image/svg+xml;charset=UTF-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJnb29nbGUtaWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCndpZHRoPSIzMnB4IiBoZWlnaHQ9IjMycHgiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzIgMzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KPGRlZnM+CjxwYXRoIGlkPSJTVkdJRF8xXyIgZD0iTTMxLjI2MiwxMy4wODFIMTYuMzYzdjYuMTc3aDguNTc2Yy0wLjc5OSwzLjkyNC00LjE0Miw2LjE3Ny04LjU3Niw2LjE3N2MtNS4yMzMsMC05LjQ0OC00LjIxNS05LjQ0OC05LjQ0OApzNC4yMTUtOS40NDgsOS40NDgtOS40NDhjMi4yNTMsMCw0LjI4OCwwLjc5OSw1Ljg4NywyLjEwOGw0LjY1MS00LjY1MUMyNC4wNjcsMS41MjYsMjAuNDMzLDAsMTYuMzYzLDAKQzcuNDk3LDAsMC4zNzUsNy4xMjIsMC4zNzUsMTUuOTg4czcuMTIyLDE1Ljk4OCwxNS45ODgsMTUuOTg4YzcuOTk0LDAsMTUuMjYyLTUuODE0LDE1LjI2Mi0xNS45ODgKQzMxLjYyNSwxNS4wNDQsMzEuNDgsMTQuMDI2LDMxLjI2MiwxMy4wODF6Ii8+CjwvZGVmcz4KPGNsaXBQYXRoIGlkPSJTVkdJRF8yXyI+Cjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4KPC9jbGlwUGF0aD4KPHBhdGggY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzJfKSIgZmlsbD0iI0ZCQkMwNSIgZD0iTS0xLjA3OCwyNS40MzZWNi41NDFsMTIuMzU1LDkuNDQ4TC0xLjA3OCwyNS40MzZ6Ii8+CjwvZz4KPGc+CjxkZWZzPgo8cGF0aCBpZD0iU1ZHSURfM18iIGQ9Ik0zMS4yNjIsMTMuMDgxSDE2LjM2M3Y2LjE3N2g4LjU3NmMtMC43OTksMy45MjQtNC4xNDIsNi4xNzctOC41NzYsNi4xNzdjLTUuMjMzLDAtOS40NDgtNC4yMTUtOS40NDgtOS40NDgKczQuMjE1LTkuNDQ4LDkuNDQ4LTkuNDQ4YzIuMjUzLDAsNC4yODgsMC43OTksNS44ODcsMi4xMDhsNC42NTEtNC42NTFDMjQuMDY3LDEuNTI2LDIwLjQzMywwLDE2LjM2MywwCkM3LjQ5NywwLDAuMzc1LDcuMTIyLDAuMzc1LDE1Ljk4OHM3LjEyMiwxNS45ODgsMTUuOTg4LDE1Ljk4OGM3Ljk5NCwwLDE1LjI2Mi01LjgxNCwxNS4yNjItMTUuOTg4CkMzMS42MjUsMTUuMDQ0LDMxLjQ4LDE0LjAyNiwzMS4yNjIsMTMuMDgxeiIvPgo8L2RlZnM+CjxjbGlwUGF0aCBpZD0iU1ZHSURfNF8iPgo8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8zXyIgIG92ZXJmbG93PSJ2aXNpYmxlIi8+CjwvY2xpcFBhdGg+CjxwYXRoIGNsaXAtcGF0aD0idXJsKCNTVkdJRF80XykiIGZpbGw9IiNFQTQzMzUiIGQ9Ik0tMS4wNzgsNi41NDFsMTIuMzU1LDkuNDQ4bDUuMDg3LTQuNDMzbDE3LjQ0Mi0yLjgzNFYtMS40NTNILTEuMDc4VjYuNTQxeiIvPgo8L2c+CjxnPgo8ZGVmcz4KPHBhdGggaWQ9IlNWR0lEXzVfIiBkPSJNMzEuMjYyLDEzLjA4MUgxNi4zNjN2Ni4xNzdoOC41NzZjLTAuNzk5LDMuOTI0LTQuMTQyLDYuMTc3LTguNTc2LDYuMTc3Yy01LjIzMywwLTkuNDQ4LTQuMjE1LTkuNDQ4LTkuNDQ4CnM0LjIxNS05LjQ0OCw5LjQ0OC05LjQ0OGMyLjI1MywwLDQuMjg4LDAuNzk5LDUuODg3LDIuMTA4bDQuNjUxLTQuNjUxQzI0LjA2NywxLjUyNiwyMC40MzMsMCwxNi4zNjMsMApDNy40OTcsMCwwLjM3NSw3LjEyMiwwLjM3NSwxNS45ODhzNy4xMjIsMTUuOTg4LDE1Ljk4OCwxNS45ODhjNy45OTQsMCwxNS4yNjItNS44MTQsMTUuMjYyLTE1Ljk4OApDMzEuNjI1LDE1LjA0NCwzMS40OCwxNC4wMjYsMzEuMjYyLDEzLjA4MXoiLz4KPC9kZWZzPgo8Y2xpcFBhdGggaWQ9IlNWR0lEXzZfIj4KPHVzZSB4bGluazpocmVmPSIjU1ZHSURfNV8iICBvdmVyZmxvdz0idmlzaWJsZSIvPgo8L2NsaXBQYXRoPgo8cGF0aCBjbGlwLXBhdGg9InVybCgjU1ZHSURfNl8pIiBmaWxsPSIjMzRBODUzIiBkPSJNLTEuMDc4LDI1LjQzNkwyMC43MjQsOC43MjFsNS43NDEsMC43MjdsNy4zNC0xMC45MDFWMzMuNDNILTEuMDc4VjI1LjQzNnoiLz4KPC9nPgo8Zz4KPGRlZnM+CjxwYXRoIGlkPSJTVkdJRF83XyIgZD0iTTMxLjI2MiwxMy4wODFIMTYuMzYzdjYuMTc3aDguNTc2Yy0wLjc5OSwzLjkyNC00LjE0Miw2LjE3Ny04LjU3Niw2LjE3N2MtNS4yMzMsMC05LjQ0OC00LjIxNS05LjQ0OC05LjQ0OApzNC4yMTUtOS40NDgsOS40NDgtOS40NDhjMi4yNTMsMCw0LjI4OCwwLjc5OSw1Ljg4NywyLjEwOGw0LjY1MS00LjY1MUMyNC4wNjcsMS41MjYsMjAuNDMzLDAsMTYuMzYzLDAKQzcuNDk3LDAsMC4zNzUsNy4xMjIsMC4zNzUsMTUuOTg4czcuMTIyLDE1Ljk4OCwxNS45ODgsMTUuOTg4YzcuOTk0LDAsMTUuMjYyLTUuODE0LDE1LjI2Mi0xNS45ODgKQzMxLjYyNSwxNS4wNDQsMzEuNDgsMTQuMDI2LDMxLjI2MiwxMy4wODF6Ii8+CjwvZGVmcz4KPGNsaXBQYXRoIGlkPSJTVkdJRF84XyI+Cjx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzdfIiAgb3ZlcmZsb3c9InZpc2libGUiLz4KPC9jbGlwUGF0aD4KPHBhdGggY2xpcC1wYXRoPSJ1cmwoI1NWR0lEXzhfKSIgZmlsbD0iIzQyODVGNCIgZD0iTTMzLjgwNSwzMy40M0wxMS4yNzYsMTUuOTg4bC0yLjkwNy0yLjE4bDI1LjQzNi03LjI2N1YzMy40M3oiLz4KPC9nPgo8L3N2Zz4)
0 0 / 100% no-repeat;
}
.jmbrr.tiny .jm-rating {
font-size: 1.5em;
line-height: 1.1em;
text-align: left;
color: #ffffff;
margin-block: 0;
}
.jmbrr.dark .jm-rating .all-stars {
color: rgba(175, 175, 175, 0.85);
}
.jmbrr .jm-rating .all-stars + .count {
margin-inline: 0.35rem 0;
}
.jmbrr .jm-rating .number + .all-stars {
margin-inline: 0.3rem 0;
}
.jmbrr.tiny .jm-rating .all-stars,
.jmbrr.tiny .jm-rating .jm-rating-stars {
inset-block-start: 0.15em;
}
.jmbrr .all-stars.animate {
opacity: 1;
}
.jmbrr .all-stars.animate,
.jmbrr .jm-rating-stars.animate {
transition: 1.1s width ease-in-out 0.7s;
opacity: 1;
}
.jmbrr .jm-rating .all-stars {
display: inline-flex;
height: inherit;
gap: 0.05em;
z-index: 11;
} .jmbrr .star {
display: inline-block;
width: 0.8em;
height: 0.7667em;
position: relative;
} .jmbrr .star.full {
background: url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0NiI+CiAgPHBhdGggZmlsbD0iI0Y3QjYwMyIgZD0iTTMzLjA2MSAyOC41MDlMNDcuNzIxIDE4SDI5LjYwM0wyNC4wMjguODIyIDE4LjQ1MyAxOEguMzM1bDE0LjY2IDEwLjUwOS01LjU3OCAxNy4xMTIgMTQuNjExLTEwLjY1NUwzOC42MzkgNDUuNjR6Ii8+Cjwvc3ZnPg==")
0 0/100% no-repeat;
} .jmbrr.stars-orange .star.full {
background-image: url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0NiI+CiAgPHBhdGggZmlsbD0iI0U3NzExQiIgZD0iTTMzLjA2MSAyOC41MDlMNDcuNzIxIDE4SDI5LjYwM0wyNC4wMjguODIyIDE4LjQ1MyAxOEguMzM1bDE0LjY2IDEwLjUwOS01LjU3OCAxNy4xMTIgMTQuNjExLTEwLjY1NUwzOC42MzkgNDUuNjR6Ii8+Cjwvc3ZnPg==");
} .jmbrr .star.partial::before,
.jmbrr .star.partial::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0NiI+CiAgPHBhdGggZmlsbD0iI0Y3QjYwMyIgZD0iTTMzLjA2MSAyOC41MDlMNDcuNzIxIDE4SDI5LjYwM0wyNC4wMjguODIyIDE4LjQ1MyAxOEguMzM1bDE0LjY2IDEwLjUwOS01LjU3OCAxNy4xMTIgMTQuNjExLTEwLjY1NUwzOC42MzkgNDUuNjR6Ii8+Cjwvc3ZnPg==")
0 0/100% no-repeat;
}
.jmbrr.stars-orange .star.partial::before,
.jmbrr.stars-orange .star.partial::after {
background-image: url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0NiI+CiAgPHBhdGggZmlsbD0iI0U3NzExQiIgZD0iTTMzLjA2MSAyOC41MDlMNDcuNzIxIDE4SDI5LjYwM0wyNC4wMjguODIyIDE8LjQ1MyAxOEguMzM1bDE0LjY2IDEwLjUwOS01LjU3OCAxNy4xMTIgMTQuNjExLTEwLjY1NUwzOC42MzkgNDUuNjR6Ii8+Cjwvc3ZnPg==");
}
.jmbrr .star.partial::before {
clip-path: inset(0 calc(100% - var(--fill-percent, 50%)) 0 0);
}
.jmbrr .star.partial::after {
opacity: 0.3;
clip-path: inset(0 0 0 var(--fill-percent, 50%));
} .jmbrr .star.empty {
background: url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0NiI+CiAgPHBhdGggZmlsbD0iI2RkZGJkYiIgZD0iTTMzLjA2MSAyOC41MDlMNDcuNzIxIDE4SDI5LjYwM0wyNC4wMjguODIyIDE4LjQ1MyAxOEguMzM1bDE0LjY2IDEwLjUwOS01LjU3OCAxNy4xMTIgMTQuNjExLTEwLjY1NUwzOC42MzkgNDUuNjR6Ii8+Cjwvc3ZnPg==")
0 0/100% no-repeat;
opacity: 0.5;
}
.jmbrr .animate .star {
animation: google-business-reviews-rating-star 3s 0.5s ease-in-out 1;
animation-fill-mode: backwards;
animation-play-state: paused;
transform-origin: 33% 50%;
}
.jmbrr .animate.animation-start .star {
animation-play-state: running;
}
.jmbrr .animate .star:nth-child(1) {
animation-duration: 3s;
animation-delay: 0.5s;
}
.jmbrr .animate .star:nth-child(2) {
animation-duration: 2.8s;
animation-delay: 0.9s;
}
.jmbrr .animate .star:nth-child(3) {
animation-duration: 2.6s;
animation-delay: 1.3s;
}
.jmbrr .animate .star:nth-child(4) {
animation-duration: 2.4s;
animation-delay: 1.7s;
}
.jmbrr .animate .star:nth-child(5) {
animation-duration: 2.2s;
animation-delay: 2.1s;
}
@keyframes google-business-reviews-rating-star {
0% {
transform: scale(1, 1);
opacity: 0.05;
filter: saturate(0);
}
5% {
transform: scale(0.1, 1);
opacity: 0.15;
}
8% {
transform: scale(0.1, 1);
opacity: 0.5;
}
14% {
opacity: 1;
}
21% {
transform: scale(1.25, 1.25);
filter: saturate(100%);
}
25% {
transform: scale(1, 1);
filter: brightness(100%);
}
100%,
88% {
transform: scale(1, 1);
filter: brightness(100%) saturate(100%);
}
94% {
transform: scale(1.15, 1.15);
filter: brightness(120%) saturate(85%);
}
}