popup-notification{position:fixed;z-index:9999;bottom:20px;left:20px;pointer-events:none}popup-notification.is-right{left:auto;right:20px}popup-notification .popup-notification-card{pointer-events:auto;display:flex;gap:12px;align-items:flex-start;width:min(360px,calc(100vw - 40px));background:#fff;padding:15px;box-shadow:0 10px 30px #0000001f;overflow:hidden;transform:translateY(100%);opacity:0;transition:opacity .6s ease,transform .6s ease}popup-notification .popup-notification-card.is-show{opacity:1;transform:translateY(0)}popup-notification .popup-notification-img{width:64px;height:64px;object-fit:cover}popup-notification .popup-notification-title{font-size:16px;margin:0 0 4px;line-height:1.2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;color:rgba(var(--color-text-heading));-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}popup-notification .popup-notification-title:hover{color:rgba(var(--color-primary))}popup-notification .popup-notification-title span{font-weight:500}popup-notification .popup-notification-meta{font-size:14px}popup-notification .popup-notification-close{border:0;background:none;font-size:14px;cursor:pointer;padding:10px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}popup-notification .popup-notification-close:hover{color:rgba(var(--color-primary))}popup-notification .popup-notification-link{color:inherit;text-decoration:none;display:flex;gap:12px;align-items:center;flex:1}
/*# sourceMappingURL=/cdn/shop/t/2/assets/popup-notification.css.map */