.banner{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);min-block-size:var(--hit);font-family:var(--display);font-size:.875rem;font-weight:600;display:flex}.banner-icon{flex:none;display:inline-flex}.banner-text{min-inline-size:0}.banner-detail{opacity:.85;white-space:nowrap;margin-inline-start:auto;font-size:.8125rem;font-weight:400}.banner-action{align-items:center;gap:var(--s2);flex:none;margin-inline-start:var(--s3);display:flex}.banner .btn{color:inherit}.banner-text+.banner-action{margin-inline-start:auto}@media (width<=599px){.banner{flex-wrap:wrap}.banner-detail{inline-size:100%;white-space:normal;margin-inline-start:0;padding-inline-start:calc(18px + var(--s3))}}.banner-enamel{background:var(--plate-bg);color:var(--plate-fg)}.banner-beacon{background:var(--beacon);color:var(--on-beacon)}.banner-signal{background:var(--paper);color:var(--signal);box-shadow:inset 0 0 0 2px}