@layer components{.c-donate-banner{--api-frame-transform:translate(-60%,-10%);--api-frame-transform-active:translate(-50%,0);--api-frame-shape-transform:rotate(-10deg);--donate-banner-min-height:409px;--donate-banner-bg:var(--brand-light-blue-40);--donate-banner-padding-top:6.39rem;--api-title-color:var(--brand-blue);background:var(--donate-banner-bg);display:flex;gap:2rem 4.25rem;margin:0;min-height:var(--api-donate-banner-min-height,var(--donate-banner-min-height,none));overflow-x:clip;padding:var(--donate-banner-padding-top) var(--grid-browser-gutter) 5.56rem;position:relative}.c-donate-banner:has(.is-visible){--donate-banner-graphic-transform:translate(23%,-27%) rotate(270deg)}.c-donate-banner__main{display:flex;flex-direction:column;margin-top:0;min-height:var(--banner-min-height,20rem);padding-bottom:2.78rem;padding-left:8.33333%;position:relative;width:58.33333%}.c-donate-banner__blurb{margin-top:1.25rem}.c-donate-banner__image{margin-top:calc((var(--donate-banner-padding-top) + 2rem)*-1);max-width:420px;width:57.14286%}.c-donate-banner__content{margin-top:0}.c-donate-banner__iframe{flex:1;margin-top:0}@media only screen and (max-width:800px){.c-donate-banner{--api-frame-transform:translate(-10%,-10%);--api-frame-transform-active:translate(0%,0);--frame-stroke-size:10px;flex-direction:column}.c-donate-banner__main{padding:0;width:100%}.c-donate-banner__image{margin-left:calc((var(--grid-browser-gutter) + .25rem)*-1);margin-top:calc((var(--donate-banner-padding-top) + 1rem)*-1)}.c-donate-banner__image+*{margin-top:10px}}}