.cart-notification-wrapper{position:relative}.cart-notification-wrapper .cart-notification{display:block}#cart-notification{padding:var(--size-spacing-one-x)}.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:2.5rem 3.5rem;position:absolute;right:0;transform:translateY(-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:-1}.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){.header-wrapper:not(.header-wrapper--border-bottom)+cart-notification .cart-notification{border-top-width:var(--popup-border-width)}.cart-notification{border-width:0 var(--popup-border-width) var(--popup-border-width);max-width:36.8rem;right:2.2rem}}@media screen and (min-width:990px){.cart-notification-wrapper:is(.page-width)>.cart-notification{right:0rem}}.cart-notification.animate{transition:transform var(--duration-short) ease,visibility 0s var(--duration-short) ease}.cart-notification.active{transform:translateY(0);transition:transform var(--duration-default) ease,visibility 0s;visibility:visible}.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}.cart-notification__links>*{margin-top:1rem}.cart-notification-product{align-items:flex-start;display:flex;padding-bottom:3rem;padding-top:2rem}.cart-notification-product dl{margin-bottom:0;margin-top:0}.cart-notification-product__image{display:inline-flex;margin-right:1.5rem;margin-top:.5rem;border:unset}.cart-notification-product__image:after{content:none}.cart-notification-product__name{margin-bottom:.5rem;margin-top:0}.cart-notification.active{visibility:visible!important}.cart-notification{display:flex!important;position:fixed;z-index:1000;width:100vw;max-width:375px;flex-direction:column;gap:var(--size-spacing-one-x);transform:var(--cn-shown, var(--cn-hidden));visibility:hidden;transition:transform var(--duration-default) ease,visibility 0s var(--duration-default);height:auto;max-height:100vh;overflow:hidden;padding:var(--size-spacing-one-x) 0;border:1px solid var(--color-base-100);background:var(--color-teal-10);box-shadow:0 0 8px #00000029;color:var(--color-base-100)}.cart-notification__header{display:flex;align-items:center;padding:0;gap:var(--size-spacing-half-x);line-height:var(--font-size-900);justify-content:space-between}.cart-notification__heading{font-family:var(--font-family-decorative);font-size:var(--font-size-900);text-transform:var(--heading-text-transform);font-weight:700;flex-grow:unset}.cart-notification__heading-label{font-family:var(--font-family-decorative);font-size:var(--font-size-900);flex-grow:1}.cart-notification__close{margin-top:unset;margin-right:unset}.cart-notification-product{display:flex;gap:var(--size-spacing-half-x);padding:0 var(--size-spacing-one-x);flex:1 1 auto;min-height:0;overflow-y:auto;align-items:stretch}.cart-notification-product::-webkit-scrollbar{width:4px}.cart-notification-product::-webkit-scrollbar-track{background:#f1f1f1}.cart-notification-product::-webkit-scrollbar-thumb{background:#1c1c1c}.cart-notification-product__item{width:100%;display:flex;padding:12px;gap:8px;background-color:#fff;border-radius:8px;align-items:flex-start}.cart-notification-product__item-image-wrapper{flex-shrink:0;margin:0}.cart-notification-product__item-image{width:100%;max-width:100px;aspect-ratio:1/1;object-fit:cover;display:block;border:none}.cart-notification-product__item-info{display:flex;flex-direction:column;flex:1;min-width:0;justify-content:center}.cart-notification-product__item-title{color:var(--color-base-100);font-size:var(--font-size-400);font-weight:700;line-height:18px;margin:0 0 4px}.cart-notification-product__item-quantity{display:none;color:var(--color-base-100);font-size:var(--font-size-400);padding-top:6px;font-weight:var(--font-weight-bold);color:var(--color-blue-60n)}.cart-notification-product__item-price{color:var(--color-base-100);font-size:var(--font-size-400);font-weight:700;padding-top:2px}.cart-notification__footer{display:flex;flex-direction:column;gap:var(--size-spacing-half-x);flex-shrink:0;background:var(--color-teal-10)}.cart-notification__footer .cart-notification__links{padding:0;margin-top:0}.cart-notification__subtotal{display:flex;align-items:baseline;justify-content:space-between;color:var(--color-base-100);flex-shrink:0;padding:0}.cart-notification__subtotal-label{font-family:var(--font-family-sans);font-size:var(--font-size-500);font-weight:700;text-transform:var(--heading-text-transform)}.cart-notification__subtotal-value{font-family:var(--font-family-sans);font-size:var(--font-size-500);font-weight:700}.cart-notification__empty{display:none;margin:0;padding:var(--size-spacing-two-x) var(--size-spacing-one-x);text-align:center;color:var(--color-base-100);font-size:var(--font-size-500)}.cart-notification.is-empty .cart-notification__header,.cart-notification.is-empty #cart-notification-product,.cart-notification.is-empty .cart-notification__footer{display:none}.cart-notification.is-empty .cart-notification__empty{display:block}cart-notification{--cn-hidden: translateX(120%)}cart-notification[data-direction=left]{--cn-hidden: translateX(-120%)}@media(hover:hover)and (pointer:fine){cart-notification.is-hover-open .cart-notification{--cn-shown: translateX(0);transform:var(--cn-shown, var(--cn-hidden));visibility:visible;transition:transform var(--duration-default) ease,visibility 0s}}.cart-notification.active{--cn-shown: translateX(0);transform:var(--cn-shown, var(--cn-hidden));transition:transform var(--duration-default) ease,visibility 0s}
/*# sourceMappingURL=/cdn/shop/t/81/assets/component-cart-notification.css.map */