.header-split-icon{position:relative}.header-split-icon .split-badge{position:absolute;top:0;right:0;pointer-events:none}.xf-alerts-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:1100;width:min(28rem,94vw);max-height:75vh;display:flex;flex-direction:column;background:var(--secondary);border:1px solid var(--primary-low);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.35);overflow:hidden;animation:xf-alerts-in .12s ease-out}.xf-alerts-panel .xf-alerts-header{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem;border-bottom:1px solid var(--primary-low);background:var(--primary-very-low)}.xf-alerts-panel .xf-alerts-header .xf-alerts-title{font-weight:700;font-size:var(--font-up-1);letter-spacing:.01em}.xf-alerts-panel .xf-alerts-header .xf-mark-read{padding:.25rem .6rem;font-size:var(--font-down-1);color:var(--primary-high);border-radius:999px}.xf-alerts-panel .xf-alerts-header .xf-mark-read:hover{background:var(--primary-low);color:var(--primary);text-decoration:none}.xf-alerts-panel .xf-alerts-body{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin}.xf-alerts-panel .xf-alert{display:flex;align-items:flex-start;gap:.8rem;padding:.75rem 1rem;color:var(--primary-high);text-decoration:none;border-bottom:1px solid var(--primary-very-low);transition:background .1s}.xf-alerts-panel .xf-alert:last-child{border-bottom:0}.xf-alerts-panel .xf-alert:hover{background:var(--primary-very-low);color:var(--primary-high)}.xf-alerts-panel .xf-alert.unread{background:var(--tertiary-very-low);box-shadow:inset 3px 0 0 var(--tertiary);color:var(--primary)}.xf-alerts-panel .xf-alert.unread:hover{background:var(--tertiary-low)}.xf-alerts-panel .xf-alert .xf-alert-media{position:relative;flex:none;width:2.5rem;height:2.5rem}.xf-alerts-panel .xf-alert .xf-alert-avatar{display:block;width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover}.xf-alerts-panel .xf-alert .xf-alert-avatar.xf-alert-avatar--blank{display:flex;align-items:center;justify-content:center;background:var(--primary-low);color:var(--primary-high)}.xf-alerts-panel .xf-alert .xf-alert-avatar.xf-alert-avatar--blank .d-icon{width:1.05rem;height:1.05rem}.xf-alerts-panel .xf-alert .xf-alert-badge{position:absolute;right:-0.3rem;bottom:-0.3rem;display:flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--tertiary);color:var(--secondary);border:2px solid var(--secondary)}.xf-alerts-panel .xf-alert .xf-alert-badge .d-icon{width:.6rem;height:.6rem}.xf-alerts-panel .xf-alert.xf-alert--like .xf-alert-badge{background:var(--love, #fa6c8d);color:#fff}.xf-alerts-panel .xf-alert.xf-alert--reaction .xf-alert-badge{background:#f5a623;color:#fff}.xf-alerts-panel .xf-alert.xf-alert--mention .xf-alert-badge{background:#8e6bd8;color:#fff}.xf-alerts-panel .xf-alert .xf-alert-main{display:flex;flex-direction:column;gap:.2rem;min-width:0;line-height:1.35}.xf-alerts-panel .xf-alert .xf-alert-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-size:.95em}.xf-alerts-panel .xf-alert .xf-alert-text strong{color:var(--primary)}.xf-alerts-panel .xf-alert .xf-alert-title{font-weight:600;color:var(--primary)}.xf-alerts-panel .xf-alert .xf-alert-time{font-size:var(--font-down-1);color:var(--primary-medium)}.xf-alerts-panel .xf-alerts-empty{padding:1.5rem 1rem;text-align:center;color:var(--primary-medium)}.xf-alerts-panel .xf-alerts-more{display:block;width:100%;padding:.8rem 1rem;text-align:center;color:var(--tertiary);font-size:var(--font-down-1);border-top:1px solid var(--primary-very-low)}.xf-alerts-panel .xf-alerts-more:is(button):hover{background:var(--primary-very-low);text-decoration:none}@keyframes xf-alerts-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media(max-width: 700px){.xf-alerts-panel{position:fixed;left:.5rem;right:.5rem;top:3.5rem;width:auto}}#user-menu-button-messages{display:none}.header-dropdown-toggle.current-user .badge-notification{display:none !important}.header-split-icon{-webkit-tap-highlight-color:rgba(0,0,0,0);touch-action:manipulation}.header-split-icon .btn-flat{touch-action:manipulation}.xf-alerts-panel{-webkit-overflow-scrolling:touch;touch-action:pan-y}.header-split-icon .d-icon{font-weight:300;opacity:.9}
/*# sourceMappingURL=common_theme_50_d3b29dd706ab2f3ff59f07744ee1e612a896b68c.css.map?__ws=turborenault.co.uk */
