.app-notification[data-v-af6e44cc]{z-index:60;background:var(--kringle-cream);color:#000;border:1px solid #000;border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:min(100% - 28px,560px);min-height:54px;margin-inline:auto;padding:12px 10px 12px 14px;display:grid;position:fixed;left:14px;right:14px;box-shadow:2px 2px #0008}.app-notification--success[data-v-af6e44cc]{border-color:var(--kringle-green)}.app-notification--success .app-notification__icon[data-v-af6e44cc]{color:var(--kringle-green)}.app-notification--info[data-v-af6e44cc]{border-color:var(--kringle-gold)}.app-notification--info .app-notification__icon[data-v-af6e44cc]{color:#000}.app-notification--error[data-v-af6e44cc]{border-color:#ff9191}.app-notification--error .app-notification__icon[data-v-af6e44cc]{color:#ff9191}.app-notification__message[data-v-af6e44cc]{text-wrap:balance;line-height:1.35}.app-notification__close[data-v-af6e44cc]{background:var(--kringle-cream);color:currentColor;cursor:pointer;border:0;place-items:center;width:40px;height:40px;padding:0;display:grid}.app-notification__close .material-icons[data-v-af6e44cc]{font-size:20px}.notification-enter-active[data-v-af6e44cc],.notification-leave-active[data-v-af6e44cc]{transition:opacity .18s,transform .18s}.notification-enter-from[data-v-af6e44cc],.notification-leave-to[data-v-af6e44cc]{opacity:0;transform:translateY(14px)}@media (width>=700px){.app-notification[data-v-af6e44cc]{width:min(420px,100% - 44px);margin-inline:auto;bottom:22px;left:22px;right:22px}}@media (prefers-reduced-motion:reduce){.notification-enter-active[data-v-af6e44cc],.notification-leave-active[data-v-af6e44cc]{transition:none}}