/* GENERATED: do not edit. Source build/css/bps-lite-rating.css. Rebuild with: build/build-css.sh */


.bps-rating-score, .bps-rating-inline, .bps-rating-card{
  --bps-rating-star: var(--accent);
  width: fit-content;
  max-width: 100%;
  flex: 0 0 auto;
}


.e-con.bps-rating-score:not(.e-con-boxed), .wp-block-group.bps-rating-score:not(.e-con-boxed), .e-con.bps-rating-score > .e-con-inner, .e-con.bps-rating-card:not(.e-con-boxed), .wp-block-group.bps-rating-card:not(.e-con-boxed), .e-con.bps-rating-card > .e-con-inner{
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas: "n s" "n c";
  align-items: center;
  width: fit-content;
  max-width: 100%;
  padding: 0;
}
.e-con.bps-rating-inline:not(.e-con-boxed), .wp-block-group.bps-rating-inline:not(.e-con-boxed), .e-con.bps-rating-inline > .e-con-inner{
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
  column-gap: 10px;
  row-gap: 4px;
  width: fit-content;
  max-width: 100%;
  padding: 0;
}


:is(.bps-rating-score, .bps-rating-inline, .bps-rating-card) .elementor-element{ margin: 0; width: auto; max-width: 100%; }
:is(.bps-rating-score, .bps-rating-inline, .bps-rating-card) .elementor-widget-text-editor p, :is(.bps-rating-score, .bps-rating-inline, .bps-rating-card) .wp-block-bps-piece-markup p:where(.section, .bps-sec, .section *, .bps-sec *), :is(.bps-rating-score, .bps-rating-inline, .bps-rating-card) .elementor-heading-title{ margin: 0; } :is(.bps-rating-score, .bps-rating-inline, .bps-rating-card) p.wp-block-paragraph:where(.section, .bps-sec, .section *, .bps-sec *), :is(.bps-rating-score, .bps-rating-inline, .bps-rating-card) :is(.wp-block-heading, :where(.wp-block-paragraph).bps-font-heading):where(.section, .bps-sec, .section *, .bps-sec *) {margin: 0;}


.bps-rating-number{ grid-area: n; }
.bps-rating-stars{ grid-area: s; }
.bps-rating-caption{ grid-area: c; }

:is(.bps-rating-score, .bps-rating-inline, .bps-rating-card) .bps-rating-number .elementor-heading-title{
  color: var(--text-highlight);
  font-weight: 600;
  line-height: 1;
  font-variant-numeric: lining-nums;
} :is(.bps-rating-score, .bps-rating-inline, .bps-rating-card) .bps-rating-number:is(.wp-block-heading, :where(.wp-block-paragraph).bps-font-heading):where(.section, .bps-sec, .section *, .bps-sec *), :is(.bps-rating-score, .bps-rating-inline, .bps-rating-card) .bps-rating-number :is(.wp-block-heading, :where(.wp-block-paragraph).bps-font-heading):where(.section, .bps-sec, .section *, .bps-sec *) {color: var(--text-highlight);font-weight: 600;line-height: 1;font-variant-numeric: lining-nums;}
:is(.bps-rating-score, .bps-rating-inline, .bps-rating-card) .bps-rating-stars, :is(.bps-rating-score, .bps-rating-inline, .bps-rating-card) .bps-rating-stars p{
  color: var(--bps-rating-star);
  letter-spacing: 0.12em;
  line-height: 1.1;
  font-size: 0.95rem;
}
:is(.bps-rating-score, .bps-rating-inline, .bps-rating-card) .bps-rating-caption, :is(.bps-rating-score, .bps-rating-inline, .bps-rating-card) .bps-rating-caption p{
  color: var(--text-color2);
  font-size: 0.875rem;
  line-height: 1.35;
}


.e-con.bps-rating-score:not(.e-con-boxed), .wp-block-group.bps-rating-score:not(.e-con-boxed), .e-con.bps-rating-score > .e-con-inner{ column-gap: 14px; row-gap: 4px; }

.bps-rating-score, .section .e-con.bps-rating-score, .section .wp-block-group.bps-rating-score{
  
  padding-inline-start: 18px !important;
  border-inline-start: 3px solid var(--accent);
}
.bps-rating-score .bps-rating-number .elementor-heading-title{ font-size: clamp(2.25rem, 3.6vw, 3rem); } .bps-rating-score .bps-rating-number:is(.wp-block-heading, :where(.wp-block-paragraph).bps-font-heading):where(.section, .bps-sec, .section *, .bps-sec *), .bps-rating-score .bps-rating-number :is(.wp-block-heading, :where(.wp-block-paragraph).bps-font-heading):where(.section, .bps-sec, .section *, .bps-sec *) {font-size: clamp(2.25rem, 3.6vw, 3rem);}
.bps-rating-score .bps-rating-stars{ align-self: end; }
.bps-rating-score .bps-rating-caption{ align-self: start; }


.bps-rating-inline .bps-rating-stars{ order: 1; }
.bps-rating-inline .bps-rating-number{ order: 2; }
.bps-rating-inline .bps-rating-caption{
  order: 3;
  padding-inline-start: 10px;
  border-inline-start: 1px solid var(--bps-border-color, var(--border-color));
}
.bps-rating-inline .bps-rating-number .elementor-heading-title{ font-size: 1rem; } .bps-rating-inline .bps-rating-number:is(.wp-block-heading, :where(.wp-block-paragraph).bps-font-heading):where(.section, .bps-sec, .section *, .bps-sec *), .bps-rating-inline .bps-rating-number :is(.wp-block-heading, :where(.wp-block-paragraph).bps-font-heading):where(.section, .bps-sec, .section *, .bps-sec *) {font-size: 1rem;}


.e-con.bps-rating-card:not(.e-con-boxed), .wp-block-group.bps-rating-card:not(.e-con-boxed), .e-con.bps-rating-card > .e-con-inner{ column-gap: 16px; row-gap: 3px; }

.bps-rating-card, .section .e-con.bps-rating-card, .section .wp-block-group.bps-rating-card{
  
  background: var(--light-bg);
  --text-color:     var(--light-text);
  --text-color2:    var(--light-text2);
  --text-highlight: var(--light-text-highlight);
  border: 1px solid var(--light-border, var(--bps-border-color, var(--border-color)));
  border-radius: 10px;
  padding: 16px 22px !important;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--light-text-highlight) 8%, transparent);
}
.bps-rating-card .bps-rating-number{
  padding-inline-end: 16px;
  border-inline-end: 1px solid var(--light-border, var(--bps-border-color, var(--border-color)));
  align-self: stretch;
  display: flex;
  align-items: center;
}
.bps-rating-card .bps-rating-number .elementor-heading-title{ font-size: clamp(1.9rem, 3vw, 2.4rem); } .bps-rating-card .bps-rating-number:is(.wp-block-heading, :where(.wp-block-paragraph).bps-font-heading):where(.section, .bps-sec, .section *, .bps-sec *), .bps-rating-card .bps-rating-number :is(.wp-block-heading, :where(.wp-block-paragraph).bps-font-heading):where(.section, .bps-sec, .section *, .bps-sec *) {font-size: clamp(1.9rem, 3vw, 2.4rem);}
.bps-rating-card .bps-rating-stars{ align-self: end; }
.bps-rating-card .bps-rating-caption{ align-self: start; }