.empty-state__image{width:12.5rem;height:12.5rem}
.line-clamp{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}
.error-state__image{width:12.5rem;height:12.5rem}
.notification-tabs__header{position:-webkit-sticky;position:sticky;top:-0.5rem;left:0;right:0;z-index:1}.notification-tabs__close-button{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;display:none;opacity:.6;height:1.313rem;width:1.313rem}@media(max-width: 48rem){.notification-tabs__close-button{display:block}}.notification-tabs__button{color:unset}.notification-tabs__button--unread{content:"";width:.5rem;height:.5rem;border-radius:50%}
.header-notification{--dropdown-menu-width: 22.5rem;--dropdown-menu-padding: 0.5rem 0 0;--box-shadow: var(--box-shadow-lg);--border-radius: var(--border-radius-lg);z-index:1060}.header-notification__close{cursor:pointer;display:none;opacity:.6;padding:.5rem}@media(max-width: 48rem){.header-notification__close{display:block}}.header-notification__thumb{width:3rem;height:3rem;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-right:1rem;text-transform:uppercase;position:relative}.header-notification__detail_info{position:absolute;width:1.5rem;height:1.5rem;bottom:-0.4rem;right:-2rem}.header-notification__item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;font-size:var(--text-2);padding:1rem;-webkit-transition:background-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out;border:.125rem solid rgba(0,0,0,0);border-radius:.5rem}.header-notification__item--icon{position:relative}.header-notification__item--icon img{min-width:3rem;margin-right:1rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.header-notification__item--icon .unread{content:"";width:.5rem;height:.5rem;background-color:var(--red);border-radius:50%;position:absolute;top:-0.25rem;left:-0.25rem}.header-notification__item--type-icon{width:1.75rem;height:1.75rem;top:1.8rem;right:.625rem}.header-notification__item--timestamp{font-size:var(--text-1);color:var(--gray-500)}.header-notification__item:hover{background-color:var(--blue-lightest)}.header-notification__item:focus{outline:none;border-color:var(--blue);border-radius:.25rem;background-color:initial}.header-notification__item:active{background-color:var(--blue-lighter)}.header-notification__items>*+*{margin-top:.25rem}.header-notification__unread{background-color:var(--red);color:var(--white);font-size:var(--text-1);position:absolute;top:-35%;left:45%;min-width:1.25rem;height:1.25rem;padding:.25rem;border-radius:1rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center}.header-notification__empty-state{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;color:var(--gray-900);padding:var(--spacer-10) 0}.header-notification__empty-state>i{border-radius:50%;border:var(--component-border-width) solid var(--gray-300);font-size:var(--text-3);margin:0 auto var(--spacer-4) auto;padding:var(--spacer-3) var(--spacer-4)}.header-notification__empty-state>h6{font-size:var(--text-2);color:var(--gray-500);margin-bottom:var(--spacer-2)}.header-notification__empty-state>p{font-size:var(--text-1);color:var(--gray-700);margin:0 auto;max-width:12.5rem}.header-notification__empty-avatar{width:3rem;height:3rem;margin-right:1rem}

/*# sourceMappingURL=8416.1faf07d3.css.map*/