.banner{background:var(--color-dark-sky);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-7);display:flex;flex-direction:column;gap:var(--space-4);color:var(--color-snow)}.banner-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-5)}.banner-headline{font-weight:700;line-height:1.4}.banner-headline,.banner-learn{font-family:var(--font-roboto);font-size:16px}.banner-learn{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;white-space:nowrap;color:rgba(var(--color-snow-rgb),.7);text-decoration:none}.banner-learn:hover{color:var(--color-snow)}.banner-body{margin:0;flex:1;font-family:var(--font-roboto);font-size:16px;line-height:1.6}.banner-image{flex-shrink:0;overflow:hidden;background:var(--white);display:flex;align-items:center;justify-content:center}.banner-image img{width:100%;height:100%;object-fit:contain}.banner-default .banner-content{display:flex;align-items:flex-start;gap:var(--space-5)}.banner-default .banner-image{width:96px;height:64px;border-radius:var(--radius-md);padding:var(--space-2)}.banner-stacked .banner-content{display:flex;flex-direction:column;gap:var(--space-4)}.banner-stacked .banner-image{width:100%;height:160px;border-radius:var(--radius-lg);padding:var(--space-4)}