.compare-notification-wrapper{position:relative}.compare-notification-wrapper .compare-notification{display:block}.compare-notification{border-radius:.8rem;border:1px solid rgba(var(--color-foreground),.1);padding:1.5rem 2rem;position:fixed;bottom:2rem;right:2rem;transform:translate(calc(100% + 2rem));visibility:hidden;width:auto;max-width:50rem;min-width:45rem;background:#fff;box-shadow:0 4px 12px #00000026;z-index:1000}.compare-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))}.compare-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))}.compare-notification.animate{transition:transform .3s ease,visibility 0s .3s ease}.compare-notification.active{transform:translate(0);transition:transform .3s ease,visibility 0s;visibility:visible}.compare-notification__header{align-items:flex-start;display:flex;padding-top:.5rem}.compare-notification__heading{align-items:center;display:flex;flex-grow:1;margin-bottom:0;margin-top:0;font-size:1.8rem}.compare-notification__heading .icon-checkmark{color:#008195;margin-right:.8rem;width:1.6rem;flex-shrink:0;font-size:2rem}.compare-notification__close{margin-top:-.5rem;margin-right:-.5rem;padding:.5rem}.compare-notification__links{display:flex;gap:1rem;align-items:center}.compare-notification__links .button{flex:1;margin:0;min-width:0;font-size:1.4rem}.compare-notification__links .link{flex:1;white-space:nowrap;text-decoration:underline;text-align:center;font-size:1.5rem;font-weight:400}@media screen and (max-width: 749px){.compare-notification{right:1rem;left:1rem;max-width:none;min-width:0;transform:translateY(calc(100% + 1rem))}.compare-notification.active{transform:translateY(0)}.compare-notification__heading{font-size:1.8rem;margin-bottom:1.5rem}.compare-notification__links{flex-direction:column;gap:.8rem}.compare-notification__links .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-compare-notification.css.map */