.feedback{height:100%}.feedback__screen{display:flex;place-content:center;height:100%}.feedback__screen.hidden{display:none}.feedback__screen__title{position:absolute;top:200px;width:calc(100vw / 18 * 10);line-height:29px}.feedback__screen__btn{position:absolute;bottom:211px}.feedback__screen__btn .button{margin:0 6px}.feedback__screen__content{display:flex;place-content:center;flex-wrap:wrap}.feedback__screen__content--keyboard-section{flex-direction:column;width:480px}.feedback__screen__content__bloc{position:relative;margin-bottom:16px;width:100%}.feedback__thumb-button{display:inline-flex;margin:0 20px;padding:32px 34px 32px 36px;height:128px;width:128px;border:0;border-radius:128px;background-color:#20df20;overflow:hidden;outline:none;animation:scale-up .25s cubic-bezier(.4,0,.2,1);animation-fill-mode:both;animation-delay:.15s}.feedback__thumb-button--negative{padding:33px 40px 31px 30px;background-color:#e61a3c;animation-delay:.1s}.feedback__suggestions{width:calc(100vw / 18 * 14);text-align:center}.feedback__suggestion{flex-shrink:0;margin:8px 12px;outline:none;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),border .25s cubic-bezier(.4,0,.2,1);animation:scale-up2 .25s cubic-bezier(.4,0,.2,1);animation-fill-mode:both}.feedback__suggestion:nth-child(1){animation-delay:.05s}.feedback__suggestion:nth-child(2){animation-delay:.1s}.feedback__suggestion:nth-child(3){animation-delay:.15s}.feedback__suggestion:nth-child(4){animation-delay:.2s}.feedback__suggestion:nth-child(5){animation-delay:.25s}.feedback__suggestion:nth-child(6){animation-delay:.3s}.feedback__suggestion:nth-child(7){animation-delay:.35s}.feedback__suggestion:nth-child(8){animation-delay:.4s}.feedback__suggestion:nth-child(9){animation-delay:.45s}.feedback__suggestion:nth-child(10){animation-delay:.5s}.feedback__suggestion.active{background-color:var(--color-primary);border:1px solid var(--color-primary)}.feedback__done{display:inline-flex;place-content:center;place-items:center;margin:0 20px;height:160px;width:160px;border:0;border-radius:128px;background-color:#52e552;overflow:hidden;outline:none}.feedback__done.hidden,.feedback .loader.hidden{display:none}@keyframes scale-up{0%{opacity:0;transform:scale(.6)}40%{opacity:1}to{transform:scale(1)}}@keyframes scale-up2{0%{opacity:0;transform:scale(.8)}40%{opacity:1}to{transform:scale(1)}}