.mrf__inner{max-width:620px;margin:0 auto;padding:40px 16px 72px}.mrf__card{background:var(--mr-card);border-radius:16px;padding:26px 22px;display:grid;gap:24px}@media(min-width:640px){.mrf__card{padding:36px 34px}}.mrf__card--done{text-align:center;justify-items:center}.mrf__head{display:grid;gap:10px}.mrf__sub{margin:0;color:var(--mr-fg-2);font-size:15px;line-height:1.55}.mrf__product{display:flex;align-items:center;gap:12px;background:var(--mr-bg);border-radius:12px;padding:10px 14px 10px 10px;font-size:14px;font-weight:600}.mrf__product img{width:52px;height:52px;object-fit:cover;border-radius:8px}.mrf__step{border:0;margin:0;padding:0;display:grid;gap:12px;min-width:0}.mrf__label{font-family:var(--mr-display);text-transform:uppercase;letter-spacing:.05em;font-size:15px;padding:0;color:var(--mr-fg)}.mrf__label--small{font-size:13px}.mrf__optional{font-family:var(--mr-body);text-transform:none;letter-spacing:0;font-size:12px;color:var(--mr-fg-3);margin-left:6px}.mrf__stars{display:flex;gap:6px}.mrf__star{position:relative;cursor:pointer;width:48px;height:48px;display:grid;place-items:center}.mrf__star input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer}.mrf__star svg{width:40px;height:40px;fill:var(--mr-star-off);transition:fill .12s,transform .12s}.mrf__star.is-on svg,.mrf__star.is-hover svg{fill:var(--mr-green)}.mrf__star:hover svg{transform:scale(1.06)}.mrf__star input:focus-visible+svg{outline:2px solid var(--mr-green);outline-offset:3px;border-radius:4px}.mrf__a11y{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mrf__hint{margin:0;min-height:1.4em;font-size:14px;color:var(--mr-fg-2)}.mrf__range{display:grid;gap:6px}.mrf__range-head{display:flex;justify-content:space-between;font-size:14px}.mrf__range-head output{color:var(--mr-fg-3);font-size:13px}.mrf__range input[type=range]{width:100%;accent-color:var(--mr-green)}.mrf__range-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--mr-fg-3)}.mrf__input{width:100%;background:var(--mr-bg);color:var(--mr-fg);border:1px solid var(--mr-line);border-radius:10px;padding:12px 14px;font:inherit;font-size:15px}.mrf__input:focus{outline:2px solid var(--mr-green);outline-offset:1px;border-color:transparent}.mrf__input::placeholder{color:var(--mr-fg-3)}.mrf__feedback{display:grid;gap:8px}.mrf__upload{display:flex;flex-wrap:wrap;align-items:center;gap:10px;cursor:pointer}.mrf__upload input{position:absolute;opacity:0;width:1px;height:1px}.mrf__upload-btn{padding:10px 18px;border-radius:999px;border:1px dashed var(--mr-fg-3);font-size:14px}.mrf__upload:focus-within .mrf__upload-btn{outline:2px solid var(--mr-green);outline-offset:2px}.mrf__upload-hint{font-size:12px;color:var(--mr-fg-3)}.mrf__previews{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.mrf__previews li{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden}.mrf__previews img,.mrf__previews video{width:100%;height:100%;object-fit:cover}.mrf__previews button{position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:50%;border:0;background:#000000b3;color:#fff;cursor:pointer;line-height:1}.mrf__chip{position:relative;cursor:pointer}.mrf__chip input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;cursor:pointer}.mrf__chip span{display:inline-flex;padding:10px 16px;border-radius:999px;border:1px solid var(--mr-line);font-size:14px}.mrf__chip input:checked+span{background:var(--mr-green);border-color:var(--mr-green);color:var(--mr-green-ink);font-weight:600}.mrf__chip input:focus-visible+span{outline:2px solid var(--mr-green);outline-offset:2px}.mrf__consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--mr-fg-2)}.mrf__consent input{margin-top:3px;accent-color:var(--mr-green);width:18px;height:18px;flex-shrink:0}.mrf__consent a{color:var(--mr-fg)}.mrf__error{margin:0;padding:10px 14px;border-radius:10px;background:#4a2a2a;color:#ffd9d4;font-size:14px}.mrf__submit{justify-self:start;background:var(--mr-green);border-color:var(--mr-green);color:var(--mr-green-ink);font-weight:600}.mrf__submit:hover{background:#63c493;color:var(--mr-green-ink)}.mrf__submit[disabled]{opacity:.6;pointer-events:none}.mrf__back{color:var(--mr-fg-2);font-size:14px}.mrf__done-icon{width:56px;height:56px;border-radius:50%;background:var(--mr-green);color:var(--mr-green-ink);display:grid;place-items:center}.mrf .mr__legal{text-align:left}
/*# sourceMappingURL=/cdn/shop/t/95/assets/mate-review-form.css.map */