.eol-banner{border:1px solid var(--status-info);background-color:var(--bg-page);border-radius:1rem;flex-direction:column;width:100%;margin-top:1.5rem;margin-bottom:1.5rem;padding:1rem;display:flex}@media (min-width:768px){.eol-banner{padding:1.2rem 1.7rem}}.eol-banner--compact{grid-template-columns:1fr auto;align-items:start;gap:.75rem;padding:.75rem 1rem;display:grid}@media (min-width:768px){.eol-banner--compact{padding:.875rem 1.7rem}}.eol-banner__top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}@media (min-width:768px){.eol-banner__top{align-items:center}}.eol-banner__content{align-items:flex-start;gap:.75rem;display:flex}@media (min-width:768px){.eol-banner__content{align-items:center;gap:2rem}}.eol-banner__icon-wrap{flex-shrink:0;width:1.5rem;height:1.5rem}@media (min-width:768px){.eol-banner__icon-wrap{width:3rem;height:3rem}}.eol-banner__icon{width:100%;height:100%;display:block}.eol-banner__copy{flex-direction:column;gap:.5rem;display:flex}.eol-banner__title{color:var(--status-info);margin:0}.eol-banner__description{margin:0}.eol-banner__description--upgrade{color:var(--status-info)}.eol-banner__upgrade-copy{align-items:center;gap:.25rem;display:inline-flex}.eol-banner__upgrade-icon{flex-shrink:0}.eol-banner__divider{border:none;border-top:1px solid var(--border-default);opacity:.4;width:100%;margin:1rem 0}.eol-banner__close{cursor:pointer;width:2rem;height:2rem;color:var(--color-text-primary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.eol-banner__top .eol-banner__close{margin-inline-start:auto}.eol-banner__close:hover{opacity:var(--opacity-hover)}.eol-banner__close:focus-visible{outline:var(--focus-outline-width)var(--focus-outline-style)var(--color-secondary);outline-offset:var(--focus-outline-offset)}.eol-banner__notice{gap:var(--spacing-sm)}