.rp-notification-container{position:fixed;z-index:9999;pointer-events:none;padding:12px}.rp-notification-container--bottom-left{bottom:0;left:0}.rp-notification-container--bottom-right{bottom:0;right:0}.rp-notification-container--top-left{top:0;left:0}.rp-notification-container--top-right{top:0;right:0}.rp-notification{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--color-background, #fff);border:1px solid var(--color-border-default, rgba(0, 0, 0, .08));border-radius:var(--rp-radius, 8px);box-shadow:0 4px 12px #0000000f;pointer-events:auto;cursor:pointer;max-width:300px;will-change:transform,opacity;transition:box-shadow .2s ease,border-color .2s ease;text-decoration:none}.rp-notification:hover{box-shadow:0 6px 16px #0000001a;border-color:var(--color-border-hover, rgba(0, 0, 0, .12))}.rp-notification__image{width:44px;height:44px;min-width:44px;border-radius:calc(var(--rp-radius, 8px) - 4px);overflow:hidden;background:var(--color-fill-subtle, #f5f5f5)}.rp-notification__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.rp-notification:hover .rp-notification__image img{transform:scale(1.05)}.rp-notification__content{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.rp-notification__title-wrapper{overflow:hidden;width:100%}.rp-notification__title{display:inline-flex;white-space:nowrap}.rp-notification__title-text{font-family:var(--font-body--family);font-size:12px;font-weight:500;color:var(--color-foreground, #1a1a1a);padding-right:1.5em}.rp-notification__title-text:last-child{display:none}.rp-notification__title-wrapper.is-marquee .rp-notification__title-text:last-child{display:inline}.rp-notification__title-wrapper.is-marquee .rp-notification__title{animation:rp-marquee 6s linear infinite}@keyframes rp-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.rp-notification__customer{font-family:var(--font-body--family);font-size:12px;color:var(--color-foreground-subtle, #666);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-notification__time{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:var(--color-fill-subtle, #f5f5f5);border-radius:4px;font-family:var(--font-body--family);font-size:10px;font-weight:500;line-height:1;color:var(--color-foreground-muted, #888);width:fit-content}.rp-notification__time-icon{width:10px;height:10px;stroke-width:2}.rp-notification__close{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--color-foreground-muted, #999);cursor:pointer;opacity:0;transition:all .15s ease;padding:0}.rp-notification__close-icon{width:14px;height:14px;stroke-width:2}.rp-notification:hover .rp-notification__close{opacity:1}.rp-notification__close:hover{background:var(--color-fill-subtle, #f0f0f0);color:var(--color-foreground, #333)}.rp-notification__progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent;overflow:hidden;border-radius:0 0 var(--rp-radius, 8px) var(--rp-radius, 8px)}.rp-notification__progress-bar{height:100%;background:var(--color-primary, #2563eb);opacity:.5;transform-origin:left}[data-theme=dark] .rp-notification{background:var(--color-fill-default, #1e1e1e);border-color:#ffffff14;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .rp-notification:hover{box-shadow:0 6px 16px #0006;border-color:#ffffff1f}[data-theme=dark] .rp-notification__image{background:var(--color-fill-subtle, #2a2a2a)}[data-theme=dark] .rp-notification__title-text{color:var(--color-foreground, #fff)}[data-theme=dark] .rp-notification__customer{color:var(--color-foreground-subtle, #aaa)}[data-theme=dark] .rp-notification__time{background:#ffffff14;color:var(--color-foreground-muted, #777)}[data-theme=dark] .rp-notification__close:hover{background:#ffffff1a}@media (prefers-reduced-motion: reduce){.rp-notification,.rp-notification *{animation:none!important;transition:none!important}.rp-notification__title-wrapper.is-marquee .rp-notification__title{animation:none}}@media (max-width: 480px){.rp-notification-container{padding:10px}.rp-notification{width:calc(100vw - 20px);max-width:none;padding:5px 8px;gap:8px}.rp-notification__image{width:40px;height:40px;min-width:40px}.rp-notification__title-text{font-size:13px}.rp-notification__customer{font-size:11px}.rp-notification__close{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/recently-purchased.css.map */