.hp-toast-region{--hp-toast-width:380px;position:fixed;inset:auto;z-index:2147483647;display:flex;flex-direction:column;gap:10px;width:min(var(--hp-toast-width),calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:4px;margin:0;border:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#536073 transparent;background:transparent;color:#f1f4f7;pointer-events:auto;font:14px/1.45 "Segoe UI",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;box-sizing:border-box;isolation:isolate}.hp-toast-region[popover]:not(:popover-open){display:none}.hp-toast-region[hidden]{display:none!important}.hp-toast-region::backdrop{background:transparent;pointer-events:none}.hp-toast-region--top-left{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left))}.hp-toast-region--top-center{top:max(16px,env(safe-area-inset-top));left:50%;transform:translateX(-50%)}.hp-toast-region--top-right{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right))}.hp-toast-region--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left))}.hp-toast-region--bottom-center{bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%)}.hp-toast-region--bottom-right{bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right))}.hp-toast{--hp-accent:#86b9ff;position:relative;display:grid;grid-template-columns:25px minmax(0,1fr) 24px;align-items:start;gap:10px;min-width:0;padding:16px 14px 15px 15px;flex-shrink:0;background:#20242b;border:1px solid #363d47;border-left:3px solid var(--hp-accent);border-radius:12px;box-shadow:0 8px 32px #0005,0 1px 3px #0004;color:#eff3f8;pointer-events:auto;box-sizing:border-box;overflow:hidden;animation:hp-toast-enter .2s cubic-bezier(.2,.8,.2,1) both;transition:opacity .18s ease,transform .18s ease}.hp-toast [hidden]{display:none!important}.hp-toast--success{--hp-accent:#6edbb2}.hp-toast--warning{--hp-accent:#f6c36b}.hp-toast--error{--hp-accent:#ff9299}.hp-toast--loading{--hp-accent:#bea5fa}.hp-toast--leaving{animation:hp-toast-leave .18s ease both;pointer-events:none}.hp-toast-icon{display:flex;align-items:center;justify-content:center;width:25px;height:25px;color:var(--hp-accent);padding-top:1px}.hp-toast-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.hp-toast--loading .hp-toast-icon svg{animation:hp-toast-spin 1.05s linear infinite}.hp-toast-body{min-width:0}.hp-toast-heading{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}.hp-toast-title{font-size:14px;font-weight:650;line-height:1.5;letter-spacing:.005em;overflow-wrap:anywhere;color:#f5f7fb}.hp-toast-count{border:1px solid #515d70;border-radius:5px;padding:0 5px;font-size:10px;font-weight:650;line-height:1.6;color:#c8d2e1;background:#2a3341}.hp-toast-message{margin:3px 0 0;color:#c6cfdd;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.hp-toast-heading:has(.hp-toast-title[hidden]):has(.hp-toast-count[hidden])+.hp-toast-message{margin-top:0}.hp-toast-close{appearance:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;min-width:0;padding:0;margin:0;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#aeb9ca;font:22px/1 ui-sans-serif,system-ui,sans-serif;cursor:pointer;transition:background .12s,color .12s}.hp-toast-close:hover{background:#ffffff14;color:#fff}.hp-toast-close:focus-visible{outline:2px solid var(--hp-accent);outline-offset:3px;background:#ffffff12}.hp-toast-countdown{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:10px;margin-top:9px;border-top:1px solid #3c4553;font-size:11px;color:#aebbd0}.hp-toast-countdown-time{font-variant-numeric:tabular-nums;font-size:18px;font-weight:650;letter-spacing:.03em;line-height:1;color:#f3f6fc}.hp-toast-countdown[data-status=paused] .hp-toast-countdown-time{color:#f6c36b}.hp-toast-countdown[data-status=finished] .hp-toast-countdown-time{color:#6edbb2}.hp-toast-progress{display:flex;align-items:center;gap:10px;margin-top:13px}.hp-toast-progress-track{flex:1;height:5px;overflow:hidden;background:#414956;border-radius:4px}.hp-toast-progress-fill{display:block;height:100%;width:0;border-radius:inherit;background:var(--hp-accent);transition:width .18s ease}.hp-toast-progress-text{color:#b7c5d8;font-size:10px;line-height:1;font-variant-numeric:tabular-nums;min-width:34px;text-align:right}.hp-toast-lifetime{position:absolute;left:0;bottom:0;right:0;height:2px;background:#ffffff04;overflow:hidden}.hp-toast-lifetime-fill{display:block;width:100%;height:100%;background:var(--hp-accent);opacity:.55;transform-origin:left;transition:transform .05s linear}.hp-toast-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes hp-toast-enter{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hp-toast-leave{to{opacity:0;transform:translateY(5px) scale(.985)}}@keyframes hp-toast-spin{to{transform:rotate(360deg)}}@media(max-width:440px){.hp-toast-region{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.hp-toast-region--top-left,.hp-toast-region--bottom-left{left:12px}.hp-toast-region--top-right,.hp-toast-region--bottom-right{right:12px}.hp-toast{padding:14px 11px 14px 12px;gap:8px}}@media(prefers-reduced-motion:reduce){.hp-toast,.hp-toast--leaving,.hp-toast--loading .hp-toast-icon svg{animation:none}.hp-toast,.hp-toast-close,.hp-toast-progress-fill,.hp-toast-lifetime-fill{transition:none}.hp-toast--leaving{opacity:0}}
