.cart-notification-wrapper{position:fixed;top:max(1.5rem,env(safe-area-inset-top));right:1.5rem;z-index:1001;width:100%;max-width:38rem;pointer-events:none}@media screen and (min-width:750px){.cart-notification-wrapper{top:9.5rem}}.cart-notification-wrapper .cart-notification{display:block}.cart-notification{pointer-events:auto;position:relative;width:100%;background:rgb(var(--color-background));border-radius:2rem;padding:2rem 2.2rem 1.8rem;box-shadow:0 20px 60px #00000024,0 4px 16px #00000014,0 0 0 1px #0000000a;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-1.2rem) scale(.95)}.cart-notification.animate{transition:transform var(--duration-short) ease,opacity var(--duration-short) ease,visibility 0s var(--duration-short) ease}.cart-notification.active{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s ease,visibility 0s}.cart-notification:focus-visible{box-shadow:0 0 0 .2rem rgba(var(--color-button),.35),0 20px 60px #00000024}.cart-notification__progress{position:absolute;top:0;left:0;right:0;height:3px;background:rgba(var(--color-foreground),.06)}.cart-notification__progress-bar{height:100%;width:100%;background:rgb(var(--color-button));transform-origin:left;transform:scaleX(1);animation-name:cart-notification-progress;animation-timing-function:linear;animation-fill-mode:forwards;animation-play-state:paused}.cart-notification.active .cart-notification__progress-bar{animation-play-state:running}.cart-notification--paused .cart-notification__progress-bar{animation-play-state:paused}@keyframes cart-notification-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.cart-notification__header{align-items:center;display:flex;gap:1rem;margin-bottom:.4rem}.cart-notification__check{flex-shrink:0;width:3.2rem;height:3.2rem;border-radius:50%;background:rgb(var(--color-button));color:rgb(var(--color-button-text));display:flex;align-items:center;justify-content:center;animation:cart-notification-pop .5s cubic-bezier(.34,1.56,.64,1)}.cart-notification__check svg{width:1.4rem;height:1.4rem}@keyframes cart-notification-pop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1)}}.cart-notification__heading{font-family:var(--font-heading);font-size:1.7rem;font-weight:700;letter-spacing:-.02em;color:rgb(var(--color-foreground));flex-grow:1;margin:0}.cart-notification__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;margin:-.4rem -.6rem 0 0;border:none;border-radius:100px;background:transparent;color:rgba(var(--color-foreground),.5);cursor:pointer;transition:background .2s ease,color .2s ease}.cart-notification__close:hover{background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground))}.cart-notification__close .icon{width:1.3rem;height:1.3rem}.cart-notification-product{align-items:flex-start;display:flex;padding:1.4rem 0 .6rem;gap:1.4rem}.cart-notification-product dl{margin:.4rem 0 0}.cart-notification-product .product-option{font-family:var(--font-body);font-size:1.3rem;color:rgba(var(--color-foreground),.55);display:flex;gap:.4rem}.cart-notification-product__image{display:inline-flex;flex-shrink:0;border-radius:1.2rem;overflow:hidden;background:rgba(var(--color-foreground),.04)}.cart-notification-product__image:after{content:none}.cart-notification-product__name{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;letter-spacing:-.02em;color:rgb(var(--color-foreground));margin:0 0 .3rem;line-height:1.25}.cart-notification__gift{display:flex;align-items:center;gap:.9rem;margin-top:.4rem;padding:1.1rem 1.4rem;border-radius:1.2rem;background:rgba(var(--color-button),.06);border:1.5px solid rgba(var(--color-button),.16);opacity:0;transform:translateY(-4px)}.cart-notification__gift[hidden]{display:none}.cart-notification__gift--in{animation:cart-notification-gift-in .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes cart-notification-gift-in{to{opacity:1;transform:translateY(0)}}.cart-notification__gift-icon{flex-shrink:0;display:flex;color:rgb(var(--color-button))}.cart-notification__gift-icon svg{width:1.8rem;height:1.8rem}.cart-notification__gift-text{font-family:var(--font-body);font-size:1.35rem;font-weight:500;letter-spacing:-.01em;color:rgb(var(--color-button));line-height:1.4}.cart-notification__links{display:flex;gap:1rem;margin-top:1.8rem}.cart-notification__links>*{flex:1;margin:0}.cart-notification__btn{display:flex;align-items:center;justify-content:center;width:100%;font-family:var(--font-body);font-size:1.4rem;font-weight:600;letter-spacing:-.01em;padding:1.3rem 1.6rem;border-radius:100px;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:filter .2s ease,transform .15s ease,background .2s ease,border-color .2s ease}.cart-notification__btn--primary{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.cart-notification__btn--primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.cart-notification__btn--secondary{background:transparent;color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.18)}.cart-notification__btn--secondary:hover{border-color:rgba(var(--color-foreground),.4);transform:translateY(-1px)}.cart-notification__continue{display:block;width:100%;text-align:center;margin-top:1.2rem;background:transparent;border:none;font-family:var(--font-body);font-size:1.3rem;font-weight:500;color:rgba(var(--color-foreground),.5);cursor:pointer;transition:color .2s ease}.cart-notification__continue:hover{color:rgb(var(--color-foreground));text-decoration:underline}@media screen and (max-width:749px){.cart-notification-wrapper{top:auto;right:0;bottom:0;left:0;max-width:100%;padding:0 .8rem max(.8rem,env(safe-area-inset-bottom))}.cart-notification{border-radius:2.4rem 2.4rem 1.6rem 1.6rem;padding:1.6rem 1.8rem;transform:translateY(100%)}.cart-notification.active{transform:translateY(0)}.cart-notification:before{content:"";display:block;width:3.6rem;height:4px;border-radius:100px;background:rgba(var(--color-foreground),.15);margin:0 auto 1.2rem}.cart-notification__progress{top:auto;bottom:0}.cart-notification__links{margin-top:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-cart-notification.css.map */