.s-banner-basic{margin-bottom:var(--section-spacing);color:var(--s-banner-basic-color)}.s-banner-basic__container{max-width:calc(var(--container-max-width) + var(--container-spacing-desktop) * 2);margin:0 auto;padding-inline:var(--container-spacing)}.s-banner-basic--background{background:var(--s-banner-basic-background, transparent);padding-block:var(--section-spacing);margin-bottom:var(--section-spacing);position:relative;z-index:var(--z-index-base)}.s-banner-basic--background :where(.s-banner-basic__background){--cms-image-height: 100%;--cms-image-width: 100%;--cms-image-object-fit: cover;height:100%;width:100%;position:absolute;top:0;z-index:var(--z-index-low)}.s-banner-basic--background .s-banner-basic__title{--cms-title-color: var(--s-banner-basic-background-title-color, var(--white))}.s-banner-basic__title{--cms-title-align: var(--s-banner-basic-title-align, center);--cms-title-margin-bottom: var(--s-banner-basic-title-margin-bottom, var(--space-300))}.s-banner-basic__banner{display:flex;position:relative}.s-banner-basic__banner:not(.cms-link),.s-banner-basic__banner>.cms-link__action{border-radius:var(--s-banner-basic-banner-border-radius, var(--border-radius-100));max-height:var(--s-banner-basic-banner-height, 16rem);overflow:hidden}.s-banner-basic__banner>.cms-link__action{flex:1}.s-banner-basic__banner>.s-banner-basic__image{--cms-image-height: auto}.s-banner-basic__banner-title{--cms-title-color: var(--s-banner-basic-banner-title-color, var(--white));--cms-title-gap: var(--s-banner-basic-banner-title-gap, var(--space-100))}.s-banner-basic__banner-action{--cms-actions-min-height: var(--size-700);--cms-actions-min-height-variant: var(--size-700);--cms-actions-padding: var(--space-100) var(--space-200);--cms-actions-padding-variant: var(--space-100) var(--space-200);--cms-actions-font-size: var(--font-size-4);--cms-actions-font-size-variant: var(--font-size-4);--cms-actions-gap: var(--space-100);--cms-actions-gap-variant: var(--space-100);--cms-actions-icon-size: var(--size-300);--cms-actions-icon-size-variant: var(--size-300);--cms-actions-background-color-variant: var(--primary);--cms-actions-hover-background-color-variant: var(--primary-500);--cms-actions-color-variant: var(--primary);--cms-actions-hover-color-variant: var(--primary-600);--cms-actions-border-color-variant: var(--primary);--cms-actions-hover-border-color-variant: var(--primary-600);--cms-actions-outline-hover-background-color-variant: var(--primary-100);--cms-actions-background-color: var(--cms-actions-filled-primary-background-color, var(--cms-actions-background-color-variant, var(--gray-500)));--cms-actions-hover-background-color: var(--cms-actions-filled-primary-hover-background-color, var(--cms-actions-hover-background-color-variant, var(--gray-600)));--cms-actions-color: var(--cms-actions-filled-primary-color, var(--white));--cms-actions-hover-color: var(--cms-actions-filled-primary-hover-color, var(--white));--cms-actions-border: var(--cms-actions-filled-primary-border, none);--cms-actions-border-color: var(--cms-actions-filled-primary-border-color, transparent);--cms-actions-hover-border-color: var(--cms-actions-filled-primary-hover-border-color, transparent);--cms-actions-border-radius: var(--cms-actions-filled-primary-border-radius, var(--cms-actions-filled-border-radius, var(--border-radius-100)));--cms-actions-min-height: var(--cms-actions-filled-primary-min-height, var(--cms-actions-min-height-variant));--cms-actions-padding: var(--cms-actions-filled-primary-padding, var(--cms-actions-padding-variant));--cms-actions-text-decoration: var(--cms-actions-filled-primary-text-decoration, none);--cms-actions-hover-text-decoration: var(--cms-actions-filled-primary-hover-text-decoration, none)}.s-banner-basic__content{align-items:var(--s-banner-basic-content-justify, center);display:flex;flex-direction:var(--s-banner-basic-content-direction, column);gap:var(--s-banner-basic-content-gap, var(--space-200));justify-content:var(--s-banner-basic-content-align, center);height:100%;left:0;padding:var(--s-banner-basic-content-padding, var(--space-200));position:absolute;top:0;width:100%;z-index:var(--z-index-regular)}.s-banner-basic__bottom{display:flex;justify-content:var(--s-banner-basic-actions-justify, center);margin-top:var(--s-banner-basic-actions-margin-top, var(--space-300))}.s-banner-basic__actions{--cms-actions-min-height: var(--size-700);--cms-actions-min-height-variant: var(--size-700);--cms-actions-padding: var(--space-100) var(--space-200);--cms-actions-padding-variant: var(--space-100) var(--space-200);--cms-actions-font-size: var(--font-size-4);--cms-actions-font-size-variant: var(--font-size-4);--cms-actions-gap: var(--space-100);--cms-actions-gap-variant: var(--space-100);--cms-actions-icon-size: var(--size-300);--cms-actions-icon-size-variant: var(--size-300);--cms-actions-background-color-variant: var(--primary);--cms-actions-hover-background-color-variant: var(--primary-500);--cms-actions-color-variant: var(--primary);--cms-actions-hover-color-variant: var(--primary-600);--cms-actions-border-color-variant: var(--primary);--cms-actions-hover-border-color-variant: var(--primary-600);--cms-actions-outline-hover-background-color-variant: var(--primary-100);--cms-actions-background-color: var(--cms-actions-filled-primary-background-color, var(--cms-actions-background-color-variant, var(--gray-500)));--cms-actions-hover-background-color: var(--cms-actions-filled-primary-hover-background-color, var(--cms-actions-hover-background-color-variant, var(--gray-600)));--cms-actions-color: var(--cms-actions-filled-primary-color, var(--white));--cms-actions-hover-color: var(--cms-actions-filled-primary-hover-color, var(--white));--cms-actions-border: var(--cms-actions-filled-primary-border, none);--cms-actions-border-color: var(--cms-actions-filled-primary-border-color, transparent);--cms-actions-hover-border-color: var(--cms-actions-filled-primary-hover-border-color, transparent);--cms-actions-border-radius: var(--cms-actions-filled-primary-border-radius, var(--cms-actions-filled-border-radius, var(--border-radius-100)));--cms-actions-min-height: var(--cms-actions-filled-primary-min-height, var(--cms-actions-min-height-variant));--cms-actions-padding: var(--cms-actions-filled-primary-padding, var(--cms-actions-padding-variant));--cms-actions-text-decoration: var(--cms-actions-filled-primary-text-decoration, none);--cms-actions-hover-text-decoration: var(--cms-actions-filled-primary-hover-text-decoration, none)}
