.notifications-drawer--open .transition-body:after{opacity:1;pointer-events:visible}notification-drawer-close-button.header__icon{position:absolute;background:none;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;left:auto;top:8px;right:15px}notification-drawer-close-button.header__icon .icon-close{width:1.7rem!important;height:1.7rem!important;margin-left:15px;color:#fff}.notification-drawer{position:fixed;top:0;right:0;height:100%;width:320px;max-width:80vw;background-color:#000;box-shadow:0 2px 10px #0000001a;padding:10px 15px;display:flex;flex-direction:column;overflow-y:auto;transform:translate(100%);transition:transform .3s ease-out;z-index:2147483601}.notification-drawer .title{font-size:22px;color:#fff;font-weight:700;margin:0 0 10px}.notification-icon{display:flex;align-items:center;cursor:pointer;margin-bottom:15px}.notification-icon img{width:24px;height:24px;margin-right:8px}.notification-icon span{font-size:16px;font-weight:700}.notifications-content{display:flex;flex-direction:column;gap:15px}.notification-item{position:relative;display:flex;flex-direction:column;align-items:center}.notification-item img{width:100%;height:auto;display:block;border-radius:10px}.notification-item button{position:absolute;right:15px;bottom:15px;padding:10px 20px 9px;font-family:var(--font-body-family);font-size:16px;font-weight:700;text-transform:uppercase;line-height:1em;border:none;cursor:pointer;transition:background-color .3s ease,color .3s ease;border-radius:40px}.notification-item button:hover{opacity:.9}@media (max-width: 768px){.notification-drawer{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/283/assets/notifications-drawer.css.map */