.banner{--box-background:var(--color-surface-secondary-default);--box-color:var(--color-text-on-surface-secondary-default);--box-shadow:var(--shadow-high);--gutter:var(--space-l-xl);--sidebar-vertical-alignment:center;--sidebar-target-width:auto;isolation:isolate;overflow:hidden;position:relative}.banner>svg{opacity:.2;position:absolute;z-index:-1}.banner__deco-beans{bottom:-80px;right:-80px;width:max(50%,450px)}.banner__deco-cocoaplant,.banner__deco-coffeeplant{bottom:-100px;right:-100px;width:max(50%,450px)}.banner__deco-waves{bottom:0;right:0;-webkit-transform:translate(50%,50%);transform:translate(50%,50%);width:100%}.banner__deco-dots{inset:0;width:max(100%,700px)}.banner__deco-coffeefruits{right:-100px;top:-50px;width:max(50%,450px)}.banner__graphic{block-size:180px;inline-size:180px;margin-inline:auto}.banner .button{-webkit-box-shadow:var(--shadow-medium);box-shadow:var(--shadow-medium)}.banner[data-color=brand-one]{--box-background:var(--color-fill-brand-one);--box-color:var(--color-text-on-fill-brand-one)}.banner[data-color=brand-two]{--box-background:var(--color-fill-brand-two);--box-color:var(--color-text-on-fill-brand-two)}.banner[data-color=brand-three]{--box-background:var(--color-fill-brand-three);--box-color:var(--color-text-on-fill-brand-three)}.banner[data-container]{container-type:inline-size}@container (max-width: 499px){.banner[data-container]>*{text-align:center}.banner[data-container] .button{width:100%}}