:host{display:block}@media(min-width:768px){:host{width:calc(100vw - 45px);width:calc(100vw - var(--wb-ds-grid__grid-margin)*2 - 5px);position:relative;left:50%;right:50%;margin-left:calc(-50vw + 22.5px);margin-left:calc(-50vw - var(--wb-ds-grid__grid-margin)*-1 + 2.5px);margin-right:calc(-50vw + 22.5px);margin-right:calc(-50vw - var(--wb-ds-grid__grid-margin)*-1 + 2.5px)}}@media(min-width:1536px){:host{max-width:1620px;transform:translateX(-50%);margin-left:0;margin-right:0}}.climate-hero{display:flex;align-items:stretch;flex-direction:column}.climate-hero,.climate-hero__container{position:relative}.climate-hero__aside{display:none;flex-direction:column}.climate-hero__aside-content{--wb-ds-title-level-2__bezel-top:0;position:relative;display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}.climate-hero__aside-image{width:100%;flex:none;position:relative}.climate-hero__aside-image:before{content:"";display:block;position:absolute;z-index:5;z-index:var(--wb-ds-zindex--element);bottom:100%;width:100%;height:2rem;height:var(--wb-ds-space--m);background:linear-gradient(0deg,#fff,transparent);background:linear-gradient(0deg,var(--wb-ds-color-gray--white),transparent)}.climate-hero__hotspot{position:absolute;transform:translate(-50%,-50%)}.climate-hero__hotspot-anchor{display:none;position:absolute;top:-1.6rem;top:calc(var(--wb-ds-space--s)*-1);left:50%;transform:translate(-50%,-100%)}.climate-hero__hotspot-label{--mch-text__bezel-top:0;transform:translateX(0);transform:translateX(var(--mch-climate-hero__label-offset,0));color:#fff;color:var(--wb-ds-color-gray--white)}.climate-hero__hotspot-label:after{content:"";position:absolute;top:calc(100% - 1px);left:50%;left:calc(50% + var(--mch-climate-hero__label-offset, 0)*-1);border-left:1.6rem solid transparent;border-right:1.6rem solid transparent;border-style:solid;border-top:var(--wb-ds-space--s) solid var(--wb-box__background);transform:translateX(-50%)}.climate-hero__hotspot--active .climate-hero__hotspot-anchor{display:block}.climate-hero--layer-selected .climate-hero__aside{display:flex}@media(min-width:1024px){.climate-hero{flex-direction:row}.climate-hero__aside{position:absolute;right:0;width:33.3333333333%;height:100%}.climate-hero--layer-selected .climate-hero__container{width:66.6666666667%}}