:root{--c1:#e24000;--c2:#434878;--c3:#2c897f;--c4:#94aabd;--choro1:#434878;--choro2:#c1c5ea;--choro3:rgba(241, 241, 241, 0.7);--choro4:#e99c7e;--choro5:#e24000;--choroStroke1:#212656;--choroStroke2:#a0a3c8;--choroStroke3:rgba(155, 155, 155, 0.7);--choroStroke4:#c77a5c;--choroStroke5:#c02000;--table-border:#eee;--section-alt:#f4f7f9;--row-alt:#f4f7f9;--text-secondary:#7d7d7d;--off-black:#212529;--primary:var(--c1);--secondary:var(--c2);--font-family-sans-serif:Akkurat-Regular, sans-serif;--body-font:var(--font-family-sans-serif);--body-font-bold:Akkurat-Bold, sans-serif;--body-font-italic:Akkurat-Italic, sans-serif;--heading-font:GT-Eesti-Display-Bold, sans-serif;--heading-font-med:GT-Eesti-Display-Medium, sans-serif;--number-font:Gotham A, Gotham B, GT-Eesti-Display-Bold, sans-serif;font-family:Akkurat-Regular,sans-serif;font-family:var(--body-font);overflow-x:hidden}.intro a,.section a,.column--content a{color:#e24000;color:var(--c1)}.intro__content p,.section p{margin-bottom:1.5em}.column--content{font-size:.8rem}@media(min-width:768px){.column--content{font-size:1rem}}.column--content p{margin-bottom:1.5em}.column--content>h1{text-transform:uppercase}.column--content>h1,.column--content>h2,.column--content>h3,.column--content>h4,.column--content>h5{font-family:GT-Eesti-Display-Bold,sans-serif;font-family:var(--heading-font);color:#e24000;color:var(--c1);margin:3.2rem 0 2.4rem}.page-layout-content .column--content p,.page-layout-content .column--content ul,.page-layout-content .column--content li,.page-layout-downloads .column--content p,.page-layout-downloads .column--content ul{font-size:1.6rem;line-height:1.5;letter-spacing:.006em;font-family:Akkurat-Regular,sans-serif}@media(min-width:768px){.page-layout-content .column--content,.page-layout-downloads .column--content{margin-bottom:5.6rem}.page-layout-content .column--content p,.page-layout-content .column--content ul,.page-layout-downloads .column--content p,.page-layout-downloads .column--content ul{font-size:1.7rem;line-height:1.5;letter-spacing:.006em}.column--content h2{font-size:2.2rem;margin:4rem 0 2.4rem}}@media(min-width:1280px){.page-layout-content .column--content p,.page-layout-content .column--content ul,.page-layout-content .column--content li,.page-layout-downloads .column--content p,.page-layout-downloads .column--content ul{font-size:1.8rem;line-height:1.5;letter-spacing:.01em}.column--content h2{font-size:2.3rem;margin:4rem 0 2.4rem}}.column--content p,.column--content ul{font-size:2em;line-height:1.5;letter-spacing:.01em}.column--content ul{list-style:disc;padding:0 0 0 16px}.column--content blockquote{font-size:1.6rem;line-height:1.5;letter-spacing:.006em;margin-bottom:16px;padding:0 0 0 16px;border-left:5px solid #e8e8e8}.column--content ul li{padding:4px 8px}.spinner-border{color:#434878;color:var(--c2)}.layout{display:flex;justify-content:center;max-width:1200px;margin:auto;padding:24px;width:100%}.layout>.column--content{max-width:100%;width:100%}@media(min-width:680px){.layout>.column--content{max-width:640px}}.layout>.column--content p:last-child{margin-bottom:0}@media(min-width:768px){.layout{padding:24px}}.breakout{margin:0;position:relative;padding:0;left:calc(-1 * (100vw - 100%)/2);width:100vw}@media(min-width:768px){.breakout{padding:0 24px}.breakout.breakout--table .table{border:3px solid #eee;border:3px solid var(--table-border);box-shadow:0 0 0 4px #fff}.breakout__content{max-width:800px;margin:auto}}@media(min-width:1024px){.breakout__content{max-width:890px;margin:auto}}.overline{position:relative;padding-top:16px}.overline:before{content:"";position:absolute;top:0;height:5px;width:100%;left:0;background:#434878;background:var(--c2)}.tooltip .tooltip-inner{font-size:1.2rem;text-align:left;padding:.8rem 1.2rem}.arrow{position:relative}.arrow.down:before,.arrow.up:before{content:"";position:absolute;width:.5em;height:.59em;display:block;top:50%;left:0;margin-top:-.25em;background-size:100%;background-repeat:no-repeat;background-position:50%}.arrow.down:before{background-image:url(/img/arrow--down.svg)}.arrow.up:before{background-image:url(/img/arrow--up.svg)}.callout{position:relative;border-left:.5rem solid #e24000;border-left:.5rem solid var(--c1);background:#f4f7f9;background:var(--section-alt);padding:1.6rem 2.4rem}.section:nth-child(2n) .callout{background:#fff}.callout .callout__heading,.callout h3{font-family:GT-Eesti-Display-Bold,sans-serif;font-family:var(--heading-font);font-size:1.8em;color:#e24000;color:var(--c1);margin-bottom:.8em;text-transform:uppercase}.button-group{display:flex;align-items:stretch;justify-content:stretch;margin:auto;width:auto;flex-direction:column}.button-group .toggle{position:relative;z-index:1;background:0 0;line-height:1;padding:12px;border:1px solid #c6cccf;border-radius:0;text-transform:uppercase;font-family:GT-Eesti-Display-Bold,sans-serif;font-family:var(--heading-font);font-style:normal;font-weight:400;font-size:14px;line-height:142%;color:#7d7d7d;color:var(--text-secondary);text-align:center;letter-spacing:.01em;margin-top:-1px}.button-group .toggle:first-child{border-radius:2.5px 2.5px 0 0;margin-right:0}.button-group .toggle:last-child{border-radius:0 0 2.5px 2.5px}@media(min-width:600px){.button-group{flex-direction:row;align-items:center;justify-content:center}.visual__toggle .button-group{position:relative;top:8px}.button-group .toggle{margin-top:0;margin-right:-1px}.button-group .toggle:first-child{border-radius:2.5px 0 0 2.5px;margin-right:-1px}.button-group .toggle:last-child{border-radius:0 2.5px 2.5px 0;margin-right:0}}.button-group .toggle:hover,.button-group .toggle:focus{text-decoration:underline;color:#434878;color:var(--c2);outline-color:#e24000;outline-color:var(--c1)}.button-group .toggle.toggle--active{border-color:#e24000;border-color:var(--c1);color:#e24000;color:var(--c1);z-index:2}.table{position:relative;margin-bottom:24px;background:#fff;border-collapse:separate;font-size:1rem;overflow-x:auto;overflow-y:visible;table-layout:fixed;width:100%}@media(min-width:768px){.table{table-layout:fixed}}@media(max-width:420px){.table__head .table__cell span:first-child{display:none}}.table .table__head th,.table .table__body td{border:none;padding:8px;vertical-align:middle}.table .table__head .table__cell--name,.table .table__body .table__cell--name{padding-left:24px;width:35.8%}.table .table__body .table__cell--name{padding-right:0}.table .table__body .table__cell--name>div{display:flex;align-items:center;flex-wrap:nowrap}.table .table__body .table__cell--name span{overflow:hidden;text-overflow:ellipsis;font-size:1.8rem}.table .table__head .table__cell--number,.table .table__body .table__cell--number{padding-right:20px;width:19.6%}@media(min-width:768px){.table .table__head .table__cell--name,.table .table__body .table__cell--name{width:36%}.table .table__head .table__cell--number,.table .table__body .table__cell--number{width:14rem}.table .table__head .table__cell--visual,.table .table__body .table__cell--visual{width:9rem;overflow:visible;z-index:11}.table .table__head .table__cell--button,.table .table__body .table__cell--button{width:14rem}}.table .table__head th{border-bottom:2px solid #eee;border-bottom:2px solid var(--table-border);background:#fff}.table__row:nth-child(2n){background-color:#f4f7f9;background-color:var(--row-alt)}.table__body .table__row:hover{cursor:pointer;background:rgba(226,64,0,.1)}@media(min-width:768px){.table .table__head th,.table .table__body td{padding:16px}}.table__head{text-transform:uppercase;color:#7d7d7d;color:var(--text-secondary);font-family:GT-Eesti-Display-Bold,sans-serif;font-family:var(--heading-font);font-size:1.2em;text-align:left}.table__head th{position:sticky;top:56px;z-index:10;background:#fff}.table__head .table__cell--number{text-align:right}.table__head .table__cell:hover{text-decoration:underline;cursor:pointer}.table__head .table__cell:focus{outline:none;border-bottom-color:#e24000;border-bottom-color:var(--c1)}.table__head .table__cell--button{pointer-events:none}@media(min-width:768px){.table__head{font-size:1.5em}}.tablesorter-header .tablesorter-header-inner{position:relative}.tablesorter-header .tablesorter-header-inner:after,.tablesorter-header .tablesorter-header-inner:after{content:"";position:absolute;margin-top:3px;margin-left:4px;display:inline-block;width:9px;height:9px;background-image:url(/img/icon--sort.svg)}@media(min-width:768px){.tablesorter-header .tablesorter-header-inner:after,.tablesorter-header .tablesorter-header-inner:after{margin-top:6px}}.tablesorter-header.tablesorter-headerDesc .tablesorter-header-inner:after{background-image:url(/img/icon--sort-up.svg)}.tablesorter-header.tablesorter-headerAsc .tablesorter-header-inner:after{background-image:url(/img/icon--sort-down.svg)}.tablesorter-header.sorter-false .tablesorter-header-inner:after{background-image:none}.table__body,.table__head,.table__row{min-width:370px;white-space:nowrap}.table__body .table__cell--name{font-family:GT-Eesti-Display-Bold,sans-serif;font-family:var(--heading-font);text-transform:uppercase;color:#434878;color:var(--c2);font-size:1.4em;position:relative}.table__body .table__cell--name .icon{margin:0 -8px 4px 4px}@media(min-width:420px){.table__body .table__cell--name .icon{margin-left:8px}}.table__row--no-moratorium .icon{display:none}@media(min-width:768px){.table__body .table__cell--name{font-size:2.1em}}.table__body .table__cell--number{font-family:Gotham A,Gotham B,GT-Eesti-Display-Bold,sans-serif;font-family:var(--number-font);color:#434878;color:var(--c2);font-size:1.4em;font-weight:500;text-align:right}@media(min-width:768px){.table__body .table__cell--number{font-size:1.8em}}.table__cell--button{display:none;padding:0;width:176px}.table__cell--button .btn{padding:8px;display:flex;align-items:center;justify-content:center;line-height:1;font-family:GT-Eesti-Display-Bold,sans-serif;font-family:var(--heading-font);text-transform:uppercase;font-size:1.4em;color:#94aabd;color:var(--c4)}.table__row:hover .table__cell--button .btn{color:#e24000;color:var(--c1)}.table__cell--button .btn .fa{margin-left:8px}@media(min-width:1024px){.table__cell--button{display:table-cell}}.table+.footnote{max-width:42em;color:#7d7d7d;color:var(--text-secondary);padding:8px 24px;margin:auto}.stats{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap}.stats-item{font-size:1rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0 0 24px}.stats-item:last-child{padding-bottom:0}.stats-item__label{font-size:1.6em;font-weight:400;color:#7d7d7d;color:var(--text-secondary)}.stats-item__value{font-family:Gotham A,Gotham B,GT-Eesti-Display-Bold,sans-serif;font-family:var(--number-font);font-size:2.5em;line-height:1;font-weight:500;color:#434878;color:var(--c2);position:relative;top:1px}.stats-item__value .stats-item__diff{position:relative;top:-.14em;left:.1em;font-size:.64em;padding-left:.75em}.stats-item__diff.down{color:#2c897f;color:var(--c3)}.stats-item__diff.up{color:#e24000;color:var(--c1)}.hero.hero--ets{position:relative;background-color:#111430;background-image:url(/img/ets-hero-lines.svg);background-position:50%;background-size:cover;background-repeat:no-repeat;height:auto;min-height:414px;display:flex;justify-content:center;align-items:flex-end;color:#fff;overflow:hidden}@media(min-width:600px){.hero.hero--ets{min-height:280px}}@media(min-width:767px){.hero.hero--ets{min-height:280px;justify-content:center}}@media(min-width:960px){.hero.hero--ets{min-height:50rem;justify-content:center;background-size:contain}}.hero.hero--ets .counter{opacity:1;transition:opacity .4s ease-in-out}.hero.hero--ets.hero--loading .counter{opacity:0}.hero__loader{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;align-items:center;justify-content:center;display:none}.hero--loading .hero__loader{display:flex}.hero__loader .spinner .spinner-border{color:#e24000;color:var(--c1)}.hero.hero--ets svg{position:absolute;bottom:0;width:28rem;right:0;left:0;margin:auto;max-width:none}@media(min-width:767px){.hero.hero--ets svg{right:10%;left:auto;width:40rem}}@media(min-width:960px){.hero.hero--ets svg{width:46rem;right:50%;margin-right:-44rem}}.hero__content{position:relative;z-index:10;display:flex;align-items:flex-start;padding:4.8rem 1.2rem 11rem;width:32rem}@media(min-width:600px){.hero__content{align-items:flex-end;justify-content:flex-start}}@media(min-width:767px){.hero__content{padding:4.8rem;width:100%}}@media(min-width:960px){.hero__content{position:absolute;top:0;bottom:0;padding:0;left:50%;margin-left:-44em;align-items:center}}.bars path{transform:translate3d(0,0,0);opacity:0}.hero--start .bars path{animation:slideInUp;animation-duration:1.4s;animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-fill-mode:forwards}.bars path:nth-child(13){animation-delay:0s}.bars path:nth-child(12){animation-delay:.2s}.bars path:nth-child(11){animation-delay:.4s}.bars path:nth-child(10){animation-delay:.6s}.bars path:nth-child(9){animation-delay:.8s}.bars path:nth-child(8){animation-delay:1s}.bars path:nth-child(7){animation-delay:1.2s}.bars path:nth-child(6){animation-delay:1.4s}.bars path:nth-child(5){animation-delay:1.6s}.bars path:nth-child(4){animation-delay:1.8s}.bars path:nth-child(3){animation-delay:2s}.bars path:nth-child(2){animation-delay:2.2s}.bars path:nth-child(1){animation-delay:2.4s}.boxes{transform:translateY(100%)}.hero--start .boxes{animation:slideInUp;animation-duration:3.8s;animation-delay:0s;animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-fill-mode:forwards}@keyframes slideInUp{from{transform:translate3d(0,100%,0);opacity:0}to{transform:translate3d(0,0,0);opacity:1}}@media(prefers-reduced-motion){.bars path{animation:none;transform:translate3d(0,0,0)}.boxes{animation:none;transform:translate3d(0,0,0)}}.hero__top-line{display:block;font-family:GT-Eesti-Display-Bold,sans-serif;font-family:var(--heading-font);font-size:1.6rem;line-height:1.5;letter-spacing:.01em}@media(min-width:767px){.hero__top-line{max-width:30rem;font-size:1.8rem}}@media(min-width:1200px){.hero__top-line{max-width:30rem}}.hero__stats{display:flex;list-style:none;margin:0;padding:0}.hero__stats li:first-child{width:17rem}@media(min-width:960px){.hero__stats li:first-child{width:28em}}.counter__number{display:inline-block;font-family:Gotham A,Gotham B,GT-Eesti-Display-Bold,sans-serif;font-family:var(--number-font);font-weight:600;color:#e24000;color:var(--c1);font-size:3.6rem;letter-spacing:-.1em;letter-spacing:-.07em;line-height:1;margin-left:-4px;margin-right:4px;margin-bottom:4px}@media(min-width:960px){.counter__number{font-size:6rem}}.counter__label{display:block;font-family:Akkurat-Regular,sans-serif;font-family:var(--body-font);font-size:1.4em;line-height:1.42;max-width:12rem}.counter__label+.hero__top-line{margin-top:.8rem}.hero__shape-text a{color:#fff;text-decoration:underline;text-underline-offset:2px;font-family:Akkurat-Bold,sans-serif;font-family:var(--body-font-bold);-webkit-text-decoration-color:#e24000;-webkit-text-decoration-color:var(--c1);text-decoration-color:#e24000;text-decoration-color:var(--c1)}.hero__shape-text a:hover,.hero__shape-text a:focus{color:#e24000;color:var(--c1)}.hero__shape-text p{font-size:1.6rem;margin-top:3.2rem;max-width:30em;margin-bottom:0}.hero__shape-text div{position:relative;shape-outside:polygon(100% 25%,100% 100%,20% 100%);width:100%;height:296px;float:right;opacity:.2;pointer-events:none}@media(min-width:767px){.hero__shape-text div{shape-outside:polygon(100% -26%,100% 100%,50% 100%);width:100%;height:186px}}.list-intro .layout,.list-table .layout,.list-crisis .layout,.list-additional .layout{padding-top:48px;padding-bottom:48px}@media(min-width:768px){.list-table .layout,.list-crisis .layout,.list-additional .layout{padding-top:72px;padding-bottom:72px}.list-intro .layout{padding-top:80px;padding-bottom:72px}}@media(min-width:1280px){.list-table .layout,.list-crisis .layout,.list-additional .layout{padding-top:88px;padding-bottom:88px}.list-intro .layout{padding-top:96px;padding-bottom:88px}}.list-intro{position:relative;background:#f4f7f9;background:var(--section-alt);display:flex;flex-direction:column;justify-content:center;align-items:center}.list-intro__count{padding:3.2rem 2.4rem;display:flex;align-items:flex-start;justify-content:flex-start;width:50%}.list-intro__content{max-width:42rem;padding:0 2.4rem 3.2rem}@media(min-width:960px){.list-intro{flex-direction:row;padding:6.4rem 2.4rem}.list-intro__count{padding:0;width:40rem;position:absolute;left:50%;margin-left:-44rem;justify-content:flex-start}.list-intro__content{max-width:48rem;padding:0;margin-left:40rem}}.list-intro__date{font-size:15px!important;line-height:24px;letter-spacing:.01em;color:#7c7c7c;margin-bottom:1.6rem;font-family:Akkurat-Italic,sans-serif}@media(min-width:1200px){.list-intro__date{font-size:18px!important;margin-bottom:2.4rem}}.list-intro__text{font-size:1.65rem;line-height:1.5}@media(min-width:1200px){.list-intro__text{font-size:1.8rem}}.list-table{font-size:1em}.list-table .legend{justify-content:center}.list-table .legend-item{font-family:Akkurat-Regular,sans-serif;font-size:1.4rem;color:#7c7c7c;justify-content:center;margin-bottom:16px}@media(min-width:768px){.list-table .legend{display:flex;flex-direction:row;justify-content:center}.list-table .legend-item+.legend-item{margin-left:32px}.list-table .legend-item{font-size:1.8rem;margin-bottom:24px}}.list-table .legend-item .icon{margin-right:4px}.list-table .icon{width:16px}.trend-line__path{fill:none;stroke:#e24000;stroke:var(--c1);stroke-width:2}.trend-line__path--moratorium{stroke:#434878;stroke:var(--c2);stroke-opacity:.5}.trend-line__area{fill-opacity:.2;fill:#e24000;fill:var(--c1);stroke:none}.trend-line__area--moratorium{fill-opacity:.1;fill:#434878;fill:var(--c2)}.trend-line__moratorium-end{stroke:#434878;stroke:var(--c2);stroke-width:1;stroke-dasharray:4 2;stroke-opacity:.87}.list-crisis{font-size:1em;background:#f4f7f9;background:var(--section-alt)}.list-crisis .column{position:relative;margin:0 auto;-moz-column-width:44.5em;column-width:44.5em;-moz-column-gap:4.8em;column-gap:4.8em;padding-top:7.2em}@media(min-width:1024px){.list-crisis .layout>.column{max-width:95em;-moz-column-gap:5.6rem;column-gap:5.6rem}}@media(min-width:1280px){.list-crisis .layout>.column{max-width:100rem;-moz-column-gap:8rem;column-gap:8rem;padding-top:8rem}}.list-crisis h2{position:absolute;top:0;left:0;margin:0;font-family:GT-Eesti-Display-Bold,sans-serif;font-family:var(--heading-font);font-style:normal;font-weight:400;font-size:3em;line-height:117%;letter-spacing:.01em;color:#2c897f;color:var(--c3);text-transform:none}@media(min-width:768px){.list-crisis h2{font-size:3.6em}}.list-crisis .column p{font-size:1.6rem;line-height:1.5}@media(min-width:768px){.list-crisis .column p{font-size:1.6rem;line-height:1.5}.list-crisis .column p:last-child{}}@media(min-width:1024px){.list-crisis .column p{font-size:1.65rem;line-height:1.5}.list-crisis .column p:last-child{margin-bottom:8.8em}}@media(min-width:1280px){.list-crisis .column p{font-size:1.8rem;line-height:1.5}.list-crisis .column p:last-child{margin-bottom:8.8em}}.list-additional{font-size:1em}.list-additional .column{position:relative;margin:0 auto;padding-top:7.2em}@media(min-width:1024px){.list-additional .column{max-width:95em}}@media(min-width:1280px){.list-additional .column{max-width:100em}}.list-additional h2{position:absolute;top:0;left:0;margin:0;font-family:GT-Eesti-Display-Bold,sans-serif;font-family:var(--heading-font);font-style:normal;font-weight:400;font-size:3em;line-height:117%;letter-spacing:.01em;color:#e24000;color:var(--c1);text-transform:none}@media(min-width:768px){.list-additional h2{font-size:3.6em}}.list-additional .column p,.list-additional .column ul{font-size:1.6rem;line-height:1.5;font-family:Akkurat-Regular,sans-serif}@media(min-width:768px){.list-additional .column p,.list-additional .column ul{font-size:1.6rem}.list-additional .column ul{width:445px}}@media(min-width:1024px){.list-additional .column p,.list-additional .column ul{font-size:1.65rem}}@media(min-width:1280px){.list-additional .column p,.list-additional .column ul{font-size:1.8rem}}.list-additional .callout{margin-top:24px}@media(min-width:1024px){.list-additional .callout{position:absolute;margin-top:0;width:44.5em;right:0;top:8em}}.breadcrumbs{padding-top:0;padding-bottom:0}.breadcrumbs .center-page{height:100%;display:flex;align-items:stretch;justify-content:flex-start;max-width:unset;@media(min-width:1280px){padding-left: 1.6rem; padding-right: 1.6rem; } } .breadcrumbs .center-page>* { min-height: 50px; display: flex; align-items: center; justify-content: flex-start; white-space: nowrap; } @media (max-width: 400px) { .breadcrumbs .center-page>a:first-child span { max-width: 80px; display: inline-block; text-overflow: ellipsis; overflow: hidden; } } .bc-dropdown { display: inline-block; position: relative; cursor: pointer; padding-right: 16px; } .bc-dropdown:before { content: ""; display: block; position: absolute; right: -4px; top: 50%; margin-top: -3px; width: 0; height: 0; border: 5px solid transparent; border-top-color: #fff; } .bc-dropdown__menu { position: absolute; left: -16px; min-width: 300px; top: 50px; background: #fff; padding: 8px 0px 8px; z-index: 1000; pointer-events: none; box-shadow: 0 1px 4px 0 rgba(109,109,109,0.5); opacity: 0; transition: opacity 0.2s ease-in-out; max-height: calc(100vh - 160px); overflow: auto; } @media (max-width: 480px) { .bc-dropdown__menu { left: -104px; } } .bc-dropdown__menu a { height: 40px; line-height: 24px; padding: 8px 16px; color: #e24000; color: var(--c1); background: #fff; display: block; } .bc-dropdown__menu a:hover,.bc-dropdown__menu a:focus { background: #f4f7f9; background: var(--section-alt); } .bc-dropdown:hover .bc-dropdown__menu,.bc-dropdown:focus .bc-dropdown__menu,.bc-dropdown:focus-within .bc-dropdown__menu { pointer-events: all; opacity: 1; } .intro { position: relative; margin: auto; padding: 48px 24px 72px; max-width: 1226px; } .intro .layout { padding: 0; flex-direction: column; } @media (min-width: 768px) { .intro { padding: 64px 40px; } } @media (min-width: 1024px) { .intro .layout { padding: 0; flex-direction: row; align-items: flex-start; justify-content: space-between; } } .intro__heading { font-family: gt-eesti-display-bold,sans-serif; font-family: var(--heading-font); color: #e24000; color: var(--c1); font-style: normal; font-weight: normal; font-size: 28px; line-height: 142%; letter-spacing: 0.03em; text-transform: uppercase; max-width: 480px; margin: 0 auto 24px auto; } .intro__content.area_site .intro__heading { margin-bottom: 16px; } .intro__content:not(.area_site) .if_area_site { display: none; } .intro__content h2 { font-family: gt-eesti-display-bold,sans-serif; font-family: var(--heading-font); color: #434878; color: var(--c2); font-size: 16px; text-transform: uppercase; letter-spacing: 0.08rem; margin-bottom: 12px; } .intro__renter-population { font-family: gt-eesti-display-bold,sans-serif; font-family: var(--heading-font); text-transform: uppercase; max-width: 480px; position: relative; top: -12px; } .intro .layout>div { margin-left: auto; margin-right: auto; width: 100%; max-width: 480px; } .intro .intro__text p { font-size: 16px; line-height: 1.5; } .intro .intro__text .data-note { font-family: akkurat-italic,sans-serif; font-family: var(--body-font-italic); } .intro .intro__stats-wrapper { position: sticky; top: 74px; padding-top: 32px; padding-left: 0; opacity: 0; transition: opacity 1s ease-in-out; max-width: 490px !important; } .intro .intro__stats-wrapper h3 { color: #7d7d7d; color: var(--text-secondary); border-bottom: 2px solid; margin-bottom: 20px; font-size: 1.2rem; line-height: 2; display: flex; justify-content: space-between; } .intro .intro__acknowledgements { display: flex; font-size: 1.6rem; font-family: akkurat-bold,sans-serif; font-family: var(--body-font-bold); color: #7d7d7d; color: var(--text-secondary); margin-bottom: 1.6rem; } .intro .intro__acknowledgements i { background-image: url("/img/icon--partner.svg"); flex-shrink: 0; width: 17px; height: 15px; margin-right: 4px; position: relative; top: 4px; } #latestUpdate.outdated { color: #e24000; color: var(--c1); } #latestUpdate .inline-tooltip.warning { margin-right: 4px; width: 14px; } #latestUpdate .inline-tooltip .tooltiptext { width: 220px; } #filingCounts { margin-bottom: 16px; } #filingCounts .stat-block-stat.missing>dd,#filingRates .stat-block-stat.missing>dd { color: #7d7d7d; color: var(--text-secondary); font-size: 2rem; font-weight: 500; line-height: 4rem; } @media (min-width: 1024px) { .intro .layout>div { margin-left: unset; } .intro .intro__stats-wrapper { padding-top: 0; padding-left: 32px; } } .stat-block-stat>dd { font-size: 3.2rem; color: #e24000; color: var(--c1); padding-bottom: 6px; } .stat-block-stat dd { font-family: gotham a,gotham b,gt-eesti-display-bold,sans-serif; font-family: var(--number-font); font-weight: bold; margin-bottom: 0; line-height: 1.25; } .stat-block-sub-stat dd { display: inline-block; color: #434878; color: var(--c2); font-size: 2rem; } .stat-block-stat dt { font-family: akkurat-regular,sans-serif; font-family: var(--body-font); font-weight: normal; font-size: 1.6rem; line-height: 1.25; } .stat-block-sub-stat dt { display: inline-block; padding-left: 6px; letter-spacing: 0.02rem; } .stat-block-sub-stat { padding-top: 4px; margin-bottom: 0; } .section--chart .section__content.imputed-data-only { display: none; } .comparison-block-comp dd p { color: #7d7d7d; color: var(--text-secondary); font-family: gt-eesti-display-bold,sans-serif; font-family: var(--heading-font); padding-bottom: 2px; font-weight: bold; margin-bottom: 0; line-height: 1; } .comparison-block-comp dt { font-family: gotham a,gotham b,gt-eesti-display-bold,sans-serif; font-family: var(--number-font); font-weight: 600; font-size: 1.6rem; } .comparison-block-comp dt .comparison-bar { display: inline-block; height: 20px; position: relative; top: 4px; transition: left ease-in-out 1s; } .comparison-block-wrapper.in-view .comparison-bar { left: 0 !important; } .comparison-block-comp dt .field { overflow: hidden; } .comparison-block-comp dt .field-1 { color: #e24000; color: var(--primary); } .comparison-block-comp dt .field-1 .comparison-bar { background-color: #e24000; background-color: var(--primary); } .comparison-block-comp dt .field-2 { color: #434878; color: var(--secondary); } .comparison-block-comp dt .field-2 .comparison-bar { background-color: #434878; background-color: var(--secondary); } .comparison-legend { flex-basis: 100%; margin-bottom: 16px; } .comparison-legend div { display: inline-block; } .comparison-legend>div:not(:last-child) { margin-right: 16px; } .comparison-legend .color-chip { display: inline-block; height: 16px; width: 16px; position: relative; top: 2px; } .comparison-legend .color-chip.chip-a { background-color: #e24000; background-color: var(--primary); } .comparison-legend .color-chip.chip-b { background-color: #434878; background-color: var(--secondary); } .section div.comparison-legend p { display: inline-block; font-size: 1.4rem; padding-left: 4px; margin-bottom: 0; font-family: gt-eesti-display-bold,sans-serif; font-family: var(--heading-font); text-transform: uppercase; } .section--chart.section--race .comparison-block-wrapper { margin-top: 40px; border: #fff solid 3px; padding: 40px 24px 24px 40px; text-align: start; } .section:nth-child(2n-1).section--chart.section--race .comparison-block-wrapper { border-color: #f4f7f9; border-color: var(--section-alt); } @media (min-width: 600px) { .section--chart.section--race .comparison-block-wrapper { margin: 40px 62px 32px 44px; } } .section--chart.section--race .comparison-block-wrapper strong { display: block; width: 102%; margin-bottom: 1.5rem; } .stat-block-wrapper,.comparison-block-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; transition: opacity 1s ease-in-out; } .stat-block-wrapper { display: none; opacity: 0; } .section .callout.stat-block-wrapper { padding-top: 0.2rem; padding-bottom: 0.2rem; padding-right: 0; background: unset; } .callout.stat-block-wrapper p { font-size: 16px; } .stat-block-wrapper .stat-block-stat,.comparison-block-wrapper .comparison-block-comp { display: inline-block; flex: 50% 0 0; margin-bottom: 6px; } .section--medianFilings .stat-block-stat { flex-basis: 100%; margin-bottom: 0; } .stat-block-wrapper dl.stat-block-stat:not(:last-of-type) { padding-right: 6px; padding-bottom: 8px; } .comparison-block-wrapper .comparison-block-comp:not(:last-of-type) { padding-right: 6px; padding-bottom: 24px; } @media (max-width: 420px) { .stat-block-wrapper .stat-block-stat,.comparison-block-wrapper .comparison-block-comp { flex-basis: 100%; } } @media (max-width: 1024px) { .callout.stat-block-wrapper { max-width: 480px; margin: 0 auto 16px; } } .inline-tooltip { position: relative; display: inline-block; margin-left: 4px; cursor: pointer; width: 16px; height: 20px; vertical-align: top; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("/img/icon--info-new.svg"); } .inline-tooltip.warning { background-image: url("/img/icon--warning.svg"); } .stat-block-stat.hhs_threatened_rate .inline-tooltip { position: absolute; } @media (min-width: 480px) { .stat-block-stat.hhs_threatened_rate .tooltiptext { left: calc(50% - 200px); } } .inline-tooltip .tooltiptext { visibility: hidden; background-color: black; color: #fff; border-radius: 2px; position: absolute; z-index: 1; top: calc(100%+4px); left: calc(50% - 105px); opacity: 0; transition: opacity 0.3s; width: 210px; padding: 8px; font-size: 14px; letter-spacing: 0; font-family: akkurat-regular,sans-serif; font-family: var(--body-font); text-transform: none; font-weight: 400; line-height: 1.25; } @media (max-width: 480px) { .inline-tooltip .tooltiptext { width: 140px; left: unset; right: -8px; } } .inline-tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } .share { display: flex; } .share .share__link,.share .share__title { display: flex; flex-direction: row; align-items: center; font-size: 1.4rem; padding: 8px 0; margin-right: 16px; line-height: 1; font-family: gt-eesti-display-bold,sans-serif; font-family: var(--heading-font); color: #7d7d7d; color: var(--text-secondary); } .share__link:hover { color: #e24000; color: var(--c1); text-decoration: none; } .share__link .fa { margin: 0 8px 0 0px; font-size: 1.4rem; width: 24px; height: 24px; background: #eee; text-align: center; padding: 4px; } .intro .share { margin-bottom: 16px; flex-direction: row; } .visual { display: flex; flex-direction: column; align-items: stretch; justify-content: stretch; font-size: 1rem; text-align: center; } .visual__header { position: absolute; left: 40px; right: 24px; display: flex; align-items: center; justify-content: center; } #race .details strong { font-family: gt-eesti-display-bold,sans-serif; font-family: var(--heading-font); color: #434878; color: var(--c2); font-size: 16px; text-transform: uppercase; letter-spacing: 0.08rem; } .visual .chart,.visual .map { flex: 1; } .visual__title { position: relative; font-size: 1.2em; line-height: 1.25; color: #7d7d7d; color: var(--text-secondary); text-align: center; padding: 0 0px 0 0px; margin-top: -8px; margin-left: -32px; max-width: 360px; } .visual__chart { margin-top: 2rem; } @media (min-width: 768px) { .visual__title { max-width: 420px; } } @media (min-width: 1024px) { .visual__title { max-width: none; margin-left: 0; padding: 0 32px 0 8px; } } .visual__toggle { margin: 0px auto 32px; } .visual__header { display: flex; flex-direction: column; align-items: center; justify-content: center; } .legend-item { display: flex; align-items: center; justify-content: flex-start; } .legend-item:not(:last-child) { margin-bottom: 12px; } @media (min-width: 600px) { .legend-item:not(:last-child) { margin-bottom: 16px; } } .legend-item sup { color: #7d7d7d; color: var(--text-secondary); } .legend-item__color { width: 16px; height: 16px; margin-right: 16px; background: #999; } .legend-item--0 .legend-item__color { background: #e24000; background: var(--c1); } .legend-item--1 .legend-item__color { background: #434878; background: var(--c2); } .legend-item--2 .legend-item__color { background: #2c897f; background: var(--c3); } .legend-item--3 .legend-item__color { background: #94aabd; background: var(--c4); } .section--avg.section--count-on .legend-item--0 .legend-item__color { background: #434878; background: var(--c2); } .section--avg.section--count-on .legend-item--1 .legend-item__color { background: #e24000; background: var(--c1); } .legend-item__label { line-height: 1.2; font-family: gt-eesti-display-bold,sans-serif; font-family: var(--heading-font); margin-bottom: 12px; font-size: 1.2rem; font-weight: normal; letter-spacing: 0.08rem; text-transform: uppercase; } .legend-item__label { margin-bottom: 0; } @media (min-width: 600px) { .legend-item__label { font-size: 1.4rem; letter-spacing: 0.12rem; } } .legend-item__label span { font-family: akkurat-regular,sans-serif; font-family: var(--body-font); font-size: 1.2rem; letter-spacing: 0; display: block; text-transform: none; margin-top: 4px; color: #646464; } #race .legend { display: none; } .section .legend-item { min-width: 170px; } .section .legend.legend--points input[type=checkbox] { width: 16px; height: 16px; } .section .legend.legend--points input[type=checkbox]::after { width: 7px; height: 12px; } label #labels_top-100 { display: inline-block; } .legend__points-scale { width: 82px; padding: 8px; border: 1px solid #c6cccf; } .legend__points-scale>div { display: flex; justify-content: space-between; } .legend__points-labels span { font-size: 1.2rem; color: #7d7d7d; color: var(--text-secondary); } .legend.legend--points .legend-item { margin-right: auto; } .section .legend.legend--choropleth,.section .legend.legend--points { width: 330px; max-width: 360px; } .legend.legend--choropleth .legend-item,.legend.legend--points .legend-item { margin-bottom: 8px; } .legend__gradient { width: 100%; height: 16px; } .legend__gradient-labels { width: 100%; flex: 1; display: flex; align-items: center; justify-content: space-between; } .legend__gradient-labels span { font-size: 1.2rem; color: #7d7d7d; color: var(--text-secondary); width: 48px; text-align: center; } .legend__gradient-labels .legend__gradient-label:first-child { position: relative; left: -4px; text-align: left; } .legend__gradient-labels .legend__gradient-label:last-child { position: relative; left: 4px; text-align: right; } .section { position: relative; display: block; padding: 48px 24px; } .section p.description { margin-bottom: 0; } @media (min-width: 768px) { .section { padding: 72px 24px; } .section p.description { margin-bottom: 0; } } .section:nth-child(2n) { background: #f4f7f9; background: var(--section-alt); } .section .details { min-width: 320px; max-width: 480px; margin: auto; padding: 0; margin-bottom: 48px; } .section .details h1 { font-family: gt-eesti-display-bold,sans-serif; font-size: 2.6rem; font-weight: normal; letter-spacing: 0.07rem; line-height: 1.25; margin-bottom: 24px; color: #272727; } .section .details p,.section .legend p { color: #424242; font-size: 16px; line-height: 1.5; } .section .visual { position: relative; min-width: 320px; margin: auto; } .section .legend { display: flex; flex-direction: row; margin: auto; margin-bottom: 16px; flex-wrap: wrap; max-width: 296px; justify-content: center; } .section--trends .legend { flex-direction: column; } .section .section__content { position: relative; max-width: 1146px; width: 100%; height: 100%; margin: 0 auto; flex: 1; } .section .section__toggle { margin-bottom: 8px; } @media (min-width: 1024px) { .section__toggle .button-group { justify-content: flex-start; } } @media (min-width: 1024px) { .section { padding: 64px 40px; display: flex; flex-direction: column; justify-content: stretch; align-items: stretch; min-height: 520px; } .section .details,.section .legend,.section .stat-block-wrapper,.section .footnote { margin: 0 0 16px 0; width: 40%; flex-grow: 0; } .section.section--medianFilings .stat-block-wrapper { width: 50%; } .section .legend { width: 100%; justify-content: flex-start; max-width: 340px; } .section .details { max-width: none; } .section .visual { position: absolute; right: 0; top: 0; bottom: 0; width: 50%; max-width: none; } } @media (min-width: 1440px) { .section { min-height: 560px; } } .footnote ol,.additional-footnote ul { counter-reset: number; } .footnote ol li,.additional-footnote ul li { counter-increment: number; position: relative; line-height: 1.42; margin-bottom: 8px; padding-left: 1em; max-width: 26em; font-family: akkurat-regular,sans-serif; font-family: var(--body-font); font-size: 1.3rem; } .intro__content .footnote ol li { max-width: unset; margin-bottom: 16px; } .footnote ol li p,.additional-footnote ul li p { font-size: 1.4rem; margin-bottom: 8px; } .footnote ol li::before,.additional-footnote ul li::before { content: counter(number) " "; font-size: 0.8em; position: absolute; top: -0.5em; left: 0; } .section .footnote,.section .additional-footnote,.intro__content .footnote { font-size: 1.2rem; color: #7d7d7d; color: var(--text-secondary); margin: auto; max-width: 320px; } .section .footnote span,.section .additional-footnote span { display: block; } .section .footnote .data-download,.section .additional-footnote .data-download { font-family: akkurat-bold,sans-serif; font-size: 1.6rem; } .section .footnote .callout,.section .additional-footnote .callout { margin: 2.4rem 0; } .section .footnote .data-download a:before,.section .additional-footnote .data-download a:before { background-image: url("/img/icon--get-the-data.svg"); display: inline-block; width: 20px; height: 13px; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; margin-right: 4px; } .section .footnote .data-download a,.section .additional-footnote .data-download a { text-decoration: none !important; } .section .footnote .data-download strong { font-weight: unset; } .section .footnote .data-download.emphasize strong { color: #434878; color: var(--secondary); } .section.section--map .footnote .data-download.emphasize:not(:last-child) { margin-bottom: 8px; } .get-the-data-icon { background-image: url("/img/icon--get-the-data.svg"); display: inline-block; width: 21px; height: 17px; background-position: center; background-size: contain; background-repeat: no-repeat; } @media (min-width: 768px) { .section .footnote,.section .additional-footnote { font-size: 1.4rem; max-width: 480px; } } @media (min-width: 1024px) { .section .footnote,.section .additional-footnote { margin-left: 0; } } .section.section--flex {min-height: 0; display: block; } .section--flex .section__content { display: flex; flex-direction: column; position: relative; } .section--flex .button-group { justify-content: flex-start; } @media(min-width: 600px) { .section--flex .section__content .visual { width: 480px; } } @media(min-width: 1024px) { .section--flex .section__content { flex-direction: row; align-items: flex-start; } .section--flex .section__content .visual { width: 50%; margin-right: 0; } } .section--flex .section__content .visual { position: relative; } .section.section--flex .footnote { width: 100%; } @media(min-width: 1024px) { .section--ranking .section__content .details { position: static; position: sticky; top: 8.8rem; } } .section--ranking .stat { display: flex; align-items: center; } .section--ranking .stat__value { font-family: gotham a,gotham b,gt-eesti-display-bold,sans-serif; font-family: var(--number-font); font-size:4.8rem; color: #e24000; color: var(--c1); font-weight: bold; display: block; } .section--ranking .stat__label { display: block; max-width: 22rem; margin-left: 1rem; } .ranking { width: 100%; max-width: calc(100vw - 6rem); } .ranking__item { padding: 1.2rem 0; } .ranking__label .ranking__primary,.ranking__label .ranking__secondary { opacity:0; margin: 0; text-align: left; white-space: nowrap; line-height: 1; margin-bottom: 0.8rem; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .url-eviction-tracking .hero,.url-eviction-tracking .list-crisis,.url-eviction-tracking .list-additional,.url-eviction-tracking .app-footer { display: none; } .page-charleston-south-carolina--eviction-tracking-system .ranking__label .ranking__secondary { display: none; } .ranking__label .ranking__primary { font-family: gt-eesti-display-bold,sans-serif; font-family: gt-eesti-display-bold,sans-serif; font-family: var(--heading-font); font-size: 1.5rem; font-weight: 400; letter-spacing: .01em; text-transform: uppercase; } .ranking__label .ranking__secondary { font-size: 1.4rem; color: #424242; letter-spacing: .04em; } .ranking__value { display: flex; align-items: center; } .ranking__bar-label { opacity:0; width: 8rem; text-align: left; margin-left: 0.8rem; margin-top: 0.2rem; } .ranking__bar-label span:first-child { font-family: gotham a,gotham b,gt-eesti-display-bold,sans-serif; font-family: var(--number-font); font-size: 1.6rem; font-weight: bold; color: #e24000; color: var(--c1); } .ranking__bar-label span:last-child { font-size: 1.2rem; } .ranking__bar { height: 1.6rem; background-color: #F8DCD7; } .section.section--median { min-height:460px; display: block; } .section.section--median .stat-block-stat { display: block; } .section.section--median .stat-block-stat dt,.section.section--median .stat-block-stat dd { display: inline; } .section.section--median .stat-block-stat dd { margin-right: 8px; display: inline-block; width: 68px; text-align: left; } .section.section--chart .section__content.imputed-data-only { margin-top: 64px; } .section.section--chart .section__content.imputed-data-only .visual { top: 10px; } .section.section--chart .visual { max-width: 600px; } .section.section--chart .chart { min-height: 320px; max-height: 670px; } @media (min-width: 1024px) { .section.section--chart .visual { top: 24px; bottom: 0; right: 0; } } .mapboxgl-ctrl-group.mapboxgl-ctrl button:focus { box-shadow: 0 0 2px 2px #e24000; box-shadow: 0 0 2px 2px var(--c1); } .section.section--map .visual { margin-left: -24px; margin-right: -24px; margin-bottom: 24px; min-height: 360px; } .section.section--map .map { width: 100%; height: 100%; background: #fff; min-height: 100%; } .section.section--map .map .mapboxgl-ctrl-top-right { top: 50%; right: 0; margin-top: -50px; } @media (min-width: 1024px) { .section.section--map .section__content { position: static; } .section.section--map .visual { margin-top: 0; margin-left: 0px; margin-right: 0px; margin-bottom: 0; } } div.section.section--map .top-filers-only { display: none; } .section.section--links { min-height: 1px; } .ets-cards { display: flex; flex-direction: column; justify-content: center; align-items: center; } @media (min-width: 768px) { .ets-cards { flex-direction: row; justify-content: center; align-items: center; } } .ets-card { position: relative; color: #fff; margin-bottom: 32px; width: 38em; } .ets-card { font-size: 0.9em; } .ets-card:last-child { margin-bottom: 0; } @media (min-width: 480px) { .ets-card { font-size: 1em; } } @media (min-width: 768px) { .ets-card { font-size: 1em; margin-right: 32px; margin-bottom: 0; } .ets-card:last-child { margin-right: 0; } } @media (min-width: 1024px) { .ets-card { font-size: 1.2em; } } @media (min-width: 1280px) { .ets-card { font-size: 1.4em; } } .card__background { width: 100%; height: auto; } .card__content { position: absolute; z-index: 100; top: 1.6em; left: 2.4em; pointer-events: none; } .card__content:before { content: ""; position: absolute; top: 8.8em; width: 8em; height: 8px; background: #e24000; background: var(--c1); } .card__title { font-family: gt-eesti-display-bold,sans-serif; font-family: var(--heading-font); font-style: normal; font-weight: normal; font-size: 2.5em; line-height: 119%; width: 8em; letter-spacing: 0.01em; } .card__description { margin-top: 0.8em; font-style: normal; font-weight: normal; font-size: 1.2em; line-height: 143%; letter-spacing: 0.01em; width: 15em; } .card__link { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background-size: 400%; background-position: 0 0; background-image: linear-gradient( 135deg,transparent,transparent 60%,rgba(0,0,0,0.4) ); transition: background-position 0.3s ease-in-out; } .card__link:hover,.card__link:focus { background-position: 100% 0px; } .card__link span { position: absolute; z-index: 100; top: 11.6em; left: 2em; line-height: 1; font-size: 1.2em; letter-spacing: 0.04em; color: #fff; text-transform: uppercase; font-family: gt-eesti-display-bold,sans-serif; font-family: var(--heading-font); } .card__link span:after { content: ""; display: block; position: absolute; right: -1em; top: 0em; background-image: url(/img/arrow--right.svg); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; width: 0.5em; height: 0.9em; } .chart { width: 100%; height: 100%; } .chart__box,.chart__frame { fill: none; stroke-width: 3; stroke: #fff; } .chart__voronoi path { fill: none; pointer-events: all; } .chart__grid .domain,.chart__grid { stroke: #fff; } .chart__axis .domain,.chart__axis .tick line { stroke: #fff; } .chart__axis .tick text { fill: #7d7d7d; fill: var(--text-secondary); font-size: 14px; font-family: gt-eesti-display-bold,sans-serif; font-family: var(--heading-font); } .chart__axis.chart__axis--y .tick text { font-family: gotham a,gotham b,gt-eesti-display-bold,sans-serif; font-family: var(--number-font); font-size: 12px; font-weight: 500; } .section .chart__box,.section .chart__frame { stroke: #fff; } .section .chart__axis--x .domain,.section .chart__axis--x .tick line { stroke: #fff; } .section .chart__axis--y .tick line { stroke: #fff; } .section:nth-child(2n-1) .chart__box,.section:nth-child(2n-1) .chart__frame { stroke: #f4f7f9; stroke: var(--section-alt); } .section:nth-child(2n-1) .chart__axis--x .domain,.section:nth-child(2n-1) .chart__axis--x .tick line { stroke: #f4f7f9; stroke: var(--section-alt); } .section:nth-child(2n-1) .chart__axis--y .tick line { stroke: #f4f7f9; stroke: var(--section-alt); } .chart__line { stroke-dasharray: 3 1; stroke-dashoffset: 1; } .chart__line { fill: none; stroke-width: 5; stroke-dasharray: 0; stroke: #ccc; } .chart__line--0 { stroke: #e24000; stroke: var(--c1); } .chart__line--1 { stroke: #434878; stroke: var(--c2); } .chart__line--2 { stroke: #2c897f; stroke: var(--c3); } .chart__line--3 { stroke: #94aabd; stroke: var(--c4); } .section--trends .chart__line--1 { stroke-width: 3; } .chart__hover-line { stroke-width: 1; stroke: rgba(0,0,0,0.1) } .chart__hover-dot { fill: #94aabd; fill: var(--c4); } .chart__hover-dot.chart__hover-dot--0 { fill: #e24000; fill: var(--c1); fill: #e24000 } .chart__hover-dot.chart__hover-dot--1 { fill: #434878; fill: var(--c2); fill: #434878; } .chart__hover-dot.chart__hover-dot--2 { fill: #2c897f; fill: var(--c3); fill: #2c897f } .chart__bar { fill: #ccc; } .chart__bar-area { fill: rgba(255,255,255,0.25); stroke: #fff; stroke-width: 1; opacity: 0; transition: opacity 0.2s ease-in-out; } .chart__bar-area:hover { opacity: 1; } .chart__dot { stroke: #fff; stroke-width: 1; } .chart__bar--0,.chart__dot--0 { fill: #e24000; fill: var(--c1); } .chart__bar--1,.chart__dot--1 { fill: #434878; fill: var(--c2); } .chart__bar--2,.chart__dot--2 { fill: #2c897f; fill: var(--c3); } .chart__bar--3,.chart__dot--3 { fill: #94aabd; fill: var(--c4); } .chart__bar { transition: fill 0.4s cubic-bezier(0.6,0.04,0.98,0.335); } .section--avg.section--count-on .chart__bar--0 { fill: #434878; fill: var(--c2); } .section--avg.section--count-on .chart__bar--1 { fill: #e24000; fill: var(--c1); } .chart__marker-line { stroke: none; stroke-dasharray: 3 1; stroke-width: 2; transition: transform 0.1s ease-in-out; } .chart__marker-line--hover { stroke: rgba(0,0,0,0.1); } .chart__marks line { stroke: #e24000; stroke: var(--c1); } .chart__mark-lines line,.avg__lines line { stroke: rgba(0,0,0,0.3); stroke-dasharray: 3 3; stroke-width: 2; } .chart__mark-lines text,.avg__line-labels text { fill: #7d7d7d; font-size: 12px; font-family: akkurat-bold,sans-serif; } .chart__tooltip { display: none; position: absolute; background-color: rgba(0,0,0,0.9); color: #fff; padding: 12px 16px; font-size: 14px; line-height: 1.5; max-width: 245px; z-index: 999; pointer-events: none; } @media (max-width: 420px) { .chart__tooltip { display: none !important; } } .chart__tooltip.chart__tooltip--show { display: block; } .chart__tooltip h1 { margin: 0 0 8px 0; font-size: 14px; font-family: gt-eesti-display-bold,sans-serif; font-family: var(--heading-font); } .chart__tooltip--flip { transform: translateX(-100%); } .map__tooltip-row { font-size: 12px; height: auto; margin-top: -4px; margin-bottom: 4px; white-space: nowrap; } .map__tooltip-row hr { margin:8px -4px; background: transparent; height: 0; border: none; border-bottom: 1px solid #444; } .map__tooltip-row em { font-family: akkurat-regular,sans-serif; font-weight: normal; color: rgba(255,255,255,0.7); display: block; margin-top: 2px; } .map__tooltip-row .percent { float: right; } .map__tooltip-row span { margin-right: 0; } .map__tooltip-row--down span,.tooltip__item--down span,span.value--down { font-weight: 700; color: rgb(67,202,189); } .map__tooltip-row--up span,.tooltip__item--up span,span.value--up { font-weight: 700; color: #ff8150; } .tooltip__item { position: relative; font-size: 12px; margin-bottom: 4px; white-space: nowrap; } .tooltip__item.tooltip__item--single { margin-top: -4px; margin-bottom: 0; } .tooltip__item.tooltip__item--multi { display: flex; justify-content: flex-start; align-items: center; margin-left: 20px; height: 16px; } .tooltip__item--multi span:first-child { font-weight: 700; min-width: 80px; margin-right: 8px; } .chart__tooltip--filing-trends .tooltip__item--multi span:first-child { min-width: 0; } .tooltip__item--multi span+span { min-width: 40px; } .tooltip__item--multi span+span+span { min-width: 1px; } .tooltip__item--multi .arrow { padding-left: 10px; margin-left: 2px; } .tooltip__item--multi .arrow:before { margin-top: -5px; } .tooltip__item--multi:before { content: ""; display: block; position: absolute; width: 8px; height: 8px; background: #ccc; top: 3px; margin: auto; left: -20px; } .chart__tooltip-row--0 .tooltip__item--multi:before { background: #e24000; background: var(--c1); } .chart__tooltip-row--1 .tooltip__item--multi:before { background: #434878; background: var(--c2); } .chart__tooltip-row--2 .tooltip__item--multi:before { background: #2c897f; background: var(--c3); } .chart__tooltip-row--3 .tooltip__item--multi:before { background: #94aabd; background: var(--c4); } .section--trends .visual__toggle { display: flex; justify-content: start; margin-left: 48px; gap: 16px; } .chart__bar.chart__bar--white { fill: #e24000; fill: var(--c1); } .chart__bar.chart__bar--black { fill: #434878; fill: var(--c2); } .chart__bar.chart__bar--hispanic { fill: #2c897f; fill: var(--c3); } .chart__bar.chart__bar--other { fill: #94aabd; fill: var(--c4); } .legend-item.legend-item--white .legend-item__color { background: #e24000; background: var(--c1); } .legend-item.legend-item--black .legend-item__color { background: #434878; background: var(--c2); } .legend-item.legend-item--hispanic .legend-item__color { background: #2c897f; background: var(--c3); } .legend-item.legend-item--other .legend-item__color { background: #94aabd; background: var(--c4); } .chart__tooltip-row.chart__tooltip-row--white .tooltip__item--multi:before { background: #e24000; background: var(--c1); } .chart__tooltip-row.chart__tooltip-row--black .tooltip__item--multi:before { background: #434878; background: var(--c2); } .chart__tooltip-row.chart__tooltip-row--hispanic .tooltip__item--multi:before { background: #2c897f; background: var(--c3); } .chart__tooltip-row.chart__tooltip-row--other .tooltip__item--multi:before { background: #94aabd; background: var(--c4); } @media(max-width: 400px) { .visual .chart__axis.chart__axis--x .tick:nth-child(2n+1) text:not(.no-thinning) { display: none; } }}}