@layer vm{.vm-error-notice{background:0 0;border:0;width:min(560px,100vw - 32px);margin:0 auto;padding:0;position:fixed;inset:16px 16px auto;overflow:visible}.vm-error-notice:not(:popover-open):empty{display:none}.vm-error-notice-card{align-items:center;gap:var(--vm-space-3);padding:var(--vm-space-3) var(--vm-space-3) var(--vm-space-3) var(--vm-space-4);border:1px solid color-mix(in srgb, var(--vm-danger) 30%, var(--vm-line));border-radius:var(--vm-radius-lg);background:var(--vm-surface);color:var(--vm-text);box-shadow:var(--vm-shadow-lg);animation:.25s cubic-bezier(.28,0,.22,1) vm-error-notice-in;display:flex;position:relative;overflow:hidden}.vm-error-notice-icon{color:var(--vm-danger);flex:none}.vm-error-notice-card p{font-size:var(--vm-text-sm);flex:1;margin:0;line-height:1.45}.vm-error-notice-actions{align-items:center;gap:var(--vm-space-2);flex:none;display:flex}.vm-error-notice-actions .button{min-height:36px;padding:0 var(--vm-space-3)}.vm-error-notice-timer{background:color-mix(in srgb, var(--vm-danger) 35%, transparent);transform-origin:0;width:100%;height:2px;animation:10s linear forwards vm-error-notice-timer;position:absolute;bottom:0;left:0}.vm-error-notice:hover .vm-error-notice-timer,.vm-error-notice:focus-within .vm-error-notice-timer{animation-play-state:paused}@keyframes vm-error-notice-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes vm-error-notice-timer{to{transform:scaleX(0)}}@media (width<=480px){.vm-error-notice-card{flex-wrap:wrap}.vm-error-notice-actions{justify-content:flex-end;width:100%}}@media (prefers-reduced-motion:reduce){.vm-error-notice-card,.vm-error-notice-timer{animation:none}}}