:root{font-family:Inter,sans-serif;font-feature-settings:"liga" 1,"calt" 1}@supports(font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}body{font-family:Inter,sans-serif}.hero{background:#103a4a;background:url(../img/hero-bg.png) no-repeat center center;background-size:cover;padding:120px 0}.hero h1{color:#fff;margin:0}.hero h2{color:#fff}.hero img{max-width:100%;height:auto}@media(max-width: 767px){.hero h1{font-size:30px;margin:0 0 20px;text-align:center}}@media(max-width: 575px){.hero{padding:120px 0 100px}.hero h1{font-size:24px;margin:0 0 20px}}.intro{padding:0 0 0}.intro .wrapper{margin-top:-50px;padding:50px;background:#d8eaf4;border-radius:6px;box-shadow:0 8px 50px rgba(0,0,0,.08)}.intro .wrapper h2{color:#103a4a;font-size:20px;font-weight:400;line-height:1.5;margin-bottom:0}.intro .wrapper h2 strong{font-weight:700}@media(max-width: 767px){.intro .wrapper{padding:20px;text-align:center}.intro .wrapper h2{font-size:18px}}@media(max-width: 575px){.intro .wrapper{padding:20px;text-align:center}.intro .wrapper h2{font-size:16px}}.main svg.diag-svg{width:300px;max-width:100%;margin:0 0 10px}.main svg.diag-svg path{fill:#d8eaf4}.main h2{margin-bottom:20px}.main h3{color:#103a4a;font-size:20px;font-weight:400;line-height:1.5}.main h3 strong{text-decoration:underline}.main p{font-size:20px;line-height:1.5;color:#103a4a;margin:0}.main p.source{font-size:13px;color:#103a4a;margin:0;text-align:center;font-style:italic}.main img{max-width:100%;height:auto;border-radius:6px;box-shadow:-20px 20px 0px 0px #d8eaf4}.main svg{max-width:100%;height:auto}.main svg path.white,.main svg polygon.white,.main svg rect.white,.main svg text.white{fill:#fff}.main svg path.orange,.main svg polygon.orange,.main svg rect.orange,.main svg text.orange{fill:#db6630}.main svg path.navy,.main svg polygon.navy,.main svg rect.navy,.main svg text.navy{fill:#103a4a}.main svg path.light-blue,.main svg polygon.light-blue,.main svg rect.light-blue,.main svg text.light-blue{fill:#d8eaf4}.main svg path.green,.main svg polygon.green,.main svg rect.green,.main svg text.green{fill:#d7e8e4}.main .highlight{border-left:4px solid #d8eaf4}.main.green{background:#f3faf8}.main.green svg.diag-svg path{fill:#d7e8e4}.main.green img{box-shadow:-20px 20px 0px 0px #d7e8e4}.main.green .highlight{border-left:4px solid #d7e8e4}.main.sources h3{color:#103a4a;font-size:18px;font-weight:800;line-height:1.5}.main.sources ol li{font-size:15px;line-height:1.5;color:#103a4a;margin:0 0 20px;font-weight:300;font-style:italic}@media(max-width: 1199px){.main p{font-size:19px}.main .highlight{border-left:none}}@media(max-width: 991px){.main svg.diag-svg{width:250px}.main h2{font-size:24px}.main h3{font-size:18px}.main p{font-size:18px}}@media(max-width: 767px){.main svg.diag-svg{width:200px;margin:0 auto 10px;display:block}.main h2{font-size:24px;text-align:center}.main p{font-size:16px;text-align:center}.main h3{font-size:16px;text-align:center}.main img{max-width:55%;height:auto;border-radius:6px;box-shadow:-10px 10px 0px 0px #d8eaf4;margin:0 auto;display:block}.main.green img{box-shadow:-10px 10px 0px 0px #d7e8e4}.main.sources h3{font-size:15px}.main.sources ol li{font-size:14px}}@media(max-width: 575px){.main img{max-width:75%}}.rising-costs svg.inline-rc-taxes-text g{opacity:0;transition:all .3s ease-in-out}.rising-costs svg.inline-rc-taxes-text g.one{transition-delay:.2s;transform:translateX(10px)}.rising-costs svg.inline-rc-taxes-text g.two{transition-delay:.5s;transform:translateX(-10px)}.rising-costs svg.inline-rc-taxes-text g.three{transition-delay:.8s;transform:translateX(10px)}.rising-costs svg.inline-rc-taxes-text.animate g{opacity:1;transform:translateX(0) !important}.rising-costs svg.inline-rc-taxes-chart text.gas-taxes{opacity:0;transition:all .3s ease-in-out;transition-delay:.2s}.rising-costs svg.inline-rc-taxes-chart text.ca-pays{opacity:0;transition:all .3s ease-in-out;transition-delay:.5s}.rising-costs svg.inline-rc-taxes-chart text.x3-more{opacity:0;transition:all .3s ease-in-out;transition-delay:.8s}.rising-costs svg.inline-rc-taxes-chart text.rest-us{opacity:0;transition:all .3s ease-in-out;transition-delay:1.1s}.rising-costs svg.inline-rc-taxes-chart g.ca-bar{opacity:0;transform:scaleY(0.9);transform-origin:bottom;transition:all 1s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.2s}.rising-costs svg.inline-rc-taxes-chart g.nation-bar{opacity:0;transform:scaleY(0.9);transform-origin:bottom;transition:all .8s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:1.2s}.rising-costs svg.inline-rc-taxes-chart.animate g.ca-bar{opacity:1;transform:scaleY(1)}.rising-costs svg.inline-rc-taxes-chart.animate g.nation-bar{opacity:1;transform:scaleY(1)}.rising-costs svg.inline-rc-taxes-chart.animate text.gas-taxes,.rising-costs svg.inline-rc-taxes-chart.animate text.ca-pays,.rising-costs svg.inline-rc-taxes-chart.animate text.x3-more,.rising-costs svg.inline-rc-taxes-chart.animate text.rest-us{opacity:1}.rising-costs svg.inline-rc-taxes-chart .ca-price{opacity:0;transition:all .5s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.4s}.rising-costs svg.inline-rc-taxes-chart .nation-price{opacity:0;transition:all .5s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:1.4s}.rising-costs svg.inline-rc-taxes-chart.animate .ca-price{opacity:1}.rising-costs svg.inline-rc-taxes-chart.animate .nation-price{opacity:1}.rising-costs svg.inline-rc-costs-map .text{font-family:Inter,sans-serif;font-size:60px;font-weight:800;fill:#fff}.rising-costs svg.inline-rc-costs-map g.california{opacity:0;transform:scale(0) translateX(10px);transform-origin:left;transition:all .65s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.2s}.rising-costs svg.inline-rc-costs-map.animate g.california{opacity:1;transform:scale(1) translateX(0)}.rising-costs svg.inline-rc-rates-chart g.california-bar{opacity:0;transform:scaleY(0.9);transform-origin:bottom;transition:all .65s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.2s}.rising-costs svg.inline-rc-rates-chart path.national-bar{opacity:0;transform:scaleY(0.9);transform-origin:bottom;transition:all .65s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.5s}.rising-costs svg.inline-rc-rates-chart.animate g.california-bar{opacity:1;transform:scaleY(1)}.rising-costs svg.inline-rc-rates-chart.animate path.national-bar{opacity:1;transform:scaleY(1)}.rising-costs .rates-up-wrapper{background:#db6630;background:url(../img/rc-rates-up-bg.jpg) no-repeat center center;background-size:cover;padding:20px 0 0;overflow:hidden;box-shadow:-20px 20px 0px 0px #d7e8e4;position:relative}.rising-costs .rates-up-wrapper .rates-up-text{position:absolute;top:20px;left:20px;width:100%;height:100%;z-index:1}.rising-costs .rates-up-wrapper .rates-up-text h2{color:#fff;text-transform:uppercase;margin:0;line-height:1;font-size:40px;font-weight:900}.rising-costs .rates-up-wrapper .rates-up-text p{color:#fff;margin:0;font-size:14px}.rising-costs .rates-up-wrapper svg{transform:translateX(0)}.rising-costs .rates-up-wrapper svg path.chart-line{opacity:0;transform:translateX(-100%) translateY(100%);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.2s}.rising-costs .rates-up-wrapper svg.animate path.chart-line{opacity:1;transform:translateX(-1%) translateY(0)}@media(max-width: 767px){.rising-costs .rates-up-wrapper{padding:20px 0 0;box-shadow:-5px 5px 0px 0px #f3faf8}.rising-costs .rates-up-wrapper .rates-up-text h2{font-size:24px;text-align:left}.rising-costs .rates-up-wrapper .rates-up-text p{font-size:12px;text-align:left}}.energy-reliability svg.inline-er-prod-drop{font-family:Inter,sans-serif;font-weight:800}.energy-reliability svg.inline-er-prod-drop .arrow{opacity:0;transform:translateY(-100%);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.2s}.energy-reliability svg.inline-er-prod-drop .orange,.energy-reliability svg.inline-er-prod-drop .percent{fill:#db6630}.energy-reliability svg.inline-er-prod-drop .percent{font-size:120px;font-weight:800;letter-spacing:0}.energy-reliability svg.inline-er-prod-drop .st3,.energy-reliability svg.inline-er-prod-drop .years{fill:#103a4a}.energy-reliability svg.inline-er-prod-drop .years{font-size:50px;font-weight:900;letter-spacing:0}.energy-reliability svg.inline-er-prod-drop.animate .arrow{opacity:1;transform:translateY(0)}.energy-reliability svg.inline-er-map .bay-area{opacity:0;transform:scale(0);transform-origin:left;transition:opacity 2s cubic-bezier(0.4, 0, 0.2, 1),transform .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.2s}.energy-reliability svg.inline-er-map .la{opacity:0;transform:scale(0);transform-origin:left;transition:opacity 2s cubic-bezier(0.4, 0, 0.2, 1),transform .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.7s}.energy-reliability svg.inline-er-map.animate .bay-area{opacity:1;transform:scale(1)}.energy-reliability svg.inline-er-map.animate .la{opacity:1;transform:scale(1)}.energy-reliability svg.inline-er-prod-declines .arrow{opacity:0;transform:translateY(-100%);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.2s}.energy-reliability svg.inline-er-prod-declines.animate .arrow{opacity:1;transform:translateY(0)}section.oil-dependence svg.inline-od-map path.ca{transform:translateY(-2%) translateX(3%);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.2s}section.oil-dependence svg.inline-od-map path.tanker01{opacity:0;transform:translateY(-50%) translateX(-50%);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.6s}section.oil-dependence svg.inline-od-map path.tanker02{opacity:0;transform:translateY(10%) translateX(-50%);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:1s}section.oil-dependence svg.inline-od-map path.tanker03{opacity:0;transform:translateY(50%) translateX(-30%);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:1.4s}section.oil-dependence svg.inline-od-map.animate path.ca{transform:translateY(0) translateX(0)}section.oil-dependence svg.inline-od-map.animate path.tanker01,section.oil-dependence svg.inline-od-map.animate path.tanker02,section.oil-dependence svg.inline-od-map.animate path.tanker03{opacity:1;transform:translateY(0) translateX(0)}section.oil-dependence svg.inline-od-chart g.ca{opacity:0;transform:translateX(100%);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.2s}section.oil-dependence svg.inline-od-chart g.ak{opacity:0;transform:translateX(100%);transition:all .9s cubic-bezier(0.4, 0, 0.2, 1);transition-delay:.6s}section.oil-dependence svg.inline-od-chart.animate g.ca{transform:translateX(0);opacity:1}section.oil-dependence svg.inline-od-chart.animate g.ak{transform:translateX(0);opacity:1}/*# sourceMappingURL=front.css.map */