.notification-icon-wrapper{position:relative;display:inline-block}.notification-dot{position:absolute;top:-2px;right:-1px;width:7px;height:7px;background-color:#bd4a27;border-radius:50%;display:none}.notification-dot.visible{display:block}.notification-trigger,.notification-trigger-mobile{background:none;border:none;cursor:pointer}.notification-trigger:hover,.notification-trigger-mobile:hover{opacity:.7}.notifications-dropdown{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}.notifications-dropdown.active{display:block}.notifications-dropdown__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:transparent;cursor:default}.notifications-dropdown__panel{position:fixed;top:var(--full-header-height, 70px);right:0;left:auto;width:90%;max-width:417px;background-color:#efefef;box-shadow:none;max-height:calc(100vh - var(--full-header-height, 70px));overflow:hidden;display:flex;flex-direction:column}.notifications-dropdown__header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px 10px;border-bottom:1px solid rgba(0,0,0,.1)}.notifications-dropdown__title{color:#010203;font-family:BellGothicStd,sans-serif;font-size:16px;font-weight:900;line-height:1;letter-spacing:.4px;margin:0;text-transform:uppercase}.notifications-dropdown__close{background:none;border:none;padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.notifications-dropdown__close:hover{opacity:.7}.notifications-dropdown__close img{width:16px;height:16px}.notifications-dropdown__content{overflow-y:auto;padding:0}.notification-item{display:flex;gap:16px;padding:20px 24px;text-decoration:none;color:inherit;transition:background-color .2s;border-bottom:1px solid rgba(0,0,0,.05)}.notification-item:hover{background-color:#ffffff80}.notification-item:last-child{border-bottom:none}.notification-item__image{flex-shrink:0;width:120px;height:120px;overflow:hidden;background-color:#e0e0e0}.notification-item__image img{width:100%;height:100%;object-fit:cover;display:block}.notification-item__content{flex:1;display:flex;align-items:center}.notification-item__title{color:#010203;font-family:BellGothicStd,sans-serif;font-size:16px;font-weight:900;line-height:140%;letter-spacing:.4px;margin:0;text-transform:uppercase}@media screen and (max-width: 768px){.notifications-dropdown__panel{right:0;left:0;width:100%;max-width:100%}.notification-item{gap:12px;padding:16px 20px}.notification-item__image{width:80px;height:80px}.notification-item__title{font-size:14px}.notifications-dropdown__header{padding:16px 20px 10px}.notifications-dropdown__title{font-size:14px}.site-header .header-inner .trigger-nav .account-trigger-item{display:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.notifications-dropdown.active .notifications-dropdown__overlay{animation:fadeIn .2s ease-out}.notifications-dropdown.active .notifications-dropdown__panel{animation:slideInFromRight .3s ease-out}.notifications-dropdown.closing .notifications-dropdown__overlay{animation:fadeOut .2s ease-out}.notifications-dropdown.closing .notifications-dropdown__panel{animation:slideOutToRight .3s ease-out}
/*# sourceMappingURL=/cdn/shop/t/275/assets/notifications.css.map */