.notification-item{padding:20px;border-bottom:1px solid #eaeaea}.head-notify{display:flex;align-items:flex-start;gap:15px}.head-notify img{min-width:fit-content}.head-notify .content-container{display:flex;flex-direction:column;gap:0;line-height:1;margin-bottom:10px}customer-notifications-container .halo-sidebar-close{position:relative;top:inherit}customer-notifications-container .halo-sidebar-header{display:flex;align-items:center;padding-top:10px}customer-notifications-container .halo-sidebar-header .title{font-size:14px;font-weight:700}span.title-notify.h3{font-size:14px;font-family:var(--font-body-family);letter-spacing:0;font-weight:700}span.content-notify{font-size:12px;line-height:1.2;line-height:10px;color:#7e7d7d}span.content-notify p{margin:4px 0;line-height:1.2}.icon-nav{padding-top:5px}body.notifications-sidebar-show .halo-notification-sidebar{transform:translateZ(0);opacity:1;visibility:visible}body.notifications-sidebar-show .background-overlay{opacity:1;pointer-events:all;z-index:101}.image-notify img{border-radius:10px;max-height:200px;width:100%;object-fit:cover}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #d7433e68}70%{transform:scale(1);box-shadow:0 0 0 5px #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}.notification-item.unread{background-color:#f1f1f1}button[data-open-notification].unread-notifications:after{content:"";width:12px;height:12px;background-color:#d7443e;border-radius:50%;position:absolute;top:0;right:-2px;animation:pulse 1.3s ease-in-out infinite}button[data-open-notification]{padding:0;border:none;background:transparent;display:flex;align-items:center;justify-content:center;gap:4px;font-family:var(--font-body-family);flex-direction:column;color:#4c4c4c;font-size:12px;position:relative}button[data-open-notification] svg{width:24px;height:29px}.header-mobile button[data-open-notification] svg{width:24px;height:24px}.header-mobile button[data-open-notification].unread-notifications:after{left:12px}.template-index .section-header-mobile:not(.scrolled-past-header) customer-notifications button svg path{stroke:#fff}@media (max-width: 1024px){button[data-open-notification]{font-size:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-notify.css.map */