@layer components{.banner-section{--banner-container-max:1200px;--banner-standard-radius:var(--se-radius-md);--banner-campaign-radius-mobile:var(--se-radius-sm);--banner-campaign-radius-desktop:var(--se-radius-lg);--banner-standard-media-mobile-width:268px;--banner-standard-media-mobile-height:246px;--banner-highlight-mobile-height:425px;--banner-promo-mobile-height:446px;--banner-highlight-desktop-height:246px;--banner-highlight-desktop-panel-height:194px;--banner-promo-desktop-height:226px;--banner-promo-desktop-panel-height:180px;--banner-campaign-media-width:287px;--banner-campaign-media-height:240px;--banner-sidebar-width:255px;--banner-sidebar-min-height:425px;--banner-sidebar-media-width:205px;--banner-sidebar-media-height:188px;width:100%;margin-block-end:var(--se-spacing-16)}.banner-section__inner{width:min(calc(100% - (var(--se-spacing-4) * 2)), var(--banner-container-max));color:var(--se-white);margin-inline-start:auto;margin-inline-end:auto;position:relative}.banner-section__content,.banner-section__media-wrap,.banner-section__media{min-width:0}.banner-section__title,.banner-section__desc,.banner-section__desc>:first-child,.banner-section__desc>:last-child{margin:0}.banner-section__desc>*{margin-block-start:0;margin-block-end:0}.banner-section__media,.banner-section__media-wrap{justify-content:center;align-items:center;display:flex}.banner-section__media img,.banner-section__media svg,.banner-section__image{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.banner-section--highlight .banner-section__inner{min-height:var(--banner-highlight-mobile-height);padding:var(--se-spacing-6) var(--se-spacing-4) 0;border-radius:var(--banner-standard-radius);background:var(--se-gradient-primary);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"content""media";display:grid;overflow:hidden}.banner-section--highlight:not(.has-media) .banner-section__inner{min-height:0;grid-template-rows:auto;grid-template-areas:"content";padding-block-end:var(--se-spacing-6)}.banner-section--highlight .banner-section__content{z-index:1;gap:var(--se-spacing-2);flex-direction:column;grid-area:content;display:flex;position:relative}.banner-section--highlight .banner-section__title{font-family:var(--se-text-body-lg--font-family);font-size:var(--se-text-body-lg);font-weight:var(--se-text-body-lg--font-weight);line-height:var(--se-text-body-lg--line-height)}.banner-section--highlight .banner-section__desc{color:var(--se-primary-100);font-family:var(--se-text-body--font-family);font-size:var(--se-text-body);font-weight:var(--se-text-body--font-weight);line-height:var(--se-text-body--line-height)}.banner-section--highlight .banner-section__media-wrap{width:var(--banner-standard-media-mobile-width);height:var(--banner-standard-media-mobile-height);grid-area:media;place-self:end center;position:relative}.banner-section--highlight .banner-section__media{width:100%;height:100%}.banner-section--sidebar .banner-section__inner{width:min(100%, var(--banner-sidebar-width));min-height:var(--banner-sidebar-min-height);padding:var(--se-spacing-4) var(--se-spacing-4) 0;border-radius:var(--banner-standard-radius);background:var(--se-gradient-primary);flex-direction:column;display:flex;overflow:hidden}.banner-section--sidebar:not(.has-media) .banner-section__inner{min-height:0;padding-block-end:var(--se-spacing-4)}.banner-section--sidebar .banner-section__content{gap:var(--se-spacing-2);flex-direction:column;display:flex}.banner-section--sidebar .banner-section__title{font-family:var(--se-text-body-lg--font-family);font-size:var(--se-text-body-lg);font-weight:var(--se-text-body-lg--font-weight);line-height:var(--se-text-body-lg--line-height)}.banner-section--sidebar .banner-section__desc{color:var(--se-primary-100);font-family:var(--se-text-body--font-family);font-size:var(--se-text-body);font-weight:var(--se-text-body--font-weight);line-height:var(--se-text-body--line-height)}.banner-section--sidebar .banner-section__media-wrap{width:var(--banner-sidebar-media-width);height:var(--banner-sidebar-media-height);align-self:center;margin-block-start:auto}.banner-section--sidebar .banner-section__media{width:100%;height:100%}.banner-section--promo .banner-section__inner{min-height:var(--banner-promo-mobile-height);padding:var(--se-spacing-6) var(--se-spacing-4) 0;border-radius:var(--banner-standard-radius);background:var(--se-gradient-primary);flex-direction:column;display:flex;overflow:hidden}.banner-section--promo:not(.has-media) .banner-section__inner{min-height:0;padding-block-end:var(--se-spacing-6)}.banner-section--promo .banner-section__content{z-index:1;align-items:flex-start;gap:var(--se-spacing-2);flex-direction:column;display:flex;position:relative}.banner-section__promo-head{width:100%;display:block}.banner-section--promo .banner-section__title{font-family:var(--se-text-h4--font-family);font-size:var(--se-text-h4);font-weight:var(--se-text-h4--font-weight);line-height:var(--se-text-h4--line-height);display:inline}.banner-section--promo .banner-section__badge{vertical-align:middle;margin-inline-start:var(--se-spacing-2);display:inline-flex}.banner-section__os-list{align-items:center;gap:var(--se-spacing-2);font-family:var(--se-text-body-sm--font-family);font-size:var(--se-text-body-sm);font-weight:var(--se-text-body-sm--font-weight);line-height:var(--se-text-body-sm--line-height);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.banner-section__os-item{align-items:center;gap:var(--se-spacing-2);white-space:nowrap;display:flex}.banner-section__os-icon{flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.banner-section__os-icon>svg,.banner-section__os-icon>img,.banner-section__os-image{object-fit:contain;width:24px;height:24px;display:block}.banner-section--promo .banner-section__media-wrap{width:var(--banner-standard-media-mobile-width);height:var(--banner-standard-media-mobile-height);align-self:center;margin-block-start:auto}.banner-section--promo .banner-section__media{width:100%;height:100%}.banner-section--promo .banner-section__cta{display:none}.banner-section--campaign .banner-section__inner{align-items:center;gap:var(--se-spacing-6);padding:var(--se-spacing-4);border-radius:var(--banner-campaign-radius-mobile);background:var(--se-gradient-accent-column);flex-direction:column;display:flex}.banner-section--campaign .banner-section__content{align-items:flex-start;gap:var(--se-spacing-4);flex-direction:column;width:100%;display:flex}.banner-section--campaign .banner-section__title{width:100%;font-family:var(--se-text-h5--font-family);font-size:var(--se-text-h5);font-weight:var(--se-text-h5--font-weight);line-height:var(--se-text-h5--line-height)}.banner-section--campaign .banner-section__desc{width:100%;color:var(--se-primary-50);font-family:var(--se-text-body--font-family);font-size:var(--se-text-body);font-weight:var(--se-text-body--font-weight);line-height:var(--se-text-body--line-height)}.banner-section--campaign .banner-section__cta,.banner-section--campaign .banner-section__cta.button{width:100%}.banner-section--campaign .banner-section__media-wrap{width:min(100%, var(--banner-campaign-media-width));flex-direction:column;align-items:stretch}.banner-section--campaign .banner-section__media{width:100%;height:var(--banner-campaign-media-height)}.banner-section__promo-code{width:100%;min-height:48px;padding:var(--se-spacing-1);border-radius:var(--se-radius-sm);background:var(--se-white);justify-content:space-between;align-items:center;margin-block-start:-4px;padding-inline-start:var(--se-spacing-4);display:flex}.banner-section__promo-code-value{color:var(--se-primary-600);font-family:var(--se-text-card-title--font-family);font-size:var(--se-text-card-title);font-weight:var(--se-text-card-title--font-weight);line-height:var(--se-text-card-title--line-height);white-space:nowrap}.banner-section__copy{flex:none}@media (min-width:1050px){.banner-section{margin-block-end:var(--se-spacing-32)}.banner-section--highlight .banner-section__inner{min-height:var(--banner-highlight-desktop-height);grid-template-columns:300px minmax(0,1fr);grid-template-areas:"media.""media content";grid-template-rows:calc(var(--banner-highlight-desktop-height) - var(--banner-highlight-desktop-panel-height)) var(--banner-highlight-desktop-panel-height);background:0 0;column-gap:41px;padding-inline-start:32px;padding-inline-end:48px;display:grid;overflow:visible}.banner-section--highlight .banner-section__inner:before{content:"";left:0;right:0;height:var(--banner-highlight-desktop-panel-height);border-radius:var(--banner-standard-radius);background:var(--se-gradient-primary);position:absolute;bottom:0}.banner-section--highlight:not(.has-media) .banner-section__inner{min-height:var(--banner-highlight-desktop-panel-height);grid-template-columns:minmax(0,1fr);grid-template-areas:"content";grid-template-rows:var(--banner-highlight-desktop-panel-height);padding-inline-start:48px;padding-inline-end:48px}.banner-section--highlight .banner-section__content{align-self:center;gap:var(--se-spacing-2);grid-area:content;position:relative}.banner-section--highlight .banner-section__media-wrap{grid-area:media;place-self:end center;width:268px;height:246px}.banner-section--promo .banner-section__inner{min-height:var(--banner-promo-desktop-height);grid-template-columns:247px minmax(0,1fr) 180px;grid-template-areas:"media. .""media content cta";grid-template-rows:calc(var(--banner-promo-desktop-height) - var(--banner-promo-desktop-panel-height)) var(--banner-promo-desktop-panel-height);background:0 0;align-items:stretch;column-gap:36px;padding-inline-start:48px;padding-inline-end:48px;display:grid;overflow:visible}.banner-section--promo .banner-section__inner:before{content:"";left:0;right:0;height:var(--banner-promo-desktop-panel-height);border-radius:var(--banner-standard-radius);background:var(--se-gradient-primary);position:absolute;bottom:0}.banner-section--promo:not(.has-media) .banner-section__inner{min-height:var(--banner-promo-desktop-panel-height);grid-template-columns:minmax(0,1fr) 180px;grid-template-areas:"content cta";grid-template-rows:var(--banner-promo-desktop-panel-height)}.banner-section--promo .banner-section__content{align-self:center;gap:var(--se-spacing-2);grid-area:content}.banner-section--promo .banner-section__promo-head{width:100%}.banner-section--promo .banner-section__media-wrap{grid-area:media;align-self:end;width:247px;height:226px;margin:0}.banner-section--promo .banner-section__os-list{gap:var(--se-spacing-4);flex-wrap:nowrap}.banner-section--promo .banner-section__os-item{min-height:32px}.banner-section--promo .banner-section__os-item:not(:last-child){border-inline-end:1px dashed var(--se-white);padding-inline-end:var(--se-spacing-4)}.banner-section--promo .banner-section__cta{grid-area:cta;place-self:center stretch;min-width:185px;display:inline-flex}.banner-section--promo .banner-section__content,.banner-section--promo .banner-section__media-wrap,.banner-section--promo .banner-section__cta{z-index:1;position:relative}.banner-section--campaign .banner-section__inner{grid-template-areas:"content media";grid-template-columns:minmax(0, 590px) var(--banner-campaign-media-width);justify-content:space-between;align-items:center;gap:var(--se-spacing-8);border-radius:var(--banner-campaign-radius-desktop);background:var(--se-gradient-accent-row);min-height:360px;padding:28px 48px;display:grid}.banner-section--campaign:not(.has-media) .banner-section__inner{grid-template-columns:minmax(0,590px);grid-template-areas:"content"}.banner-section--campaign .banner-section__content{gap:var(--se-spacing-6);grid-area:content;width:100%}.banner-section--campaign .banner-section__cta,.banner-section--campaign .banner-section__cta.button{width:auto;min-width:206px}.banner-section--campaign .banner-section__media-wrap{width:var(--banner-campaign-media-width);grid-area:media;justify-self:end;margin-inline-end:61px}}}