/* Tokens only: every size, gap, corner and colour is a global.css token (WEBMAKER > GLOBAL_FORMULAS). Generated by tokenize_css.py from the hand-written file; do not edit by hand. */
@layer page{
.rv-block{margin-top:var(--g-px-12)}
.rv-stars{display:inline-flex;gap:var(--g-px-2);vertical-align:calc(var(--g-px-3) * -1)}
.rv-stars i{width:var(--g-px-18);height:var(--g-px-18);display:inline-block}
.rv-stars.sm i{width:var(--g-px-14);height:var(--g-px-14)}
.rv-stars svg{width:100%;height:100%;fill:var(--g-col-E6E1E3)}
.rv-stars i.on svg{fill:var(--g-col-DB2A6B)}
.rv-none,.rv-avg{font-size:var(--g-size-14);color:var(--g-col-6B6B6B)}
.rv-sum{display:flex;gap:var(--g-px-24);align-items:center;flex-wrap:wrap;margin:var(--g-px-8) 0 var(--g-px-12)}
.rv-big{display:flex;flex-direction:column;align-items:flex-start;gap:var(--g-px-4)}
.rv-n{font-size:var(--g-size-32);line-height:1}
.rv-c{font-size:var(--g-size-12);color:var(--g-col-6B6B6B)}
.rv-dist{list-style:none;margin:0;padding:0;min-width:var(--g-px-180);flex:1}
.rv-dist li{display:grid;grid-template-columns:var(--g-px-14) 1fr var(--g-px-28);gap:var(--g-px-8);align-items:center;font-size:var(--g-size-12);color:var(--g-col-6B6B6B)}
.rv-dist .bar{height:var(--g-px-6);border-radius:var(--g-px-999);background:var(--g-col-F1ECEE);overflow:hidden}
.rv-dist .bar i{display:block;height:100%;background:var(--g-col-DB2A6B);border-radius:var(--g-px-999)}
.rv-empty{font-size:var(--g-size-14);color:var(--g-col-6B6B6B);margin:0}
.rv-sort{display:flex;gap:var(--g-px-8);flex-wrap:wrap;margin:var(--g-px-12) 0}
.rv-pill{display:inline-flex;align-items:center;gap:var(--g-px-6);border:var(--g-px-1) solid var(--g-col-DDD3D7);border-radius:var(--g-px-999);padding:var(--g-px-4) var(--g-px-12);font-size:var(--g-size-14);background:var(--g-col-FFFFFF);color:var(--g-col-222222);cursor:pointer;margin:0 var(--g-px-8) var(--g-px-8) 0}
.rv-pill.on,.rv-pill:has(input:checked){border-color:var(--g-col-DB2A6B);color:var(--g-col-B0164F);background:var(--g-col-FDF0F5)}
.rv-pill input{accent-color:var(--g-col-DB2A6B);margin:0}
.rv-list,.cm-list,.cm-kids{list-style:none;margin:0;padding:0}
.rv-item,.cm-item{border-top:var(--g-px-1) solid var(--g-col-F1ECEE);padding:var(--g-px-12) 0}
.cm-kids{margin-left:var(--g-px-24)}
.cm-reply{border-top:0;padding:var(--g-px-8) 0 0}
.rv-top{display:flex;flex-wrap:wrap;gap:var(--g-px-8);align-items:center;margin:0 0 var(--g-px-4);font-size:var(--g-size-14)}
.rv-who{color:var(--g-col-222222)}
.rv-date{font-size:var(--g-size-12);color:var(--g-col-6B6B6B)}
.rv-badge{font-size:var(--g-size-12);border-radius:var(--g-px-999);padding:var(--g-px-2) var(--g-px-8);background:var(--g-col-E8F6E2);color:var(--g-col-25600F)}
.rv-badge.soft{background:var(--g-col-F4F1F2);color:var(--g-col-6B6B6B)}
.rv-text{font-size:var(--g-size-14);line-height:1.6;margin:0 0 var(--g-px-4);white-space:pre-line}
.rv-resp{margin:var(--g-px-8) 0 0 var(--g-px-16);padding:var(--g-px-8) var(--g-px-12);border-left:var(--g-px-2) solid var(--g-col-FFC6D9);border-radius:0 var(--g-px-12) var(--g-px-12) 0;background:var(--g-col-FFFAFC)}
.rv-tools{display:flex;gap:var(--g-px-16);margin:var(--g-px-4) 0 0}
.rv-link{background:none;border:0;padding:0;font-size:var(--g-size-12);color:var(--g-col-6B6B6B);text-decoration:underline;cursor:pointer}
.rv-mine{border:var(--g-px-1) solid var(--g-col-F3D4E0);background:var(--g-col-FFFAFC);border-radius:var(--g-px-16);padding:var(--g-px-12) var(--g-px-16);margin:var(--g-px-8) 0 var(--g-px-12)}
.rv-hist summary{font-size:var(--g-size-12);color:var(--g-col-6B6B6B);cursor:pointer}
.rv-form{border:var(--g-px-1) solid var(--g-col-EFE6EA);border-radius:var(--g-px-16);padding:var(--g-px-16);margin:var(--g-px-12) 0;display:grid;gap:var(--g-px-12);background:var(--g-col-FFFFFF)}
.rv-form[hidden]{display:none}
.rv-form h3{margin:0;font-size:var(--g-size-18)}
.rv-form fieldset{border:0;padding:0;margin:0}
.rv-form legend{font-size:var(--g-size-14);margin-bottom:var(--g-px-6);color:var(--g-col-222222)}
.rv-f{display:grid;gap:var(--g-px-4);font-size:var(--g-size-14);color:var(--g-col-222222)}
.rv-f input,.rv-f textarea{font-size:var(--g-size-14);border:var(--g-px-1) solid var(--g-col-DDD3D7);border-radius:var(--g-px-12);padding:var(--g-px-8) var(--g-px-12);width:100%;box-sizing:border-box;background:var(--g-col-FFFFFF)}
.rv-ok{display:flex;gap:var(--g-px-8);align-items:flex-start;font-size:var(--g-size-14)}
.rv-ok input{accent-color:var(--g-col-DB2A6B);margin-top:var(--g-px-3)}
.rv-sub{font-size:var(--g-size-12);color:var(--g-col-6B6B6B);margin:0;line-height:1.5}
.rv-ref{font-size:var(--g-size-14);color:var(--g-col-222222);letter-spacing:.02em}
.rv-acts{display:flex;gap:var(--g-px-8);flex-wrap:wrap}
.rv-rate{gap:var(--g-px-4)}
.rv-rate legend{width:100%}
.rv-rate label{cursor:pointer;width:var(--g-px-28);height:var(--g-px-28);display:inline-flex}
.rv-rate input{position:absolute;opacity:0;width:var(--g-px-1);height:var(--g-px-1)}
.rv-rate svg{width:100%;height:100%;fill:var(--g-col-E6E1E3)}
.rv-rate:has(input:checked) label svg{fill:var(--g-col-DB2A6B)}
.rv-rate label:has(input:checked)~label svg{fill:var(--g-col-E6E1E3)}
.rv-rate label:has(input:focus-visible){outline:var(--g-px-2) solid var(--g-col-DB2A6B);border-radius:var(--g-px-8)}
.cm-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--g-px-12)}
@media (max-width:640px){.cm-row{grid-template-columns:1fr}.cm-kids{margin-left:var(--g-px-12)}}
.cm-to{font-size:var(--g-size-12);color:var(--g-col-6B6B6B);margin:0}
.cm-wrap{max-width:var(--g-px-760);margin:var(--g-px-32) auto 0;padding:0 var(--g-px-16)}
.rv-modal{position:fixed;inset:0;background:color-mix(in srgb, var(--g-col-000000) 35%, transparent);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--g-px-16)}
.rv-box{background:var(--g-col-FFFFFF);border-radius:var(--g-px-16);padding:var(--g-px-20);max-width:var(--g-px-440);width:100%;display:grid;gap:var(--g-px-12);max-height:90vh;overflow:auto}
.rv-box h2{margin:0;font-size:var(--g-size-25)}
.rv-box fieldset{border:0;padding:0;margin:0}
.rv-box legend{font-size:var(--g-size-14);margin-bottom:var(--g-px-6)}
.pd-buy .stars .rv-none{font-size:var(--g-size-12)}
.pd-buy .stars a{color:inherit;text-decoration:none}
}
.rv-rate{display:flex}