.alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;border-radius:.75rem;border:1px solid}.alert--info{background-color:#eff6ff;border-color:#bfdbfe;color:#1e40af}.alert--info .alert__icon{color:#3b82f6}.alert--success{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.alert--success .alert__icon{color:#22c55e}.alert--warning{background-color:#fffbeb;border-color:#fde68a;color:#92400e}.alert--warning .alert__icon{color:#f59e0b}.alert--error{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.alert--error .alert__icon{color:#ef4444}.alert__icon{flex-shrink:0;margin-top:.125rem}.alert__content{flex:1;min-width:0}.alert__title{margin:0 0 .25rem;font-size:.9375rem;font-weight:600}.alert__message{margin:0;font-size:.875rem;line-height:1.5}.alert__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-.25rem -.25rem -.25rem 0;padding:0;background:transparent;border:none;border-radius:.25rem;cursor:pointer;opacity:.7;transition:opacity .2s}.alert__close:hover{opacity:1}.alert__close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.alert[data-dismissing]{animation:alert-dismiss .2s ease-out forwards}@keyframes alert-dismiss{to{opacity:0;transform:translate(10px)}}.toast-container{position:fixed;bottom:var(--space-4, 1rem);right:var(--space-4, 1rem);z-index:1100;display:flex;flex-direction:column;gap:var(--space-2, .5rem);max-width:24rem;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:var(--radius-md, .5rem);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;pointer-events:auto;opacity:0;transform:translate(100%);transition:opacity .3s ease,transform .3s ease}.toast--visible{opacity:1;transform:translate(0)}.toast--success{border-left:4px solid var(--color-primary, #2ac864)}.toast--error{border-left:4px solid #ef4444}.toast--info{border-left:4px solid var(--color-secondary, #2699a6)}.toast--warning{border-left:4px solid #f59e0b}.toast__link{color:var(--color-primary, #2ac864);font-weight:500;text-decoration:underline}.toast__link:hover{color:var(--color-primary-dark, #22a854)}.toast__close{margin-left:auto;padding:var(--space-1, .25rem);background:none;border:none;font-size:1.25rem;line-height:1;color:var(--color-text-muted, #666666);cursor:pointer;transition:color .2s}.toast__close:hover{color:var(--color-text, #1a1a1a)}.toast__close:focus-visible{outline:2px solid var(--color-primary, #2ac864);outline-offset:2px}@media (max-width: 767px){.toast-container{left:var(--space-4, 1rem);right:var(--space-4, 1rem);bottom:calc(var(--space-4, 1rem) + env(safe-area-inset-bottom,0px));max-width:none}.toast{transform:translateY(100%)}.toast--visible{transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-alert.css.map */