.hero-banner__pattern{z-index:0;display:block;position:absolute;opacity:.04;inset-block-start:0;inset-inline-start:50%;inline-size:46.875rem;aspect-ratio:1500/1080}@media(min-width:64em){.hero-banner__pattern{inline-size:53.125rem}}@media(min-width:75em){.hero-banner__pattern{inline-size:62.5rem}}@media(min-width:90em){.hero-banner__pattern{inline-size:81.25rem}}:where(.hero-banner-wrapper[data-theme=black]) .hero-banner__pattern{opacity:.08}.hero-banner__pattern--with-img{inset-inline-start:auto;inset-inline-end:0}@media(min-width:48em){.hero-banner__pattern--with-img{inset-inline-end:50%}}.hero-banner__pattern--m-at-m{transform:translateX(-50%)}.hero-banner__pattern--flipped{transform:scaleX(-1)}