@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto";body{margin:0;padding:0;background-image:url(/assets/background-B5dROf0U.png);background-color:var(--background, #f0f2f5);background-size:contain;background-repeat:repeat;background-attachment:fixed;font-family:Roboto,sans-serif}:root{--primary: #0077FF;--primary-hover: #0066DB;--primary-light: #dbeafe;--background: #F2F3F5;--white: #ffffff;--black: #171717;--dark-grey: #666666;--grey: #e0e0e0;--red: #e74c3c;--green: #27ae60;--purple: #8e44ad;--orange: #f39c12;--gradient: linear-gradient(180deg, #00329D 0%, #0077FF 100%);--shadow-light: rgba(0, 0, 0, .25);--small-radius: 7px;--big-radius: 12px;--text-big: 20px;--text-big-medium: 16px;--text-medium: 14px;--text-small: 12px;--title: 24px}.header{position:relative;display:flex;padding:20px;justify-content:flex-end}.logo img{width:100px;height:auto}@media(max-width:1200px){body{background:var(--background)!important;overflow:hidden}body>*:not(style):not(script){display:none!important}body:after{content:"This site is best viewed on desktop!";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10000;font-size:20px;font-weight:500;color:var(--black);text-align:center;background:url(/assets/expressions-CiMHZFhc.gif) no-repeat center top;background-size:120px 120px;padding:140px 30px 20px;width:80%;max-width:400px;line-height:1.5}}.app{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:0 20px}.loading-icon{width:150px}body.loading-container{background-image:none;background-color:var(--white)}.survey-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:960px;position:relative}.prev-btn{display:flex;align-items:center;background:var(--white);border:1px solid var(--black);border-radius:var(--small-radius);padding:7px 7px 7px 16px;cursor:pointer;font-family:inherit;font-size:14px;color:var(--black);transition:all .2s ease;position:fixed;top:26px;z-index:1000;margin:0}.prev-btn:hover:not(:disabled){background-color:var(--white)}.prev-btn:disabled{opacity:.5;cursor:not-allowed}.survey-card{position:relative;display:flex;flex-direction:row;background:var(--white);border-radius:var(--big-radius);box-shadow:0 4px 14px var(--shadow-light);width:110%;min-height:550px;margin-top:50px}.progress-border-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:visible}.progress-rect{fill:none;stroke:url(#gradientStroke);stroke-width:6;transition:stroke-dashoffset .5s ease;vector-effect:non-scaling-stroke}.card-left{flex:0 0 40%;display:flex;align-items:center;justify-content:center;padding:0;border-right:none}.figure-img{max-width:100%;max-height:350px;object-fit:contain}.card-right{flex:1;padding:50px;display:flex;flex-direction:column}.question-container{min-height:70px;display:flex;align-items:center;margin-bottom:32px}.question-text{font-size:var(--text-big);font-weight:500;line-height:1.5;color:var(--black);margin:0;width:100%}.interaction-area{display:flex;flex-direction:row;gap:52px;align-items:flex-start;margin-bottom:34px}.scale-wrapper{flex:1}.scale-options{display:flex;justify-content:space-between;border:2px solid var(--black);border-radius:30px;padding:8px 16px;margin-bottom:10px}.scale-option-label{cursor:pointer;flex:1;display:flex;justify-content:center;align-items:center;position:relative}.scale-option-label input{position:absolute;opacity:0;cursor:pointer}.scale-option-label span{font-size:var(--text-medium);font-weight:600;color:var(--black);width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;transition:color .2s}.scale-option-label input:checked+span{color:var(--primary, var(--primary))}.scale-option-label:hover span{color:var(--primary, var(--primary-hover));opacity:.7}.scale-labels{display:flex;justify-content:space-between;font-size:var(--text-small);font-weight:400;color:var(--black)}.sentiment-container{flex:0 0 14%;display:flex;flex-direction:column;align-items:center;width:60px}#sentimentIcon{width:45px;height:auto;margin-bottom:10px;object-fit:contain}.sentiment-text{font-size:var(--text-small);text-align:center;color:var(--black);font-weight:400}.feedback-textarea{width:100%;height:100px;padding:12px;border:2px solid var(--black);border-radius:var(--small-radius);font-family:inherit;font-size:var(--text-medium);resize:none;margin-bottom:24px;box-sizing:border-box}.feedback-textarea::placeholder{color:var(--black);opacity:.5}.feedback-textarea:focus{outline:none;border-color:var(--primary, var(--primary-hover))}.action-footer{display:flex;justify-content:flex-end;margin-bottom:0}.btn-next{background-color:var(--primary, var(--primary));color:#fff;border:none;border-radius:var(--small-radius);padding:12px 26px;font-family:inherit;font-size:var(--text-medium);font-weight:500;cursor:pointer;transition:background .2s}.btn-next:hover:not(:disabled){background-color:var(--primary-hover, var(--primary-hover))}.btn-next:disabled{background-color:var(--black);opacity:.3;cursor:not-allowed}.skip-container{display:flex;justify-content:left;margin-top:auto}.btn-skip{background:transparent;border:1px solid var(--black);border-radius:var(--small-radius);padding:7px 7px 7px 16px;font-family:inherit;font-size:var(--text-medium);color:var(--black);cursor:pointer;display:flex;align-items:center;gap:4px}.btn-skip:disabled{opacity:.5;cursor:not-allowed}.error-container{background:var(--white);border-radius:12px;box-shadow:0 8px 16px var(--shadow-light);padding:40px;width:100%;max-width:600px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:50px}.thank-you-container{background:var(--white);border-radius:12px;padding:40px;text-align:center;max-width:500px;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 16px var(--shadow-light)}.thank-you-icon{font-size:40px;color:var(--white);background:var(--primary, var(--primary));width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}