/* xero.gg toasts (assets/web/app.css, xero-toast and #uniteddb-notifications), extracted for js/toasts.js. */
#uniteddb-notifications{--toast-gap:8px;--toast-inset:24px;left:max(var(--toast-inset), env(safe-area-inset-left));pointer-events:none;width:min(360px, 100vw - 2 * var(--toast-inset));z-index:1025;position:fixed;top:76px}
body:has(.navbar-notification) #uniteddb-notifications{top:104px}
.xero-toasts{flex-direction:column;display:flex}
.xero-toast{--toast-text-color:#deebff;--toast-control-color:#c1ccdd;--toast-label-color:#b2bccc;--toast-muted-color:#9aa3b1;--toast-shadow:0 1px 2px #0009;--toast-enter-x:-24px;--toast-enter-y:0px;--toast-exit-x:-24px;--toast-exit-y:0px;--toast-ease:cubic-bezier(.22, 1, .36, 1);--toast-padding:16px;--toast-radius:16px;--toast-close-size:20px;-webkit-backdrop-filter:brightness(2.5) var(--blur-30) brightness(.4);backdrop-filter:brightness(2.5) var(--blur-30) brightness(.4);border-radius:var(--toast-radius);color:var(--toast-control-color);margin-bottom:var(--toast-gap);opacity:var(--toast-drag-opacity,1);pointer-events:auto;touch-action:pan-y;transition:background-color var(--transition-duration) ease, margin-bottom .32s var(--toast-ease), opacity .24s ease, scale .32s var(--toast-ease), translate .32s var(--toast-ease);translate:var(--toast-drag-x,0px) 0;-webkit-user-select:none;user-select:none;background-color:#0000001a;position:relative;overflow:hidden;box-shadow:0 0 8px 4px #00000040}
:root.blur-disabled .xero-toast{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#1b2129f0}
.xero-toast.has-link:hover:not(:has(:is(.xero-toast__media,.xero-toast__player,button):hover)){background-color:#deebff0d}
.xero-toast.has-link:active:not(:has(:is(.xero-toast__media,.xero-toast__player,button):active)){scale:.985}
.xero-toast.is-dragging{cursor:grabbing;transition:background-color var(--transition-duration) ease}
.xero-toast.is-leaving{margin-bottom:calc(-1 * var(--toast-collapse,0px));opacity:0;pointer-events:none;scale:.96;translate:calc(var(--toast-drag-x,0px) + var(--toast-exit-x)) var(--toast-exit-y)}
.xero-toast__main{padding:var(--toast-padding);align-items:center;gap:12px;display:flex}
.xero-toast__media{border-radius:50%;flex-shrink:0;display:block;position:relative}
.xero-toast__media:is(a){z-index:1}
.xero-toast__media:is(a) .xero-toast__avatar{transition:filter var(--transition-duration) ease, scale var(--transition-duration) ease}
.xero-toast__media:is(a):hover .xero-toast__avatar{filter:brightness(1.12);scale:1.05}
.xero-toast__avatar,.xero-toast__glyph{box-shadow:var(--toast-shadow);border-radius:50%;width:36px;height:36px;display:block}
.xero-toast__avatar{object-fit:cover}
.xero-toast__glyph{color:var(--toast-text-color);background:#deebff1a;justify-content:center;align-items:center;display:flex}
.xero-toast__glyph svg{filter:drop-shadow(var(--toast-shadow));width:16px;height:16px}
.xero-toast__content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}
.xero-toast__meta{color:var(--toast-label-color);letter-spacing:.06em;padding-right:calc(var(--toast-close-size) + 4px);text-shadow:var(--toast-shadow);text-transform:uppercase;white-space:nowrap;align-items:baseline;gap:8px;font-size:10px;font-weight:650;line-height:14px;display:flex}
.xero-toast__meta time{color:var(--toast-muted-color);letter-spacing:.02em;text-overflow:ellipsis;text-transform:none;font-weight:500;overflow:hidden}
.xero-toast__title{text-overflow:ellipsis;overflow:hidden}
.xero-toast__meta:empty{display:none}
.xero-toast__meta:empty+.xero-toast__text{padding-right:calc(var(--toast-close-size) + 4px)}
.xero-toast__text{color:var(--toast-control-color);overflow-wrap:anywhere;text-shadow:var(--toast-shadow);font-size:12px;font-weight:500;line-height:18px}
.xero-toast__player{color:var(--toast-text-color);transition:background-size var(--transition-duration) ease;z-index:1;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;font-weight:650;position:relative}
.xero-toast__player:hover{color:var(--toast-text-color);background-size:100% 1px;text-decoration:none}
.xero-toast__player:focus-visible{outline:2px solid var(--toast-text-color);outline-offset:2px;border-radius:2px}
.xero-toast__subject{color:inherit;transition:color var(--transition-duration) ease}
.xero-toast__subject:after{content:"";position:absolute;inset:0}
.xero-toast__subject:hover{color:var(--toast-text-color);text-decoration:none}
.xero-toast__subject:focus-visible{outline:none}
.xero-toast__subject:focus-visible:after{border-radius:var(--toast-radius);outline:2px solid var(--toast-text-color);outline-offset:-2px}
.xero-toast__close{color:var(--toast-control-color);filter:drop-shadow(var(--toast-shadow));height:var(--toast-close-size);right:calc(var(--toast-padding) - (var(--toast-close-size) - 12px) / 2);top:calc(var(--toast-padding) + 7px - var(--toast-close-size) / 2);transition:background-color var(--transition-duration) ease, color var(--transition-duration) ease;width:var(--toast-close-size);z-index:1;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute}
.xero-toast__close svg{width:12px;height:12px}
.xero-toast__close:hover{color:var(--toast-text-color);background-color:#deebff1a}
.xero-toast__close:focus-visible{outline:2px solid var(--toast-text-color);outline-offset:-2px}
.xero-toast__close:before{content:"";position:absolute;inset:-12px}
@media (hover:hover) and (pointer:fine){.xero-toast__close{opacity:0;transition:background-color var(--transition-duration) ease, color var(--transition-duration) ease, opacity var(--transition-duration) ease}.xero-toast:is(:hover,:focus-within) .xero-toast__close{opacity:1}}
.xero-toast__actions{z-index:1;border-top:1px solid #deebff14;display:flex;position:relative}
.xero-toast__action{color:var(--toast-control-color);letter-spacing:.045em;text-align:center;min-height:40px;text-shadow:var(--toast-shadow);text-transform:uppercase;transition:background-color var(--transition-duration) ease, color var(--transition-duration) ease;flex:1;padding:0 12px;font-size:12px;font-weight:650}
.xero-toast__action+.xero-toast__action{border-left:1px solid #deebff14}
.xero-toast__action:first-child{color:var(--toast-text-color)}
.xero-toast__action:hover{color:var(--toast-text-color);background-color:#deebff14}
.xero-toast__action:focus-visible{outline:2px solid var(--toast-text-color);outline-offset:-2px}
.xero-toast__timer{pointer-events:none;visibility:hidden;animation:8s linear forwards xero-toast-timer;position:absolute}
#uniteddb-notifications:is(:hover,:focus-within) .xero-toast__timer,.xero-toasts[data-paused] .xero-toast__timer,.xero-toast.is-dragging .xero-toast__timer{animation-play-state:paused}
@media (width<=767.98px){#uniteddb-notifications{--toast-inset:8px;left:max(var(--toast-inset), env(safe-area-inset-left));right:max(var(--toast-inset), env(safe-area-inset-right));width:auto;margin-inline:auto;top:72px}body:has(.navbar-notification) #uniteddb-notifications{top:100px}.xero-toast{--toast-enter-x:0px;--toast-enter-y:-16px;--toast-exit-x:0px;--toast-exit-y:-16px}}
@starting-style{.xero-toast{opacity:0;scale:.96;translate:var(--toast-enter-x) var(--toast-enter-y)}}
@keyframes xero-toast-timer{to{opacity:0}}