.recent-purchase-notification{--rpn-background: Canvas;--rpn-text: CanvasText;--rpn-muted: color-mix(in srgb, currentColor 66%, transparent);--rpn-accent: currentColor;--rpn-border: color-mix(in srgb, currentColor 16%, transparent);--rpn-font-family: inherit;--rpn-font-size: 14px;--rpn-radius: 16px;--rpn-shadow: 0 16px 45px color-mix(in srgb, currentColor 14%, transparent);--rpn-image-size: 72px;--rpn-width: 380px;--rpn-gap: 14px;--rpn-padding: 12px;position:fixed;z-index:var(--rpn-z-index, 30);width:min(var(--rpn-width),calc(100vw - 32px));color:var(--rpn-text);font-family:var(--rpn-font-family);font-size:var(--rpn-font-size);line-height:1.4;pointer-events:none}.recent-purchase-notification[data-placement=bottom-left]{inset:auto auto var(--rpn-offset-y, 24px) var(--rpn-offset-x, 24px)}.recent-purchase-notification[data-placement=bottom-right]{inset:auto var(--rpn-offset-x, 24px) var(--rpn-offset-y, 24px) auto}.recent-purchase-notification[data-placement=top-left]{inset:var(--rpn-offset-y, 24px) auto auto var(--rpn-offset-x, 24px)}.recent-purchase-notification[data-placement=top-right]{inset:var(--rpn-offset-y, 24px) var(--rpn-offset-x, 24px) auto auto}.recent-purchase-notification[data-display-mode=inline]{position:static;width:min(100%,var(--rpn-width))}.recent-purchase-notification[hidden]{display:none}.recent-purchase-notification__card{position:relative;display:grid;grid-template-columns:var(--rpn-image-size) minmax(0,1fr);gap:var(--rpn-gap);align-items:center;min-height:calc(var(--rpn-image-size) + var(--rpn-padding) * 2);padding:var(--rpn-padding);border:1px solid var(--rpn-border);border-radius:var(--rpn-radius);background:var(--rpn-background);box-shadow:var(--rpn-shadow);overflow:hidden;pointer-events:auto;opacity:0;transform:translateY(14px) scale(.985);transition:opacity .28s ease,transform .34s cubic-bezier(.2,.8,.2,1)}.recent-purchase-notification.is-visible .recent-purchase-notification__card{opacity:1;transform:translateY(0) scale(1)}.recent-purchase-notification[data-animation=slide-horizontal] .recent-purchase-notification__card{transform:translate(-18px)}.recent-purchase-notification[data-placement$=right][data-animation=slide-horizontal] .recent-purchase-notification__card{transform:translate(18px)}.recent-purchase-notification.is-visible[data-animation=slide-horizontal] .recent-purchase-notification__card{transform:translate(0)}.recent-purchase-notification[data-animation=fade] .recent-purchase-notification__card{transform:none}.recent-purchase-notification[data-animation=none] .recent-purchase-notification__card{transition:none;transform:none}.recent-purchase-notification__media{display:block;width:var(--rpn-image-size);height:var(--rpn-image-size);border-radius:calc(var(--rpn-radius) * .65);overflow:hidden;background:color-mix(in srgb,var(--rpn-text) 6%,var(--rpn-background))}.recent-purchase-notification__image{width:100%;height:100%;object-fit:cover}.recent-purchase-notification__content{min-width:0;padding-inline-end:22px}.recent-purchase-notification__eyebrow{margin:0 0 2px;color:var(--rpn-muted);font-size:.82em}.recent-purchase-notification__title{display:block;color:inherit;font-weight:700;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-purchase-notification__meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:5px;color:var(--rpn-muted);font-size:.82em}.recent-purchase-notification__meta>span+span:before{margin-inline-end:10px;content:"\b7"}.recent-purchase-notification__badge{color:var(--rpn-accent);font-weight:650}.recent-purchase-notification__close{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;color:inherit;background:transparent;cursor:pointer;opacity:.62}.recent-purchase-notification__close:hover{background:color-mix(in srgb,var(--rpn-text) 8%,transparent);opacity:1}.recent-purchase-notification__close svg{width:14px;height:14px}.recent-purchase-notification__visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(max-width:749px){.recent-purchase-notification{width:calc(100vw - 24px);--rpn-offset-x: 12px !important;--rpn-offset-y: 12px !important;--rpn-image-size: min(var(--rpn-mobile-image-size, 62px), 22vw)}.recent-purchase-notification[data-placement$=left],.recent-purchase-notification[data-placement$=right]{left:12px;right:auto}}@media(prefers-reduced-motion:reduce){.recent-purchase-notification__card{transition:opacity 1ms linear;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/110/assets/recent-purchase-notification.css.map */