.hdt-toast-container{position:fixed;top:0;left:0;right:0;z-index:99999;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-0-8);pointer-events:none;padding-top:calc(var(--header-height, 60px) + var(--spacing-1-2))}.hdt-toast{pointer-events:auto;display:flex;align-items:center;gap:var(--spacing-1);max-width:min(480px,calc(100vw - var(--spacing-3)));width:100%;padding:var(--spacing-1-4) var(--spacing-1-6);border-radius:var(--rounded, .8rem);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d,0 0 0 1px rgb(var(--toast-border-color) / .18);font-family:var(--font-body-family);font-size:var(--text-sm);line-height:var(--font-body-line-height, 1.5);color:rgb(var(--toast-text-color));background-color:rgb(var(--toast-bg-color));animation:hdt-toast-enter .35s cubic-bezier(.21,1.02,.73,1) forwards}.hdt-toast.hdt-toast--dismissing{animation:hdt-toast-exit .25s cubic-bezier(.06,.71,.55,1) forwards}.hdt-toast--warning{--toast-bg-color: var(--color-warning-background);--toast-text-color: var(--color-warning-text);--toast-border-color: var(--color-warning-text)}.hdt-toast--error{--toast-bg-color: var(--color-error-background);--toast-text-color: var(--color-error-text);--toast-border-color: var(--color-error-text)}.hdt-toast--success{--toast-bg-color: var(--color-success-background);--toast-text-color: var(--color-success-text);--toast-border-color: var(--color-success-text)}.hdt-toast__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.85}.hdt-toast__icon svg{width:2rem;height:2rem}.hdt-toast__message{flex:1;margin:0;font-weight:var(--font-medium, 500)}.hdt-toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:var(--rounded-sm, .4rem);background:transparent;color:inherit;cursor:pointer;opacity:.55;transition:opacity .15s ease,background-color .15s ease;margin-inline-start:var(--spacing-0-4)}.hdt-toast__close:hover{opacity:1;background-color:rgb(var(--toast-text-color) / .08)}.hdt-toast__close:focus-visible{outline:2px solid rgb(var(--color-focus));outline-offset:2px}.hdt-toast__progress{position:absolute;bottom:0;left:0;height:3px;background-color:rgb(var(--toast-text-color) / .25);border-radius:0 0 var(--rounded, .8rem) var(--rounded, .8rem);animation:hdt-toast-progress var(--toast-duration, 5s) linear forwards}@keyframes hdt-toast-enter{0%{opacity:0;transform:translateY(-100%) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hdt-toast-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-100%) scale(.96)}}@keyframes hdt-toast-progress{0%{width:100%}to{width:0%}}@media (max-width: 767px){.hdt-toast-container{padding-top:calc(var(--header-height, 56px) + var(--spacing-0-8))}.hdt-toast{max-width:calc(100vw - var(--spacing-2));padding:var(--spacing-1-2) var(--spacing-1-4);gap:var(--spacing-0-8)}.hdt-toast__icon svg{width:1.8rem;height:1.8rem}.hdt-toast__close{width:2.4rem;height:2.4rem}}@media (prefers-reduced-motion: reduce){.hdt-toast,.hdt-toast.hdt-toast--dismissing,.hdt-toast__progress{animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/hdt-toast.css.map */