/**handles:brb-public-main-css**/
.rpi {
    --visible: visible;
    --head-fs: 1em;
    --head-grade-fs: 1.2em;
    --head-logo-size: 14px;
    --head-star-color: #fb7900;
    --head-text-fs: 1em;
    --head-based-fs: .85em;
    --head-btn-fs: .65em;
    --head-card-br: none;
    --head-card-br-color: #cccccc;
    --head-card-bg: #f5f5f5;
    --head-card-bg-color: #f5f5f5;
    --head-card-radius: 5px;
    --head-card-shadow: none;
    --head-img-size: 48px;
    --fs: 1em;
    --name-fs: 13px;
    --text-fs: 15px;
    --rev-time-fs: .75em;
    --logo-size: 14px;
    --star-size: 1.125em;
    --stars-gap: 0.25em;
    --bubble-size: 1em;
    --img-size: 44px;
    --rev-text-lh: 1.25em;
    --flex-align-items: center;
    --info-gap: 0.25em;
    --card-gap: 16px;
    --card-padding: .75em;
    --card-br: none;
    --card-br-color: #cccccc;
    --card-bg: #f5f5f5;
    --card-bg-color: #f5f5f5;
    --card-radius: 5px;
    --card-shadow: none;
    --meta-margin: 1em;
    --left-margin: .5em;
    --body-gap: 8px;
    --flex-text-align: left;
    --flex-direction: row;
    --flex-justify-content: left;
    --stars-justify-content: left;
    --text-lines: 6;
    --text-line-height: 22px;
    --media-lines: 2;
    --media-height: calc(var(--media-lines) * var(--text-line-height));
    --reply-lines: 2;
    --reply-height: calc(var(--reply-lines) * var(--text-line-height));
    --reply-margin: 6px;
    --reply-padding: 6px;
    --card-color: #333333;
    --name-color: #154fc1;
    --time-color: #555555;
    --star-color: #fb7900;
    --readmore-color: #136aaf;
    --avaborder-margin: calc(-1 * (var(--img-size) / 2 + var(--card-padding)));
    --avaborder-margin-left: var(--avaborder-margin);
    --avaborder-padding: calc(var(--img-size) / 2);
    --avaborder-padding-left: var(--avaborder-padding);
    --bubble-flex-margin-left: calc(var(--card-padding) + var(--left-margin));
    --slider-bubble-flex-margin-left: calc(var(--card-padding) + var(--slider-card-margin) + var(--left-margin));
    --bubble-width-before: calc(var(--card-padding) + var(--left-margin) + var(--img-size)/2 - hypot(var(--bubble-size), var(--bubble-size))/2);
    --bubble-width-after: calc(100% - (var(--card-padding) + var(--left-margin) + var(--img-size)/2 + hypot(var(--bubble-size), var(--bubble-size))/2));
    --bubble-width-center: calc(50% - hypot(var(--bubble-size), var(--bubble-size))/2);
    --triangle-left: calc(var(--card-padding) + var(--left-margin) + var(--img-size)/2 - var(--bubble-size)/2);
    --triangle-center: calc(50% - var(--bubble-size)/2);
    --tag-fs: 1em;
    --tag-bg: #ffffff;
    --tag-logo-size: 0.85em;
    --tag-star-size: 1.1em;
    --tag-text-color: #333333;
    --flash-width: 100%;
    --flash-height: auto;
    --slider-card-gap: 8px;
    --slider-card-margin: 8px;
    --slider-btn-size: 1em;
    --slider-btn: var(--slider-btn-size);
    --slider-dot-size: 8px;
    --slider-head-card-br: none;
    --slider-head-card-br-color: #cccccc;
    --slider-head-card-bg: transparent;
    --slider-head-card-bg-color: #f5f5f5;
    --slider-head-card-radius: none;
    --slider-head-card-shadow: none;
    display: block;
    direction: ltr;
    font-size: var(--font-size, 16px);
    font-family: var(--font-family, "Helvetica Neue", Helvetica, Arial, sans-serif);
    font-style: normal;
    font-weight: 400;
    text-align: left;
    line-height: normal;
    overflow: visible;
    text-decoration: none;
    list-style-type: disc;
    box-sizing: border-box;
    visibility: visible!important
}

.rpi *,.rpi :after,.rpi :before {
    box-sizing: inherit
}

.rpi a {
    display: inline;
    margin: 0!important;
    padding: 0!important;
    color: inherit!important;
    text-decoration: none!important;
    border: none!important;
    outline: 0!important;
    box-shadow: none!important;
    background: 0 0!important
}

.rpi .rpi-readmore {
    display: block;
    color: var(--readmore-color);
    font-size: inherit;
    cursor: pointer;
    text-decoration: none
}

.rpi-hide {
    display: none
}

.rpi-logo,.rpi-logo_after,.rpi-logos {
    display: flex;
    align-items: center
}

.rpi-logos {
    gap: 3px
}

.rpi-logo::before,.rpi-logo_after::after {
    display: block;
    content: '';
    width: var(--logo-size,14px);
    height: var(--logo-size,14px);
    border-radius: 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    z-index: 3
}

.rpi-logo.rpi-logo-google::before,.rpi-logo_after.rpi-logo-google::after {
    background-image: url('https://www.zendoutmassage.com/wp-content/plugins/business-reviews-bundle/assets/img/icons.svg#rpi-logo-g')
}

.rpi-logo-facebook::before,.rpi-logo_after.rpi-logo-facebook::after {
    background-image: url('https://www.zendoutmassage.com/wp-content/plugins/business-reviews-bundle/assets/img/icons.svg#rpi-logo-f')
}

.rpi-logo-yelp::before,.rpi-logo_after.rpi-logo-yelp::after {
    background-image: url('https://www.zendoutmassage.com/wp-content/plugins/business-reviews-bundle/assets/img/icons.svg#rpi-logo-y')
}

.rpi-card-inner.rpi-logo::before,.rpi-card-inner>.rpi-logos {
    position: absolute;
    top: 7px;
    right: 7px;
    border-radius: 50%
}

.rpi-logo.rpi-logo-left::before {
    right: auto;
    left: 7px
}

.rpi-header .rpi-card-inner.rpi-logo::before,.rpi-header .rpi-card-inner>.rpi-logos {
    background-color: var(--head-card-bg)
}

.rpi-slider .rpi-header .rpi-card-inner.rpi-logo::before,.rpi-slider .rpi-header .rpi-card-inner>.rpi-logos {
    background-color: var(--slider-head-card-bg)
}

.rpi-content .rpi-card-inner.rpi-logo::before,.rpi-content .rpi-card-inner>.rpi-logos {
    background-color: var(--card-bg)
}

.rpi-body.rpi-logo::before {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--card-bg)
}

.rpi-body.rpi-logo.rpi-logo-left::before {
    right: auto;
    left: 0
}

.rpi-stars.rpi-logo::before {
    margin: .2em .2em 0 0;
    width: calc(var(--star-size) - .25em);
    height: calc(var(--star-size) - .25em);
    vertical-align: middle
}

.rpi-img.rpi-logo::before {
    display: flex;
    position: absolute;
    bottom: calc(15% - var(--logo-size)/ 2);
    right: calc(15% - var(--logo-size)/ 2);
    background-color: #f5f5f5;
    border-radius: 50%
}

.rpi-review_us .rpi-logo_after::after {
    vertical-align: middle;
    border-radius: 50%;
    background-color: #fff
}

.rpi-review_us .rpi-logo-yelp::after {
    border: 1px solid
}

.rpi-header .rpi-logo::before,.rpi-header .rpi-logo_after::after {
    width: var(--head-logo-size,14px);
    height: var(--head-logo-size,14px)
}

.rpi-based .rpi-logo_after.rpi-logo-yelp {
    color: #333;
    font-weight: 600
}

.rpi-stars {
    display: inline-flex;
    margin: 0;
    padding: 0;
    gap: var(--stars-gap);
    align-items: center;
    justify-content: var(--stars-justify-content,left)
}

.rpi-star {
    display: inline-flex;
    margin: 0;
    padding: 0;
    align-items: center
}

.rpi-star::after {
    content: '';
    display: block;
    width: var(--star-size);
    height: var(--star-size);
    -webkit-mask: url('https://www.zendoutmassage.com/wp-content/plugins/business-reviews-bundle/assets/img/icons.svg#rpi-star');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask: url('https://www.zendoutmassage.com/wp-content/plugins/business-reviews-bundle/assets/img/icons.svg#rpi-star');
    mask-repeat: no-repeat;
    mask-size: 100%;
    background-color: var(--star-color)
}

.rpi-star-h::after {
    -webkit-mask: url('https://www.zendoutmassage.com/wp-content/plugins/business-reviews-bundle/assets/img/icons.svg#rpi-star-h');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask: url('https://www.zendoutmassage.com/wp-content/plugins/business-reviews-bundle/assets/img/icons.svg#rpi-star-h');
    mask-repeat: no-repeat;
    mask-size: 100%;
    background-color: var(--star-color)
}

.rpi-star-o::after {
    -webkit-mask: url('https://www.zendoutmassage.com/wp-content/plugins/business-reviews-bundle/assets/img/icons.svg#rpi-star-o');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask: url('https://www.zendoutmassage.com/wp-content/plugins/business-reviews-bundle/assets/img/icons.svg#rpi-star-o');
    mask-repeat: no-repeat;
    mask-size: 100%;
    background-color: #ccc
}

.rpi-header .rpi-star-h::after,.rpi-header .rpi-star-o::after,.rpi-header .rpi-star::after {
    width: var(--head-star-size,var(--star-size));
    height: var(--head-star-size,var(--star-size))
}

.rpi-header .rpi-star-h::after,.rpi-header .rpi-star::after {
    background-color: var(--head-star-color)
}

.rpi .rpi-img {
    position: relative;
    display: block;
    width: var(--img-size);
    height: var(--img-size);
    border-radius: 50%
}

.rpi img.rpi-img {
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    min-width: initial;
    max-width: initial;
    object-fit: cover;
    object-position: top;
    box-shadow: var(--card-shadow)
}

.rpi .rpi-header .rpi-img {
    width: var(--head-img-size);
    height: var(--head-img-size)
}

.rpi .rpi-header img.rpi-img {
    min-width: var(--head-img-size);
    box-shadow: var(--head-card-shadow)
}

.rpi-stars[data-info*=yelp] .rpi-star {
    border-radius: 3px
}

.rpi-stars[data-info*=yelp] .rpi-star::after {
    mask-size: 70%;
    mask-position: center;
    vertical-align: top;
    background-color: #fff
}

.rpi-stars[data-info*=yelp] .rpi-star-o::after {
    -webkit-mask: url('https://www.zendoutmassage.com/wp-content/plugins/business-reviews-bundle/assets/img/icons.svg#rpi-star');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask: url('https://www.zendoutmassage.com/wp-content/plugins/business-reviews-bundle/assets/img/icons.svg#rpi-star');
    mask-repeat: no-repeat;
    mask-size: 70%;
    mask-position: center
}

.rpi-stars[data-info*="5,yelp"] .rpi-star {
    background-color: #fb433c
}

.rpi-stars[data-info*="4,yelp"] .rpi-star {
    background-color: #ff643d
}

.rpi-stars[data-info*="4.5,yelp"] .rpi-star:nth-child(5) {
    background: linear-gradient(90deg,#ff643d 50%,#bbbac0 50%)
}

.rpi-stars[data-info*="3,yelp"] .rpi-star,.rpi-stars[data-info*="3.5,yelp"] .rpi-star {
    background-color: #ff8742
}

.rpi-stars[data-info*="3.5,yelp"] .rpi-star:nth-child(5) {
    background-color: #bbbac0
}

.rpi-stars[data-info*="3.5,yelp"] .rpi-star:nth-child(4) {
    background: linear-gradient(90deg,#ff8742 50%,#bbbac0 50%)
}

.rpi-stars[data-info*="1,yelp"] .rpi-star,.rpi-stars[data-info*="1.5,yelp"] .rpi-star,.rpi-stars[data-info*="2,yelp"] .rpi-star,.rpi-stars[data-info*="2.5,yelp"] .rpi-star,.rpi-stars[data-info*="3,yelp"] .rpi-star:nth-child(4),.rpi-stars[data-info*="3,yelp"] .rpi-star:nth-child(5),.rpi-stars[data-info*="4,yelp"] .rpi-star:nth-child(5) {
    background-color: #bbbac0
}

.rpi-stars[data-info*="2,yelp"] .rpi-star:first-child,.rpi-stars[data-info*="2,yelp"] .rpi-star:nth-child(2),.rpi-stars[data-info*="2.5,yelp"] .rpi-star:first-child,.rpi-stars[data-info*="2.5,yelp"] .rpi-star:nth-child(2) {
    background-color: #ffad48
}

.rpi-stars[data-info*="2.5,yelp"] .rpi-star:nth-child(3) {
    background: linear-gradient(90deg,#ffad48 50%,#bbbac0 50%)
}

.rpi-stars[data-info*="1,yelp"] .rpi-star:first-child,.rpi-stars[data-info*="1.5,yelp"] .rpi-star:first-child {
    background-color: #ffcc4b
}

.rpi-stars[data-info*="1.5,yelp"] .rpi-star:nth-child(2) {
    background: linear-gradient(90deg,#ffcc4b 50%,#bbbac0 50%)
}

.rpi-grade.rpi-grade-yelp10,.rpi-grade.rpi-grade-yelp15 {
    color: #ffcc4b
}

.rpi-grade.rpi-grade-yelp20,.rpi-grade.rpi-grade-yelp25 {
    color: #ffad48
}

.rpi-grade.rpi-grade-yelp30,.rpi-grade.rpi-grade-yelp35 {
    color: #ff8742
}

.rpi-grade.rpi-grade-yelp40,.rpi-grade.rpi-grade-yelp45 {
    color: #ff643d
}

.rpi-grade.rpi-grade-yelp50 {
    color: #fb433c
}

.rpi-pop {
    top: 100%!important;
    bottom: auto!important;
    opacity: 0;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: transform .3s ease,opacity .3s ease;
    transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease
}

.rpi-pop-up {
    opacity: 1;
    -webkit-transform: translate(0,-100%);
    -ms-transform: translate(0,-100%);
    transform: translate(0,-100%);
    text-align: left
}

.rpi-pop-down {
    opacity: .5;
    -webkit-transition: opacity 150ms ease;
    transition: opacity 150ms ease;
    transition: opacity 150ms ease;
    transition: opacity 150ms ease
}

.rpi-clickable {
    cursor: pointer;
    box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)
}

.rpi-clickable:hover {
    box-shadow: 0 0 2px rgba(0,0,0,.12),0 3px 5px rgba(0,0,0,.24)
}

.rpi-clickable:active {
    box-shadow: 0 0 2px rgba(0,0,0,.12),0 0 1px rgba(0,0,0,.24)
}

.rpi-scroll::-webkit-scrollbar {
    width: 4px
}

.rpi-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.rpi-scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ccc;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5)
}

.rpi-scroll::-webkit-scrollbar-thumb:window-inactive {
    background: #ccc
}

.rpi-card-inner {
    padding: var(--card-padding)
}

.rpi-bubble__flex {
    margin-left: var(--bubble-flex-margin-left)
}

.rpi-bubble__flex_up {
    margin-bottom: var(--meta-margin)
}

.rpi-bubble__flex_down {
    margin-top: var(--meta-margin)
}

.rpi-slider .rpi-bubble__flex {
    margin-left: var(--slider-bubble-flex-margin-left)
}

.rpi-normal-up__body {
    margin-top: var(--meta-margin)
}

.rpi-normal-down__body {
    margin-bottom: var(--meta-margin)
}

.rpi-flex {
    gap: var(--flex-gap,.75em)
}

.rpi-info {
    gap: var(--info-gap)
}

.rpi-flex,.rpi-flexwrap {
    position: relative;
    display: var(--ms-flex-display,-ms-flexbox);
    display: var(--flex-display,flex);
    -ms-flex-wrap: var(--ms-flex-wrap,nowrap);
    flex-wrap: var(--flex-wrap,nowrap);
    align-items: var(--flex-align-items,center)
}

.rpi-flex {
    text-align: var(--flex-text-align,left);
    flex-direction: var(--flex-direction,row);
    justify-content: var(--flex-justify-content,left)
}

.rpi-flexwrap {
    row-gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rpi-shift-up__flex {
    --flex-align-items: var(--center-align-items, star)
}

.rpi-shift-down__flex {
    --flex-align-items: var(--center-align-items, end)
}

.rpi-cards {
    display: flex;
    display: -ms-flexbox;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center;
    scrollbar-width: none
}

.rpi-card {
    display: block;
    position: relative;
    width: 100%;
    flex-shrink: 0;
    align-items: center;
    justify-content: center
}

.rpi-content .rpi-card {
    font-size: var(--fs)
}

.rpi-card-inner {
    display: block;
    position: relative;
    color: var(--card-color)
}

.rpi-card-inner.rpi-flexwrap {
    display: flex
}

.rpi-header .rpi-card-inner {
    container-name: header;
    container-type: inline-size;
    border: var(--head-card-br);
    border-color: var(--head-card-br-color);
    border-radius: var(--head-card-radius);
    background-color: var(--head-card-bg);
    box-shadow: var(--head-card-shadow)
}

.rpi-slider .rpi-header .rpi-card-inner {
    border: var(--slider-head-card-br);
    border-color: var(--slider-head-card-br-color);
    border-radius: var(--slider-head-card-radius);
    background-color: var(--slider-head-card-bg);
    box-shadow: var(--slider-head-card-shadow)
}

.rpi-content .rpi-card-inner {
    border: var(--card-br);
    border-color: var(--card-br-color);
    border-radius: var(--card-radius);
    background-color: var(--card-bg);
    box-shadow: var(--card-shadow)
}

.rpi-bubble__inner.rpi-bubble__inner_up {
    border-top-width: 0
}

.rpi-bubble__inner.rpi-bubble__inner_down {
    border-bottom-width: 0
}

.rpi-slider .rpi-bubble__inner.rpi-bubble__inner_up {
    margin-top: 0
}

.rpi-slider .rpi-bubble__inner.rpi-bubble__inner_down {
    margin-bottom: 0
}

.rpi-bubble__inner::after,.rpi-bubble__inner::before {
    content: "";
    position: absolute;
    display: block;
    height: 4px;
    background-color: inherit
}

.rpi-bubble__inner::before {
    left: 0;
    width: var(--bubble-width-before)
}

.rpi-bubble__inner::after {
    right: 0;
    width: var(--bubble-width-after)
}

.rpi-bubble__inner_up::after,.rpi-bubble__inner_up::before {
    top: 0;
    border-top: 1px solid #ccc;
    border-color: inherit
}

.rpi-bubble__inner_up::before {
    border-top-left-radius: inherit
}

.rpi-bubble__inner_up::after {
    border-top-right-radius: inherit
}

.rpi-bubble__inner_down::after,.rpi-bubble__inner_down::before {
    bottom: 0;
    border-bottom: 1px solid #ccc;
    border-color: inherit
}

.rpi-bubble__inner_down::before {
    border-bottom-left-radius: inherit
}

.rpi-bubble__inner_down::after {
    border-bottom-right-radius: inherit
}

.rpi-card-inner i {
    display: none
}

.rpi-triangle {
    position: absolute;
    left: var(--triangle-left);
    width: var(--bubble-size);
    height: var(--bubble-size);
    background-color: inherit;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.rpi-triangle.rpi-triangle_up {
    display: block;
    top: calc(var(--bubble-size)/-2)
}

.rpi-triangle__br_up {
    border-top: 1px solid;
    border-left: 1px solid;
    border-color: inherit
}

.rpi-triangle.rpi-triangle_down {
    display: block;
    bottom: calc(var(--bubble-size)/-2)
}

.rpi-triangle__br_down {
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: inherit
}

.rpi-avaborder-up {
    padding-left: var(--avaborder-padding-left);
    padding-top: var(--center-avaborder-padding,0)
}

.rpi-avaborder-up div.rpi-flex {
    margin-left: var(--avaborder-margin-left);
    margin-top: var(--center-avaborder-margin,0)
}

.rpi-avaborder-down {
    --flex-direction: var(--center-avaborder-flex-direction, row);
    padding-left: var(--avaborder-padding-left);
    padding-bottom: var(--center-avaborder-padding,0)
}

.rpi-avaborder-down div.rpi-flex {
    margin-left: var(--avaborder-margin-left);
    margin-bottom: var(--center-avaborder-margin,0)
}

.rpi-col-xs {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.rpi-card.rpi-card_block {
    --col: 1!important;
    --gap: 1!important
}

.rpi-col-x .rpi-header_row+.rpi-content_row .rpi-card,.rpi-col-xs .rpi-card,.rpi-col-xs .rpi-content_row,.rpi-col-xs .rpi-header_row {
    --col: 1;
    --gap: 0
}

.rpi-col-xl .rpi-header_row+.rpi-content_row {
    --col: 1.2;
    --gap: 1
}

.rpi-col-l .rpi-header_row+.rpi-content_row {
    --col: 1.25;
    --gap: 1
}

.rpi-col-m .rpi-header_row+.rpi-content_row {
    --col: 1.333333;
    --gap: 1
}

.rpi-col-s .rpi-header_row+.rpi-content_row {
    --col: 1.5;
    --gap: 1
}

.rpi-col-s .rpi-header_row+.rpi-content_row .rpi-card,.rpi-col-x .rpi-card,.rpi-col-x .rpi-header_row,.rpi-col-x .rpi-header_row+.rpi-content_row {
    --col: 2;
    --gap: 1
}

.rpi-col-m .rpi-header_row+.rpi-content_row .rpi-card,.rpi-col-s .rpi-card,.rpi-col-s .rpi-header_row {
    --col: 3;
    --gap: 2
}

.rpi-col-l .rpi-card,.rpi-col-m .rpi-card,.rpi-col-m .rpi-header_row {
    --col: 4;
    --gap: 3
}

.rpi-col-l .rpi-header_row,.rpi-col-xl .rpi-card {
    --col: 5;
    --gap: 4
}

.rpi-col-xl .rpi-header_row {
    --col: 6;
    --gap: 5
}

.rpi-content_row,.rpi-grid .rpi-card,.rpi-header_row {
    -ms-flex: 1 0 calc((100% - var(--card-gap)*var(--gap))/ var(--col));
    flex: 1 0 calc((100% - var(--card-gap)*var(--gap))/ var(--col));
    width: calc((100% - var(--card-gap)*var(--gap))/ var(--col))
}

.rpi-slider .rpi-card {
    -ms-flex: 1 0 calc((100% - (var(--slider-card-gap))*var(--gap))/ var(--col));
    flex: 1 0 calc((100% - (var(--slider-card-gap))*var(--gap))/ var(--col));
    width: calc((100% - (var(--slider-card-gap))*var(--gap))/ var(--col))
}

.rpi-slider .rpi-content,.rpi-slider .rpi-header {
    -ms-flex: 1 0 calc((100% - var(--slider-card-gap))/ var(--col,1));
    flex: 1 0 calc((100% - var(--slider-card-gap))/ var(--col,1));
    width: calc((100% - var(--slider-card-gap))/ var(--col,1))
}

.rpi-content_top,.rpi-header_top {
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%
}

.rpi-cnt,.rpi-slider-btn {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    align-items: center;
    -ms-flex-align: center
}

.rpi-content,.rpi-header {
    min-width: 0
}

.rpi-header .rpi-card {
    font-size: var(--head-fs)
}

.rpi-header .rpi-flex {
    -ms-flex: 1 0 60%;
    flex: 1 0 60%;
    overflow: hidden;
    text-align: var(--head-flex-text-align,left);
    flex-direction: var(--head-flex-direction,row)
}

.rpi-slider .rpi-header .rpi-flex {
    text-align: var(--slider-head-flex-text-align,left)
}

.rpi-header .rpi-info {
    -ms-flex: 1 0 calc(100% - var(--img-size) - var(--card-padding));
    flex: 1 0 calc(100% - var(--img-size) - var(--card-padding));
    line-height: 1.4;
    text-wrap: wrap;
    overflow: hidden
}

.rpi-based,.rpi-score {
    display: flex;
    gap: var(--score-gap,4px);
    align-items: center;
    justify-content: var(--slider-head-flex-text-align,var(--head-flex-text-align,start))
}

.rpi-grade {
    display: inline;
    color: var(--head-star-color);
    font-size: var(--head-grade-fs);
    font-weight: var(--head-grade-weight,700)
}

.rpi-header .rpi-name,.rpi-header .rpi-scale {
    justify-content: var(--slider-head-flex-text-align,var(--head-flex-text-align,start));
    font-size: var(--head-text-fs);
    font-weight: 700;
    color: var(--head-scale-color,#154fc1);
    white-space: normal;
    vertical-align: middle
}

.rpi-based {
    flex-wrap: wrap;
    font-size: var(--head-based-fs);
    color: var(--head-based-color,#777)
}

.rpi-info {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.rpi-content .rpi-info {
    overflow: hidden
}

.rpi-name {
    display: flex!important;
    align-items: center;
    gap: 4px;
    color: var(--name-color);
    font-size: var(--name-fs);
    font-weight: var(--name-weight,normal);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    line-height: var(--rev-text-lh)
}

a.rpi-name {
    color: var(--name-color)!important
}

.rpi-time {
    color: var(--time-color);
    font-size: var(--rev-time-fs);
    white-space: nowrap;
    line-height: var(--rev-text-lh)
}

.rpi-time+.rpi-stars {
    margin-top: 2px
}

.rpi-text .rpi-stars {
    display: inline-flex;
    vertical-align: middle
}

.rpi-body {
    position: relative;
    display: flex;
    gap: var(--body-gap);
    flex-direction: column
}

.rpi-text {
    --text-height: var(--text-height-auto, calc(var(--text-lines) * var(--text-line-height)));
    display: -webkit-box;
    font-size: var(--text-fs);
    text-align: var(--text-align,left);
    line-height: var(--text-line-height);
    max-height: var(--text-height);
    overflow: auto;
    overflow-x: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: inherit
}

[dir=rtl] .rpi-text {
    display: block
}

.rpi-media {
    display: block;
    max-height: var(--media-height);
    overflow: hidden;
    text-align: var(--rev-txtalgn,left)
}

.rpi-thumb {
    position: relative;
    display: inline-block;
    width: var(--media-height);
    height: var(--media-height);
    margin-right: 4px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.rpi-reply {
    display: block;
    color: var(--time-color);
    font-size: 14px;
    line-height: var(--text-line-height);
    max-height: var(--reply-height);
    margin: 0 0 0 var(--reply-margin);
    padding: 0 0 0 var(--reply-padding);
    overflow-y: auto;
    overflow-x: hidden;
    border-left: 1px solid #999;
    text-align: var(--rev-txtalgn,left)
}

.rpi-content .rpi-url {
    display: inline-block;
    padding: 8px!important;
    color: var(--morev-color,#333)!important
}

.rpi-sh .rpi-text {
    height: var(--text-height)
}

.rpi-sh .rpi-body:has(.rpi-media) .rpi-text {
    --text-media-height: calc(var(--text-height) - var(--media-height));
    height: var(--text-media-height)
}

.rpi-sh .rpi-body:has(.rpi-reply) .rpi-text {
    height: calc(var(--text-media-height,var(--text-height)) - var(--reply-height))
}

.rpi-sh .rpi-text:not(:empty):last-child {
    margin-bottom: var(--body-gap)
}

.rpi-sh .rpi-reply {
    height: var(--reply-height)
}

.rpi-grid,.rpi-list {
    align-items: start;
    -ms-flex-align: start
}

.rpi-grid,.rpi-grid .rpi-cards,.rpi-list,.rpi-list .rpi-cards {
    gap: var(--card-gap)
}

.rpi-list .rpi-body:empty {
    margin-top: 0;
    margin-bottom: 0
}

.rpi-slider {
    gap: var(--slider-card-gap)
}

.rpi-slider .rpi-content {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center
}

.rpi-slider .rpi-cards {
    gap: var(--slider-card-gap)
}

.rpi-slider .rpi-header_top.rpi-header_pad,.rpi-slider.rpi-col-xs .rpi-header.rpi-header_pad {
    padding: 0 var(--slider-btn)!important
}

.rpi-slider .rpi-content .rpi-cards {
    position: relative;
    display: flex;
    flex: 1;
    width: 100%;
    overflow-x: scroll;
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch
}

.rpi-slider .rpi-content .rpi-cards::-webkit-scrollbar {
    display: none
}

.rpi-slider .rpi-card {
    scroll-snap-align: start
}

.rpi-slider .rpi-card-inner {
    margin: var(--slider-card-margin)
}

.rpi-slider-btn {
    gap: .5em;
    -ms-flex: 1 0 var(--btn-flex-size,40%);
    flex: 1 0 var(--btn-flex-size,40%);
    justify-content: var(--btn-justify-content,end)
}

@container header (width < 480px) {
    --btn-justify-content: center
}

.rpi-slider-prev::before {
    position: relative!important;
    content: '';
    display: block
}

.rpi-slider-next::after,.rpi-slider-prev::before {
    position: absolute;
    opacity: .7;
    text-align: center;
    width: var(--slider-btn);
    height: var(--slider-btn);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100%;
    mask-repeat: no-repeat;
    mask-size: 100%;
    background-color: var(--slider-btn-color,#777);
    cursor: pointer;
    border-radius: 50%;
    user-select: none;
    transition: all .2s ease-in-out
}

.rpi-slider-prev::before {
    -webkit-mask: url('https://www.zendoutmassage.com/wp-content/plugins/business-reviews-bundle/assets/img/icons.svg#rpi-prev');
    mask: url('https://www.zendoutmassage.com/wp-content/plugins/business-reviews-bundle/assets/img/icons.svg#rpi-prev')
}

.rpi-slider-next::after {
    -webkit-mask: url('https://www.zendoutmassage.com/wp-content/plugins/business-reviews-bundle/assets/img/icons.svg#rpi-next');
    mask: url('https://www.zendoutmassage.com/wp-content/plugins/business-reviews-bundle/assets/img/icons.svg#rpi-next')
}

.rpi-slider-next:hover::after,.rpi-slider-prev:hover::before {
    opacity: 1
}

[dir=rtl] .rpi-slider-next::after,[dir=rtl] .rpi-slider-prev::before {
    transform: rotate(180deg)
}

.rpi-dots-wrap {
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    margin: 0 var(--slider-btn);
    padding-top: var(--slider-dot-padding-top,16px)
}

.rpi-dots {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    gap: 10px;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch
}

.rpi-dot {
    display: inline-block;
    width: var(--slider-dot-size);
    height: var(--slider-dot-size);
    margin: 0;
    padding: 0;
    background-color: var(--slider-dot-color,#999);
    border-radius: 20px;
    cursor: pointer;
    opacity: .4;
    vertical-align: middle;
    flex: 1 0 auto;
    transform: scale(.6);
    scroll-snap-align: center
}

.rpi-dot:hover {
    opacity: 1
}

.rpi-dot.active {
    opacity: 1;
    transform: scale(1);
    background-color: var(--slider-act-dot-color,#154fc1)
}

.rpi-dot.s2 {
    transform: scale(.9)
}

.rpi-dot.s3 {
    transform: scale(.8)
}

.rpi-review_us {
    display: inline-block;
    color: var(--head-btn-txt-color,#fff);
    font-size: var(--head-btn-fs);
    outline: 0;
    line-height: 16px;
    border-radius: 27px;
    background-color: var(--head-btn-color,#0a6cff);
    white-space: nowrap;
    user-select: none;
    text-decoration: none;
    vertical-align: middle
}

.rpi-review_us:last-child {
    margin-right: 0
}

.rpi-review_us:hover {
    color: #fff;
    background: #1f67e7
}

.rpi-review_us:active {
    color: #fff;
    background: #0a6cff
}

.rpi-review_us a,.rpi-review_us[onclick] {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 5px 8px!important
}

.rpi-tag {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 16px;
    font-size: var(--tag-fs);
    max-width: none;
    z-index: 2147482999
}

.rpi-tag.right {
    left: auto;
    right: 16px
}

.rpi-tag.embed {
    display: inline-block;
    position: relative;
    padding: 0;
    z-index: auto
}

.rpi-tag-cnt {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    gap: var(--tag-gap,4px);
    outline-width: 0;
    overflow: visible;
    padding: 8px 12px;
    cursor: pointer;
    color: #333;
    font-weight: 400;
    line-height: 18px;
    border: none;
    border-radius: 32px;
    background-color: var(--tag-bg);
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%),0 1px 2px rgb(0 0 0 / 23%);
    user-select: none;
    transition: all .2s ease-in-out
}

.rpi-tag.push .rpi-tag-cnt:hover {
    transform: translate(0,-2px)!important
}

.rpi-tag .rpi-logo::before {
    width: var(--tag-logo-size,14px);
    height: var(--tag-logo-size,14px)
}

.rpi-tag .rpi-stars {
    white-space: nowrap;
    overflow: hidden;
    transition: all .2s ease-in-out
}

.rpi-tag.expand .rpi-stars {
    width: 0
}

.rpi-tag.expand:hover .rpi-stars {
    width: 115px
}

.rpi-tag-grade {
    color: var(--star-color);
    font-size: var(--tag-star-size);
    font-weight: 700
}

.rpi-tag-text {
    color: var(--tag-text-color);
    font-size: var(--tag-star-size);
    margin: 0 0 0 12px;
    line-height: 1.7em;
    white-space: nowrap
}

.rpi-tag .rpi-sb {
    --sb-left: auto;
    --sb-right: 0
}

.rpi-sb {
    --sbh-height: 0px;
    --sbf-height: 0px;
    position: fixed;
    display: none;
    width: 0;
    height: calc(100% - var(--sb-top-offset,60px));
    left: var(--sb-left,20px);
    right: var(--sb-right,20px);
    bottom: var(--sb-bottom,20px);
    overflow: hidden;
    z-index: 2147483000;
    opacity: 0;
    border-radius: var(--sb-border-radius,8px);
    box-shadow: #bdbdbd 0 2px 10px 0;
    transition: width .3s ease-in-out,opacity .3s ease-in-out
}

.rpi-sb.rpi-left {
    left: 0
}

@media(max-width: 460px) {
    .rpi-sb {
        width:100%
    }
}

.rpi-sb .rpi {
    min-width: 330px
}

.rpi-sb[data-layout=list] .rpi {
    --card-gap: 0;
    --card-bg: none;
    --text-lines: auto;
    --head-card-bg: none
}

.rpi-sbb {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: rgba(250,250,251,.98);
    border-left: 1px solid #dadee2;
    box-shadow: 0 0 4px 1px rgba(0,0,0,.08);
    z-index: 2147483000
}

.rpi-sbc {
    position: absolute;
    top: calc(0px + var(--sbh-height,0px));
    right: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - var(--sbh-height,0) - var(--sbf-height,0));
    overflow: hidden;
    overflow-y: auto;
    z-index: 2147483001;
    -webkit-transform: translateZ(0)
}

.rpi-sbci,.rpi-sbhi {
    position: relative;
    margin: 0;
    padding: 0;
    width: 368px;
    min-height: 100%
}

.rpi-sbf,.rpi-sbh {
    position: absolute;
    right: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 2147483002;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.12);
    box-sizing: border-box
}

.rpi-sbh {
    top: 0;
    height: var(--sbh-height,0)
}

.rpi-sbf {
    display: flex;
    align-items: center;
    justify-content: space-around;
    bottom: 0;
    height: var(--sbf-height,0)
}

.rpi-sbf label {
    cursor: pointer
}

.rpi-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    max-width: 100%;
    color: #333;
    text-align: left;
    z-index: 9999999;
    user-select: none;
    background-color: rgba(0,0,0,.6);
    transition: all .3s ease-out
}

.rpi-lightbox-x {
    position: absolute;
    top: 15px;
    right: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    cursor: pointer;
    z-index: 1;
    border-radius: 50px
}

.rpi-lightbox-x:after,.rpi-lightbox-x:before {
    position: absolute;
    content: "";
    width: 60%;
    height: 3px;
    background-color: #fff;
    transform: rotate(45deg)
}

.rpi-lightbox-x:after {
    transform: rotate(-45deg)
}

.rpi-lightbox-inner {
    width: 95%;
    height: 100%;
    max-width: 1200px;
    max-height: calc(100vh - 160px)
}

.rpi-lightbox-xxx {
    position: relative;
    height: 100%;
    border: none;
    overflow: hidden;
    border-radius: 4px
}

.rpi-lightbox-content {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    color: #000;
    height: 100%;
    flex-direction: row;
    border-radius: 4px;
    background-color: #fff
}

.rpi-lightbox-media {
    --slider-btn: 24px;
    position: relative;
    display: flex;
    justify-content: center;
    flex: 1 1 auto;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-bottom: 0;
    background-color: #000
}

.rpi-lightbox-media .rpi-slider-next,.rpi-lightbox-media .rpi-slider-prev {
    position: absolute;
    padding: 8px;
    z-index: 1;
    cursor: pointer;
    border-radius: 50%;
    background: #ccc
}

.rpi-lightbox-media .rpi-slider-prev {
    left: 8px
}

.rpi-lightbox-media .rpi-slider-next {
    right: 8px
}

.rpi-lightbox-media .rpi-slider-next:hover,.rpi-lightbox-media .rpi-slider-prev:hover {
    background: #fff
}

.rpi-lightbox-media img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    opacity: 1;
    object-fit: contain;
    border-radius: inherit;
    transition: opacity .3s ease-in-out
}

.rpi-lightbox-review {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    height: 100%;
    width: 300px;
    font-size: 15px;
    color: #000;
    padding: 0;
    overflow: hidden
}

.rpi-lightbox-review .rpi-card {
    height: 100%;
    overflow: hidden
}

.rpi-lightbox-review .rpi-card-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.rpi-lightbox-review .rpi-body {
    overflow: hidden
}

.rpi-lightbox-review .rpi-text {
    height: 100%!important
}

.rpi-lightbox-review .rpi-reply {
    height: 40%!important
}

.rpi-lightbox-review .rpi-media {
    display: none
}

.rpi-reply-btns {
    display: flex;
    align-items: center;
    justify-content: left;
    gap: 12px;
    color: #154fc1;
    font-weight: 600;
    margin: 8px 0 0;
    user-select: none
}

.rpi-reply-btns button,.rpi-reply-btns span {
    cursor: pointer
}

.rpi-reply-ai {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px
}

.rpi-reply-ai::before {
    content: '';
    width: 14px;
    height: 14px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-image: url('https://www.zendoutmassage.com/wp-content/plugins/business-reviews-bundle/assets/img/icons.svg#rpi-ai')
}

.rpi-reply-input {
    field-sizing: content
}

.rpi-x {
    position: absolute;
    top: var(--x-top,6px)!important;
    right: var(--x-right,8px)!important;
    display: flex!important;
    align-items: center;
    justify-content: center;
    width: var(--x-width,20px)!important;
    height: var(--x-height,20px)!important;
    cursor: pointer;
    opacity: .65;
    border-radius: 50%;
    background-color: var(--x-bg,#fafafa);
    z-index: 2147483003
}

.rpi-x:hover {
    opacity: 1
}

.rpi-x::after,.rpi-x::before {
    content: "";
    position: absolute;
    display: block;
    width: var(--x-line-width,12px);
    height: var(--x-line-height,1px);
    border-radius: 2px;
    background-color: #373737
}

.rpi-x::before {
    transform: rotate(45deg)
}

.rpi-x::after {
    transform: rotate(-45deg)
}

.rpi-x.rpi-xa::before {
    --x-line-width: 7px;
    --x-line-height: 7px;
    top: 4px;
    border-radius: 0;
    border-right: 1px solid #373737;
    border-bottom: 1px solid #373737;
    background-color: transparent
}

.rpi-x.rpi-xa::after {
    content: none
}

.rpi .rpi-flash {
    --info-gap: 4px;
    --card-bg: none;
    --text-lines: auto
}

.rpi .rpi-flash-wrap {
    display: block;
    position: fixed;
    top: 100%;
    left: 0;
    width: auto;
    font-size: 16px;
    z-index: 999999999999
}

.rpi .rpi-flash-wrap.rpi-flash-right {
    left: auto;
    right: 0
}

.rpi .rpi-flash-content {
    opacity: 0;
    padding: 16px;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: transform .3s ease,opacity .3s ease;
    transition: transform .3s ease,opacity .3s ease,-webkit-transform .3s ease
}

.rpi .rpi-flash-content.rpi-flash-visible {
    opacity: 1;
    -webkit-transform: translate(0,-100%);
    -ms-transform: translate(0,-100%);
    transform: translate(0,-100%);
    text-align: left
}

.rpi .rpi-flash-content.rpi-flash-visible.rpi-flash-gout {
    opacity: .5;
    -webkit-transition: opacity 150ms ease;
    transition: opacity 150ms ease;
    transition: opacity 150ms ease;
    transition: opacity 150ms ease
}

.rpi .rpi-flash-card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 400px;
    max-height: var(--flash-height);
    max-width: var(--flash-width);
    color: #8d8d8d;
    font-size: 12px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0 1px 5px 0 rgb(0 0 0 / 20%),0 3px 1px -2px rgb(0 0 0 / 12%),0 2px 2px 0 rgb(0 0 0 / 14%);
    -webkit-transition: max-height .3s ease,opacity .3s ease,-webkit-transform .3s ease;
    transition: max-height .3s ease,opacity .3s ease,-webkit-transform .3s ease;
    transition: max-height .3s ease,opacity .3s ease,transform .3s ease;
    transition: max-height .3s ease,opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
    cursor: pointer
}

.rpi .rpi-flash-card:hover {
    box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%),0 3px 14px 2px rgb(0 0 0 / 12%),0 8px 10px 1px rgb(0 0 0 / 14%);
    opacity: 1;
    -webkit-transform: translate(0,-2px);
    -ms-transform: translate(0,-2px);
    transform: translate(0,-2px)
}

.rpi .rpi-flash-card.rpi-flash-expanded {
    height: 400px;
    max-height: 400px
}

.rpi .rpi-flash-card .rpi-img {
    box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)
}

.rpi .rpi-flash .rpi-x {
    --x-top: 10px;
    --x-right: -2px;
    --x-width: 20px;
    --x-height: 20px;
    --x-bg: #fafafa;
    z-index: 3;
    opacity: .5;
    -webkit-transform: translate(0,-30px);
    -ms-transform: translate(0,-30px);
    transform: translate(0,-30px);
    -webkit-transition: opacity .2s ease,-webkit-transform .2s ease;
    transition: opacity .2s ease,-webkit-transform .2s ease;
    transition: opacity .2s ease,transform .2s ease;
    transition: opacity .2s ease,transform .2s ease,-webkit-transform .2s ease
}

.rpi .rpi-flash .rpi-x {
    opacity: 0;
    transform: translate(0,0)
}

.rpi .rpi-flash-content:hover .rpi-x {
    opacity: 1;
    transform: translate(0,-10px)
}

.rpi .rpi-flash-x::after,.rpi .rpi-flash-x::before {
    --x-line-width: 10px;
    --x-line-height: 1px;
    --x-line-bg: #373737
}

.rpi .rpi-flash-story {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    z-index: 1;
    width: var(--flash-width);
    height: var(--flash-height);
    opacity: 1;
    padding: 8px 12px;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.rpi .rpi-flash-story {
    --img-size: 16px
}

.rpi .rpi-flash-expanded .rpi-flash-story {
    opacity: 0
}

.rpi .rpi-flash .rpi-card {
    padding: 0 16px
}

.rpi .rpi-flash .rpi-card.rpi-highlight {
    background: #f3f3f3
}

.rpi .rpi-flash-img {
    --img-size: 50px
}

.rpi .rpi-flash-img svg {
    display: inline-block;
    width: auto;
    height: auto
}

.rpi .rpi-flash-body,.rpi .rpi-flash-footer,.rpi .rpi-flash-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px
}

.rpi .rpi-flash-body,.rpi .rpi-flash-head {
    color: #333;
    font-size: 13px
}

.rpi .rpi-flash-head {
    margin-bottom: 2px
}

.rpi .rpi-flash-rating.rpi-star::after {
    width: 8px;
    height: 8px;
    background-color: #ffc107
}

.rpi .rpi-flash-head .rpi-flash-name {
    color: #00a3ff;
    font-weight: 600;
    max-width: 55px;
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important
}

.rpi .rpi-flash-footer {
    font-size: 11px;
    font-weight: 600
}

.rpi .rpi-flash-form {
    position: absolute;
    left: 0;
    top: 0;
    overflow: auto;
    width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
    border-radius: 20px;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.rpi .rpi-flash-expanded .rpi-flash-form {
    z-index: 2;
    opacity: 1;
    overflow-y: auto
}

@media(max-width: 768px) {
    .rpi .rpi-flash.rpi-flash-hide {
        visibility:hidden
    }
}

.rpi .rpi-badge-cnt {
    --badge-side: 30px;
    --badge-down: 30px;
    display: var(--badge-display2,var(--badge-display,inline-flex));
    gap: var(--badge-gap,16px);
    flex-wrap: var(--badge-wrap,wrap);
    align-items: var(--badge-align-items,stretch);
    justify-content: var(--badge-justify-content,left);
    flex-direction: var(--badge-direction,var(--badge-embed-direction,column));
    position: var(--badge-pos,fixed);
    max-width: none;
    align-content: var(--badge-align-content,left);
    z-index: 2147482999
}

.rpi .rpi-badge-cnt.rpi-badge-block {
    --badge-display: flex
}

.rpi .rpi-sb {
    --sb-left: auto;
    --sb-right: 0;
    --sb-bottom: 0;
    --sb-top-offset: 0px;
    --sbh-height: 120px;
    --sbf-height: 40px;
    --sb-border-radius: 0;
    --text-height-auto: auto;
    --card-bg: transparent;
    --head-card-bg: transparent;
    --head-grade-fs: 1em
}

.rpi .rpi-sb.rpi-sb-left {
    --sb-left: 0;
    --sb-right: auto
}

.rpi .rpi-badge-left {
    left: var(--badge-side);
    bottom: var(--badge-down)
}

.rpi .rpi-badge-right {
    right: var(--badge-side);
    bottom: var(--badge-down)
}

.rpi .rpi-badge-embed {
    --badge-pos: relative;
    --badge-embed-direction: row
}

.rpi .rpi-badge {
    display: inline-block;
    position: relative;
    align-self: var(--badge-align-self,auto);
    justify-items: var(--badge-justify-items,left);
    flex: var(--badge-flex,none);
    text-align: left;
    font-family: inherit;
    border-radius: var(--badge-radius,2px);
    border: var(--badge-border,none);
    border-color: var(--badge-br-color,#ccc);
    box-shadow: var(--badge-shadow,0 2px 5px 0 rgba(0,0,0,.26))
}

.rpi .rpi-badge>.rpi-x {
    --x-top: -6px;
    --x-right: -8px;
    --x-width: 16px;
    --x-height: 16px;
    --x-line-width: 8px
}

.rpi .rpi-badge-line {
    display: block;
    width: 100%;
    height: 6px;
    background: var(--badge-line-color,#4fce6a);
    border-radius: var(--badge-radius,2px) var(--badge-radius,2px) 0 0
}

.rpi .rpi-badge-body {
    --flex-display: flex;
    --flex-gap: var(--badge-body-gap, 8px);
    --flex-direction: row;
    --flex-align-items: center;
    --logo-size: var(--badge-logo-size, 44px);
    --img-size: var(--badge-logo-size, 44px);
    --head-grade-fs: var(--badge-grade-fs, 1.125em);
    --head-grade-weight: var(--badge-grade-weight, 600);
    --score-gap: 5px;
    --stars-gap: var(--score-gap);
    --star-size: var(--badge-star-size, 1em);
    --name-fs: var(--badge-name-fs, 14px);
    --name-color: var(--badge-name-color, #333333);
    --name-weight: normal;
    --rev-text-lh: normal;
    --head-based-fs: var(--badge-based-fs, 13px);
    --head-based-color: var(--badge-based-color, #777777);
    justify-self: var(--badge-body-justify-self,left);
    justify-content: var(--badge-body-justify-content,left);
    position: relative;
    color: #333;
    padding: 8px;
    z-index: 999;
    background: var(--badge-bg-color,#fff);
    border-radius: 0 0 var(--badge-radius,2px) var(--badge-radius,2px);
    transition: all .2s ease-in-out
}

.rpi .rpi-badge-body.rpi-badge-clickable {
    cursor: pointer;
    user-select: none
}

.rpi .rpi-badge-body.rpi-badge-clickable:hover {
    background: #f3f3f5
}

.rpi .rpi-badge-body .rpi-info {
    --info-gap: var(--badge-info-gap, 3px);
    --flex-align-items: left
}

.rpi .rpi-badge>.rpi-x {
    opacity: 0;
    border: 1px solid #ccc;
    z-index: 2147482999;
    transition: opacity .2s ease-in-out
}

.rpi .rpi-badge:hover>.rpi-x {
    opacity: 1
}