.flash-notification-mount{position:fixed;inset:0;z-index:120;pointer-events:none}.flash-notification-stack{position:absolute;top:max(1.25rem,env(safe-area-inset-top));right:max(1.25rem,env(safe-area-inset-right));display:grid;width:min(25rem,calc(100vw - 2.5rem));gap:.75rem}.flash-notification{--flash-tone: #ff775a;--flash-tone-rgb: 255, 119, 90;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:4.5rem;overflow:hidden;padding:.9rem .9rem 1rem 1rem;border:1px solid rgb(var(--flash-tone-rgb) / .28);border-radius:1rem;background:linear-gradient(145deg,#1c2621f7,#121b17fa);box-shadow:0 1.25rem 2.8rem #00000061,inset 0 1px #ffffff0e;color:#fff;pointer-events:auto;isolation:isolate;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.flash-notification.is-success{--flash-tone: #35db89;--flash-tone-rgb: 53, 219, 137}.flash-notification.is-warning{--flash-tone: #f2bd52;--flash-tone-rgb: 242, 189, 82}.flash-notification-stripe{position:absolute;inset:0 auto 0 0;width:.25rem;background:var(--flash-tone);box-shadow:0 0 1.15rem var(--flash-tone)}.flash-notification-icon{display:inline-grid;width:2.35rem;height:2.35rem;place-items:center;border:1px solid rgb(var(--flash-tone-rgb) / .25);border-radius:.75rem;background:rgb(var(--flash-tone-rgb) / .1);color:var(--flash-tone);box-shadow:0 0 1.5rem rgb(var(--flash-tone-rgb) / .1)}.flash-notification-copy{min-width:0}.flash-notification-copy strong,.flash-notification-copy>span{display:block}.flash-notification-copy strong{color:#fff;font:700 .84rem/1.35 Space Grotesk,ui-sans-serif,system-ui,sans-serif}.flash-notification-copy>span{margin-top:.18rem;color:#ffffffa6;font:500 .75rem/1.45 Space Grotesk,ui-sans-serif,system-ui,sans-serif;overflow-wrap:anywhere}.flash-notification-close{display:inline-grid;width:2rem;height:2rem;place-items:center;border:0;border-radius:999px;background:transparent;color:#ffffff6b;cursor:pointer;transition:color .16s ease,background .16s ease,transform .2s ease}.flash-notification-close:hover,.flash-notification-close:focus-visible{background:rgb(var(--flash-tone-rgb) / .12);color:#fff;outline:none;transform:rotate(90deg)}.flash-notification-close:focus-visible{box-shadow:0 0 0 2px rgb(var(--flash-tone-rgb) / .5)}.flash-notification-progress{position:absolute;right:0;bottom:0;left:0;height:2px;background:linear-gradient(90deg,var(--flash-tone),rgb(255 255 255 / .8));box-shadow:0 0 .8rem var(--flash-tone);transform-origin:left;animation:flash-notification-countdown var(--flash-duration) linear forwards}.flash-notification.is-paused .flash-notification-progress{animation-play-state:paused}.flash-notification-fallback-stack{position:absolute;top:max(1.25rem,env(safe-area-inset-top));right:max(1.25rem,env(safe-area-inset-right));display:grid;width:min(25rem,calc(100vw - 2.5rem));gap:.75rem}.flash-notification-fallback{padding:1rem;border:1px solid rgb(255 255 255 / .14);border-left:4px solid var(--flash-fallback-tone, #ff775a);border-radius:1rem;background:#17261f;box-shadow:0 1.25rem 2.8rem #00000061;color:#fff;font:500 .8rem/1.5 Space Grotesk,ui-sans-serif,system-ui,sans-serif}.flash-notification-fallback.is-success{--flash-fallback-tone: #35db89}.flash-notification-fallback.is-warning{--flash-fallback-tone: #f2bd52}@keyframes flash-notification-countdown{to{transform:scaleX(0)}}@media(max-width:40rem){.flash-notification-stack{top:max(.75rem,env(safe-area-inset-top));right:.75rem;left:.75rem;width:auto}.flash-notification{padding-left:.85rem}}@media(prefers-reduced-motion:reduce){.flash-notification-progress{animation:none}.flash-notification-close{transition:none}.flash-notification-close:hover,.flash-notification-close:focus-visible{transform:none}}