notify-manager{width:100%;display:flex;flex-direction:column-reverse;background:0 0;border:none;padding:0;margin:0;z-index:100000;&:has(notify-banner) { position:sticky; overflow-y:hidden; justify-content:end; position:fixed; bottom:0px; } &:has(notify-popup[data-state="showing"]) { height:100vh; justify-content:center; align-items:center; background:var(--BG_SHADOW); &::backdrop { backdrop-filter:blur(2px); } notify-banner { position:absolute; bottom:0; width:100%; } }}notify-popup{flex-direction:column;max-width:60%;div:has( button img) { button { width:100%; background:var(--BG_NEUTRAL); &:hover { background:var(--BG_NEUTRAL_HOVER); } } img { max-height:42px; width:auto; } } table { border-collapse:collapse; th,td { border:1px solid; padding:5px; text-align:left; font-size:13px; } td { font-weight:normal; } }}notify-popup[data-state=showing]+notify-popup{display:none}notify-banner{flex-direction:row}notify-banner,notify-popup{display:block;opacity:0;border-width:0;transition:all var(--fade_duration)allow-discrete;display:flex;align-items:center;justify-content:space-between;height:0;max-height:70%;gap:10px;&.img_only { cursor: pointer; } div:first-child { overflow-y: auto; overflow-x: hidden; } .content_wrapper { width: 100%; text-align: center; } &[data-state=showing], &[data-state=fade_in] { opacity: 1; border: 2px solid var(--border_color); &:not(.img_only) { padding: 20px 5%; } height: auto; isolation: isolate; } &[data-prio_type=warning] { font-weight: 700; background: var(--BG_WARNING); --border_color: var(--COLOR_ERROR_DARK); p { text-align: center; } } &[data-prio_type=confirm] { font-weight: 700; background: var(--BG_CONFIRM); --border_color: var(--COLOR_CONFIRM_DARK); p { text-align: center; } } &[data-prio_type=info], &[data-prio_type=confirm_order] { font-weight: normal; --border_color: var(--COLOR_PRIMARY_DARK); background: var(--BG_GREY_LIGHT); background-repeat: no-repeat; background-size: cover; p { text-align: left; } } &[data-prio_type=confirm_order] p { text-align: center; } h1[data-name="title-popup"] { text-align: center; } div:has(button) { display: flex; gap: 10px; } img { width: 100%; } ul { margin: 20px 0px; li { margin-left: 25px; text-align: left; } } table { margin: 20px 0px; }}@-moz-document url-prefix(){notify-manager:has(notify-bannew){height:100%;position:fixed}}