@layer theme,base;@layer components{.pg-feedback .fb-main{--rv-edge:color-mix(in srgb, var(--text) 55%, transparent);padding-block:clamp(32px,4vw,64px) clamp(80px,8vw,136px)}.pg-feedback .fb-panel{background:var(--panel);max-width:760px;box-shadow:inset 0 0 0 1px var(--line), 0 1px 2px var(--line);border-radius:14px;margin-inline:auto;padding:clamp(24px,3.2vw,48px)}.pg-feedback .fb-panel .h3{margin-bottom:6px}.pg-feedback .fb-req{color:var(--text-2);margin:0 0 24px;font-size:15px}.rv-form .form-fields{border:0;gap:22px;min-width:0;margin:0;padding:0;display:grid}.rv-form .inp{background:var(--field);border-color:var(--rv-edge,var(--line-2))}.rv-form .inp:hover{border-color:var(--text-2)}.rv-form .inp:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 22%, transparent)}.rv-form .inp[aria-invalid=true]{border-color:var(--error)}.rv-form textarea.inp{resize:vertical;min-height:150px}.rv-form .fld{align-content:start}.rv-opt{letter-spacing:0;text-transform:none;color:var(--text-3);font-weight:500}.rv-ig{position:relative}.rv-ig>svg{width:19px;height:19px;color:var(--text-3);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.rv-ig .inp{text-align:left;padding-left:44px;padding-right:14px}.rv-stars{border:0;min-width:0;margin:0;padding:0}.rv-stars legend{margin-bottom:8px;padding:0}.rv-stars-row{gap:4px;display:flex}.rv-stars-row label{cursor:pointer;width:44px;height:44px;color:var(--text-3);border-radius:10px;place-items:center;display:inline-grid}.rv-stars-row label:hover{background:var(--ctl-hover)}.rv-stars-row label.on{color:var(--accent)}.rv-stars-row label.on svg{fill:currentColor}.rv-stars-row svg{width:28px;height:28px}.rv-stars-row label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.rv-count{color:var(--text-3);font-variant-numeric:tabular-nums;justify-self:end;font-size:13px}.rv-photo{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.rv-photo-prev{background:var(--bg-2);width:72px;height:72px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--text-3);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.rv-photo-prev:has(img){background:#fff}.rv-photo-prev img{object-fit:contain;width:100%;height:100%;padding:6px}.rv-photo-prev svg{width:26px;height:26px}.rv-photo-btn{cursor:pointer;min-height:44px}.rv-photo:has(input:focus-visible) .rv-photo-btn{outline:2px solid var(--focus);outline-offset:2px}.rv-photo-rm{min-height:44px;color:var(--text-2);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 6px;font-weight:600;text-decoration:underline}.rv-photo-rm:hover{color:var(--text)}.rv-photo-name{min-width:0;color:var(--text-3);overflow-wrap:anywhere;flex-basis:100%;font-size:14px}.rv-consent{letter-spacing:0;text-transform:none;color:var(--text);cursor:pointer;align-items:flex-start;gap:12px;font-size:16px;font-weight:400;display:flex}.fld label.rv-consent{letter-spacing:0;text-transform:none;color:var(--text);font-size:16px;font-weight:400}.rv-consent input{width:22px;height:22px;accent-color:var(--accent);cursor:pointer;flex:none;margin:1px 0 0}.rv-consent input[aria-invalid=true]{outline:2px solid var(--error);outline-offset:2px}.rv-api-errs{margin:8px 0 0;padding-inline-start:18px;font-size:14px}.rv-sec .rv-title{text-align:center;text-wrap:balance;margin:0 0 clamp(28px,3.4vw,52px)}.rv-list{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;gap:clamp(14px,1.8vw,28px);margin:0;padding:2px 2px 14px;scroll-padding-inline:2px;list-style:none;display:flex;overflow-x:auto}.rv-card{scroll-snap-align:start;border-top:4px solid var(--accent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 7%, var(--panel)), var(--panel) 55%);min-height:300px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent), 0 6px 18px color-mix(in srgb, var(--accent) 10%, transparent);border-radius:14px;flex-direction:column;flex:0 0 clamp(280px,26vw,360px);min-width:0;padding:clamp(24px,2.2vw,32px);transition:transform .25s,box-shadow .25s;display:flex}.rv-card:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent), 0 12px 26px color-mix(in srgb, var(--accent) 16%, transparent);transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.rv-card,.rv-card:hover{transition:none;transform:none}}.rv-q{width:30px;height:30px;color:color-mix(in srgb, var(--accent) 38%, transparent);fill:currentColor;stroke-width:1.5px;flex:none;margin-bottom:18px}html[lang=ar] .rv-q{transform:scaleX(-1)}.rv-quote{color:var(--text);overflow-wrap:anywhere;flex:1;margin:0 0 24px;font-size:16px;line-height:1.7}.rv-quote p{white-space:pre-line;margin:0}.rv-foot{border-top:1px solid color-mix(in srgb, var(--accent) 18%, transparent);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding-top:18px;display:flex}.rv-name{letter-spacing:.04em;text-transform:uppercase;min-width:0;min-height:44px;color:var(--accent);overflow-wrap:anywhere;align-items:center;font-size:15px;font-weight:700;display:inline-flex}a.rv-name{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px}a.rv-name:hover{text-decoration-thickness:2.5px}.rv-rate{color:color-mix(in srgb, var(--text) 18%, transparent);flex:none;gap:2px;display:flex}.rv-rate svg{fill:currentColor;stroke:none;width:17px;height:17px}.rv-rate svg.on{color:var(--accent)}@media (max-width:820px){.rv-form .row2{grid-template-columns:minmax(0,1fr)}}}@layer utilities;
