')}@media screen and (max-width:399px){.resource-image{width:60px;float:right;margin:0 0 20px 20px}}@media screen and (min-width:400px){.resource-image{width:160px;margin-right:20px}}.resource-image div{background:#fff;position:relative;z-index:10;border:2px solid #788080}.resource-image a{display:block;width:100%;padding-bottom:90%;height:0;background-position:50%;background-size:cover}.resource-image img,.resource-image svg{display:block;width:100%;border:3px solid #fff}.resource-contents{flex:1 1}.resource-title{margin-bottom:0}.sponsor-title{font-size:1.1rem}.resource-author{margin-bottom:5px}.resource-description{font-size:.9rem}.sponsor-description p{margin-bottom:0}.resource-play{margin-left:10px}@media screen and (max-width:399px){.resource-play{display:none}}.resource-play a{display:block;height:70px;width:70px}.resource-play svg{width:100%;fill:#e1e1e1}.resource-play a:hover svg{fill:#fe6a6a}.resources-sponsored{color:#788080;font-size:.7rem;text-align:center;font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif;font-weight:600}.Sponsors{background:#2e2e2e;padding:30px;margin-top:60px}.Sponsors__Heading{text-align:center;margin-bottom:20px}.Sponsors__Items{display:flex;justify-content:center;align-items:center}@media screen and (max-width:999px){.Sponsors__Items{flex-direction:column}}.Sponsors__Item{width:150px}@media screen and (max-width:999px){.Sponsors__Item{margin-bottom:20px}}@media screen and (min-width:1000px){.Sponsors__Item{margin-right:60px}}.Sponsors__Item:last-child{margin:0}.Sponsors__Item a,.Sponsors__Item img,.Sponsors__Item svg{display:block;width:100%}.Sponsors__Support{font-size:.9rem;text-align:center;display:block;margin-top:10px;font-weight:300}.Sponsors__Support,.Sponsors__Support:link,.Sponsors__Support:visited{color:#788080}.pagetitle__wrapper{border-top:1px solid #4d4f4f;border-bottom:1px solid #4d4f4f;z-index:0}.pagetitle{font-size:1.3rem}.pagetitle__inner{text-align:center;z-index:10;position:relative;display:grid;grid-template-columns:1fr auto 1fr}@media screen and (max-width:999px){.pagetitle__wrapper--top .pagetitle__inner{grid-template-columns:1fr 50px 1fr}}.pagetitle__wrapper--title .pagetitle__inner{padding:20px;background:#212424}.pagination__link{padding:20px;display:block;font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif;font-weight:600;white-space:nowrap;border-right:1px solid #4d4f4f}@media screen and (max-width:999px){.pagination__link{font-size:.7rem;overflow:hidden;text-overflow:ellipsis}}@media screen and (min-width:1000px){.pagination__link{font-size:1rem}}.pagination__link:hover{background:hsla(0,0%,100%,.1)}.pagination__middle{display:flex;justify-content:center;align-items:center}span+.pagination__middle{border-left:1px solid #4d4f4f}@media screen and (max-width:999px){.pagination__link__label{display:inline-block}}@media screen and (min-width:1000px){.pagetitle__wrapper--title .pagination__link__label{display:none}}@media screen and (min-width:400px){.pagination__link__label--short{display:none}}@media screen and (max-width:399px){.pagination__link__label--full,.pagination__link__symbol{display:none}}.pagination__previous{text-align:left}.pagination__next{border:none;text-align:right}.pagetitle__wrapper--bottom span+.pagination__next,span+span+.pagination__next{border-left:1px solid #4d4f4f}@media screen and (max-width:999px){.PageTitle__Sidebar__Toggle{padding:0 10px;height:100%;display:flex;justify-content:center;align-items:center;border-right:1px solid #4d4f4f}span+.PageTitle__Sidebar__Toggle{border-left:1px solid #4d4f4f}}@media screen and (min-width:1000px){.PageTitle__Sidebar__Toggle{display:none}}.Sidebar__Toggle{border:none;background:#212424;padding:0;display:block;cursor:pointer}.Sidebar__Toggle svg{display:block;width:100%;height:auto;stroke:#41c7c7}@media screen and (min-width:1000px){.Sidebar__Toggle{display:none}}.Hamburger{fill:#fff;stroke:#fff}.Newsletter form{margin:0}@media screen and (min-width:400px){.Newsletter form{display:flex}}.Block--Newsletter{border:1px solid #4d4f4f;padding:30px}.Block--Newsletter .newsletter{margin-bottom:0}.Block--Newsletter .block__title{font-size:1.1rem}.Block--Newsletter .block__contents{font-size:1rem}.Newsletter__Email{font-weight:300;display:block;padding:10px;border:none;margin-right:10px;flex-grow:1;width:100%;max-width:300px}@media screen and (max-width:399px){.Newsletter__Email{margin-bottom:10px}}.Newsletter__Email:focus{outline:none;border-color:#fe6a6a}.Newsletter--loading .Newsletter__Email{background:#dadada}.Newsletter__Button{min-width:140px;display:block}@media screen and (max-width:399px){.Newsletter__Button{width:100%}}.Newsletter__Hidden{display:none}.Newsletter__Error{border:1px solid #fe6a6a;padding:20px;color:#fe6a6a;margin-bottom:20px}.Newsletter__Success{border:1px solid #788080;padding:20px}.Newsletter__Heading{margin-bottom:10px}.Newsletter__Description{margin-bottom:20px}.block--newsletter--home{text-align:center;border:1px solid #788080;padding:30px}@media screen and (min-width:1000px){.block--newsletter--home{margin-left:250px;margin-right:250px}}.block--newsletter--home .newsletter{max-width:none;margin:0}.block--newsletter--home .block__title{border-bottom:none;padding:0;margin-bottom:5px}.footer{text-align:center;font-size:1rem}.PeriodicTableElement_Frame{stroke-width:1px;stroke:#646a6a;fill:#212424}.PeriodicTableElement_Frame--chart{cursor:pointer}.PeriodicTableElement_Frame--chart:hover{stroke:#eee}.PeriodicTableElement_Shadow{fill:rgba(0,0,0,.35)}.PeriodicTableElement_Number{position:absolute;opacity:.6;pointer-events:none;fill:#fff}.PeriodicTableElement_Symbol{font-weight:600;pointer-events:none;color:#41c7c7}.PeriodicTableElement_Label{opacity:.6;fill:#fff;pointer-events:none}.ToolPairing__HeatMapChart__PeriodicElement .PeriodicTableElement_Frame{stroke:#212424}.ToolPairing__HeatMapChart__PeriodicElement .PeriodicTableElement_Symbol{fill:rgba(0,0,0,.7)}.ToolPairing__HeatMapChart__PeriodicElement .PeriodicTableElement_Label,.ToolPairing__HeatMapChart__PeriodicElement .PeriodicTableElement_Number{fill:#212424}@media screen and (min-width:400px){.ToolHeader{display:flex}}.ToolHeader .PeriodicTableElementHtml{width:100%}.ToolHeader__Element svg{display:block}@media screen and (max-width:399px){.ToolHeader__Element{max-width:150px;margin:0 auto 5px}}@media screen and (min-width:400px){.ToolHeader__Element{flex-shrink:1;flex-basis:120px;margin-right:20px}}.PageHeader{margin-bottom:40px}.PageHeader__Header,.ToolHeader__Header{display:flex;justify-content:space-between}.PageHeader__Title,.ToolHeader__Title{margin:0;padding:0;align-items:baseline}@media screen and (max-width:399px){.PageHeader__Title,.ToolHeader__Title{font-size:1.3rem}}@media screen and (min-width:400px) and (max-width:999px){.PageHeader__Title,.ToolHeader__Title{font-size:1.5rem}}@media screen and (min-width:1000px){.PageHeader__Title,.ToolHeader__Title{font-size:2rem}}@media screen and (max-width:399px){.ToolHeader__Title{display:none}}.ToolHeader__Content{flex:1 1}.ToolHeader__Links{display:flex;align-items:center;margin-top:10px}.ToolHeader__Link{margin-right:10px}@media screen and (max-width:999px){.ToolHeader__Stars{display:none}}.Home__Wrapper{height:100vh;display:grid;grid-template-rows:1fr auto}.LogoAnimation__Wrapper{height:100%;width:100%;position:relative}.LogoAnimation__Wrapper--simple{top:0;left:0;z-index:1000;position:fixed;pointer-events:none}.LogoAnimation__Inner{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:center;align-items:center}.LogoAnimation{width:100%}.LogoAnimation__Element--At .PeriodicTableElement_Symbol,.LogoAnimation__Element--E .PeriodicTableElement_Symbol,.LogoAnimation__Element--Of .PeriodicTableElement_Symbol,.LogoAnimation__Element--St .PeriodicTableElement_Symbol{fill:#e1e1e1}.LogoAnimation__Element--Ja .PeriodicTableElement_Symbol,.LogoAnimation__Element--Pt .PeriodicTableElement_Symbol,.LogoAnimation__Element--Ri .PeriodicTableElement_Symbol,.LogoAnimation__Element--Sc .PeriodicTableElement_Symbol,.LogoAnimation__Element--Va .PeriodicTableElement_Symbol{fill:#41c7c7}.LogoAnimation__Element--18 .PeriodicTableElement_Symbol,.LogoAnimation__Element--20 .PeriodicTableElement_Symbol{fill:#fe6a6a}.LogoAnimation__Button{height:100%;display:flex;justify-content:center;align-items:center}@media screen and (max-width:399px){.LogoAnimation__Button{font-size:1.6rem}}@media screen and (min-width:400px) and (max-width:999px){.LogoAnimation__Button{font-size:1.8rem}}@media screen and (min-width:1000px){.LogoAnimation__Button{font-size:2rem}}.LogoAnimation__Language{color:#e1e1e1;text-align:center}@-webkit-keyframes glow-soft{0%{box-shadow:0 1px 1px 1px rgba(65,199,199,.1)}50%{box-shadow:0 1px 20px 1px rgba(65,199,199,.4)}to{box-shadow:0 1px 1px 1px rgba(65,199,199,.1)}}@keyframes glow-soft{0%{box-shadow:0 1px 1px 1px rgba(65,199,199,.1)}50%{box-shadow:0 1px 20px 1px rgba(65,199,199,.4)}to{box-shadow:0 1px 1px 1px rgba(65,199,199,.1)}}@-webkit-keyframes glow{0%{box-shadow:0 1px 2px 1px rgba(254,255,106,.5)}50%{box-shadow:0 1px 30px 2px rgba(254,255,106,.9)}to{box-shadow:0 1px 2px 1px rgba(254,255,106,.5)}}@keyframes glow{0%{box-shadow:0 1px 2px 1px rgba(254,255,106,.5)}50%{box-shadow:0 1px 30px 2px rgba(254,255,106,.9)}to{box-shadow:0 1px 2px 1px rgba(254,255,106,.5)}}@-webkit-keyframes burst{0%{box-shadow:0 0 0 0 rgba(254,106,106,0)}50%{box-shadow:0 0 30px 30px rgba(254,255,106,.9)}to{box-shadow:0 0 60px 60px rgba(254,106,106,0)}}@keyframes burst{0%{box-shadow:0 0 0 0 rgba(254,106,106,0)}50%{box-shadow:0 0 30px 30px rgba(254,255,106,.9)}to{box-shadow:0 0 60px 60px rgba(254,106,106,0)}}@media screen and (min-width:1000px){.Awards__Block{margin:80px 60px 60px;display:grid;grid-template-columns:1fr 1fr;-webkit-column-gap:160px;column-gap:160px;row-gap:60px}}.Award{text-align:center;display:flex;flex-direction:column;align-items:center}@media screen and (max-width:999px){.Award{margin-bottom:60px}}.Award__Heading{margin-bottom:5px;font-size:1.5rem}.Award__Description{margin-bottom:20px;font-size:.9rem;color:#8c8c8c}.Award__Element__Container{position:relative;height:150px;width:150px;-webkit-perspective:800px;perspective:800px;margin-bottom:20px}.Award__Element{cursor:pointer;margin-bottom:20px;position:absolute;height:100%;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275);transition:transform .8s cubic-bezier(.175,.885,.32,1.275);transition:transform .8s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .8s cubic-bezier(.175,.885,.32,1.275);-webkit-transform:rotateY(0deg) scale(.75);transform:rotateY(0deg) scale(.75)}.Award__Element svg{display:block}.Award--hide .Award__Element{-webkit-animation-name:glow-soft;animation-name:glow-soft;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}.Award--hide .Award__Element:hover{-webkit-animation-name:glow;animation-name:glow;-webkit-animation-duration:1.2s;animation-duration:1.2s}.Award--show .Award__Element{-webkit-animation-name:burst;animation-name:burst;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.Award--show .Award__Element,.capture .Award__Element{cursor:default;-webkit-transform:rotateY(540deg) scale(1);transform:rotateY(540deg) scale(1)}.Award__Element__Face{position:absolute;height:100%;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.Award__Element__Face--back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.Award__Element__Face--front .PeriodicTableElement_Symbol{fill:#e1e1e1}.Award__Comment{transition:opacity .5s ease-in .5s;display:flex;flex-direction:column;align-items:center}.Award__Comment p{margin-bottom:10px}.Award--hide .Award__Comment{opacity:0}.Award--show .Award__Comment,.capture .Award__Comment{opacity:1}.Award__Share{margin-bottom:20px}.Awards__RunnerUps__Heading{transition:opacity .5s ease-in 1s;opacity:0;margin-bottom:0}.Award--show .Awards__RunnerUps__Heading,.capture .Awards__RunnerUps__Heading{opacity:1}.Awards__RunnerUps__Item{opacity:0;font-size:.9rem}.Award--show .Awards__RunnerUps__Item,.capture .Awards__RunnerUps__Item{opacity:1}.Awards__RunnerUps__Item--0{transition:opacity .3s ease-in 1.5s}.Awards__RunnerUps__Item--1{transition:opacity .3s ease-in 1.8s}.pagetitle .LanguageSwitcher{border-right:1px solid #4d4f4f}@media screen and (max-width:999px){.pagetitle .LanguageSwitcher{display:none}}@media screen and (min-width:1000px){.nav .LanguageSwitcher{display:none}}.Home__Wrapper .LanguageSwitcher{padding:10px 20px}.LanguageSwitcher__Inner{position:relative}.LanguageSwitcher__Toggle{display:flex;justify-content:center;align-items:center;font-size:1rem;cursor:pointer}.LanguageSwitcher__Toggle span{display:block;margin-right:5px}.LanguageSwitcher__Toggle svg{display:block;width:12px;position:relative}.LanguageSwitcher__Toggle svg polygon{fill:#e1e1e1}.pagetitle .LanguageSwitcher--open .LanguageSwitcher__Toggle{background:hsla(0,0%,100%,.1)}.pagetitle .LanguageSwitcher__Toggle{padding:20px}.nav .LanguageSwitcher__Toggle{margin-bottom:10px}.LanguageSwitcher__Options{position:absolute;width:100%;max-width:300px;border:1px solid #788080;background:#212424;padding:20px}@media screen and (min-width:1000px){.LanguageSwitcher__Options{width:300px;left:50%;margin-left:-150px}}.LanguageSwitcher__Options:after,.LanguageSwitcher__Options:before{left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.LanguageSwitcher__Options:after{border-color:rgba(136,183,213,0);border-width:10px;margin-left:-10px}.LanguageSwitcher__Options:before{border-color:rgba(194,225,245,0);border-width:11px;margin-left:-11px}.LanguageSwitcher--bottom .LanguageSwitcher__Options{top:130%}.LanguageSwitcher--bottom .LanguageSwitcher__Options:after,.LanguageSwitcher--bottom .LanguageSwitcher__Options:before{bottom:100%}.LanguageSwitcher--bottom .LanguageSwitcher__Options:after{border-bottom-color:#212424}.LanguageSwitcher--bottom .LanguageSwitcher__Options:before{border-bottom-color:#788080}.LanguageSwitcher--top .LanguageSwitcher__Options{bottom:160%}.LanguageSwitcher--top .LanguageSwitcher__Options:after,.LanguageSwitcher--top .LanguageSwitcher__Options:before{top:100%}.LanguageSwitcher--top .LanguageSwitcher__Options:after{border-top-color:#212424}.LanguageSwitcher--top .LanguageSwitcher__Options:before{border-top-color:#788080}.Locales{display:grid;grid-template-columns:auto auto;grid-column-gap:20px;grid-row-gap:20px}.Locales__Item{text-align:center;font-weight:300}@media screen and (max-width:999px){.Locales__Item{font-size:.8rem}}@media screen and (min-width:1000px){.Locales__Item{font-size:1rem}}.Locales__Item--current{font-weight:600}.chart-wrapper{font-size:1rem}.chart-wrapper g.xsmall{font-size:.6rem}.chart-wrapper g.small{font-size:.7rem}.chart-wrapper g.medium{font-size:.8rem}.chart--bar,.chart-wrapper g.large,.chart-wrapper g.xlarge{font-size:1rem}@media screen and (max-width:399px){.block__contents{overflow-x:scroll;background:hsla(0,0%,100%,.5)}}@media screen and (max-width:399px){.block__contents__inner{padding:0 20px 20px;min-width:800px}}.PieRow{display:flex;align-items:center;margin-bottom:10px}.PieRow svg{margin-right:15px}.Help{font-size:13px;color:#6f8183;margin-bottom:20px;padding-left:15px}.Help svg{color:#9688e4;display:inline-block;vertical-align:text-bottom}.user-facts-placeholder{display:flex;justify-content:center;align-items:center;border:1px dotted #788080;min-height:400px}.user-facts-placeholder h3{margin:0}.results-chart-wrapper{padding:0 60px}.results-chart-wrapper text{font-size:.8rem}.block--numberoflibs img{display:block;width:100%}@media screen and (max-width:399px){.block--othersbubble .chart-wrapper{height:300px}}@media screen and (min-width:400px){.block--othersbubble .chart-wrapper{height:600px}}.block--connections .chart-wrapper{margin-top:20px}@media screen and (min-width:1000px){.OverTime__Chart,.Overview__Chart{display:grid;grid-template-columns:auto 210px;-webkit-column-gap:30px;column-gap:30px}}.OverTime__Chart__SwitchContainer{height:40px}@media screen and (max-width:999px){.OverTime__Chart__SwitchContainer{margin-top:20px;height:auto}}.Overview__Chart__SwitchContainer{height:60px;display:flex;align-items:center}@media screen and (max-width:999px){.Overview__Chart__SwitchContainer{margin-top:20px;height:auto}}.Chart__Container__Outer{position:relative}@media screen and (max-width:999px){.Chart__Container{overflow-x:scroll}}.Chart__Container svg{display:block}@media screen and (max-width:999px){.Chart__Container__Inner{min-width:600px;padding-bottom:20px}}@media screen and (max-width:999px){.Chart__Container__Indicator{position:absolute;display:flex;justify-content:center;align-items:center;top:0;bottom:0;width:20px;z-index:100}.Chart__Container__Indicator svg{display:block;stroke:#e1e1e1;opacity:.2;overflow:visible}.Chart__Container__Indicator--left{left:10px}.Chart__Container__Indicator--right{right:10px}}@media screen and (min-width:1000px){.Chart__Container__Indicator{display:none}}@media screen and (max-width:999px){.Overview__Chart .Legends{margin-top:20px}}@media screen and (min-width:1000px){.Overview__Chart .Legends{margin-top:40px}}.OpinionSelector{-webkit-appearance:none;-moz-appearance:none;background:transparent;color:#41c7c7;border:none;border-bottom:1px dashed #41c7c7;border-radius:0}.OpinionSelector:focus{outline:transparent;border-bottom-style:solid}.SalaryPerCountry__Chart,.ToolsUsageByCountry__Chart{height:500px}.Bar__Chart>div>div>svg{overflow:visible;box-sizing:content-box;border-bottom:180px solid transparent;position:relative;z-index:1}#text_editors .Bar__Chart>div>div>svg{border-bottom:none}.Bar__Tick{z-index:1000}.Bar__Tooltip__Wrapper{overflow:visible;display:none;z-index:1000}.Bar__Tick:hover .Bar__Tooltip__Wrapper{display:block}.Bar__Tick__Label{fill:#e1e1e1;font-size:.8rem;cursor:default}.Bar__Tick__Label--hoverable{cursor:pointer;font-weight:600;fill:#41c7c7}.Tooltip{z-index:1000}.ToolPairing__HeatMapChart{display:grid;align-items:center;font-size:1rem}.ToolPairing__HeatMapChart__Section{grid-column-start:1;font-weight:600}@media screen and (min-width:1000px){.Reasons__Chart__Unit--mobile{display:none}}@media screen and (max-width:999px){.Reasons__Chart__Unit--desktop{display:none}}.tool-over-time-no-data{font-style:italic;border:1px solid #4d4f4f;color:#8c8c8c}@media screen and (max-width:399px){.tool-over-time-no-data{padding:20px}}@media screen and (min-width:400px){.tool-over-time-no-data{padding:30px}}.ToolsSubAggsHeatMapChart{display:grid;align-items:center}.ToolPairing__HeatMapChart__Section,.ToolsSubAggsHeatMapChart__Heading{font-size:14px;height:100%;display:flex;align-items:center;border-top:1px dashed #4d4f4f}.ToolPairing__HeatMapChart__Section:last-of-type{border-bottom:1px dashed #4d4f4f}.ToolsSubAggsHeatMapChart__AverageHeading{font-size:14px;font-weight:600;height:100%;display:flex;align-items:center;border-top:1px dashed #4d4f4f}.ToolsSubAggsHeatMapChart__AverageCell{height:100%;position:relative;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border-right:1px solid #788080;border-bottom:1px solid #788080;color:#41c7c7}.ToolsSubAggsHeatMapChart__AverageCell--first{border-left:1px solid #788080}.ToolsSubAggsHeatMapChart__AverageCell--lowest:before{bottom:10px;border-top:5px solid #41c7c7}.ToolsSubAggsHeatMapChart__AverageCell--highest:before,.ToolsSubAggsHeatMapChart__AverageCell--lowest:before{content:"";position:absolute;left:calc(50% - 5px);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent}.ToolsSubAggsHeatMapChart__AverageCell--highest:before{top:11px;border-bottom:5px solid #41c7c7}.ToolsSubAggsHeatMapChart__Cell{height:100%;display:flex;align-items:center;justify-content:flex-end;font-size:12px;color:#212424;border-left:1px solid #212424;padding:0 10px}.ToolsSubAggsHeatMapChart__Cell--first{border-left:0}.Filters{display:inline-flex;border:1px solid #777;height:32px;border-radius:1px;overflow:hidden;font-size:14px;margin-bottom:20px;line-height:1em}.Filters__item{white-space:pre;line-height:30px;flex:1 1;text-align:center;cursor:pointer;border-left:1px solid #777;padding:0 15px}.Filters__item:first-child{border-left-width:0}.Filters__item--active{background:#f9fbf9;color:#1f2d2e}.Filters--experience .Filters__item--active:nth-child(2){background:#feffdb}.Filters--experience .Filters__item--active:nth-child(3){background:#e3e3ff}.Legends{font-size:12px;display:grid;grid-gap:20px}@media screen and (max-width:999px){.Legends{grid-template-columns:1fr 1fr}}@media screen and (min-width:1000px){.Legends{grid-template-columns:1fr 1fr 1fr}}.Legends--horizontal{display:grid;grid-column-gap:20px;margin:20px 0}.Legends--vertical{display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width:399px){.Legends--vertical{margin-top:20px;border:1px solid #4d4f4f;padding:20px}}.Legends--withFrame{border:1px dashed #cecece;border-radius:3px;padding:20px}.Legends--horizontal.Legends--withFrame{padding:20px 30px}.Legends--vertical.Legends--withFrame{padding:20px}.Legends__Item{display:flex;align-items:center;cursor:pointer;flex:1 1}.Legends__Item:hover{background:hsla(0,0%,100%,.15)}.Legends__Item__Chip{display:block;margin-right:12px;flex-shrink:0}@media screen and (min-width:400px){.Quadrants__Block__Content{display:flex}}@media screen and (min-width:400px){.Quadrants__Block__Chart{flex:0 0 55%}}.Quadrants__Chart svg{display:block;margin-top:-20px}.Quadrants__Chart__QuadrantLabel{font-size:1.1rem;letter-spacing:4px;font-weight:300;text-transform:uppercase}.Quadrants__Chart__TickLabel{font-size:.7rem}.Quadrants__Chart__Legend{padding:40px 0 0}.Quadrants__Chart__Legend__Title{text-align:center;display:none}.Quadrants__Chart__Legend__Items{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:0;border-top:1px solid #4d4f4f;border-left:1px solid #4d4f4f;height:83%}.Quadrants__Chart__Legend__Item{border-bottom:1px solid #4d4f4f;border-right:1px solid #4d4f4f}@media screen and (max-width:399px){.Quadrants__Chart__Legend__Item{padding:10px;font-size:.7rem}}@media screen and (min-width:400px){.Quadrants__Chart__Legend__Item{padding:20px;font-size:.8rem}}.Quadrants__Chart__Legend__Item strong{text-transform:uppercase}.Quadrants__Chart__Value{letter-spacing:.2em}.Quadrants__Chart__Label{font-size:.8rem;font-weight:300}.Quadrants__Chart .PeriodicTableElement{overflow:visible!important}.Quadrants__Chart .PeriodicTableElement_Frame{stroke:#fff;fill:#2e2e2e}.Quadrants__Chart__PeriodicTableElement--collision .PeriodicTableElement_Container{transition:all .3s cubic-bezier(.87,-.41,.19,1.44)}.Quadrants__Chart__PeriodicTableElement--collision:hover .PeriodicTableElement_Container{-webkit-transform:translateX(var(--dx)) translateY(var(--dy));transform:translateX(var(--dx)) translateY(var(--dy))}.happiness__wrapper{position:relative}@media screen and (max-width:399px){.happiness__wrapper{padding:60px 20px}}@media screen and (min-width:400px){.happiness__wrapper{padding:60px}}.happiness{position:relative;font-size:1rem}.happiness__levels{display:flex;justify-content:center;align-items:center;justify-content:space-between;position:relative;border-bottom:1px solid #788080}.happiness__item{position:relative}.happiness__item:after{position:absolute;display:block;content:" ";border-left:1px solid #788080;height:50px;width:1px;top:-25px}@media screen and (max-width:399px){.happiness__item .happiness__item__label{display:none}.happiness__item:first-child .happiness__item__label{left:-20px;display:block;text-align:left}.happiness__item:last-child .happiness__item__label{right:-20px;display:block;text-align:right}}.happiness__item__index{position:absolute;top:30px;width:100px;left:-50px;text-align:center;font-family:IBM Plex Mono,Space Grotesk,Roboto Slab,sans-serif;font-weight:600}.happiness__item__label{position:absolute;top:-60px;white-space:nowrap;width:100px;right:-50px;text-align:center}.happiness__meter{position:absolute;background:#fe6a6a;height:10px;top:-5px;left:0}.happiness__target{position:absolute;top:-25px;right:-30px;border:7px solid #fe6a6a;height:60px;width:60px;background:#212424;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600}.happiness__target h4{margin:0}.capture .pagelayout__inner{display:block}.capture .Sidebar{display:none!important}.capture .Overview__Chart__SwitchContainer{display:none}.capture .Awards__Block{display:block}.capture .Award{width:1000px;height:500px;justify-content:center}.capture .Quadrants__Block .Block__Description{margin-bottom:0}.capture .Quadrants__Chart__Legend{padding-top:60px}.capture .Quadrants__Chart__Legend__Item{font-size:1rem}.capture #connections{width:1000px;height:500px}.capture #participation-by-country{width:1128px}.capture #salaries{width:648px}.capture #salary-per-country{width:1128px}.capture #gender-breakdown{width:892px}.capture #overview{width:988px}.capture #results-over-time{width:728px}.capture #dislikes,.capture #likes{width:1168px}.capture #quadrants{width:1458px}.capture #tool-pairing{width:880px}.capture #tool-usage-by-country{width:1428}.capture #tools-salary-range{width:1140px}.capture #tools-company-size{width:1216px}.capture #tools-years-of-experience{width:1124px}.capture #happiness{width:808px}.capture #other_languages{width:1408px}.capture #browser_apis{width:928px}.capture #build_tools{width:1088px}.capture #utility_libraries{width:768px}.capture #text_editors{width:1164px}.capture #opinion-building_js_apps_overly_complex,.capture #opinion-enjoy_building_js_apps,.capture #opinion-js_ecosystem_changing_to_fast,.capture #opinion-js_moving_in_right_direction,.capture #opinion-js_over_used_online,.capture #opinion-survey_too_long,.capture #opinion-would_like_js_to_be_main_lang{width:728px}.capture.PageLayout--javascript-flavors #other-tools{width:1068px}.capture.PageLayout--front-end-frameworks #other-tools{width:1054px;height:1054px}.capture.PageLayout--data-layer #other-tools{width:1068px}.capture.PageLayout--back-end-frameworks #other-tools{width:1054px;height:1054px}.capture.PageLayout--testing #other-tools{width:1308px}.capture.PageLayout--mobile-and-desktop #other-tools{width:908px}.mosaic{display:grid;grid-template-columns:repeat(15,1fr)}.mosaic__image{height:50px;overflow:hidden}.mosaic__image img{display:block;width:100%}