.notification-feed{--nf-bg: #ffffff;--nf-text: #1a1a1a;--nf-border: #e5e5e5;--nf-shadow: rgba(0, 0, 0, .15);--nf-close: #555555;--nf-dot-active: #1a1a1a;--nf-dot-inactive: #cccccc;--nf-border-radius: 6px;--nf-font-size: 11px;--nf-max-width: 360px;--nf-top-at-top: calc(var(--header-height, 60px) + var(--announcement-bar-height, 0px) + 10px);--nf-top-scrolled: 16px;position:fixed;top:var(--nf-top-at-top);left:16px;z-index:1;pointer-events:none;width:100%;max-width:var(--nf-max-width);transition:top .35s cubic-bezier(.4,0,.2,1)}.notification-feed.is-scrolled{top:var(--nf-top-scrolled)}.notification-feed__items{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.notification-feed__item{grid-row:1 / -1;grid-column:1 / -1;pointer-events:auto;display:none;opacity:0;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease}.notification-feed__item.is-active{display:block;opacity:1;transform:translateY(0);animation:nf-slide-in .25s ease both}@keyframes nf-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-feed__card{position:relative;display:flex;align-items:center;gap:10px;background-color:var(--nf-bg);border:1px solid var(--nf-border);border-radius:var(--nf-border-radius);box-shadow:0 1px 4px #0003;padding:8px 40px 8px 8px;overflow:hidden}.notification-feed__link{display:block;flex-shrink:0;line-height:0;text-decoration:none}.notification-feed__media{width:52px;height:52px;object-fit:cover;border-radius:calc(var(--nf-border-radius) - 2px);display:block;background-color:#f0f0f0}.notification-feed--small .notification-feed__media{width:40px;height:40px}.notification-feed--large .notification-feed__media{width:64px;height:64px}.notification-feed__icon-wrap{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background-color:#f5f5f5;border-radius:calc(var(--nf-border-radius) - 2px);flex-shrink:0;text-decoration:none}.notification-feed__icon{font-size:22px;line-height:1;display:block}.notification-feed--small .notification-feed__icon-wrap{width:40px;height:40px}.notification-feed--small .notification-feed__icon{font-size:18px}.notification-feed--large .notification-feed__icon-wrap{width:64px;height:64px}.notification-feed--large .notification-feed__icon{font-size:26px}.notification-feed__body{flex:1;min-width:0;text-decoration:none;color:var(--nf-text);display:flex;flex-direction:column;gap:2px}.notification-feed__body--full{padding-left:2px}.notification-feed__eyebrow{display:block;font-size:calc(var(--nf-font-size) - 1px);font-weight:700;letter-spacing:.1em;color:var(--nf-text);opacity:.5;line-height:1.2}.notification-feed__text{display:block;font-size:var(--nf-font-size);font-weight:400;line-height:1.4;color:var(--nf-text);letter-spacing:.04em}.notification-feed__text strong,.notification-feed__text b{font-weight:700}.notification-feed--small .notification-feed__text{font-size:calc(var(--nf-font-size) - 1px)}.notification-feed--large .notification-feed__text{font-size:calc(var(--nf-font-size) + 1px)}.notification-feed__close{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;padding:0;cursor:pointer;color:var(--nf-close);position:absolute;top:50%;right:12px;transform:translateY(-50%);width:18px;height:18px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .15s ease,transform .15s ease;z-index:2}.notification-feed__close:hover{opacity:1;transform:translateY(-50%) rotate(90deg)}.notification-feed__close svg{width:12px;height:12px;display:block}.notification-feed__dots{display:flex;align-items:center;gap:5px;padding:6px 10px 0;pointer-events:auto}.notification-feed__dot{appearance:none;-webkit-appearance:none;background:var(--nf-dot-inactive);border:0;padding:0;margin:0;width:5px;height:5px;border-radius:50%;cursor:pointer;transition:background .2s ease,transform .2s ease;display:none!important}.notification-feed__dot.is-active{background:var(--nf-dot-active);transform:scale(1.4)}.notification-feed.is-dismissed{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.notification-feed__link:focus-visible,.notification-feed__body:focus-visible,.notification-feed__close:focus-visible,.notification-feed__dot:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(max-width:749px){.notification-feed{max-width:calc(100vw - 32px)}.notification-feed__media,.notification-feed__icon-wrap{width:44px;height:44px}.notification-feed__icon{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-notification-feed.css.map */