:root .survey{--color-bg-theme:#fff;--color-bg-dent:#f5f6f9;--color-text:#1e1f24;--color-text-tiny:#50525c;--color-bg-selected:linear-gradient(135.92deg,#e8f7ff 0,#edf0ff 98.41%);--color-text-on-primary-light:#4e6ef2;--color-text-error:#f73131;--color-text-minor:#848691;--color-border-theme:linear-gradient(180deg,rgba(216,216,216,.6) 0,rgba(216,216,216,0) 100%);--color-scrollbar-thumb:rgba(30,31,36,.1)}:root .survey.dark{--color-bg-theme:#292b31;--color-bg-dent:rgba(255,255,255,.05);--color-text:rgba(255,255,255,.8);--color-text-tiny:rgba(255,255,255,.8);--color-bg-selected:linear-gradient(89.47deg,rgba(51,102,255,.1) 6.97%,rgba(77,77,255,.1) 97.15%);--color-border-theme:linear-gradient(180deg,rgba(235,254,255,.1) 0,rgba(235,254,255,0) 100%);--color-scrollbar-thumb:rgba(255,255,255,.15)}#survey-container{position:fixed;left:15px;bottom:0;transform:translateY(100%);z-index:99999}.survey{user-select:none;background:var(--color-bg-theme,#fff);color:var(--color-text,#1e1f24);border-radius:15px;box-shadow:0 4px 30px 0 rgba(0,0,0,.15);transition:transform .5s,opacity .3s;opacity:0;position:relative}.survey.show{transform:translateY(-100%) translateY(-20px);opacity:1}.survey .survey-mask{background:var(--color-border-theme,linear-gradient(180deg,rgba(216,216,216,.6) 0,rgba(216,216,216,0) 100%));border-radius:15px;height:100%;padding:1px}.survey .survey-close-icon{position:absolute;width:14px;height:14px;top:12px;right:12px;cursor:pointer}.survey .survey-close-icon img{width:100%;height:100%}.survey .survey-close-icon:hover{opacity:.6}.survey .question-error{color:var(--color-text-error,#f73131);font-size:14px;font-weight:500;line-height:14px;margin-top:14px;transition:all .08s}.survey .survey-content{width:424px;box-sizing:border-box;padding:20px 24px;display:flex;flex-direction:column;border-radius:14px;background:var(--color-bg-theme,#fff)}.survey .question-content{margin-top:16px;transition:height .36s,opacity .16s;max-height:228px;overflow-y:auto;padding-right:13px;width:100%;font-size:14px}.survey .question-content::-webkit-scrollbar{background-color:transparent;width:8px}.survey .question-content::-webkit-scrollbar-thumb{background-color:rgba(30,31,36,.1);border-radius:4px}.survey .fake-content{position:absolute;z-index:-1;visibility:hidden}.survey .question-title{margin-right:18px;font-weight:500;line-height:24px;font-size:14px;transition:all .24s}.survey .question-title .official-tag{display:inline-block;position:relative;bottom:1px;height:14px;line-height:14px;color:#4e6ef2;font-size:11px;padding:0 2px;border:1px solid #4e6ef2;border-radius:3px;margin-right:8px}.survey .question-nps .question-nps-content{display:flex;justify-content:space-between}.survey .question-nps .question-nps-score{user-select:none;cursor:pointer;width:26px;height:26px;border-radius:50%;background:var(--color-bg-dent,#f5f6f9);margin-right:9px;text-align:center;line-height:26px}.survey .question-nps .question-nps-score:last-child{margin-right:0}.survey .question-nps .question-nps-score:hover{color:#4e6ef2}.survey .question-nps .question-nps-score.nps-score-selected{color:#4e6ef2;background:var(--color-bg-selected,linear-gradient(135.92deg,#e8f7ff 0,#edf0ff 98.41%))}.survey .question-nps .nps-score-tip{display:flex;justify-content:space-between}.survey .question-nps .nps-score-tip .nps-score-tip-icon{display:flex;align-items:center;font-size:12px;font-weight:400;color:var(--color-text-minor,#848691);margin-top:12px}.survey .question-nps .nps-score-tip .nps-score-tip-icon img{width:12px;height:12px}.survey .question-nps .nps-score-tip .nps-score-tip-icon img:first-child{margin-right:6px}.survey .question-nps .nps-score-tip .nps-score-tip-icon img:last-child{margin-left:6px}.survey .question-option{display:flex;flex-flow:wrap}.survey .question-option.equal-option{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 16px}.survey .question-option.auto-option{display:flex;flex-flow:wrap;gap:12px 16px}.survey .question-option.auto-option .question-option-item{width:auto}.survey .question-option .question-option-item{color:var(--color-text-tiny,#50525c);background:var(--color-bg-dent,#f5f6f9);cursor:pointer;padding:10px 12px;height:16px;line-height:16px;border-radius:18px;text-align:center}.survey .question-option .question-option-item:hover{color:#4e6ef2}.survey .question-option .question-option-item.question-option-item-selected{color:#4e6ef2;background:var(--color-bg-selected,linear-gradient(135.92deg,#e8f7ff 0,#edf0ff 98.41%));font-weight:500}.survey .question-button{width:100%;height:40px;background:linear-gradient(91.3deg,#36f 26.55%,#4d4dff 78.71%);display:flex;outline:0;border:0;justify-content:center;align-items:center;border-radius:20px;margin-top:20px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all 160ms}.survey .question-button:hover{opacity:.8}.survey .question-button:focus{outline:0}.survey .question-button:active{opacity:.2}.survey .question-button.question-button-fadeout{opacity:0;height:0;margin:0}.survey .question-fade-out .question-content{opacity:0;overflow:hidden}.survey .question-fade-out .question-error{max-height:0;opacity:0}.survey .question-fade-out .question-title{opacity:0}.survey .question-text-input{position:relative;height:174px;display:flex;justify-content:center;align-items:center;border-radius:15px;background:var(--color-bg-dent,#f5f6f9);padding:12px 6px 38px 12px;box-sizing:border-box}.survey .question-text-input textarea{overscroll-behavior:none;width:100%;height:100%;background-color:transparent;resize:none;outline:0;border:0;font-size:14px;font-weight:400;line-height:24px;padding-right:10px;color:var(--color-text,#1e1f24)}.survey .question-text-input textarea::placeholder{color:var(--color-text-minor,#848691);font-size:14px;font-weight:400}.survey .question-text-input .question-text-footer{position:absolute;display:flex;justify-content:center;align-items:center;color:var(--color-text-minor,#848691);right:12px;bottom:12px;font-size:14px}.survey .question-text-input .question-text-word-count{display:flex}.survey .question-text-input .question-text-clear{display:inline-block;margin-left:12px;cursor:pointer}.survey .text-error{color:var(--color-text-error,#f73131)}.survey .questionnaire{display:flex}.survey .questionnaire.question-button{margin:0}.survey .questionnaire img{width:16px;height:16px;margin-right:6px}.survey .survey-scrollbar::-webkit-scrollbar{background-color:transparent;width:8px}.survey .survey-scrollbar::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb,rgba(30,31,36,.1));border-radius:4px}