.feedback-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:1rem 1rem 1.8rem;position:relative;z-index:1}.feedback-container header{width:100%;display:flex;align-items:center;justify-content:center;margin-top:1.5em;margin-bottom:1em;gap:1.5em}.feedback-container header svg{width:1em;height:1em;fill:var(--redish)}.feedback-container header svg:nth-child(1){rotate:15deg}.feedback-container header svg:nth-child(2){rotate:-15deg;transform:scaleX(-1)}.feedback-container .feedback-wrapper{position:absolute;inset:0;transform:translate(200%);width:100%;height:auto;min-height:100%;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;gap:1rem;padding:inherit;padding-top:55px;transition:.5s transform ease;overflow-y:auto}.feedback-container .feedback-wrapper>*{flex-shrink:0}.feedback-container .feedback-wrapper input{display:none}.feedback-container .feedback-wrapper .critic-picker{width:clamp(0px,100%,200px);height:2.5em;display:flex;align-items:center;justify-content:space-between;border:3px solid var(--thirty-percent);background-color:var(--thirty-percent);border-radius:100vmax;cursor:pointer;overflow:hidden;position:relative;z-index:1}.feedback-container .feedback-wrapper .critic-picker .picker{display:flex;align-items:center;justify-content:center;width:50%;height:100%}.feedback-container .feedback-wrapper .critic-picker:before{content:"";position:absolute;width:50%;height:100%;top:0;right:0;background-color:var(--popup-warning-color);border-radius:100vmax;z-index:-1;transition:.2s ease}.feedback-container .feedback-wrapper .critic-picker.active:before{background-color:var(--alert-error);transform:translate(-100%)}.feedback-container .feedback-wrapper textarea{border:1px solid var(--border-color);resize:none;font-size:16px;height:240px;background-color:var(--thirty-percent);background-image:var(--dark-linear);border-radius:2rem;width:clamp(0px,100%,750px);padding:1.2em;line-height:1.8em}.feedback-container .feedback-wrapper .upload-area{display:flex;align-items:center;justify-content:center;width:clamp(0px,100%,750px);padding:1.5rem 1rem;border:1px solid var(--accent-color);border-style:dashed;border-radius:2rem;margin-bottom:1rem;position:relative;z-index:1}.feedback-container .feedback-wrapper .upload-area.uploader{cursor:pointer}.feedback-container .feedback-wrapper .upload-area.filled{padding:0;flex-direction:column;gap:1rem;border:none}.feedback-container .feedback-wrapper .upload-area.filled svg{color:var(--alert-error)}.feedback-container .feedback-wrapper .upload-area .label{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:1rem;opacity:.7;min-height:150px;text-align:center}.feedback-container .feedback-wrapper .upload-area .label svg{width:50px;height:50px}.feedback-container .feedback-wrapper .upload-area .label .holder{font-family:iranLight}.feedback-container .feedback-wrapper .upload-area img{height:300px;max-width:100%;object-fit:contain;border-radius:.8rem;box-shadow:#6c6c6c2e 0 1px 15px}.feedback-container .feedback-wrapper .submit-cta{padding:.7em;border-radius:100vmax;width:clamp(0px,100%,400px);background-color:var(--addon-percent);color:#fff;box-shadow:#15862d66 0 7px 29px;transition:opacity .2s ease,filter .2s ease,.5s box-shadow ease}.feedback-container .feedback-wrapper .submit-cta:disabled{cursor:not-allowed;opacity:.8;filter:blur(1px)}.feedback-container .feedback-wrapper .submit-cta:not(:disabled):hover{box-shadow:#15862d00 0 7px 29px}.feedback-container .pick-action{display:flex;align-items:center;justify-content:center;width:100%;height:100%;gap:calc(2rem + 1vw);transition:.5s ease}@media screen and (max-width:1200px){.feedback-container .pick-action{flex-direction:column}}.feedback-container .pick-action .pick-btn{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;height:140px;width:clamp(0px,100%,350px);border-radius:2rem;padding:1rem 1.5rem;background-color:var(--sixty-percent);background-image:var(--dark-linear);transition:.5s ease}.feedback-container .pick-action .pick-btn .img-wrapper{aspect-ratio:1;height:100%;display:flex;align-items:center;justify-content:center;transform:translate(-25%) translateY(-15%) scale(1.5) rotate(-10deg)}.feedback-container .pick-action .pick-btn .img-wrapper img{width:100%;height:100%;object-fit:contain;transform-origin:center 110px;transition:.2s ease}.feedback-container .pick-action .pick-btn .titles-wrapper{display:flex;flex-direction:column;align-items:flex-start;text-align:right}.feedback-container .pick-action .pick-btn .titles-wrapper .main-title{line-height:2em}.feedback-container .pick-action .pick-btn .titles-wrapper .sub{font-family:iranLight;opacity:.8;text-wrap:pretty}.feedback-container .pick-action .pick-btn.red{border:2px solid #e20338;box-shadow:#ff162280 0 1px 15px}.feedback-container .pick-action .pick-btn.green{border:2px solid rgb(0,220,125);box-shadow:#0be72c80 0 1px 15px}.feedback-container .status-wrapper,.feedback-container .loading-stat{margin:auto;height:max(50vh,300px);width:clamp(0px,100%,700px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:2rem 1rem;border-radius:2rem;background-color:var(--thirty-percent);background-image:var(--dark-linear)}.feedback-container .status-wrapper img,.feedback-container .loading-stat img{width:130px;height:130px;object-fit:contain}.feedback-container .status-wrapper .description,.feedback-container .loading-stat .description{margin-top:-.5rem;opacity:.8}.feedback-container .loading-stat{background-color:var(--thirty-percent)}.feedback-container .loading-stat img{animation:loading-bounce .5s alternate infinite}.feedback-container .status-wrapper.error{border:2px solid #e20338;box-shadow:#ff162280 0 1px 15px}.feedback-container .status-wrapper.success{border:2px solid rgb(0,220,125);box-shadow:#0be72c80 0 1px 15px}.feedback-container .status-wrapper img{transform-origin:bottom center;transform:scale(0);animation:pop-up .5s forwards cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-up{0%{transform:scale(0)}to{transform:scale(1)}}.feedback-container .feedback-read-cmp{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--thirty-percent);background-image:var(--dark-linear);border-radius:2rem;padding:2rem 1rem;min-height:200px;width:clamp(0px,100%,500px)}.feedback-container .feedback-read-cmp.loading-elem-cmp{background-color:var(--loading-bg)}.feedback-container .feedback-read-cmp .status-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.feedback-container .feedback-read-cmp .status-icon .verify{--bg: grey;--opacity: 1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.8rem;position:relative;z-index:1}.feedback-container .feedback-read-cmp .status-icon .verify:before{content:"";position:absolute;inset:0;width:100%;height:100%;opacity:var(--opacity);background-color:var(--bg);border-radius:100vmax;z-index:-1}.feedback-container .feedback-read-cmp .status-icon .verify .loading-dots-cmp{scale:.6}.feedback-container .feedback-read-cmp .status-icon .verify .loading-dots-cmp .dot{background-color:#fff}.feedback-container .feedback-read-cmp .status-icon .verify.check{--bg: var(--alert-success);--opacity: .2}.feedback-container .feedback-read-cmp .status-icon .verify.check svg{color:var(--alert-success)}.feedback-container .feedback-read-cmp .status-icon .verify.uncheck{--opacity: .2;--bg: var(--alert-error)}.feedback-container .feedback-read-cmp .status-icon .verify.uncheck svg{color:var(--alert-error)}.feedback-container .feedback-read-cmp .status-icon .verify svg{width:100%;height:100%}.feedback-container .feedback-read-cmp .status-head{margin-block:1.5em}.feedback-container .feedback-read-cmp .feedback-infos{display:flex;align-items:center;justify-content:center;gap:.5rem}.feedback-container .feedback-read-cmp .feedback-text{padding-top:1rem;width:100%;--max-lines: 5;text-align:right;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--max-lines);overflow:hidden;line-height:1.8em}.feedback-container .new-feedback-cta{margin-top:1rem;flex-shrink:0;border-radius:100vmax;background-color:var(--alert-info);scale:.9}.feedback-container.active .feedback-wrapper{transform:translate(0)}.feedback-container.active .pick-action{transform:translate(-200%)}