main.qs-cp{background-color:#f2f3f4;padding-bottom:60px;margin-bottom:130px;position:relative}main.qs-cp:before{content:"";position:absolute;left:0;right:0;bottom:-60px;height:100px;background-color:#f2f3f4;transform:skewY(3deg);z-index:1}main.qs-cp:after{content:"";position:absolute;left:70%;right:0;bottom:-150px;height:100px;background-color:#fff;transform:skewY(-20deg);z-index:1}main.qs-cp .hero{text-align:center;background-color:#88619a;position:relative;padding:30px 15px 60px;margin-bottom:90px}main.qs-cp .hero:after{content:"";position:absolute;left:0;right:0;bottom:-70px;height:160px;background-color:#88619a;transform:skewY(-4deg);z-index:1}main.qs-cp .hero h1{font-size:2.1em;letter-spacing:unset;color:#fff;padding:0 30px}main.qs-cp .hero img{width:100%;max-width:1200px;margin-bottom:-85px;position:relative;z-index:2}main.qs-cp .switches{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #dddfe2;width:100%;max-width:1400px;margin:0 auto}main.qs-cp .switches .switch{display:flex;align-items:center;justify-content:center;text-align:center;color:rgb(var(--rgb-gray-10));border-bottom:5px solid transparent;font-family:var(--font-family-titles);font-weight:var(--font-titles-weight);font-size:var(--font-h7-size-bp-sm);line-height:var(--font-h7-line-height-bp-sm);letter-spacing:var(--font-h7-spacing-bp-sm);padding:15px;flex-grow:1;align-self:stretch;width:50%;max-width:400px}main.qs-cp .switches .switch:hover{cursor:pointer;border-color:#4298b4;color:#343c4b}main.qs-cp .switches .switch.active{border-color:#4298b4;color:#343c4b}main.qs-cp .google-visualization-tooltip{width:auto!important;height:auto!important;background-color:#576071;color:#fff;border-radius:5px;border-color:#576071;padding:5px 10px;pointer-events:none}main.qs-cp .google-visualization-tooltip *{color:#fff!important}main.qs-cp .google-visualization-tooltip ul li:first-of-type span{font-family:var(--font-family-titles)!important;font-size:1.2em!important;font-weight:var(--font-titles-weight)}main.qs-cp .google-visualization-tooltip ul li div{font-family:var(--font-family-text)!important;font-size:14px!important;line-height:1.7}main.qs-cp .google-visualization-tooltip .google-visualization-tooltip-item>div{width:100%!important}main.qs-cp .section{width:100%;max-width:1400px;margin:0 auto 120px}main.qs-cp .section .filter-wrapper{margin-bottom:30px;display:flex;align-items:center;justify-content:center;flex-direction:column}main.qs-cp .section .filter-wrapper .menu{margin-bottom:60px}main.qs-cp .section h2{font-size:1.2em;text-align:center;margin-bottom:30px;margin-top:30px}main.qs-cp .section.country{padding:0 15px}main.qs-cp .section.country>.sp-autofill{margin:30px 0}main.qs-cp .section.country>.sp-autofill .group__options{flex:1}main.qs-cp .section.country>.sp-autofill .group__options .select__wrapper .sp-listbox{z-index:2}main.qs-cp .section.country .country-individual section.map{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;background-color:#fff;border-radius:10px;padding-top:15px;margin-bottom:15px}main.qs-cp .section.country .country-individual section.map .map-wrapper{flex-grow:1;display:flex;align-items:center;justify-content:center}main.qs-cp .section.country .country-individual section.map .map-wrapper .map{border-radius:10px;overflow:hidden}main.qs-cp .section.country .country-individual section.map .info-panel{padding:15px;font-size:.9em}main.qs-cp .section.country .country-individual section.map .info-panel .demographics{margin-bottom:15px}main.qs-cp .section.country .country-individual section.map .info-panel .demographics .label{font-weight:var(--font-text-bold-weight)}main.qs-cp .section.country .country-individual section.map .info-panel .demographics .number{color:rgb(var(--rgb-gray-10))}main.qs-cp .section.country .country-individual section.map .info-panel .comparison{color:rgb(var(--rgb-gray-10))}main.qs-cp .section.country .country-individual section.map .info-panel .comparison p{margin-bottom:15px}main.qs-cp .section.country .country-individual section.map .info-panel .comparison .points{list-style:none;padding:0}main.qs-cp .section.country .country-individual section.map .info-panel .comparison .point{margin-bottom:15px}main.qs-cp .section.country .country-individual section.map .info-panel .filter-label{font-weight:var(--font-label-weight);margin:30px 0 5px;border-top:1px solid #dddfe2;padding-top:15px;color:#343c4b}main.qs-cp .section.country .country-individual section.types-and-roles .panel .title,main.qs-cp .section.country .country-individual section.comparisons .chart-wrapper .title{width:100%;margin-top:0;font-size:.9em;padding-bottom:15px;margin-bottom:15px}main.qs-cp .section.country .country-individual section.types-and-roles{display:flex;justify-content:space-between;flex-direction:column;margin:15px 0}main.qs-cp .section.country .country-individual section.types-and-roles .panel{padding:15px;background-color:#fff;border-radius:10px;margin-bottom:15px}main.qs-cp .section.country .country-individual section.types-and-roles .panel.types{padding-bottom:5px}main.qs-cp .section.country .country-individual section.types-and-roles .panel.roles{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}main.qs-cp .section.country .country-individual section.types-and-roles .panel.roles #country-roles{margin-bottom:20px}main.qs-cp .section.country .country-individual section.types-and-roles .panel.strategies{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}main.qs-cp .section.country .country-individual section.types-and-roles .panel.strategies #country-strategies{margin-bottom:20px}main.qs-cp .section.country .country-individual section.types-and-roles .panel.strategies .legend{flex-wrap:wrap;width:100%}main.qs-cp .section.country .country-individual section.types-and-roles .panel.strategies .legend .item.confident:before{background-color:#369496}main.qs-cp .section.country .country-individual section.types-and-roles .panel.strategies .legend .item.constant:before{background-color:#99c26d}main.qs-cp .section.country .country-individual section.types-and-roles .panel.strategies .legend .item.people:before{background-color:#96637c}main.qs-cp .section.country .country-individual section.types-and-roles .panel.strategies .legend .item.social{padding-inline-end:0}main.qs-cp .section.country .country-individual section.types-and-roles .panel.strategies .legend .item.social:before{background-color:#b58b00}main.qs-cp .section.country .country-individual section.types-and-roles .panel .title{border-bottom:1px solid #dddfe2}main.qs-cp .section.country .country-individual section.types-and-roles .panel .legend{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-size:.8em}main.qs-cp .section.country .country-individual section.types-and-roles .panel .legend .item{line-height:1.5;position:relative;padding:0 15px}main.qs-cp .section.country .country-individual section.types-and-roles .panel .legend .item:before{content:"";position:absolute;inset-inline-start:0;top:calc(50% - 5px);height:10px;width:10px;border-radius:50%}main.qs-cp .section.country .country-individual section.types-and-roles .panel .legend .item.analysts:before{background-color:#583f64}main.qs-cp .section.country .country-individual section.types-and-roles .panel .legend .item.diplomats:before{background-color:#728d56}main.qs-cp .section.country .country-individual section.types-and-roles .panel .legend .item.sentinels:before{background-color:#4298b4}main.qs-cp .section.country .country-individual section.types-and-roles .panel .legend .item.explorers:before{background-color:#e4ae3a}main.qs-cp .section.country .country-individual section.comparisons .chart-wrapper{width:100%;background-color:#fff;border-radius:10px;margin-bottom:15px;padding:15px}main.qs-cp .section.country.comparison .country-duo{display:flex;align-items:center;justify-content:space-between;flex-direction:column;background-color:#fff;border-radius:10px;margin-bottom:30px;padding-bottom:5px}main.qs-cp .section.country.comparison .country-duo .country{width:100%;padding:15px 15px 0;font-size:.9em}main.qs-cp .section.country.comparison .country-duo .country .title{text-align:center;margin-top:0;margin-bottom:15px;font-size:1.2em}main.qs-cp .section.country.comparison .country-duo .country .map{border-radius:10px;overflow:hidden;margin-bottom:15px}main.qs-cp .section.country.comparison .country-duo .country .demographics{margin-bottom:10px}main.qs-cp .section.country.comparison .country-duo .country .demographics .label{font-weight:var(--font-label-weight)}main.qs-cp .section.country.comparison .country-duo .country .demographics .number{color:rgb(var(--rgb-gray-10))}main.qs-cp .section.country.comparison .comparison p{padding:30px;background-color:#fff;border-radius:10px}main.qs-cp .section.country.comparison .country-individual section.types-and-roles{margin-bottom:0}main.qs-cp .section.country.comparison .country-individual section.types-and-roles .panel{flex:0 0 calc((100% - 60px) / 3)}main.qs-cp .section.country.comparison .country-individual section.types-and-roles .panel.traits p{margin-bottom:15px;font-size:.9em}main.qs-cp .section.country.comparison .country-individual section.types-and-roles .panel.traits .points{list-style:none;padding:0}main.qs-cp .section.country.comparison .country-individual section.types-and-roles .panel.traits .point{margin-bottom:10px;font-size:.9em}main.qs-cp .map-wrapper.loading{overflow:hidden;position:relative}main.qs-cp .map-wrapper.loading .map{opacity:.2}main.qs-cp .notes{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:5px;padding:30px 15px;margin:0 15px}main.qs-cp .notes .avatar{margin:-90px 0 15px;position:relative;width:90px;height:90px}main.qs-cp .notes .avatar:before{content:"";position:absolute;inset:10px 0 0;clip-path:polygon(56% 0,95% 25%,96% 75%,49% 97%,0 69%,10% 28%);background-color:#576071;z-index:0}main.qs-cp .notes .avatar:after{content:"";position:absolute;inset:10px 0 0;clip-path:polygon(49% 100%,100% 100%,96% 75%,49% 97%,0 69%,0 100%);background-color:#fff;z-index:2}main.qs-cp .notes .avatar img{width:105px;position:relative;margin:-15px 0 0 -15px;z-index:1}main.qs-cp .notes .intro{text-align:center;color:rgb(var(--rgb-gray-10));margin-bottom:35px;padding-bottom:30px;font-size:.9em;max-width:100%;border-bottom:1px solid #dddfe2}main.qs-cp .notes .faq{max-width:100%;margin:0}main.qs-cp .notes .faq .question{margin-bottom:30px;font-size:.9em}main.qs-cp .notes .faq .question:last-of-type{margin-bottom:0}main.qs-cp .notes .faq .question .title{font-weight:var(--font-text-bold-weight);margin-bottom:10px}main.qs-cp .notes .faq .answer{margin-inline-start:0}#footer.footer--vue{position:relative;z-index:1}@media(min-width:450px){main.qs-cp .hero{margin-bottom:100px}main.qs-cp .hero h1{margin-bottom:30px}main.qs-cp .section h2{font-size:1.4em}}@media(min-width:460px){main.qs-cp .hero h1{font-size:2.3em}}@media(min-width:550px){main.qs-cp .section h2{font-size:1.6em}}@media(min-width:600px){main.qs-cp .hero h1{font-size:2.5em}}@media(min-width:650px){main.qs-cp .hero h1{margin-bottom:45px}}@media(min-width:768px){main.qs-cp{padding-bottom:120px}main.qs-cp:after{bottom:-150px;height:120px;transform:skewY(-10deg);left:50%}main.qs-cp .hero{padding:60px 20px;margin-bottom:190px}main.qs-cp .hero:after{bottom:-70px;height:160px}main.qs-cp .hero h1{font-size:3em}main.qs-cp .hero img{margin-bottom:-235px}main.qs-cp .switches{gap:100px}main.qs-cp .switches .switch{line-height:var(--font-h7-line-height-bp-md)}main.qs-cp .section .filter-wrapper{margin:10px 0 20px;flex-direction:row;flex-wrap:wrap}main.qs-cp .section h2{font-size:1.9em}main.qs-cp .section.country .country-individual section.map .info-panel{padding:30px;font-size:1em}main.qs-cp .section.country .country-individual section.types-and-roles .panel .title,main.qs-cp .section.country .country-individual section.comparisons .chart-wrapper .title{font-size:1.2em;padding-bottom:30px;margin-bottom:30px}main.qs-cp .section.country .country-individual section.types-and-roles .panel{padding:30px}main.qs-cp .section.country .country-individual section.types-and-roles .panel.types{padding-bottom:15px}}@media(min-width:992px){main.qs-cp .hero{padding:75px 20px;margin-bottom:190px}main.qs-cp .hero h1{margin-bottom:75px}main.qs-cp .hero img{margin-bottom:-235px}main.qs-cp .google-visualization-tooltip{padding:10px 15px}main.qs-cp .google-visualization-tooltip ul li:first-of-type span{font-size:1.5em!important}main.qs-cp .google-visualization-tooltip ul li div{font-size:16px!important}main.qs-cp .section{margin-bottom:200px}main.qs-cp .section .filter-wrapper{margin:10px 0 45px}main.qs-cp .section h2{margin-top:45px}main.qs-cp .section.country>.sp-autofill{max-width:450px;margin:30px auto 45px}main.qs-cp .section.country .country-individual section.map{align-items:center;justify-content:space-between;flex-direction:row;padding-top:0;margin-bottom:0}main.qs-cp .section.country .country-individual section.map .info-panel{flex:0 0 50%;width:50%;max-width:50%;padding:80px;border-inline-start:1px solid #dddfe2;font-size:1.1em}main.qs-cp .section.country .country-individual section.map .info-panel .demographics{margin-bottom:30px}main.qs-cp .section.country .country-individual section.map .info-panel .comparison p{margin-bottom:30px}main.qs-cp .section.country .country-individual section.map .info-panel .filter-label{margin:60px 0 5px;padding-top:50px}main.qs-cp .section.country .country-individual section.types-and-roles{flex-direction:row;margin:30px 0}main.qs-cp .section.country .country-individual section.types-and-roles .panel{flex:0 0 calc((100% - 30px) / 3);width:calc((100% - 30px) / 3)}main.qs-cp .section.country .country-individual section.types-and-roles .panel .legend .item.explorers{padding-inline-end:0}main.qs-cp .section.country .country-individual section.comparisons .chart-wrapper{margin-bottom:30px;padding:45px 45px 25px}main.qs-cp .section.country.comparison .country-duo{margin-bottom:60px;flex-direction:row;padding-bottom:0}main.qs-cp .section.country.comparison .country-duo .country{width:50%;flex:0 0 50%;max-width:50%;padding:30px 30px 0;font-size:1.1em}main.qs-cp .section.country.comparison .country-duo .country.second{border-inline-start:1px solid #dddfe2}main.qs-cp .section.country.comparison .country-duo .country.second .demographics{text-align:end}main.qs-cp .section.country.comparison .country-duo .country .title{margin-bottom:30px;font-size:1.6em}main.qs-cp .section.country.comparison .country-duo .country .map{margin-bottom:40px}main.qs-cp .section.country.comparison .country-duo .country .demographics:last-of-type{margin-bottom:40px}main.qs-cp .section.country.comparison .country-individual section.types-and-roles{margin-bottom:30px}main.qs-cp .section.country.comparison .country-individual section.types-and-roles .panel.traits p{font-size:1em;margin:30px 0}main.qs-cp .section.country.comparison .country-individual section.types-and-roles .panel.traits .point{font-size:1em;margin-bottom:15px}main.qs-cp .notes{padding:45px 190px}main.qs-cp .notes .avatar{margin:-120px 0 15px;width:120px;height:120px}main.qs-cp .notes .avatar img{width:135px}main.qs-cp .notes .intro{font-size:1em}main.qs-cp .notes .faq .question{font-size:1em}}@media(min-width:1200px){main.qs-cp:after{transform:skewY(-5deg)}main.qs-cp .hero{padding:100px 20px 75px}main.qs-cp .switches .switch{font-size:var(--font-h7-size-bp-lg);line-height:var(--font-h7-line-height-bp-lg)}main.qs-cp .section.country .country-individual section.types-and-roles{margin:30px 0 90px}main.qs-cp .section.country .country-individual section.types-and-roles .panel{margin-bottom:0;flex:0 0 calc((100% - 60px) / 3);width:calc((100% - 60px) / 3)}}@media(min-width:1400px){main.qs-cp .hero{padding:120px 0 200px;margin-bottom:250px}main.qs-cp .hero h1{font-size:3.5em;margin-bottom:20px}main.qs-cp .hero img{margin-bottom:-405px}main.qs-cp .notes{margin:0 auto;width:100%;max-width:1400px}}@media(min-width:1500px){main.qs-cp .section h2{font-size:2em}}@media(min-width:1600px){main.qs-cp .section h2{font-size:2.3em}}@media(min-width:1800px){main.qs-cp:after{bottom:-180px;height:160px}main.qs-cp .hero{margin-bottom:300px}main.qs-cp .section.country{padding:0}}@media(min-width:2400px){main.qs-cp:after{height:170px;transform:skewY(-2deg);bottom:-190px;left:0}}
