.emoji-rating{direction:ltr;margin:0;padding:0;list-style:none;display:flex}.emoji-rating.size-sm{gap:6px}.emoji-rating.size-md{gap:16px}@media (max-width:767px){.emoji-rating.size-md{gap:8px}}.emoji-rating.size-lg{gap:20px}.emoji-face{--normal-bg:#2a2a2e;--normal-shadow:#3a3a40;--normal-mouth:#8a8a94;--normal-eye:#9a9aa4;background:var(--sb,var(--normal-bg));box-shadow:inset 3px -3px 4px var(--sh,var(--normal-shadow));-webkit-tap-highlight-color:transparent;cursor:pointer;border-radius:50%;transition:background .4s,box-shadow .4s,transform .3s;position:relative}.emoji-rating.size-sm .emoji-face{transform:scale(.7)}.emoji-rating.size-md .emoji-face{transform:scale(.85)}.emoji-rating.size-lg .emoji-face{transform:scale(1.3)}.emoji-face .face-inner{width:40px;height:40px;position:relative;transform:perspective(240px)translateZ(4px)}.emoji-face .face-inner svg,.emoji-face .face-inner:before,.emoji-face .face-inner:after{left:var(--l,9px);top:var(--t,13px);width:var(--w,8px);height:var(--h,2px);transform:rotate(var(--r,0deg)) scale(var(--sc,1)) translateZ(0);display:block;position:absolute}.emoji-face .face-inner svg{fill:none;stroke:var(--s);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}.emoji-face .face-inner svg.eye{--s:var(--e,var(--normal-eye));--t:17px;--w:7px;--h:4px}.emoji-face .face-inner svg.eye.right{--l:23px}.emoji-face .face-inner svg.mouth{--s:var(--m,var(--normal-mouth));--l:11px;--t:23px;--w:18px;--h:7px}.emoji-face .face-inner:before,.emoji-face .face-inner:after{content:"";z-index:var(--zi,1);border-radius:var(--br,1px);background:var(--b,var(--e,var(--normal-eye)));transition:background .4s}.emoji-face.angry{--active-bg:#f44;--active-shadow:#c33;--active-mouth:#313036;--active-eye:#313036;--active-blush:#e94f1d;--step-1-rx:-24deg;--step-1-ry:20deg;--step-2-rx:-24deg;--step-2-ry:-20deg}.emoji-face.angry .face-inner:before{--r:20deg}.emoji-face.angry .face-inner:after{--l:23px;--r:-20deg}.emoji-face.angry .face-inner svg.eye{stroke-dasharray:4.55;stroke-dashoffset:8.15px}.emoji-face.angry.active{animation:1s linear emoji-angry}.emoji-face.angry.active .face-inner:before{--middle-y:-2px;--middle-r:22deg;animation:.8s linear forwards emoji-toggle}.emoji-face.angry.active .face-inner:after{--middle-y:1px;--middle-r:-18deg;animation:.8s linear forwards emoji-toggle}.emoji-face.sad{--active-bg:#f93;--active-shadow:#c72;--active-mouth:#f05136;--active-eye:#313036;--active-tear:#76b5e7;--step-1-rx:20deg;--step-1-ry:-12deg;--step-2-rx:-18deg;--step-2-ry:14deg}.emoji-face.sad .face-inner:before,.emoji-face.sad .face-inner:after{--b:var(--active-tear);--sc:0;--w:5px;--h:5px;--t:15px;--br:50%}.emoji-face.sad .face-inner:after{--l:25px}.emoji-face.sad .face-inner svg.eye{--t:16px}.emoji-face.sad .face-inner svg.mouth{--t:24px;stroke-dasharray:9.5;stroke-dashoffset:33.25px}.emoji-face.sad.active .face-inner:before,.emoji-face.sad.active .face-inner:after{animation:.6s linear forwards emoji-tear}.emoji-face.ok{--active-bg:#fc0;--active-shadow:#c90;--active-mouth:#f05136;--active-eye:#313036;--step-1-rx:4deg;--step-1-ry:-22deg;--step-1-rz:6deg;--step-2-rx:4deg;--step-2-ry:22deg;--step-2-rz:-6deg}.emoji-face.ok .face-inner:before{--l:12px;--t:17px;--h:4px;--w:4px;--br:50%;box-shadow:12px 0 0 var(--e,var(--normal-eye))}.emoji-face.ok .face-inner:after{--l:13px;--t:26px;--w:14px;--h:2px;--br:1px;--b:var(--m,var(--normal-mouth))}.emoji-face.ok.active .face-inner:before{--middle-s-y:.35;animation:.2s linear forwards emoji-toggle}.emoji-face.ok.active .face-inner:after{--middle-s-x:.5;animation:.7s linear forwards emoji-toggle}.emoji-face.good{--active-bg:#5b8def;--active-shadow:#3a6fcc;--active-mouth:#313036;--active-eye:#313036;--step-1-rx:-14deg;--step-1-rz:10deg;--step-2-rx:10deg;--step-2-rz:-8deg}.emoji-face.good .face-inner:before{--b:var(--m,var(--normal-mouth));--w:5px;--h:5px;--br:50%;--t:22px;--zi:0;opacity:.5;box-shadow:16px 0 0 var(--b);filter:blur(2px)}.emoji-face.good .face-inner:after{--sc:0}.emoji-face.good .face-inner svg.eye{--t:15px;--sc:-1;stroke-dasharray:4.55;stroke-dashoffset:8.15px}.emoji-face.good .face-inner svg.mouth{--t:22px;--sc:-1;stroke-dasharray:13.3;stroke-dashoffset:23.75px}.emoji-face.good.active .face-inner svg.mouth{--middle-y:1px;--middle-s:-1;animation:.8s linear forwards emoji-toggle}.emoji-face.happy{--active-bg:#00ff94;--active-shadow:#00cc76;--active-mouth:#313036;--active-eye:#313036;--step-1-rx:18deg;--step-1-ry:24deg;--step-2-rx:18deg;--step-2-ry:-24deg}.emoji-face.happy .face-inner:before{--sc:0}.emoji-face.happy .face-inner:after{--b:var(--m,var(--normal-mouth));--l:11px;--t:23px;--w:18px;--h:8px;--br:0 0 8px 8px}.emoji-face.happy .face-inner svg.eye{--t:14px;--sc:-1}.emoji-face.happy.active .face-inner:after{--middle-s-x:.95;--middle-s-y:.75;animation:.8s linear forwards emoji-toggle}.emoji-face.active{--sb:var(--active-bg);--sh:var(--active-shadow);--m:var(--active-mouth);--e:var(--active-eye);box-shadow:inset 3px -3px 4px #ffffff1f,inset -3px 3px 4px #0003}.emoji-face.active .face-inner{animation:.8s linear forwards emoji-shake}.emoji-rating:not(.readonly):not(.has-selection) .emoji-face{cursor:pointer}.emoji-rating:not(.readonly):not(.has-selection) .emoji-face:active{transform:scale(var(--active-press-scale,.925))}.emoji-rating.size-sm:not(.readonly):not(.has-selection) .emoji-face:active{transform:scale(.65)}.emoji-rating.size-lg:not(.readonly):not(.has-selection) .emoji-face:active{transform:scale(1.2)}.emoji-rating:not(.readonly).has-selection .emoji-face:not(.active){opacity:.35;cursor:pointer;transition:opacity .3s,background .4s,box-shadow .4s,transform .3s}.emoji-rating:not(.readonly).has-selection .emoji-face:not(.active):hover{opacity:.7}.emoji-rating:not(.readonly).has-selection .emoji-face:not(.active):active{transform:scale(var(--active-press-scale,.925))}.emoji-rating:not(.readonly).has-selection .emoji-face.active{opacity:1}.emoji-rating.readonly .emoji-face{cursor:default;opacity:.3;transition:opacity .3s}.emoji-rating.readonly .emoji-face.active{opacity:1}.emoji-rating.readonly .emoji-face.active .face-inner{animation:none}.emoji-rating.readonly.size-sm .emoji-face.active{transform:scale(.7)}.emoji-rating.readonly.size-md .emoji-face.active{transform:scale(.85)}.emoji-rating.readonly.size-lg .emoji-face.active{transform:scale(1.3)}.emoji-rating.variant-single{gap:0}.emoji-rating.variant-single .emoji-face:not(.active){display:none}.emoji-rating.variant-single .emoji-face.active{opacity:1}.emoji-rating.variant-single .emoji-face.active .face-inner{animation:none}@keyframes emoji-shake{30%{transform:perspective(240px) rotateX(var(--step-1-rx,0deg)) rotateY(var(--step-1-ry,0deg)) rotateZ(var(--step-1-rz,0deg)) translateZ(10px)}60%{transform:perspective(240px) rotateX(var(--step-2-rx,0deg)) rotateY(var(--step-2-ry,0deg)) rotateZ(var(--step-2-rz,0deg)) translateZ(10px)}to{transform:perspective(240px)translateZ(4px)}}@keyframes emoji-tear{0%{opacity:0;transform:translateY(-2px)scale(0)translateZ(0)}50%{transform:translateY(12px)scale(.6,1.2)translateZ(0)}20%,80%{opacity:1}to{opacity:0;transform:translateY(24px)translate(4px)rotate(-30deg)scale(.7,1.1)translateZ(0)}}@keyframes emoji-toggle{50%{transform:translateY(var(--middle-y,0)) scale(var(--middle-s-x,var(--middle-s,1)), var(--middle-s-y,var(--middle-s,1))) rotate(var(--middle-r,0deg))}}@keyframes emoji-angry{35%{background:#ef5060}45%{box-shadow:inset 3px -3px 4px #ffffff1f,inset -3px 3px 4px #0003,inset 0 8px 10px #b01020}}