.topline .topline-right{align-items:center;gap:20px;display:flex}.header-account-tools{z-index:30;align-items:center;gap:10px;display:flex;position:relative}.header-icon-button{color:#1058b8;background:#fff;border:1px solid #d1e1f7;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;padding:0;display:grid;position:relative}.header-icon-button svg{width:20px;height:20px}.header-avatar-link{color:#fff;background:#105bc5;border-color:#105bc5;font-size:17px;font-weight:700}.notification-count{color:#fff;background:#d43b48;border:2px solid #eaf3ff;border-radius:12px;min-width:19px;padding:0 3px;font-size:10px;font-weight:700;line-height:15px;position:absolute;top:-4px;right:-4px}.header-notifications{color:#153a70;text-align:left;letter-spacing:normal;background:#fff;border:1px solid #dce6f5;border-radius:20px;width:380px;max-width:calc(100vw - 28px);position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 18px 60px #11336c28}.notification-panel-heading{border-bottom:1px solid #e4ecf7;justify-content:space-between;align-items:center;padding:20px;display:flex}.notification-panel-heading h2{letter-spacing:-.4px;margin:0;font-size:20px}.notification-panel-heading p{color:#6e85a5;margin:6px 0 0;font-size:12px}.notification-panel-heading>button{color:#1957ac;background:#edf4ff;border:0;border-radius:50%;width:32px;height:32px;font-size:23px}.header-notifications ul{max-height:min(390px,50vh);margin:0;padding:0;list-style:none;overflow:auto}.notification-item{color:#27466f;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f8;align-items:start;gap:10px;width:100%;padding:16px 20px;display:flex}.notification-item.unread{background:#f1f6ff}.notification-item strong{overflow-wrap:anywhere;font-size:13px;font-weight:500;line-height:1.7;display:block}.notification-item small{color:#7b8fae;margin-top:7px;font-size:11px;display:block}.notification-dot{background:#c7d3e4;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:8px}.unread .notification-dot{background:#1262d1}.notification-empty{text-align:center;padding:26px 20px;font-size:14px}.notification-empty p{color:#7489a8;font-size:12px;line-height:1.8}.notification-panel-footer{background:#f9fbff;flex-wrap:wrap;gap:12px;padding:16px 20px;font-size:12px;display:flex}.notification-panel-footer>button{text-align:left;color:#0758c7;background:0 0;border:0;width:100%;padding:0;font-size:12px}.notification-panel-footer a{color:#0758c7}.notification-error{color:#b34343;padding:0 20px;font-size:12px;line-height:1.7}.topline:has(.header-account-tools){align-items:center;padding-top:6px;padding-bottom:6px}.catalog-topline.topline>.topline-right{display:flex}@media (max-width:640px){.topline .topline-tagline{display:none}.topline .topline-right{gap:0}.header-account-tools{gap:8px}.header-icon-button{width:34px;height:34px}.topline:has(.header-account-tools){gap:8px;padding:6px 16px;font-size:10px}.header-notifications{max-width:calc(100vw - 24px)}.notification-panel-heading{padding:16px}.notification-item{padding:14px 16px}}.topline .header-account-tools{flex-shrink:0}@media (max-width:640px){.topline .header-notifications{width:auto;max-width:none;position:fixed;top:54px;left:12px;right:12px}}.notification-item.notification-solemn{background:#f6f7fa;border-left:4px solid #65748b}.notification-solemn .notification-dot{background:#65748b;border-radius:1px;transform:rotate(45deg)}.notification-item .notification-kind{color:#485970;margin:0 0 5px;font-weight:700}.header-avatar-link{overflow:hidden}.header-avatar-link img{object-fit:cover;width:100%;height:100%}
