.ui-push-host{z-index:1200;align-items:flex-end;gap:var(--spacing-8);pointer-events:none;flex-direction:column;display:flex;position:fixed;top:72px;right:24px}@media (width<=768px){.ui-push-host{align-items:center;top:16px;left:16px;right:16px}}.ui-push-host.is-left{align-items:flex-start;left:24px;right:auto}.ui-push-host.is-left .ui-push-card{animation-name:ui-push-card-in-left}.ui-push-host.is-left .ui-push-card.is-leaving{animation-name:ui-push-card-out-left}@media (width<=768px){.ui-push-host.is-left{align-items:center;left:16px;right:16px}.ui-push-host.is-left .ui-push-card{animation-name:ui-push-card-in-mobile}.ui-push-host.is-left .ui-push-card.is-leaving{animation-name:ui-push-card-out-mobile}}.ui-push-host.is-bottom{top:auto;bottom:var(--push-bottom-inset,24px)}@media (width<=768px){.ui-push-host.is-bottom{top:auto;bottom:16px}}.ui-push-host__clear{pointer-events:auto;height:24px;padding:0 var(--spacing-8);border-radius:var(--radius-4);color:var(--Content-Tertiary);font-size:var(--font-size-12);cursor:pointer;transition:color var(--motion-quick) var(--ease-standard), background-color var(--motion-quick) var(--ease-standard);background:0 0;border:0}.ui-push-host__clear:hover{color:var(--Content-Primary);background:var(--Overlay-Hover)}.ui-push-card{pointer-events:auto;background:var(--Background-Float);border-radius:var(--radius-8);width:360px;padding:var(--spacing-14) var(--spacing-16);column-gap:var(--spacing-8);row-gap:var(--spacing-6);animation:ui-push-card-in var(--motion-base) var(--ease-out);transition:background-color var(--motion-quick) var(--ease-standard);border:1px solid #0000;grid-template-columns:20px 1fr 20px;align-items:start;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}:root.light .ui-push-card{border-color:var(--Border-Primary);box-shadow:0 4px 16px #0000001a}@media (width<=768px){.ui-push-card{width:100%;animation-name:ui-push-card-in-mobile}}.ui-push-card.is-leaving{animation:ui-push-card-out var(--motion-quick) var(--ease-in) forwards}@media (width<=768px){.ui-push-card.is-leaving{animation-name:ui-push-card-out-mobile}}.ui-push-card.is-clickable{cursor:pointer}.ui-push-card.is-clickable:hover{background:var(--Background-Float-Hover)}.ui-push-card.is-critical{border-inline-start:3px solid var(--Down-Negative)}.ui-push-card .ui-push-card__icon{grid-area:1/1;justify-content:center;align-items:center;line-height:0;display:inline-flex}.ui-push-card .ui-push-card__icon.is-success{color:var(--Up-Positive)}.ui-push-card .ui-push-card__icon.is-error{color:var(--Down-Negative)}.ui-push-card .ui-push-card__icon.is-warning{color:var(--Warning-Default)}:root.light .ui-push-card .ui-push-card__icon.is-warning{color:var(--Warning-Default-Hover)}.ui-push-card .ui-push-card__icon.is-critical{color:var(--Down-Negative)}.ui-push-card .ui-push-card__icon.is-info{color:var(--Brand-Default)}.ui-push-card .ui-push-card__title{overflow-wrap:anywhere;min-width:0;color:var(--Content-Primary);font-size:var(--font-size-14);font-weight:var(--font-weight-500);line-height:var(--line-height-relaxed);grid-area:1/2}.ui-push-card .ui-push-card__msg{overflow-wrap:anywhere;min-width:0;color:var(--Content-Secondary);font-size:var(--font-size-12);line-height:var(--line-height-relaxed);grid-column:1/-1}.ui-push-card .ui-push-card__action{margin-top:var(--spacing-2);color:var(--Brand-Default);font-size:var(--font-size-12);font-weight:var(--font-weight-500);line-height:var(--line-height-relaxed);cursor:pointer;background:0 0;border:0;grid-column:1/-1;justify-self:start;padding:0}.ui-push-card .ui-push-card__action:hover{text-decoration:underline}.ui-push-card .ui-push-card__close{border-radius:var(--radius-4);width:20px;height:20px;color:var(--Content-Tertiary);cursor:pointer;transition:color var(--motion-quick) var(--ease-standard), background-color var(--motion-quick) var(--ease-standard);background:0 0;border:0;grid-area:1/3;justify-content:center;align-items:center;padding:0;display:inline-flex}.ui-push-card .ui-push-card__close:hover{color:var(--Content-Primary);background:var(--Overlay-Hover)}.ui-push-card .ui-push-card__bar{inset-inline:0;transform-origin:0;background:var(--Content-Tertiary);opacity:.5;height:2px;animation-name:ui-push-bar;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:0}.ui-push-card:hover .ui-push-card__bar{animation-play-state:paused}@keyframes ui-push-card-in{0%{opacity:0;translate:16px}to{opacity:1;translate:0}}@keyframes ui-push-card-out{to{opacity:0;translate:16px}}@keyframes ui-push-card-in-left{0%{opacity:0;translate:-16px}to{opacity:1;translate:0}}@keyframes ui-push-card-out-left{to{opacity:0;translate:-16px}}@keyframes ui-push-card-in-mobile{0%{opacity:0;translate:0 -12px}to{opacity:1;translate:0}}@keyframes ui-push-card-out-mobile{to{opacity:0;translate:0 -12px}}@keyframes ui-push-bar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}:where(:root.black) .ui-push-card{background:var(--Background-Widget);border-color:var(--Border-Primary)}:where(:root.black) .ui-push-card.is-clickable:hover{background:var(--Background-Control)}:where(:root.black) .ui-push-card .ui-push-card__title{color:var(--Content-Strong)}:where(:root.black) .ui-push-card .ui-push-card__close{color:var(--Content-Faint)}:where(:root.black) .ui-push-card .ui-push-card__close:hover{background:var(--Background-Float);color:var(--Content-Strong)}:where(:root.black) .ui-push-host__clear{color:var(--Content-Faint)}:where(:root.black) .ui-push-host__clear:hover{color:var(--Content-Strong)}:where(:root.black) .ui-push-card .ui-push-card__close:focus-visible,:where(:root.black) .ui-push-card .ui-push-card__action:focus-visible,:where(:root.black) .ui-push-host__clear:focus-visible{outline:2px solid var(--Content-Faint);outline-offset:2px}
