.ec-cart-notification-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:40;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.ec-cart-notification-overlay--active{opacity:1;visibility:visible;pointer-events:auto}.cart-notification-wrapper{position:relative;z-index:41;contain:layout style}.cart-notification-wrapper .cart-notification{display:flex;flex-direction:column}.cart-notification{border-bottom-right-radius:var(--popup-corner-radius);border-bottom-left-radius:var(--popup-corner-radius);border-color:rgba(var(--color-foreground),var(--popup-border-opacity));border-style:solid;border-width:0 0 var(--popup-border-width);padding:1.5rem;position:absolute;right:0;transform:translate(100%);visibility:hidden;width:100%;box-shadow:var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity));z-index:42;border-radius:4px;will-change:transform;background-color:rgb(var(--color-background));display:flex;flex-direction:column;max-height:85vh;overflow:hidden}.cart-notification:before{content:"";position:absolute;top:-8px;right:12px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgba(0,0,0,.1);z-index:1}.cart-notification:after{content:"";position:absolute;top:-7px;right:12px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid rgb(var(--color-background));z-index:2}.cart-notification.focused{box-shadow:0 0 .2rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}.cart-notification:focus-visible{box-shadow:0 0 .2rem rgba(var(--color-foreground),.3),var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow),var(--popup-shadow-opacity))}@media screen and (min-width:750px){.cart-notification{border-width:var(--popup-border-width) var(--popup-border-width);max-width:38rem;right:3rem;top:-25px}}@media screen and (min-width:990px){.cart-notification-wrapper:is(.page-width)>.cart-notification{right:-.5rem}}.cart-notification.animate{transition:transform .4s cubic-bezier(.4,0,.2,1),visibility 0s .4s}.cart-notification.active{transform:translate(0);transition:transform .4s cubic-bezier(.4,0,.2,1),visibility 0s;visibility:visible}.cart-notification.animate:not(.active){transform:translate(100%);visibility:hidden}.cart-notification__header{align-items:flex-start;display:flex}.cart-notification__heading{align-items:center;display:flex;flex-grow:1;margin-bottom:0;margin-top:0}.cart-notification__heading .icon-checkmark{color:rgb(var(--color-foreground));margin-right:1rem;width:1.3rem}.cart-notification__close{margin-top:-2rem;margin-right:-3rem}.cart-notification__links{text-align:center;flex-shrink:0}.cart-notification__links>*{margin-top:1rem}.cart-notification-product{padding-bottom:1rem;padding-top:1rem;padding-right:6px;border-bottom:1px solid rgba(var(--color-foreground),.1);flex:1 1 auto;min-height:0;max-height:50vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.cart-notification-product::-webkit-scrollbar{width:4px}.cart-notification-product::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.25);border-radius:100px}.cart-notification-product::-webkit-scrollbar-track-piece{background:transparent}.cart-notification-product dl{margin-bottom:0;margin-top:0}.cart-notification__links a{color:#fff}.cart-notification-product__image{display:inline-flex;margin-right:1.5rem;margin-top:.5rem}.cart-notification-product__image:after{content:none}.cart-notification-product__name{margin-bottom:.5rem;margin-top:0}.ec-cart-notification-item{display:flex;align-items:flex-start;gap:1rem;padding-bottom:1rem;padding-top:1rem;position:relative}.ec-cart-notification-image{flex-shrink:0;width:60px;height:60px}.ec-cart-notification-image img{width:100%;height:100%;object-fit:contain}.ec-cart-notification-content{flex:1;min-width:0}.ec-cart-notification-name{margin:0;font-size:1.4rem;font-weight:500;line-height:1.4;color:rgb(var(--color-foreground));font-family:Poppins,sans-serif;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.ec-cart-notification-prices{display:flex;flex-direction:column;align-items:flex-end;margin-left:auto;flex-shrink:0}.ec-cart-notification-old-price{font-size:1.2rem;color:rgba(var(--color-foreground),.5);text-decoration:line-through}.ec-cart-notification-final-price{font-size:1.4rem;font-weight:600;color:#00a651}.ec-cart-notification-total{margin-bottom:-.5rem;margin-top:.5rem;flex-shrink:0}.ec-cart-notification-total-wrapper{display:flex;justify-content:center;gap:10px;align-items:center}.ec-cart-notification-total-label{font-weight:700;font-size:1.4rem;color:rgb(var(--color-foreground));font-family:var(--font-heading-family)}.ec-cart-notification-total-value{font-weight:400;font-size:1.4rem;color:rgb(var(--color-foreground));font-family:var(--font-body-family)}.ec-cart-notification-skeleton-item{display:flex;align-items:flex-start;gap:1rem;padding-bottom:1rem;padding-top:1rem}.ec-cart-notification-skeleton-image{flex-shrink:0;width:60px;height:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.ec-cart-notification-skeleton-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.ec-cart-notification-skeleton-title{height:16px;width:80%;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}.ec-cart-notification-skeleton-price{height:16px;width:60px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px;margin-left:auto}.ec-cart-notification-skeleton-total{height:20px;width:80px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-cart-notification.css.map */