body .top-navigation .notifications-content{height:calc(100svh - 225px)}.notification-page{width:100%;height:100vh;padding:12px 0}.notification-page h1{text-align:center;margin-bottom:12px;font-size:24px}.notification-page .scrollable-content{height:100%}.notification-page .notifications-content{height:calc(100vh - 110px);overflow-y:auto}@media screen and (max-width:600px){.notification-page .notifications-content{height:calc(100vh - 225px)}}.notification-page .notification-element{border-top:1px solid #fdfcfc80;border-bottom:1px solid #fdfcfc80;height:fit-content;padding:12px}.notification-page .notification-element .notification-content{width:75%}.notification-page .notification-element .notification-content p{word-wrap:break-word}@media screen and (max-width:650px){.notification-page .notification-element .notification-content{width:95%}}.notification-page .notification-element:hover{cursor:pointer;background-color:#f5f5f51a}.notification-page .notification-element .notification-link{align-items:center;display:flex}.notification-page .notification-element .notification-icon{margin-right:12px}.notification-page .notification-element .notification-icon svg{width:24px;height:24px}.notification-page .notification-element .notification-text{flex-wrap:wrap;justify-content:space-between;width:100%;display:flex}.notification-page .notification-element .notification-text .notification-time{align-items:center;height:fit-content;font-size:small;display:flex}.notification-page .notification-element .notification-text .notification-time svg{margin-left:5px}@media screen and (max-width:650px){.notification-page .notification-element .notification-text{flex-direction:column-reverse}.notification-page .notification-element .notification-text .notification-time{justify-content:space-between;margin-bottom:5px}}.notification-page .notification-element .notification-text .notification-type{margin-bottom:5px}.notification-page .notification-element .notification-text .notification-type.small{font-size:small}.notification-page .notification-element .notification-type{margin:auto}.notification-page .type_content{flex-wrap:nowrap;align-items:center;display:flex}.notification-page .notifications-tabs{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;height:50px;margin:0 auto;display:grid}.notification-page .notifications-tabs .notification-tab{text-align:center;border-top:1px solid #fdfcfc80;border-bottom:1px solid #fdfcfc80;width:100%;padding:12px}.notification-page .notifications-tabs .notification-tab.selected{background-color:#f5f5f51a}.notification-page .notifications-tabs .notification-tab:hover{cursor:pointer;background-color:#f5f5f51a}.notification-page .notifications-tabs .notification-tab .notification-tab_icon{display:none}@media screen and (max-width:800px){.notification-page .notifications-tabs .notification-tab .notification-tab_icon{width:25px;height:25px;margin:0 auto;display:block}.notification-page .notifications-tabs .notification-tab .notification-tab_text{display:none}}.notification-page .notification-owner-link{color:#aaa;display:contents}.notification-page .notification-owner-link:hover{color:#fff}.notification-page .answer_owner_link{align-items:center;margin-right:8px;font-size:14px;display:flex}.notification-page .answer_owner_link .answer_owner_name{margin-left:8px}.notification-page .answer_owner_link img{width:25px}.notification-page .end-notifications{justify-content:center;align-items:center;width:100%;padding:12px 0;display:flex}.notification-page .end-notifications:hover{cursor:pointer;background-color:#f5f5f51a}.notification-page .end-notifications .loading-box{background-color:#00000003;outline:1px solid #0000001a;justify-content:center;align-items:center;width:calc(100% - 1rem);height:calc(100% - 1rem);display:flex}