.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;pointer-events:none;width:100%;max-width:500px;padding:0 16px}@media (max-width: 768px){.toast-container{top:auto;bottom:calc(88px + env(safe-area-inset-bottom));left:16px;right:16px;transform:none;max-width:none;padding:0}}.toast{background:#fff;border-radius:12px;box-shadow:0 6px 24px #29417b2e,0 2px 8px #29417b14;padding:14px 16px;margin-bottom:12px;display:flex;align-items:center;gap:12px;pointer-events:auto;transform:translateY(-20px);opacity:0;transition:opacity .2s ease-out,transform .2s ease-out;will-change:opacity,transform;position:relative;overflow:hidden}.toast--visible{opacity:1;transform:translateY(0)}.toast--exiting{opacity:0;transform:translate(100%);transition:opacity .2s ease-out,transform .2s ease-out}.toast--success{border-left:4px solid #18B576}.toast--error{border-left:4px solid #E6411A}.toast--warning{border-left:4px solid #FFDD57}.toast--info{border-left:4px solid #29417B}.toast__icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast__icon svg{width:100%;height:100%}.toast--success .toast__icon{color:#18b576}.toast--error .toast__icon{color:#e6411a}.toast--warning .toast__icon{color:#ffdd57}.toast--info .toast__icon{color:#29417b}.toast__content{flex:1;min-width:0}.toast__title{font-size:.9375rem;font-weight:700;color:#171717;margin:0 0 2px;line-height:1.3}.toast__message{font-size:.875rem;color:#777;margin:0;line-height:1.4}.toast__action{flex-shrink:0;background:none;border:none;padding:6px 12px;font-size:.875rem;font-weight:600;color:#29417b;cursor:pointer;border-radius:6px;transition:background .15s ease-out;-webkit-tap-highlight-color:transparent}.toast__action:hover{background:#29417b14}.toast__action:active{background:#29417b1f}.toast__close{flex-shrink:0;background:none;border:none;padding:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#777;cursor:pointer;border-radius:6px;transition:background .15s ease-out,color .15s ease-out;-webkit-tap-highlight-color:transparent}.toast__close:hover{background:#77777714;color:#171717}.toast__close svg{width:16px;height:16px}.toast__progress{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.3;transform-origin:left;animation:toast-progress linear forwards}.toast--success .toast__progress{color:#18b576}.toast--error .toast__progress{color:#e6411a}.toast--warning .toast__progress{color:#ffdd57}.toast--info .toast__progress{color:#29417b}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (prefers-color-scheme: dark){.toast{background:#2a2a2a;box-shadow:0 6px 24px #0006,0 2px 8px #0003}.toast__title{color:#fff}.toast__message{color:#b9b9b9}.toast__action{color:#e6c896}.toast__action:hover{background:#e6c8961a}.toast__close{color:#b9b9b9}.toast__close:hover{background:#ffffff1a;color:#fff}}.toast:focus-visible{outline:2px solid #29417B;outline-offset:2px}@media (prefers-reduced-motion: reduce){.toast{transition:none}.toast--visible,.toast--exiting{transform:none}.toast__progress{animation:none;display:none}}@media (max-width: 360px){.toast{padding:12px 14px;gap:10px}.toast__icon{width:20px;height:20px}.toast__title{font-size:.875rem}.toast__message{font-size:.8125rem}.toast__action{padding:4px 10px;font-size:.8125rem}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/toast-notification.css.map */