.sidenav{z-index:1021!important}.swal2-title{font-size:18px!important}.item-survey img{height:200px;object-fit:cover}.item-survey p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (min-device-width:680px){.question .decision .options{flex:0 0 75%}}.question .decision{align-items:center;display:flex;justify-content:center;margin:30px 0 15px}.question .decision .options{align-items:center;display:flex;flex:0 0 95%;justify-content:space-between;margin:0 15px}.question .decision.mobile{align-items:center;display:flex;flex:0 0 95%;justify-content:space-between;margin:10px;font-size:.75rem}.question .decision .options.w50,.question .decision.w50{flex:0 0 50%}.question .decision .options.w70,.question .decision.w70{flex:0 0 70%}.question .decision .options.w80,.question .decision.w80{flex:0 0 85%}.question .decision .caption.agree{color:green}.question .decision .caption.disagree{color:red}.question .decision .caption.negral{color:gray}.question .decision .options .option.max-half{flex:0 0 45px;height:45px;max-width:45px}.question .decision .options .option.max{flex:0 0 40px;height:40px;max-width:40px}.question .decision .options .option.med-half{flex:0 0 35px;height:35px;max-width:35px}.question .decision .options .option.med{flex:0 0 30px;height:30px;max-width:30px}.decision .options .option.min{flex:0 0 25px;height:25px;max-width:25px}.decision .options .option.min-small{flex:0 0 20px!important;height:20px!important;max-width:20px!important}.question .decision .options .option.neutral{border:2px solid #9b9faa;flex:0 0 20px;height:20px;max-width:20px}.question .decision .options .option.agree{border:2px solid #56ac8a}.question .decision .options .option.disagree{border:2px solid #5f394d}.decision .options .option{align-items:center;border-radius:50%;cursor:pointer;display:flex;justify-content:center;transition:all .1s ease-in-out}.question.inactive{opacity:.2}.question .decision .options .option.agree.active,.question .decision .options .option.agree:hover,.question .decision .options .option.disagree.active,.question .decision .options .option.disagree:hover,.question .decision .options .option.neutral.active,.question .decision .options .option.neutral:hover{background-color:#82d616;border:2px solid #98ec2d}.question .decision .options .option span{color:transparent}.question .decision .options .option.max.active span{font-size:1em}.question .decision .options .option.med.active span{font-size:.8em}.question .decision .options .option.min.active span{font-size:.6em}.question .decision .options .option.min-small.active span{font-size:.5em}.question .decision .options .option.neutral.active span{font-size:.5em}.question .decision .options .option.active span{color:#fff;font-size:1em}.survey-btn a{text-transform:none}.option-img{position:relative}.imgbgchk:checked+label>.tick_container{opacity:1}.imgbgchk+label>img{transition:.5s ease}.imgbgchk:checked+label>img{transform:scale(1.05);opacity:.3;transition:.5s ease}.tick_container{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);cursor:pointer;text-align:center}.tick{background-color:#4caf50;color:#fff;font-size:16px;padding:6px 12px;height:40px;width:40px;border-radius:100%}.mbti-profile-img{background-size:contain;background-repeat:no-repeat;background-position:center center}.mbti-personality-desc{min-height:130px}@keyframes growProgressBar{0%,33%{--pgPercentage:0}100%{--pgPercentage:var(--value)}}@property --pgPercentage{syntax:'<number>';inherits:false;initial-value:0}div[role=progressbarx]{--size:25vw;--fg:#369;--bg:#def;--pgPercentage:var(--value);animation:growProgressBar 3s 1 forwards;width:var(--size);height:var(--size);max-width:150px;max-height:150px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(closest-side,#fff 90%,transparent 0 99.9%,#fff 0),conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%),var(--bg) 0);font-size:1.3em;color:var(--fg)}div[role=progressbar].bg-primary{background:radial-gradient(closest-side,#cb0c9f 90%,transparent 0 99.9%,#fff 0),conic-gradient(#ff6fdd calc(var(--pgPercentage) * 1%),var(--bg) 0);color:#fff}div[role=progressbar].bg-info{background:radial-gradient(closest-side,#17c1e8 90%,transparent 0 99.9%,#fff 0),conic-gradient(#4993dd calc(var(--pgPercentage) * 1%),var(--bg) 0)}div[role=progressbar].bg-success{background:radial-gradient(closest-side,#82d616 90%,transparent 0 99.9%,#fff 0),conic-gradient(#72ad24 calc(var(--pgPercentage) * 1%),var(--bg) 0)}div[role=progressbar].bg-warning{background:radial-gradient(closest-side,#f53939 90%,transparent 0 99.9%,#fff 0),conic-gradient(#fc6b6b calc(var(--pgPercentage) * 1%),var(--bg) 0);color:#fff}.mbti-personality-info{background-color:rgba(25,25,25,.1)}div[role=progressbar]::after{counter-reset:percentage var(--value);content:counter(percentage) '%';margin-bottom:20px}.progress{height:7px}.alert{color:#fff}.gauge{position:relative;background:var(--gauge-bg);border:.05em solid #222;border-radius:50%;font-weight:700;font-size:34px;width:10em;height:10em}@media screen and (max-width:768px){.gauge{width:60vw;height:60vw}}.gauge .ticks{position:absolute;width:100%;height:100%;top:0;left:0}.gauge .ticks .min{background:#000;position:relative;left:0;top:50%;width:100%;height:1%;margin-bottom:-1%;background:linear-gradient(90deg,rgba(2,0,36,0) 0,rgba(0,0,0,0) 4%,#000 4%,#000 15%,rgba(0,0,0,0) 15%);transform:rotate(-45deg)}.gauge .ticks .mid{background:#000;position:relative;left:0;top:50%;width:100%;height:1%;margin-bottom:-1%;background:linear-gradient(90deg,rgba(2,0,36,0) 0,rgba(0,0,0,0) 4%,#000 4%,#000 15%,rgba(0,0,0,0) 15%);transform:rotate(90deg)}.gauge .ticks .max{background:#000;position:relative;left:0;top:50%;width:100%;height:1%;margin-bottom:-1%;background:linear-gradient(90deg,rgba(2,0,36,0) 0,rgba(0,0,0,0) 4%,#000 4%,#000 15%,rgba(0,0,0,0) 15%);transform:rotate(225deg)}.gauge .ticks .tithe{transform:rotate(calc(27deg * var(--gauge-tithe-tick) - 45deg));background:#000;position:relative;left:0;top:50%;width:100%;height:1%;margin-bottom:-1%;background:linear-gradient(90deg,rgba(2,0,36,0) 0,rgba(0,0,0,0) 10%,#000 10%,#000 15%,rgba(0,0,0,0) 15%)}.gauge .tick-circle{position:absolute;top:15%;left:15%;width:calc(70%);height:calc(70%);border-left:.1em solid;border-top:.1em solid;border-right:.1em solid;border-bottom:.1em solid transparent;border-radius:50%}.gauge .needle{transform:rotate(calc(270deg * calc(var(--gauge-value,0deg)/ 100) - 45deg));background:#000;position:relative;left:0;top:49%;width:100%;height:4%;margin-bottom:-4%;background:linear-gradient(90deg,rgba(2,0,36,0) 0,rgba(0,0,0,0) 24%,#000 24%,#000 30%,rgba(0,0,0,0) 50%)}.gauge .needle .needle-head{position:relative;top:15%;left:22.5%;width:2.7%;height:70%;background-color:#000;transform:rotate(-45deg)}.gauge .labels{position:absolute;width:100%;height:100%}.gauge .labels .value-label{position:relative;top:75%}.guide-x,.guide-y{background-color:orange;visibility:visible;position:absolute;left:50%;top:0;width:1px;height:100%}.guide-y{left:0;top:50%;width:100%;height:1px}.main-wrapper{text-align:center;position:relative;margin-top:-110px;right:-100px}.cBadge{position:relative;width:4em;height:6.2em;border-radius:10px;display:inline-block;top:0;transition:all .2s ease}.cBadge:after,.cBadge:before{position:absolute;width:inherit;height:inherit;border-radius:inherit;background:inherit;content:"";top:0;left:0;right:0;bottom:0;margin:auto}.cBadge:before{transform:rotate(60deg)}.cBadge:after{transform:rotate(-60deg)}.cBadge:hover{top:-4px}.cBadge .circle{width:60px;height:60px;position:absolute;background:#fff;z-index:10;border-radius:50%;top:0;left:0;right:0;bottom:0;margin:auto}.cBadge .circle i.fa{font-size:2em;margin-top:12px}.cBadge .font{display:inline-block;margin-top:1em}.cBadge .ribbon{position:absolute;border-radius:4px;padding:5px 5px 4px;width:100px;z-index:11;color:#fff;bottom:12px;left:50%;margin-left:-50px;height:30px;font-size:14px;box-shadow:0 1px 2px rgba(0,0,0,.27);text-shadow:0 2px 2px rgba(0,0,0,.1);text-transform:uppercase;background:linear-gradient(to bottom right,#555 0,#333 100%);cursor:default;bottom:5px}.orange{background:linear-gradient(to bottom right,#ffc107 0,#f57c00 100%);color:#f68401}