.lp-snackbars{position:fixed;top:.9rem;right:1rem;z-index:120;display:flex;flex-direction:column;gap:.55rem;width:min(23rem,calc(100vw - 2rem));pointer-events:none}.lp-snackbar{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.9rem 1.05rem;overflow:hidden;pointer-events:auto;color:var(--white, #fff);border-radius:var(--radius, 10px);box-shadow:var(--shadow-md, 0 10px 30px rgba(0, 0, 0, .08));transform:translate(calc(100% + 1.25rem));opacity:0;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .42s ease}.lp-snackbar.is-in{transform:translate(0);opacity:1}.lp-snackbar--error{--accent: color-mix(in srgb, var(--red, #c13c37) 45%, var(--white, #fff));background:linear-gradient(165deg,color-mix(in srgb,var(--red, #c13c37) 82%,var(--black, #000)),color-mix(in srgb,var(--red, #c13c37) 58%,var(--black, #000)));border:1px solid color-mix(in srgb,var(--red, #c13c37) 55%,transparent);border-left:3px solid var(--red, #c13c37)}.lp-snackbar--warning{--accent: color-mix(in srgb, var(--red, #c13c37) 55%, var(--white, #fff));background:linear-gradient(165deg,color-mix(in srgb,var(--ink, #111) 88%,var(--red, #c13c37)) 0%,var(--ink, #111) 100%);border:1px solid color-mix(in srgb,var(--red, #c13c37) 45%,transparent);border-left:3px solid var(--red, #c13c37)}.lp-snackbar--success,.lp-snackbar--info{--accent: color-mix(in srgb, var(--white, #fff) 72%, var(--gray, #3d3936));background:linear-gradient(165deg,color-mix(in srgb,var(--gray, #3d3936) 90%,var(--black, #000)),color-mix(in srgb,var(--gray, #3d3936) 70%,var(--black, #000)));border:1px solid color-mix(in srgb,var(--gray, #3d3936) 45%,transparent);border-left:3px solid var(--accent)}.lp-snackbar__mark{display:grid;place-items:center;width:2rem;height:2rem;font-weight:700;border-radius:50%;color:var(--white, #fff);background:color-mix(in srgb,var(--accent) 34%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}.lp-snackbar__mark svg{width:1.05rem;height:1.05rem}.lp-snackbar__text{margin:0;font-size:.92rem;line-height:1.4;font-weight:500;overflow-wrap:anywhere}.lp-snackbar__close{display:grid;place-items:center;align-self:start;width:1.6rem;height:1.6rem;padding:0;font-size:1rem;line-height:1;color:inherit;cursor:pointer;background:transparent;border:0;border-radius:50%;opacity:.75}.lp-snackbar__close:hover,.lp-snackbar__close:focus-visible{opacity:1;background:#ffffff24}.lp-snackbar__baseline{position:absolute;left:0;bottom:0;height:2px;width:100%;transform-origin:left center;background:color-mix(in srgb,var(--accent) 80%,transparent)}.lp-snackbar.is-in .lp-snackbar__baseline{animation:lp-baseline-deplete var(--lp-snackbar-ttl, 6s) .2s linear forwards}@keyframes lp-baseline-deplete{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:40rem){.lp-snackbars{top:.6rem;right:1rem;left:1rem;width:auto}}@media(prefers-reduced-motion:reduce){.lp-snackbar{transition:opacity .2s ease;transform:none}.lp-snackbar.is-in .lp-snackbar__baseline{animation:none}}.lp-inline-error{grid-column:1 / -1;display:flex;flex-direction:column;gap:.8rem;align-items:flex-start;max-width:34rem;margin:1.5rem auto;padding:1.1rem 1.3rem;background:var(--red-light, rgba(193, 60, 55, .08));border:1px solid color-mix(in srgb,var(--red, #c13c37) 35%,transparent);border-left:3px solid var(--red, #c13c37);border-radius:var(--radius, 10px)}.lp-inline-error__text{margin:0;font-size:.95rem;line-height:1.45;font-weight:500;color:var(--gray, #3d3936)}.lp-inline-error__retry{padding:.5rem 1.1rem;font:inherit;font-size:.9rem;font-weight:600;color:var(--white, #fff);cursor:pointer;background:var(--red, #c13c37);border:0;border-radius:var(--radius, 10px)}.lp-inline-error__retry:hover,.lp-inline-error__retry:focus-visible{background:color-mix(in srgb,var(--red, #c13c37) 85%,var(--black, #000))}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--red, #c13c37)!important;box-shadow:0 0 0 1px var(--red, #c13c37)}.lp-field-error{margin:.3rem 0 0;font-size:.8rem;line-height:1.35;font-weight:500;color:var(--red-dark, #c13c37)}
