.notification{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-medium);margin:var(--spacing-4) 0;font-size:.95rem;line-height:1.5}.notification--success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.notification--error{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.notification--warning{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.notification--info{background-color:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.notification__icon{flex-shrink:0;width:var(--spacing-5);height:var(--spacing-5);display:flex;align-items:center;justify-content:center}.notification__icon svg{width:100%;height:100%}.notification__content{flex:1}.notification__title{font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-base)}.notification__message{margin:0;opacity:.9}.notification__close{flex-shrink:0;background:none;border:none;padding:var(--spacing-1);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-small);opacity:.6;transition:opacity var(--duration-short) ease}.notification__close:hover{opacity:1}.notification__close svg{width:var(--spacing-4);height:var(--spacing-4)}.notification--small{padding:var(--spacing-2) var(--spacing-3);font-size:calc(var(--font-size-base) * .875)}.notification--large{padding:var(--spacing-5) var(--spacing-6);font-size:var(--font-size-base)}.notification--toast{position:fixed;z-index:var(--z-toast);max-width:calc(var(--spacing-10) * 3.5);box-shadow:var(--shadow-xl);animation:slideIn var(--duration-normal) ease-out}.notification--toast-top{top:var(--spacing-5);left:50%;transform:translate(-50%)}.notification--toast-top-right{top:var(--spacing-5);right:var(--spacing-5)}.notification--toast-top-left{top:var(--spacing-5);left:var(--spacing-5)}.notification--toast-bottom{bottom:var(--spacing-5);left:50%;transform:translate(-50%)}.notification--toast-bottom-right{bottom:var(--spacing-5);right:var(--spacing-5)}.notification--toast-bottom-left{bottom:var(--spacing-5);left:var(--spacing-5)}.newsletter__message{padding:var(--spacing-4);border-radius:var(--radius-medium);margin:var(--spacing-4) 0;text-align:center;font-weight:var(--font-weight-medium)}.newsletter__message--success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.newsletter__message--error{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.wishlist-toast{position:fixed;top:var(--spacing-5);right:var(--spacing-5);z-index:10000;display:flex;align-items:center;gap:var(--spacing-3);background-color:var(--color-foreground);color:var(--color-background);padding:var(--spacing-4) var(--spacing-5);border-left:3px solid var(--color-accent);font-family:var(--font-primary--family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-wide);line-height:1;box-shadow:var(--shadow-large);animation:wishlist-toast-in .35s cubic-bezier(.22,1,.36,1) both;pointer-events:none}.wishlist-toast svg{flex-shrink:0;opacity:.85}.wishlist-toast--out{animation:wishlist-toast-out .28s ease-in forwards}@keyframes wishlist-toast-in{0%{transform:translate(calc(100% + var(--spacing-5)));opacity:0}to{transform:translate(0);opacity:1}}@keyframes wishlist-toast-out{0%{transform:translate(0);opacity:1}to{transform:translate(calc(100% + var(--spacing-5)));opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.notification--dismissing{animation:fadeOut var(--duration-short) ease-out forwards}@keyframes fadeOut{to{opacity:0;transform:scale(.95)}}@media(max-width:768px){.notification--toast{max-width:calc(100vw - var(--spacing-6));left:var(--spacing-3);right:var(--spacing-3);transform:none}.notification--toast-top,.notification--toast-bottom{left:var(--spacing-3);right:var(--spacing-3);transform:none}.notification--toast-top-right,.notification--toast-top-left,.notification--toast-bottom-right,.notification--toast-bottom-left{left:var(--spacing-3);right:var(--spacing-3)}.notification{padding:var(--spacing-3);gap:var(--spacing-2)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/notification.css.map */