.od-banner{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3) var(--sp-4);border-radius:var(--r-sm);border:1px solid;display:flex}.od-banner--info{background:var(--primary-cont);border-color:var(--primary-cont-line);color:var(--on-primary-cont)}.od-banner--warn{background:var(--warn-cont);border-color:var(--warn-line);color:var(--warn-text)}.od-banner--error{background:var(--error-cont);border-color:var(--error-line);color:var(--error-text)}.od-banner--neutral{background:var(--surface-high);border-color:var(--outline);color:var(--ink-2)}.od-banner--neutral .od-banner-title,.od-banner--neutral .od-banner-btn--solid{color:var(--ink)}.od-banner--neutral .od-banner-btn--solid{border-color:var(--outline-strong)}.od-banner--neutral .od-banner-btn--solid:hover{background:var(--well)}.od-banner-icon{border-radius:var(--r-xs);width:20px;height:20px;font:500 var(--fs-secondary) / 1 var(--mono);flex:none;place-items:center;display:grid}.od-banner--info .od-banner-icon{color:var(--primary)}.od-banner--warn .od-banner-icon{color:var(--warn)}.od-banner--error .od-banner-icon{color:var(--error)}.od-banner-body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.od-banner-title{font:600 var(--fs-label) / 1.4 var(--ui)}.od-banner-sub{font:400 var(--fs-secondary) / 1.5 var(--ui)}.od-banner-acts{gap:var(--sp-2);flex:none;margin-left:auto;display:flex}.od-banner-btn{height:var(--control-h);padding:0 var(--sp-4);border-radius:var(--r-full);color:inherit;font:500 var(--fs-label) / 1 var(--ui);cursor:pointer;background:0 0;border:1px solid #0000}.od-banner-btn:hover{text-decoration:underline}.od-banner-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.od-banner-btn:active{opacity:.72;transition:opacity var(--dur-instant) var(--ease-std)}.od-banner-btn--solid{background:color-mix(in srgb, var(--surface-high) 62%, transparent)}.od-banner-btn--solid:hover{background:var(--surface-high);text-decoration:none}.od-banner-btn[aria-disabled=true]{opacity:.38;cursor:not-allowed}@media (width<=599px){.od-banner{flex-wrap:wrap}.od-banner-acts{justify-content:flex-end;width:100%;margin-left:0}}