.rate-page{box-sizing:border-box;display:flex;min-height:100svh;justify-content:center;padding:119px 20px 91px;background:#fff;color:#111}.rate-form{width:582px;gap:64px}.rate-form,.rate-success{display:flex;flex-direction:column;align-items:center}.rate-success{width:400px;gap:50px;animation:rate-success-open .25s cubic-bezier(.22,1,.36,1) both;transform-origin:center top}.rate-success h1{width:400px;margin:0;color:#000;font-family:var(--font-public-pixel),monospace;font-size:18px;font-style:normal;font-weight:400;line-height:1.2;text-align:center}.rate-success__button{display:block;width:174px;height:51px;color:#111;filter:drop-shadow(3px 3px 0 #000000);text-decoration:none;transform:translate(0);transition:filter .12s steps(1),transform .12s steps(1)}.rate-success__button:active{filter:drop-shadow(0 0 0 transparent);transform:translate(3px,3px)}.rate-success__button-frame{width:174px}@keyframes rate-success-open{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.rate-form__header{width:100%;gap:60px}.rate-form__header,.rate-rating{display:flex;flex-direction:column;align-items:center}.rate-rating{position:relative;width:400px;gap:32px}.rate-feedback-section h2,.rate-rating h1{margin:0;font-family:var(--font-public-pixel),monospace;font-style:normal;font-weight:400;line-height:1.2}.rate-rating h1{width:100%;font-size:18px;text-align:center}.rate-hearts{display:flex;width:400px;height:56px;justify-content:space-between}.rate-heart{padding:0;border:0;background:transparent}.rate-heart,.rate-heart__shape{display:block;width:64px;height:56px}.rate-heart__shape{background:hsla(0,0%,7%,.2);-webkit-mask:url(/icons/rate/heart.svg) center/contain no-repeat;mask:url(/icons/rate/heart.svg) center/contain no-repeat;transition:background-color .16s ease}.rate-heart[data-preview=true] .rate-heart__shape{background:hsla(0,0%,7%,.3)}.rate-heart[data-active=true] .rate-heart__shape{background:#ff2d42}.rate-heart[data-active=true][data-preview=true] .rate-heart__shape{background:color-mix(in srgb,#ff2d42 90%,#000)}.rate-rating-error{position:absolute;top:calc(100% + 12px);left:50%;color:#ff2d42;font-family:var(--font-public-pixel),monospace;font-size:8px;line-height:1.2;opacity:0;transform:translateX(-50%);transition:opacity .16s ease;white-space:nowrap}.rate-rating-error[data-visible=true]{opacity:1}.rate-feedback-sections{display:flex;width:100%;justify-content:center;gap:32px}.rate-feedback-section{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.rate-feedback-section h2{font-size:12px;text-transform:uppercase;white-space:nowrap}.rate-feedback-options{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.rate-feedback-options--liked{width:203px}.rate-feedback-options--disliked{width:236px}.rate-feedback-option{display:flex;width:-moz-fit-content;width:fit-content;max-width:100%;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:#111;font-family:var(--font-inter),sans-serif;font-size:16px;font-weight:550;line-height:1.35;letter-spacing:-.24px;text-align:left;white-space:nowrap;opacity:.5;transition:opacity .14s ease}.rate-feedback-option:focus-visible,.rate-feedback-option:hover,.rate-feedback-option[data-active=true]{opacity:1}.rate-feedback-option__icon{display:flex;width:16px;height:16px;flex:0 0 16px;align-items:center}.rate-actions{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;gap:32px}.rate-role{position:relative;display:block;height:51px}.rate-role,.rate-role__card{width:358px}.rate-role__copy{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rate-role__value{color:hsla(0,0%,7%,.5)}.rate-role__value--selected{color:#111}.rate-role select{position:absolute;inset:0;z-index:2;box-sizing:border-box;width:100%;height:100%;border:0;color-scheme:light;cursor:pointer;font-family:var(--font-inter),sans-serif;font-size:16px;opacity:0}.rate-role select option{background:#fff;color:#111}.rate-send{display:inline-block;width:auto;height:51px;padding:0;border:0;background:transparent}.rate-send__card{width:auto}.rate-role,.rate-send{transform:translate(0);filter:drop-shadow(3px 3px 0 #000000);transition:filter .12s steps(1),transform .12s steps(1)}.rate-role:active,.rate-role[data-pressing=true],.rate-send:active,.rate-send[data-pressing=true]{transform:translate(3px,3px);filter:drop-shadow(0 0 0 transparent)}.rate-send:disabled{opacity:.7}.rate-submit-message{position:absolute;top:calc(100% + 14px);left:50%;width:-moz-max-content;width:max-content;max-width:100%;color:hsla(0,0%,7%,.55);font-family:var(--font-inter),sans-serif;font-size:12px;font-weight:450;line-height:1.35;text-align:center;transform:translateX(-50%)}.rate-submit-message[data-state=error]{color:#ff2d42}@media (max-width:700px){.rate-page{min-height:100svh;padding:120px 20px 80px}.rate-form,.rate-form__header,.rate-rating,.rate-success,.rate-success h1{width:100%}.rate-form{gap:60px}.rate-form__header{gap:48px}.rate-hearts{width:min(100%,320px);height:42px}.rate-heart,.rate-heart__shape{width:48px;height:42px}.rate-feedback-sections{flex-direction:column;align-items:flex-start;gap:40px}.rate-feedback-options--disliked,.rate-feedback-options--liked{width:100%}.rate-feedback-option{white-space:normal}.rate-role,.rate-role__card{width:min(100%,358px)}}@media (prefers-reduced-motion:reduce){.rate-success{animation:none}}