.sales-notification{position:fixed;z-index:29;max-width:380px;width:calc(100% - var(--sp-8));pointer-events:auto;font-family:var(--font-body-family)}.sales-notification.position--bottom-left{bottom:var(--sp-6);left:var(--sp-4)}.sales-notification.position--bottom-right{bottom:var(--sp-6);right:var(--sp-4)}.sales-notification__card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3d5) var(--sp-4);border:1px solid rgb(var(--color-base-text) / .08);box-shadow:0 8px 32px rgb(var(--color-shadow) / .12),0 2px 8px rgb(var(--color-shadow) / .06);transition:box-shadow .3s ease,transform .3s ease;cursor:pointer;text-decoration:none;color:inherit}.sales-notification__card:hover{box-shadow:0 12px 40px rgb(var(--color-shadow) / .18),0 4px 12px rgb(var(--color-shadow) / .08);transform:translateY(-2px)}.sales-notification__image{flex-shrink:0;width:64px;height:64px;border-radius:calc(var(--card-radius) * .5);overflow:hidden;background-color:rgb(var(--color-placeholder))}.sales-notification__image img{width:100%;height:100%;object-fit:cover;display:block}.sales-notification__content{flex:1;min-width:0;line-height:1.4}.sales-notification__buyer{font-size:var(--text-xs);opacity:.7;margin-bottom:var(--sp-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sales-notification__product-name{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--sp-1);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.sales-notification__product-name a{color:inherit;text-decoration:none}.sales-notification__product-name a:hover{text-decoration:underline}.sales-notification__price{font-size:var(--text-xs);font-weight:500;opacity:.85}.sales-notification__close{position:absolute;top:var(--sp-1d5);right:var(--sp-1d5);width:20px;height:20px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;opacity:0;transition:opacity .2s ease;padding:0;color:inherit;font-size:14px;line-height:1;border-radius:50%}.sales-notification__card:hover .sales-notification__close{opacity:.5}.sales-notification__close:hover{opacity:1!important;background-color:rgb(var(--color-base-text) / .06)}.sales-notification__time{font-size:var(--text-3xs);opacity:.5;margin-top:var(--sp-0d5)}.sales-notification__verified{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-3xs);opacity:.6;margin-top:var(--sp-1)}.sales-notification__verified svg{width:12px;height:12px;flex-shrink:0}.sales-notification--fade{opacity:0;visibility:hidden;transition:opacity .45s cubic-bezier(.25,.46,.45,.94),visibility .45s}.sales-notification--fade.is-visible{opacity:1;visibility:visible}.sales-notification--slide.position--bottom-left{opacity:0;visibility:hidden;transform:translate(-110%);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s ease,visibility .5s}.sales-notification--slide.position--bottom-left.is-visible{opacity:1;visibility:visible;transform:translate(0)}.sales-notification--slide.position--bottom-right{opacity:0;visibility:hidden;transform:translate(110%);transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s ease,visibility .5s}.sales-notification--slide.position--bottom-right.is-visible{opacity:1;visibility:visible;transform:translate(0)}@media screen and (max-width:639px){.sales-notification{max-width:calc(100% - var(--sp-6));width:calc(100% - var(--sp-6))}.sales-notification.position--bottom-left,.sales-notification.position--bottom-right{left:50%;right:auto;transform:translate(-50%);bottom:var(--sp-4)}.sales-notification--slide.position--bottom-left,.sales-notification--slide.position--bottom-right{transform:translate(-50%) translateY(120%)}.sales-notification--slide.position--bottom-left.is-visible,.sales-notification--slide.position--bottom-right.is-visible{transform:translate(-50%) translateY(0)}.sales-notification--fade{transform:translate(-50%)}.sales-notification__image{width:56px;height:56px}}.has-mobile-dock .sales-notification{bottom:calc(var(--sp-6) + 60px)}@media screen and (min-width:640px){.has-mobile-dock .sales-notification{bottom:var(--sp-6)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/sales-notification.css.map */