.UnsavedChangesBar_bar__gaP16{--unsaved-wave:var(--db3-amber);position:sticky;inset-block-end:0;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);grid-template-areas:"message message" "discard save";align-items:center;gap:.625rem .75rem;padding:.875rem 1rem max(.875rem,env(safe-area-inset-bottom));background:var(--db3-tile-ground);border-block-start:1px solid var(--db3-line);isolation:isolate;transform:translateY(calc(100% + 2rem));visibility:hidden}[data-theme=dark] .UnsavedChangesBar_bar__gaP16{--unsaved-wave:color-mix(in srgb,var(--db3-amber) 55%,var(--db3-tile-ground))}.UnsavedChangesBar_bar__gaP16[data-shown]{transform:none;visibility:visible}.UnsavedChangesBar_bar__gaP16[data-state=saved]{grid-template-areas:"message message"}.UnsavedChangesBar_bar__gaP16[data-state=warned]{background:color-mix(in srgb,var(--db3-amber) 16%,var(--db3-surface));border-color:var(--db3-amber-line)}.UnsavedChangesBar_message__QQ_Dt{grid-area:message;display:flex;align-items:flex-start;gap:.5rem;margin:0;font-size:var(--db3-text-body);font-weight:700;line-height:1.45;color:var(--db3-ink)}.UnsavedChangesBar_message__QQ_Dt svg{flex:0 0 auto;margin-block-start:.1rem}.UnsavedChangesBar_message__QQ_Dt[data-tone=warn] svg{color:var(--db3-amber-ink)}.UnsavedChangesBar_message__QQ_Dt[data-tone=failed] svg{color:var(--ln-danger)}.UnsavedChangesBar_message__QQ_Dt[data-tone=saved] svg{color:var(--db3-green-ink)}.UnsavedChangesBar_discard__7IFXZ{grid-area:discard;min-inline-size:0}.UnsavedChangesBar_save__BWPEd{grid-area:save;min-inline-size:0}.UnsavedChangesBar_wave__kWCCu{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--unsaved-wave);clip-path:circle(0 at var(--unsaved-wave-x,50%) var(--unsaved-wave-y,50%));opacity:0;pointer-events:none}#main:has(.UnsavedChangesBar_bar__gaP16[data-shown]) :is(a,button,input,select,textarea,summary,[tabindex]):not(.UnsavedChangesBar_bar__gaP16 *){scroll-margin-block-end:8.5rem}@media (min-width:1024px){.UnsavedChangesBar_bar__gaP16{inset-block-end:1.5rem;inline-size:min(760px,calc(100% - 2 * var(--db3-gutter)));margin-inline:auto;margin-block-end:1.5rem;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"message discard save";gap:.75rem;padding-block:.75rem;padding-inline:1.25rem .75rem;border:1px solid var(--db3-line);border-radius:var(--db3-radius-surface);box-shadow:var(--db3-shadow-overlay);transform:translateY(calc(100% + 3rem))}.UnsavedChangesBar_bar__gaP16[data-state=saved]{grid-template-areas:"message message message";padding-block:1.125rem}.UnsavedChangesBar_discard__7IFXZ,.UnsavedChangesBar_save__BWPEd{min-inline-size:8.5rem}#main:has(.UnsavedChangesBar_bar__gaP16[data-shown]) :is(a,button,input,select,textarea,summary,[tabindex]):not(.UnsavedChangesBar_bar__gaP16 *){scroll-margin-block-end:7.5rem}}@media (prefers-reduced-motion:no-preference){.UnsavedChangesBar_bar__gaP16{transition:transform .24s cubic-bezier(.7,0,.84,0),visibility 0s linear .24s,background-color .3s ease-out,border-color .3s ease-out}.UnsavedChangesBar_bar__gaP16[data-shown]{transition:transform .42s cubic-bezier(.16,1,.3,1),visibility 0s,background-color .3s ease-out,border-color .3s ease-out}.UnsavedChangesBar_bar__gaP16[data-hold=odd]>:not(.UnsavedChangesBar_wave__kWCCu){animation:UnsavedChangesBar_unsaved-shake-odd__lSyFg .62s cubic-bezier(.36,.07,.19,.97) both}.UnsavedChangesBar_bar__gaP16[data-hold=even]>:not(.UnsavedChangesBar_wave__kWCCu){animation:UnsavedChangesBar_unsaved-shake-even__zCj3B .62s cubic-bezier(.36,.07,.19,.97) both}.UnsavedChangesBar_wave__kWCCu{animation:UnsavedChangesBar_unsaved-wave__egiY_ 1.8s cubic-bezier(.16,1,.3,1) both}@media (min-width:1024px){.UnsavedChangesBar_bar__gaP16[data-hold=odd]{animation:UnsavedChangesBar_unsaved-shake-odd__lSyFg .62s cubic-bezier(.36,.07,.19,.97) both}.UnsavedChangesBar_bar__gaP16[data-hold=even]{animation:UnsavedChangesBar_unsaved-shake-even__zCj3B .62s cubic-bezier(.36,.07,.19,.97) both}.UnsavedChangesBar_bar__gaP16[data-hold]>:not(.UnsavedChangesBar_wave__kWCCu){animation:none}}}@keyframes UnsavedChangesBar_unsaved-wave__egiY_{0%{clip-path:circle(0 at var(--unsaved-wave-x,50%) var(--unsaved-wave-y,50%));opacity:1}34%,62%{clip-path:circle(150% at var(--unsaved-wave-x,50%) var(--unsaved-wave-y,50%));opacity:1}to{clip-path:circle(150% at var(--unsaved-wave-x,50%) var(--unsaved-wave-y,50%));opacity:0}}@keyframes UnsavedChangesBar_unsaved-shake-odd__lSyFg{0%,to{translate:0}12%{translate:-14px 0}26%{translate:12px 0}40%{translate:-9px 0}54%{translate:7px 0}68%{translate:-4px 0}82%{translate:2px 0}}@keyframes UnsavedChangesBar_unsaved-shake-even__zCj3B{0%,to{translate:0}12%{translate:-14px 0}26%{translate:12px 0}40%{translate:-9px 0}54%{translate:7px 0}68%{translate:-4px 0}82%{translate:2px 0}}