.modalCorner{--modalCorner-fontSize: 1em;--modalCorner-padding: clamp(.938rem, 1.9vw + .3rem, 1.875rem);--modalCorner-maxWidth: 640px;--modalCorner-backgroundColor: #fff;--modalCorner-borderRadius: var(--borderRadius-small);--modalCorner-offset: 22px;--modalCorner-close-size: 30px;--modalCorner-close-icon-size: 20px;--modalCorner-close-borderRadius: 50%;--modalCorner-close-backgroundColor: transparent;--modalCorner-close-backgroundColor-hover: #f0f0f0;--modalCorner-close-color: #000;--modalCorner-close-color-hover: #000}.modalCorner{right:var(--modalCorner-offset);bottom:var(--modalCorner-offset);font-size:var(--modalCorner-fontSize);border:solid 1px var(--grey);background-color:var(--modalCorner-backgroundColor);padding:var(--modalCorner-padding);width:calc(100% - (2 * var(--modalCorner-offset)));max-width:var(--modalCorner-maxWidth);text-align:left;position:fixed;z-index:4000;overflow:hidden}.modalCorner-content .partHeading{font-style:normal;margin-bottom:.3em}.modalCorner-content .partContentText{--partContentText1-lineHeight: 1.4;padding-right:15px}.modalCorner-content .ctaButton{background-color:var(--red);color:var(--white);margin-bottom:0}.modalCorner-content .ctaButton:after{border-color:var(--red) transparent var(--red) var(--red)}@media (hover: hover){.modalCorner-content .ctaButton:hover,.modalCorner-content .ctaButton:focus{background-color:var(--green);color:var(--white)}.modalCorner-content .ctaButton:hover:after,.modalCorner-content .ctaButton:focus:after{border-color:var(--green) transparent var(--green) var(--green)}}.modalCorner .modalCorner-close{z-index:20;position:absolute;top:calc(var(--modalCorner-offset) / 2);right:calc(var(--modalCorner-offset) / 2);width:var(--modalCorner-close-size);height:var(--modalCorner-close-size);display:grid;place-items:center;border-radius:var(--modalCorner-close-borderRadius);background-color:var(--modalCorner-close-backgroundColor);color:var(--modalCorner-close-color);transition:background-color .3s,color .3s}@media (hover: hover){.modalCorner .modalCorner-close:hover{background-color:var(--modalCorner-close-backgroundColor-hover);color:var(--modalCorner-close-color-hover)}}.modalCorner .modalCorner-close>svg{fill:currentColor;width:calc(var(--modalCorner-close-icon-size) * .6);height:calc(var(--modalCorner-close-icon-size) * .6)}.modalCorner .modalCorner-close .partFontIcon{--partFontIcon-size: var(--modalCorner-close-icon-size);--partFontIcon-color: currentColor}