.alert{box-sizing:border-box}.alert--banner{z-index:100;width:auto;max-width:none;box-shadow:var(--shadow-md,0 2px 8px #00000014);border-radius:0 0 8px 8px;margin:-24px -24px 16px;position:sticky;top:0}.alert__close{cursor:pointer;color:inherit;opacity:.65;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:18px;line-height:1;transition:opacity .15s,background-color .15s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.alert__close:hover{opacity:1;background-color:#0000000f}[data-theme=dark] .alert__close:hover{background-color:#ffffff14}.alert--banner.alert--with-dismiss,.alert--with-dismiss:not(.alert--banner){padding-right:44px}