@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";html{height:var(--app-height);width:100%}body{height:var(--app-height);width:100%;font-family:Rubik,sans-serif}*{padding:0;margin:0;box-sizing:border-box}#root{height:100%;width:100%}.wrapper{width:100%;max-width:768px;margin:0 auto;padding:0 16px 50px;height:100%;display:flex;flex-direction:column;gap:20px}.image{width:100%;height:auto;margin:0 auto;max-height:calc(100% - 400px);object-fit:contain;aspect-ratio:343/240}.image-icon{margin:40px auto 0;display:flex;align-items:center;justify-content:center;height:80px;width:80px;border-radius:50%;background:var(--Gradient-1, linear-gradient(135deg, #a375ff .31%, #830ad2 100.31%))}.text{color:var(--Black, #0b0d0e);font-family:Rubik;font-size:24px;font-style:normal;font-weight:600;line-height:32px;text-align:center}.small-text{margin:0 auto;max-width:400px;display:flex;flex-direction:column;gap:10px}.small-text span{color:#00000096;font-family:Rubik;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.line{display:flex;width:100%;max-width:100%;overflow-x:hidden;justify-content:center;gap:24px;padding:0 20px}.button{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s}.button svg{width:32px;height:32px}.button_like{background:#03c3171a}.button_like:hover{background:#00ff1e4d}.button_dislike{background:#ce463d1a}.button_dislike:hover{background:#ff11004d}.thanks{font-size:20px;font-weight:600;color:#8f0cc7;text-align:center;transition:opacity .3s ease}.visible{opacity:1;pointer-events:all}.invisible{opacity:0;pointer-events:none}.loader{margin:40px auto;border:4px solid rgba(0,0,0,.1);border-top-color:#8f0cc7;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.flex-frow-block{flex-grow:1;display:flex;flex-direction:column}.back-button{background:#6c35d2;color:var(--White, #FFF);text-align:center;font-family:Rubik;font-size:14px;font-style:normal;font-weight:700;line-height:15px;padding:20px 60px;text-decoration:none;transition:background .3s ease;width:100%;max-width:400px;margin:0 auto;outline:none;border:none}.back-button:hover{background:#6414f9}.help-us-become-better{width:100%;max-width:400px;margin:0 auto 24px;color:#000;font-family:Rubik;font-size:16px;font-style:normal;font-weight:700;line-height:150%}.text-area-wrapper{width:100%;max-width:400px;position:relative;margin:16px auto 0;flex-grow:1}.text-area{resize:none;width:100%;height:100%;min-height:120px;border-radius:8px;border:1px solid #ddd;padding:12px;font-family:Rubik}.symbols-amount{position:absolute;right:8px;bottom:4px;color:#9a9a9a;font-family:Rubik;font-size:12px;font-style:normal;font-weight:400;line-height:150%}.no-thanks-button{color:#8f8f8f;text-align:center;font-family:Rubik;font-size:14px;font-style:normal;font-weight:700;line-height:15px;transition:color .3s ease}@media (max-width: 768px){.wrapper{padding-bottom:16px}}.no-thanks-button:hover{color:#626262}.form-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;font-family:var(--font-rubik, sans-serif);padding:2rem 1rem}.form-wrapper .title{font-size:28px;font-weight:700;line-height:36px;color:#171717;margin-bottom:4px}.form-wrapper .subtitle{font-size:14px;color:#637282;max-width:600px;margin-bottom:1rem}.form-wrapper .subtitle a{color:#8f0cc7;text-decoration:underline}.form-wrapper .quick-note{font-size:14px;color:#637282;margin-bottom:20px}.form-wrapper .form{display:flex;flex-direction:column;gap:10px;width:100%;max-width:400px;margin-bottom:20px}.form-wrapper .input,.form-wrapper .select,.form-wrapper .textarea{border:1px solid #ccc;border-radius:10px;padding:12px 15px;font-size:14px;outline:none;transition:border-color .3s ease}.form-wrapper .input:focus,.form-wrapper .select:focus,.form-wrapper .textarea:focus{border-color:#8f0cc7}.form-wrapper .textarea{resize:none;min-height:100px}.form-wrapper .button{width:100%;margin-top:16px;background-color:#8f0cc7;color:#fff;border:none;border-radius:10px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .3s ease;height:52px}.form-wrapper .button:disabled{opacity:.5;cursor:not-allowed}.form-wrapper .button:hover:not(:disabled){opacity:.8}.form-wrapper .error-input{border-color:red!important}.form-wrapper .error-text{font-size:12px;color:red;text-align:left;margin:-6px 0 6px 4px}