.purchase-notification{position:fixed;bottom:20px;left:20px;z-index:10000;max-width:320px;width:auto;animation:slideInLeft .4s cubic-bezier(.16,1,.3,1);pointer-events:auto}cart-drawer.active~.purchase-notification,cart-notification.active~.purchase-notification{display:none!important}.purchase-notification.fade-out{animation:slideOutLeft .4s cubic-bezier(.7,0,.84,0)}.purchase-notification__content{background:rgb(var(--color-background));border:1.5px solid rgba(var(--color-shadow),.15);box-shadow:0 8px 32px #1f1d242e,0 1.5px 6px rgba(var(--color-shadow),.1);border-radius:var(--media-radius, 14px);padding:16px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}.purchase-notification__icon{flex-shrink:0;width:20px;height:20px;color:#5b65dd;display:flex;align-items:center;justify-content:center}.purchase-notification__text{flex:1;min-width:0}.purchase-notification__message{font-size:14px;font-weight:var(--font-body-weight-bold, 500);color:rgba(var(--color-foreground),.85);line-height:1.4;margin-bottom:2px;font-family:var(--font-body-family)}.purchase-notification__name{font-weight:var(--font-body-weight-bold, 600);color:#5b65dd}.purchase-notification__time{font-size:12px;color:rgba(var(--color-foreground),.6);line-height:1.3;font-family:var(--font-body-family)}.purchase-notification__close{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;padding:4px;color:rgba(var(--color-foreground),.5);transition:color .2s ease;display:flex;align-items:center;justify-content:center;border-radius:4px}.purchase-notification__close:hover{color:rgba(var(--color-foreground),.7);background-color:rgba(var(--color-foreground),.05)}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@media screen and (max-width: 749px){.purchase-notification{bottom:30px;left:10px;right:10px;max-width:280px}.purchase-notification__content{padding:12px}.purchase-notification__message{font-size:13px}.purchase-notification__time{font-size:11px}}@media screen and (min-width: 750px){.purchase-notification__content{padding-right:56px}.purchase-notification__close{right:12px;top:12px}}@media screen and (max-width: 480px){.purchase-notification{max-width:260px}}.color-background-2 .purchase-notification__content,.color-inverse .purchase-notification__content,.color-accent-1 .purchase-notification__content{background:rgb(var(--color-background));border-color:rgba(var(--color-foreground),var(--media-border-opacity, .1))}.color-background-2 .purchase-notification__message,.color-inverse .purchase-notification__message,.color-accent-1 .purchase-notification__message{color:rgba(var(--color-foreground),.85)}.color-background-2 .purchase-notification__time,.color-inverse .purchase-notification__time,.color-accent-1 .purchase-notification__time{color:rgba(var(--color-foreground),.6)}.color-background-2 .purchase-notification__close,.color-inverse .purchase-notification__close,.color-accent-1 .purchase-notification__close{color:rgba(var(--color-foreground),.5)}.color-background-2 .purchase-notification__close:hover,.color-inverse .purchase-notification__close:hover,.color-accent-1 .purchase-notification__close:hover{color:rgba(var(--color-foreground),.7);background-color:rgba(var(--color-foreground),.1)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/purchase-notification.css.map */