wp-component[name=HeroEmail]{--bgColor: var(--color-brand-blue-400)}wp-component[name=HeroEmail]>.wrapper{border-radius:var(--radius-non-scalable-s);background-color:var(--bgColor);margin-inline:auto;max-width:1600px;overflow:clip}wp-component[name=HeroEmail] .columns{display:grid;gap:var(--spacing-non-scalable-m);grid-template-rows:auto;grid-template-columns:1fr;min-block-size:calc(100dvh - 172px)}@media screen and (min-width: 1024px){wp-component[name=HeroEmail] .columns{gap:var(--spacing-non-scalable-s);grid-template-rows:1fr;grid-template-columns:repeat(2,1fr);min-block-size:592px}wp-component[name=HeroEmail] .columns[data-image-align=right]{padding-inline-start:var(--spacing-non-scalable-5xl)}wp-component[name=HeroEmail] .columns[data-image-align=left]{padding-inline-end:var(--spacing-non-scalable-5xl)}}@media screen and (min-width: 1024px){wp-component[name=HeroEmail] .columns[data-image-align=left] .content-column:has(+.image-column){grid-column:2}wp-component[name=HeroEmail] .columns[data-image-align=left] .image-column{grid-column:1}}wp-component[name=HeroEmail] .columns .content-column{align-self:center;grid-column:1/-1;grid-row:1}wp-component[name=HeroEmail] .columns .content-column:has(+.image-column){grid-column:1;grid-row:2}@media screen and (min-width: 1024px){wp-component[name=HeroEmail] .columns .content-column:has(+.image-column){grid-column:1;grid-row:1}}wp-component[name=HeroEmail] .columns .image-column{position:relative;grid-column:1;grid-row:1}@media screen and (min-width: 1024px){wp-component[name=HeroEmail] .columns .image-column{grid-column:2}}wp-component[name=HeroEmail] .content-column{color:var(--text-neutral-base-inversed);display:grid;gap:var(--spacing-scalable-xl)}wp-component[name=HeroEmail] .content-column .text{display:grid;gap:var(--spacing-scalable-s)}wp-component[name=HeroEmail] .content-column h1{font-size:var(--font-heading-xl-size);font-weight:var(--font-heading-xl-weight);letter-spacing:var(--font-heading-xl-tracking);line-height:var(--font-heading-xl-line-height)}@media screen and (min-width: 1280px){wp-component[name=HeroEmail] .content-column h1{font-size:var(--font-heading-2xl-size);font-weight:var(--font-heading-2xl-weight);letter-spacing:var(--font-heading-2xl-tracking);line-height:var(--font-heading-2xl-line-height)}}wp-component[name=HeroEmail] .content-column p{font-size:var(--font-body-m-size);letter-spacing:var(--font-body-m-tracking);line-height:var(--font-body-m-line-height);text-wrap:balance}@media screen and (min-width: 1280px){wp-component[name=HeroEmail] .content-column p{font-size:var(--font-body-l-size);letter-spacing:var(--font-body-l-tracking);line-height:var(--font-body-l-line-height)}}wp-component[name=HeroEmail] .product-content .product-info{align-items:center;display:flex;gap:var(--spacing-non-scalable-xs);margin-block-end:var(--spacing-non-scalable-m)}wp-component[name=HeroEmail] .product-content .product-info-icon,wp-component[name=HeroEmail] .product-content .product-info-icon>span>svg{inline-size:32px;block-size:32px}wp-component[name=HeroEmail] .product-content .product-info-title{color:#fff;font-size:var(--font-heading-s-size);font-weight:var(--font-heading-s-weight);letter-spacing:var(--font-heading-s-tracking);line-height:var(--font-heading-s-line-height);padding-inline-end:var(--spacing-non-scalable-l)}wp-component[name=HeroEmail] .product-content .product-info .platforms-available{margin-block-start:0;align-items:center;display:flex;gap:var(--spacing-non-scalable-xs)}wp-component[name=HeroEmail] .product-content .product-info .platform{anchor-name:var(--anchor-name);border-radius:var(--radius-non-scalable-round);background-color:var(--surface-primary-base-inversed);color:var(--on-surface-icon-primary-base);padding:var(--spacing-non-scalable-2xs)}wp-component[name=HeroEmail] .product-content .product-info .platform>svg{block-size:18px;inline-size:18px}wp-component[name=HeroEmail] .product-content .product-info .platform:hover{background-color:var(--surface-primary-bold-inversed);color:var(--on-surface-icon-primary-bold)}wp-component[name=HeroEmail] .product-content .product-info .platform:focus-visible{background-color:var(--surface-primary-deep-inversed);color:var(--on-surface-icon-primary-deep);outline:2px solid var(--surface-primary-deep-inversed);outline-offset:2px}wp-component[name=HeroEmail] .product-content .product-info .platform:hover+.platform-tooltip,wp-component[name=HeroEmail] .product-content .product-info .platform:focus-visible+.platform-tooltip{display:block;left:anchor(center);top:anchor(bottom);transform:translate(-50%,8px)}wp-component[name=HeroEmail] .product-content .product-info .platform:hover+.platform-tooltip:after,wp-component[name=HeroEmail] .product-content .product-info .platform:focus-visible+.platform-tooltip:after{top:-4px}@media screen and (min-width: 460px){wp-component[name=HeroEmail] .product-content .product-info .platform:hover+.platform-tooltip,wp-component[name=HeroEmail] .product-content .product-info .platform:focus-visible+.platform-tooltip{top:auto;bottom:anchor(top);transform:translate(-50%,-8px)}wp-component[name=HeroEmail] .product-content .product-info .platform:hover+.platform-tooltip:after,wp-component[name=HeroEmail] .product-content .product-info .platform:focus-visible+.platform-tooltip:after{top:auto;bottom:-4px}}wp-component[name=HeroEmail] .product-content .product-info .platform-tooltip{background-color:var(--surface-primary-base-inversed);border-radius:4px;color:var(--text-neutral-light);display:none;font-size:var(--font-body-s-size);line-height:var(--font-body-s-line-height);max-inline-size:260px;padding:var(--spacing-non-scalable-xs);position:fixed;position-anchor:var(--anchor-name)}wp-component[name=HeroEmail] .product-content .product-info .platform-tooltip:after{aspect-ratio:1;background-color:var(--surface-primary-base-inversed);block-size:12px;content:"";display:block;inset-inline:0;margin-inline:auto;position:absolute;transform:rotate(45deg);z-index:-1}wp-component[name=HeroEmail][data-style=background-image] .columns{position:relative}wp-component[name=HeroEmail][data-style=background-image] .columns .background-container{block-size:100%;inline-size:100%;top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}wp-component[name=HeroEmail][data-style=background-image] .columns .background-container>img{inline-size:100%;object-fit:cover}wp-component[name=HeroEmail][data-style=background-image] .columns .background-container:after{background-image:linear-gradient(to right,var(--surface-primary-transparent-light) 10%,transparent 100%);content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:1}@media screen and (min-width: 1024px){wp-component[name=HeroEmail][data-style=background-image] .columns .background-container:after{background-image:linear-gradient(to top right,var(--surface-primary-transparent-light) 10%,transparent 100%)}}wp-component[name=HeroEmail][data-style=background-image] .columns .content-column,wp-component[name=HeroEmail][data-style=background-image] .columns .image-column{padding-inline:var(--radius-non-scalable-m);position:relative;z-index:5}wp-component[name=HeroEmail][data-style=background-image] .columns .content-column{padding-block-end:var(--radius-non-scalable-m)}@media screen and (min-width: 1024px){wp-component[name=HeroEmail][data-style=background-image] .columns .content-column{grid-column:1;grid-row:1}}wp-component[name=HeroEmail][data-style=background-image] .columns .image-column{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;padding-block-start:var(--radius-non-scalable-m);place-items:center}@media screen and (min-width: 1024px){wp-component[name=HeroEmail][data-style=background-image] .columns .image-column{padding-block-start:0;padding-inline:0}}wp-component[name=HeroEmail][data-style=background-image] .columns .image-column>img{grid-column:1;grid-row:1;position:relative;z-index:1}
