.rbo-mini-review {
    --mr-gap: 1em;
    --mr-rule: rgba(0, 0, 0, .1);
    --mr-surface: rgba(0, 0, 0, .035);
    --mr-head-bg: rgba(0, 0, 0, .06);
    --mr-head-fg: inherit;
    --mr-head-muted: inherit;
    --mr-good: #1a7f37;
    --mr-bad: #c0392b;
    --mr-accent: #2021e3;
    --mr-radius: .75em;
    --mr-fact-bg: var(--mr-surface);
    --mr-fact-border: var(--mr-rule);

    box-sizing: border-box;
    margin: 2em 0;
    padding: 0 0 var(--mr-gap);
    border: 1px solid var(--mr-frame-border, var(--mr-rule));
    box-shadow: var(--mr-frame-shadow, none);
    border-radius: var(--mr-radius);
    background: transparent;
    overflow: hidden;
    container-type: inline-size;
}

.rbo-mini-review--jeux {
    --mr-head-bg: var(--surface-default, #F5F4F8);
    --mr-head-fg: var(--heading-color, #15101F);
    --mr-head-muted: var(--body-color, #342E47);
    --mr-rule: var(--neutral-200, #D8D5E3);
    --mr-surface: var(--surface-default, #F5F4F8);
    --mr-good: var(--green-700, #007644);
    --mr-bad: var(--red-500, #ED3500);
    --mr-accent: var(--green-700, #007644);
    --mr-fact-border: transparent;
}

.rbo-mini-review--jg .ctabox > a,
.rbo-mini-review--jg .ctabox a.rbo-widget-tl {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #1f9e1b 0, #00893b 100%) !important;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .01em;
    line-height: 1.5;
    text-transform: none;
    text-decoration: none;
    padding: 16px 37px;
    max-width: 100%;
    border-radius: 16px;
    box-shadow: none;
    transition: filter .15s ease, transform .15s ease;
}

.rbo-mini-review--jg .ctabox > a:hover,
.rbo-mini-review--jg .ctabox a.rbo-widget-tl:hover {
    filter: brightness(1.06);
    transform: none;
    text-decoration: none;
}

.rbo-mini-review--jg .ctabox > a:active {
    transform: scale(.98);
}

.rbo-mini-review--jg .ctabox > a:focus-visible {
    outline: 3px solid rgba(22, 163, 90, .4);
    outline-offset: 2px;
}

.rbo-mini-review--jg .ctabox > a::before {
    content: '';
    position: absolute;
    top: calc(50% + 1px);
    right: 15px;
    width: 10px;
    height: 27px;
    transform: translateY(-50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='18' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='2' d='M1.19 16.066a.52.52 0 0 0-.052.753.572.572 0 0 0 .784.05l8.89-7.48a.518.518 0 0 0 0-.8l-8.89-7.457a.572.572 0 0 0-.784.05.519.519 0 0 0 .053.753L9.6 8.99 1.19 16.066Z'/%3E%3C/svg%3E") center / contain no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s;
}

.rbo-mini-review--jg .ctabox > a:hover::before,
.rbo-mini-review--jg .ctabox > a:focus-visible::before {
    opacity: 1;
    visibility: visible;
}

.rbo-mini-review.rbo-mini-review--jeux .mr-bonus .ctabox > a,
.rbo-mini-review.rbo-mini-review--jeux .mr-bonus .ctabox a.rbo-widget-tl {
    padding: .6em 1.5em;
    font-size: 1.3em;
    line-height: 1.3;
}

.rbo-mini-review.rbo-mini-review--jg .mr-bonus .ctabox > a,
.rbo-mini-review.rbo-mini-review--jg .mr-bonus .ctabox a.rbo-widget-tl {
    padding: .6em 37px;
    font-size: 1em;
    line-height: 1.3;
}

.rbo-mini-review--jg .mr-cta--bottom .ctabox > a {
    min-width: 300px;
}

.rbo-mini-review--jeux .mr-bonus {
    padding: 1em;
    background: var(--surface-page, #fff);
    border: 1px solid var(--neutral-200, #d8d5e3);
    border-radius: 16px;
    flex-wrap: nowrap;
}

.rbo-mini-review--pel {
    --mr-head-bg: #fff;
    --mr-head-fg: #222;
    --mr-head-muted: #666;
    --mr-rule: #e3e3e3;
    --mr-radius: 11px;
    --mr-fact-border: transparent;
    --mr-accent: #be4244;
    --mr-frame-shadow: 0 4px 10px 0 rgba(118, 118, 118, .5);
    border-width: 0;
    background: #fff;
}

.rbo-mini-review--parier {
    --mr-head-bg: var(--default_color, #19A492);
    --mr-head-fg: #fff;
    --mr-head-muted: rgba(255, 255, 255, .85);
    --mr-fact-bg: transparent;
    --mr-radius: 3px;
    --mr-accent: var(--default_color, #19A492);
}

.rbo-mini-review.rbo-mini-review--parier .mr-bonus .ctabox {
    width: auto;
    min-width: 0;
}

.rbo-mini-review--parier .ctabox:hover {
    background: var(--c3background, #b92f2b);
}

.rbo-mini-review--pel .mr-name,
body .rbo-mini-review--pel .mr-name {
    font-size: 1.5em !important;
    line-height: 1.25 !important;
}

.rbo-mini-review--jg {
    --mr-head-bg: var(--jg-table-header-bg, #135e8d);
    --mr-head-fg: var(--jg-table-header-color, #ffffff);
    --mr-head-muted: rgba(255, 255, 255, .85);
    --mr-rule: #ddd;
    --mr-radius: 6px;
    --mr-fact-bg: transparent;
    --mr-surface: var(--jg-table-stripe, #f6f9ff);
    --mr-good: #05842a;
    --mr-accent: var(--jg-table-header-bg, #135e8d);
}

.rbo-mini-review--ocrb {
    --mr-head-bg: #f4f4f4;
    --mr-head-fg: #4a4a4a;
    --mr-head-muted: #6b6b6b;
    --mr-rule: rgba(0, 0, 0, .12);
    --mr-radius: 3px;
    --mr-accent: var(--primary-color, var(--color-table-header, #2021e3));
    --mr-bonus-border: transparent;
    --mr-frame-shadow: 0 .125em .25em rgba(0, 0, 0, .075);
    border-width: 0;
}

.rbo-mini-review--pro {
    --mr-head-bg: #fff;
    --mr-head-fg: #555;
    --mr-head-muted: #777;
    --mr-rule: #e3e3e3;
    --mr-radius: 3px;
    --mr-accent: #0a53b3;
    --mr-frame-shadow: 0 5px 10px 0 #00000029;
    border-width: 0;
}

.rbo-mini-review--pssch {
    --mr-head-bg: #04212f;
    --mr-head-fg: #fff;
    --mr-head-muted: rgba(255, 255, 255, .85);
    --mr-rule: #ccc;
    --mr-surface: #f3f3f3;
    --mr-radius: 5px;
    --mr-accent: #0c6442;
}

.rbo-mini-review--1 {
    --mr-head-bg: var(--menu_title_bg, rgba(0, 0, 0, .06));
    --mr-head-fg: var(--menu_title_color, inherit);
    --mr-head-muted: var(--menu_title_color, inherit);
    --mr-accent: var(--menu_title_bg, #2021e3);
    --mr-radius: 10px;
    font-size: 16px;
    line-height: 24px;
}

.rbo-mini-review.rbo-mini-review--1 .mr-bonus .ctabox {
    width: auto;
    min-width: 0;
}

.rbo-mini-review--bcel {
    --mr-head-bg: linear-gradient(to top, #212933 0, #283442 100%);
    --mr-head-fg: #fff;
    --mr-head-muted: rgba(255, 255, 255, .85);
    --mr-rule: rgba(0, 0, 0, .12);
    --mr-surface: #f0f1f5;
    --mr-radius: 3px;
    --mr-accent: #149d6a;
    --mr-good: #149d6a;
    --mr-frame-shadow: 0 .125em .25em rgba(0, 0, 0, .075);
    border-width: 0;
}

.rbo-mini-review.rbo-mini-review--bcel .mr-bonus .ctabox > a,
.rbo-mini-review.rbo-mini-review--bcel .mr-bonus .ctabox a.rbo-widget-tl {
    display: inline-block;
    width: auto;
    min-width: 0;
    max-width: none;
    min-height: 0;
    margin: 0 !important;
    padding: 11px 16px;
    border: 0;
    border-radius: 5px;
    background: #149d6a;
    box-shadow: 0 2px 0 0 #009a62;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    text-shadow: none;
    white-space: nowrap;
}

.rbo-mini-review.rbo-mini-review--bcel .mr-bonus .ctabox > a:hover,
.rbo-mini-review.rbo-mini-review--bcel .mr-bonus .ctabox a.rbo-widget-tl:hover {
    box-shadow: none;
    padding: 11px 16px;
    color: #fff;
}

.rbo-mini-review > :not(.mr-head) {
    margin: var(--mr-gap) var(--mr-gap) 0;
}

.rbo-mini-review *,
.rbo-mini-review *::before,
.rbo-mini-review *::after {
    box-sizing: border-box;
}

.rbo-mini-review p,
#content.maintext .rbo-mini-review p {
    margin: 0 !important;
}

.rbo-mini-review ul,
.maintext .rbo-mini-review ul,
.rbo-widget.rbo-mini-review ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.rbo-mini-review ul > li,
.maintext .rbo-mini-review ul > li,
.rbo-widget.rbo-mini-review ul > li {
    margin: 0 !important;
    background: none;
    padding: 0;
    text-indent: 0;
    list-style: none;
}

.rbo-mini-review dl,
.rbo-mini-review dt,
.rbo-mini-review dd {
    margin: 0;
}

.rbo-mini-review article > div {
    margin: 0;
}

.mr-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5em 1em;
    padding: .9em var(--mr-gap);
    background: var(--mr-head-bg);
    color: var(--mr-head-fg);
}

.mr-rank {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2em;
    height: 2em;
    padding: 0 .5em;
    border: 1px solid currentColor;
    border-radius: .4em;
    font-weight: 700;
    line-height: 1;
    color: inherit;
}

.mr-title {
    flex: 1 1 14em;
    min-width: 0;
}

.rbo-mini-review .mr-name,
body .rbo-mini-review .mr-name {
    margin: 0 !important;
    padding: 0;
    border: 0 !important;
    color: inherit !important;
}

.mr-tagline {
    line-height: 1.4;
    color: var(--mr-head-muted);
    opacity: .9;
}

.mr-rating {
    flex: 0 0 auto;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .2em;
    line-height: 1.1;
}

.mr-rating .mr-score {
    font-size: 1.5em;
    font-weight: 700;
}

.rbo-mini-review .stars {
    position: relative;
    display: flex;
    width: 90px;
    min-width: 0;
    max-width: none;
    height: 17px;
    margin: 0;
    background: url('/img/commons/clf/home_stars_new.svg') left bottom repeat-x;
}

.rbo-mini-review .stars_in {
    position: static;
    display: block;
    height: 100%;
    background: url('/img/commons/clf/home_stars_new.svg') left top repeat-x;
}

.mr-score {
    white-space: nowrap;
}

.mr-score span {
    font-size: .55em;
    font-weight: 400;
    opacity: .7;
}

.mr-head--jeux {
    --mr-star-w: 23px;
    --mr-star-h: 21px;
    --mr-star-gap: 2px;
    --icon-star-full: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='21' viewBox='0 0 26 21'%3E%3Cpath fill='%23F5A623' fill-rule='evenodd' d='M22.23 7.53L15.29 6.56L12.18 0.54C12.13 0.4 12.04 0.27 11.92 0.17C11.8 0.07 11.65 0.01 11.5 0C11.34 0.01 11.2 0.07 11.08 0.17C10.96 0.27 10.87 0.4 10.82 0.54L7.71 6.56L0.78 7.53C0.59 7.51 0.41 7.57 0.26 7.68C0.12 7.79 0.03 7.95 0 8.13C0.03 8.38 0.15 8.61 0.35 8.77L5.38 13.45L4.19 20.07C4.17 20.16 4.16 20.25 4.16 20.34C4.15 20.5 4.21 20.67 4.31 20.81C4.36 20.87 4.42 20.92 4.5 20.96C4.58 20.99 4.66 21 4.74 21C4.94 20.99 5.13 20.93 5.3 20.84L11.5 17.71L17.7 20.83C17.87 20.93 18.06 20.99 18.25 21C18.33 21 18.42 20.99 18.49 20.95C18.56 20.92 18.63 20.87 18.68 20.8C18.78 20.67 18.83 20.5 18.82 20.33C18.82 20.24 18.82 20.16 18.81 20.07L17.62 13.45L22.64 8.76C22.84 8.61 22.97 8.38 23 8.13C22.98 7.95 22.88 7.79 22.74 7.68C22.59 7.56 22.41 7.51 22.23 7.52V7.53Z'/%3E%3C/svg%3E");
    --icon-star-empty: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='21' viewBox='0 0 26 21'%3E%3Cpath fill='none' stroke='%23F5A623' d='M11.5 0.51C11.54 0.52 11.58 0.53 11.61 0.56C11.65 0.59 11.68 0.64 11.7 0.69L11.71 0.73L11.73 0.77L14.84 6.79L14.96 7.02L15.22 7.05L22.16 8.02L22.41 8.06C22.42 8.06 22.42 8.06 22.43 8.07C22.46 8.09 22.47 8.12 22.49 8.15C22.46 8.23 22.41 8.31 22.33 8.37L22.32 8.38L22.3 8.4L17.28 13.08L17.08 13.27L17.13 13.54L18.31 20.13H18.31C18.32 20.19 18.32 20.26 18.32 20.32V20.35C18.32 20.4 18.31 20.45 18.28 20.5H18.27C18.16 20.49 18.05 20.46 17.96 20.4L17.94 20.4L17.92 20.39L11.72 17.27L11.5 17.15L11.28 17.27L5.07 20.39L5.05 20.4C4.95 20.46 4.84 20.49 4.72 20.5L4.71 20.5C4.71 20.5 4.7 20.5 4.7 20.5C4.67 20.45 4.66 20.4 4.66 20.35C4.66 20.29 4.67 20.22 4.68 20.16L4.68 20.16L5.87 13.54L5.92 13.27L5.72 13.09L0.69 8.4L0.67 8.39C0.59 8.32 0.54 8.24 0.51 8.15C0.53 8.12 0.54 8.09 0.57 8.07C0.61 8.04 0.67 8.02 0.73 8.03L0.79 8.03L0.84 8.03L7.78 7.06L8.04 7.02L8.16 6.79L11.27 0.77L11.29 0.73L11.3 0.69C11.31 0.64 11.35 0.59 11.39 0.56C11.42 0.53 11.46 0.52 11.5 0.51Z'/%3E%3C/svg%3E");
    position: relative;
}

.mr-head--jeux[data-pos] {
    padding-left: 84px;
}

.mr-head--jeux[data-pos]::before {
    content: attr(data-pos);
    position: absolute;
    top: 0;
    left: 0;
    width: 75px;
    height: 75px;
    box-sizing: border-box;
    padding: 10px 0 0 10px;
    background: var(--v2-dark-navy-500, #002051);
    clip-path: polygon(0 0, 100% 0, 0 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    pointer-events: none;
}

.mr-head--jeux.mr-head--top::before {
    background: var(--red-500, #ED3500);
}

.mr-stars-tiles {
    position: relative;
    display: block;
    width: calc(var(--mr-star-w) * 5 + var(--mr-star-gap) * 4);
    height: var(--mr-star-h);
    background: var(--icon-star-empty) left top / calc(var(--mr-star-w) + var(--mr-star-gap)) var(--mr-star-h) repeat-x;
}

.mr-stars-tiles::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(var(--rating-full, 0) * (var(--mr-star-w) + var(--mr-star-gap)) + var(--rating-fraction, 0) * var(--mr-star-w));
    background: var(--icon-star-full) left top / calc(var(--mr-star-w) + var(--mr-star-gap)) var(--mr-star-h) repeat-x;
}

.mr-head--jg {
    position: relative;
}

.mr-head--jg:has(.mr-rank-tab) {
    padding-left: 56px;
}

.mr-rank-tab {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 34px;
    height: 30px;
    padding: 0 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: #15324a;
    border-radius: var(--mr-radius) 0 12px 0;
    color: #fff;
    font-size: .85em;
    font-weight: 800;
    line-height: 1;
}

.mr-rank-tab--top {
    background: linear-gradient(135deg, #33a0da, #1f85b6);
}

.mr-rank-tab svg {
    display: block;
    width: 13px;
    height: 13px;
}

.mr-stars-mask {
    --star-w: 22px;
    --star-h: calc(var(--star-w) * 16 / 18);
    position: relative;
    display: inline-block;
    width: calc(var(--star-w) * 5);
    height: var(--star-h);
    background: rgba(255, 255, 255, .35);
    mask: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M12%202.2l2.85%206.18%206.75.62-5.08%204.5%201.5%206.62L12%2016.9%205.98%2020.7l1.5-6.62L2.4%209l6.75-.62z%27%2F%3E%3C%2Fsvg%3E) 0 0 / var(--star-w) var(--star-h) repeat-x;
    -webkit-mask: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M12%202.2l2.85%206.18%206.75.62-5.08%204.5%201.5%206.62L12%2016.9%205.98%2020.7l1.5-6.62L2.4%209l6.75-.62z%27%2F%3E%3C%2Fsvg%3E) 0 0 / var(--star-w) var(--star-h) repeat-x;
}

.mr-stars-mask::before {
    content: "";
    position: absolute;
    inset: 0;
    width: var(--w, 0%);
    background: #ffd230;
}

.mr-rank-sq {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 48px;
    margin-left: calc(var(--mr-gap) * -1);
    border-radius: 0 4px 4px 0;
    background: var(--color-box-header, var(--color-table-header, #4440a1));
    color: #fff;
    font-weight: 800;
    line-height: 16px;
}

.mr-rank-sq > span {
    font-size: 12px;
}

.mr-head--pro {
    border-bottom: 1px solid var(--mr-rule);
}

.mr-rank-tag {
    position: relative;
    flex: 0 0 auto;
    display: block;
    width: 47px;
    height: 40px;
    margin-left: calc(var(--mr-gap) * -1);
    color: #555;
}

.mr-rank-tag svg {
    display: block;
    width: 47px;
    height: 40px;
}

.mr-rank-tag .main-path {
    fill: #efefef;
}

.mr-rank-tag--best .main-path,
.mr-rank-tag--best .left-stroke {
    stroke: #e50f48;
    stroke-width: 1;
}

.mr-rank-tag-num {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
}

.mr-rank-rb {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: #177e57;
    color: #fff;
    font-weight: 700;
    line-height: 1;
}

.mr-rank-rb > span {
    font-size: 16px;
}

.rbo-mini-review--pssch .ctabox a.rwvt {
    margin: 0 !important;
    position: relative;
}

.rbo-mini-review.rbo-mini-review--pssch .mr-bonus .ctabox a.rwvt {
    width: 400px;
}

.rbo-mini-review--pssch .ctabox a.rwvt:hover::after {
    content: none;
}

.rbo-mini-review--pssch .mr-cta--bottom .ctabox a.rwvt {
    margin: 0 auto !important;
}

.mr-rank-sq--bcel {
    height: 28px;
    background: #f0f1f5;
    color: #26313e;
}

.mr-head--pel {
    position: relative;
    border-bottom: 1px solid var(--mr-rule);
}

.mr-head--pel:has(.mr-rank-col) {
    padding-left: calc(64px + var(--mr-gap));
}

.mr-rank-col {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: grid;
    place-items: center;
    width: 64px;
    background: #d2d2d2;
    color: #222;
    font-size: 20px;
    font-weight: 800;
    line-height: 30px;
}

.mr-rating--pel .mr-score {
    font-size: 29px;
    line-height: 1.2;
}

.mr-label {
    display: block;
    margin-bottom: .25em;
    font-size: .8em;
    line-height: 1.3;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: .75;
}

.mr-bonus {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75em 1em;
    padding: .75em 1em;
    border: 1px solid var(--mr-bonus-border, var(--mr-rule));
    border-radius: calc(var(--mr-radius) * .75);
    background: var(--mr-surface);
}

.mr-bonus-body {
    flex: 1 1 16em;
    min-width: 0;
}

.mr-bonus-text {
    font-weight: 700;
    font-size: 18px;
}

.mr-bonus .mr-cta {
    flex: 0 0 auto;
    margin-left: auto;
}

.mr-cta .ctabox,
.rbo-mini-review .ctabox,
#content.maintext .rbo-mini-review .ctabox {
    margin: 0 !important;
}

.rbo-mini-review .mr-cta--bottom .ctabox,
#content.maintext .rbo-mini-review .mr-cta--bottom .ctabox {
    margin: 0 auto !important;
}

.rbo-mini-review .mr-cta--bottom .ctabox > a,
.rbo-mini-review .mr-cta--bottom .ctabox a.rbo-widget-tl {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.rbo-mini-review .mr-bonus .ctabox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.rbo-mini-review.rbo-mini-review--cfo .mr-bonus .ctabox,
.rbo-mini-review.rbo-mini-review--bcel .mr-bonus .ctabox {
    padding: 0;
}

.rbo-mini-review .mr-bonus .ctabox > a,
.rbo-mini-review .mr-bonus .ctabox a.rbo-widget-tl {
    display: inline-block;
    width: auto;
    min-width: 0;
    margin: 0 !important;
}

.mr-shot .imgintxt,
.mr-shot .banners,
.maintext .mr-shot .imgintxt {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.mr-shot .imgintxt,
.mr-shot .sc_wrap,
.mr-shot .banners,
.rbo-mini-review .mr-shot .sc_wrap {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: .5em;
    overflow: hidden;
}

.mr-shot img,
.mr-shot picture,
.maintext .mr-shot img,
.rbo-mini-review .mr-shot .imgintxt img,
.rbo-mini-review .mr-shot .imgintxt picture {
    display: block;
    height: auto;
    margin: auto;
    padding: 0;
    border: 0;
    border-radius: .5em;
}

.mr-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6em .8em;
    align-items: stretch;
}

.mr-fact {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1em;
    padding: .7em 1em;
    background: var(--mr-surface);
    border: 1px solid var(--mr-fact-border);
    border-radius: calc(var(--mr-radius) * .75);
}

.mr-fact dt {
    flex: 0 1 auto;
    font-weight: 400;
    opacity: .75;
}

.mr-fact dd {
    flex: 1 1 auto;
    font-weight: 700;
    text-align: right;
    overflow-wrap: anywhere;
}

.mr-brief:not(.mr-brief--box) {
    padding-left: 1em;
    border-left: 3px solid var(--mr-rule);
}

:where(.mr-brief--box) :where(.highlightme:not(.team-quote)) {
    padding: 1em;
    border-radius: calc(var(--mr-radius) * .75);
}

.mr-brief--box > [style],
.mr-brief--box > .highlight-box,
.mr-brief--box > .highlightme {
    margin: 0 !important;
}

.rbo-widget.rbo-mini-review :is(dt, dd, li, p:not(.mr-tagline), .mr-bonus-text),
.rbo-widget.rbo-mini-review .mr-brief--box :is(.highlightme, .highlightme p, .highlight-box, .highlight-box p) {
    color: inherit;
}

.mr-points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--mr-gap) 2em;
}

.mr-points > :only-child {
    grid-column: 1 / -1;
}

.mr-pros .mr-label,
.mr-cons .mr-label {
    margin-bottom: .75em;
    opacity: 1;
}

.mr-pros .mr-label {
    color: var(--mr-good);
}

.mr-cons .mr-label {
    color: var(--mr-bad);
}

.rbo-mini-review .mr-points ul > li {
    position: relative;
    padding-left: 1.6em;
    text-indent: 0 !important;
}

.rbo-mini-review .mr-points li + li {
    margin-top: .3em !important;
}

.rbo-widget.rbo-mini-review :is(.mr-pros, .mr-cons) ul > li::before {
    background-image: none;
    margin: 0;
    content: "";
    position: absolute;
    left: 0;
    top: calc(.75em - .55em);
    width: 1.1em;
    height: 1.1em;
    background-color: currentColor;
    -webkit-mask: var(--mr-icon) center / contain no-repeat;
    mask: var(--mr-icon) center / contain no-repeat;
}

.rbo-widget.rbo-mini-review .mr-points .mr-pros ul > li::before {
    color: var(--mr-good);
    --mr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 5 23 23' fill='none'%3E%3Cpath d='M6.85 15.62L12.88 22.5L26.2 11.28' stroke='black' stroke-width='3' stroke-miterlimit='10'/%3E%3C/svg%3E");
}

.rbo-widget.rbo-mini-review .mr-points .mr-cons ul > li::before {
    color: var(--mr-bad);
    --mr-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='5 5 23 23' fill='none'%3E%3Cpath d='M24 9L9 24M24 24L9 9' stroke='black' stroke-width='3' stroke-miterlimit='10'/%3E%3C/svg%3E");
}

@container (max-width: 36em) {

    .mr-head--jeux {
        --mr-star-w: 20px;
        --mr-star-h: 18px;
        padding-top: 1.1em;
        padding-bottom: 1.1em;
        row-gap: .8em;
    }

    .mr-head--jeux[data-pos] {
        padding-left: 60px;
    }

    .mr-head--jeux[data-pos]::before {
        width: 54px;
        height: 54px;
        padding: 7px 0 0 7px;
        font-size: 14px;
    }

    .rbo-mini-review.rbo-mini-review--jeux .mr-bonus .ctabox > a,
    .rbo-mini-review.rbo-mini-review--jeux .mr-bonus .ctabox a.rbo-widget-tl {
        padding-inline: .5em;
        font-size: 1em;
    }

    .mr-head--pel:has(.mr-rank-col) {
        padding-left: var(--mr-gap);
    }

    .mr-rank-col {
        position: static;
        flex: 0 0 auto;
        align-self: center;
        width: 44px;
        height: 44px;
        border-radius: 6px;
    }

    .rbo-mini-review.rbo-mini-review--bcel .mr-bonus .ctabox > a,
    .rbo-mini-review.rbo-mini-review--bcel .mr-bonus .ctabox a.rbo-widget-tl {
        display: block;
        width: 100%;
    }

    .rbo-mini-review--jeux .mr-bonus {
        flex-wrap: wrap;
    }
    .mr-facts,
    .mr-points {
        grid-template-columns: minmax(0, 1fr);
    }

    .mr-rating {
        flex-basis: 100%;
        margin-left: 0;
        flex-direction: row;
        align-items: center;
        gap: .5em;
    }

    .mr-bonus .mr-cta {
        flex: 1 1 100%;
        margin-left: 0;
    }

    .rbo-mini-review .mr-bonus .ctabox > a,
    .rbo-mini-review .mr-bonus .ctabox a.rbo-widget-tl {
        display: block;
        width: 100%;
    }
}

@container (max-width: 26em) {
    .mr-fact {
        flex-direction: column;
        align-items: flex-start;
        gap: .1em;
    }

    .mr-fact dd {
        text-align: left;
    }
}

.rbo-mini-review--compact .mr-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.rbo-mini-review--compact .mr-compact__icon {
    width: 1.3em;
    height: 1.3em;
    flex: none;
}

.mr-compact__body {
    min-width: 0;
}

.rbo-mini-review--compact .mr-compact__panel > .mr-facts,
.rbo-mini-review--compact .mr-compact__panel > .mr-points,
.rbo-mini-review--compact .mr-compact__panel > .mr-brief {
    margin: 0;
}

.rbo-mini-review--compact .mr-compact__panel .mr-fact {
    flex-direction: column;
    align-items: flex-start;
    gap: .1em;
}

.rbo-mini-review--compact .mr-compact__panel .mr-fact dd {
    text-align: left;
}

.mr-compact__tabs {
    min-width: 0;
}

.mr-compact__tablist-wrap {
    position: relative;
}

.mr-compact__tablist-wrap::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 1px;
    background: var(--mr-rule);
}

.mr-compact__tablist {
    position: relative;
    display: flex;
    gap: .6em;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.mr-compact__tablist::-webkit-scrollbar {
    display: none;
}

.mr-compact__tab,
.rbo-mini-review--compact button.mr-compact__tab {
    position: relative;
    display: flex;
    flex: none;
    align-items: center;
    gap: .4em;
    margin: 0;
    padding: .6em .8em;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    background: none;
    box-shadow: none;
    color: inherit;
    font: inherit;
    line-height: 1.3;
    text-transform: none;
    opacity: .7;
    cursor: pointer;
    white-space: nowrap;
}

.mr-compact__tab:hover,
.rbo-mini-review--compact button.mr-compact__tab:hover {
    opacity: 1;
    color: var(--mr-accent);
}

.mr-compact__tab[aria-selected="true"],
.rbo-mini-review--compact button.mr-compact__tab[aria-selected="true"] {
    opacity: 1;
    color: var(--mr-accent);
    border-bottom-color: var(--mr-accent);
    z-index: 1;
}

.mr-compact__tab:focus-visible {
    outline: 2px solid var(--mr-accent);
    outline-offset: -2px;
    border-radius: .3em;
}

.mr-compact__scroll,
.rbo-mini-review--compact button.mr-compact__scroll {
    position: absolute;
    top: 0;
    bottom: 1px;
    z-index: 2;
    width: 2.5em;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;

    background: linear-gradient(to right, var(--mr-surface-page, #fff) 35%, rgb(255 255 255 / .55));
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    cursor: pointer;
    display: none;
}

.mr-compact__scroll--prev {
    left: 0;
}

.mr-compact__scroll--next {
    right: 0;
    background: linear-gradient(to left, var(--mr-surface-page, #fff) 35%, rgb(255 255 255 / .55));
}

.mr-compact__scroll::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: .5em;
    height: .5em;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -50%) rotate(-45deg);
    opacity: .7;
}

.mr-compact__scroll--prev::before {
    transform: translate(-30%, -50%) rotate(135deg);
}

.mr-compact__tabs[data-can-prev] .mr-compact__scroll--prev,
.mr-compact__tabs[data-can-next] .mr-compact__scroll--next {
    display: block;
}

.mr-compact__panel {
    padding-top: var(--mr-gap);
}

.mr-compact__panel:focus-visible {
    outline: none;
}

.mr-compact__ratingpanel {
    display: flex;
    align-items: flex-start;
    gap: 3em;
}

.mr-compact__overall {
    display: flex;
    flex: none;
    flex-direction: column;
    align-items: center;
    gap: .4em;
    padding-top: .25em;
}

.mr-compact__overall-score,
#content.maintext .rbo-mini-review--compact .mr-compact__overall-score {
    margin: 0 !important;
    font-size: 1.1em;
    opacity: .8;
}

.mr-compact__overall-value {
    font-size: 1.8em;
    font-weight: 700;
    opacity: 1;
}

.mr-compact__badge {
    display: inline-flex;
    align-items: center;
    gap: .4em;
    padding: .15em .7em;
    border-radius: 999px;
    background: var(--mr-surface);
    color: var(--mr-accent);
    font-size: .8em;
    font-weight: 600;
    white-space: nowrap;
}

.mr-compact__badge::before {
    content: "";
    width: .45em;
    height: .45em;
    border-radius: 50%;
    background: currentColor;
}

.mr-compact__scores,
.maintext .mr-compact__scores {
    display: grid;
    flex: 1 1 20em;
    grid-template-columns: max-content minmax(6em, 1fr) max-content;
    gap: .75em 1em;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mr-compact__score-item {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: subgrid;
    align-items: center;
}

.mr-compact__score-label {
    opacity: .85;
}

.mr-compact__score-value {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.mr-compact__bar {
    position: relative;
    display: block;
    height: 10px;
    border-radius: 999px;
    background: var(--mr-rule);
    overflow: hidden;
}

.mr-compact__bar::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--mr-fill, 0%);
    border-radius: inherit;
    background: var(--mr-accent);
    transform-origin: left;
}

@media (prefers-reduced-motion: no-preference) {
    .mr-compact__tabs:not(.is-visible) .mr-compact__bar::before {
        transform: scaleX(0);
    }

    .mr-compact__tabs.is-visible .mr-compact__bar::before {
        transition: transform .6s cubic-bezier(.2, .8, .2, 1);
    }
}

@container (max-width: 36em) {
    .mr-compact__ratingpanel {
        flex-direction: column;
        align-items: stretch;
        gap: 1.25em;
    }

    .mr-compact__scores {
        grid-template-columns: minmax(0, 1fr) max-content;
    }

    .mr-compact__score-item {
        grid-template-columns: subgrid;
        grid-template-areas: "label value" "bar bar";
    }

    .mr-compact__score-label { grid-area: label; }
    .mr-compact__score-value { grid-area: value; }
    .mr-compact__bar { grid-area: bar; }
}
