.notifications-button{position:relative;float:right;width:16px;height:16px;display:block;border-radius:50%;text-align:center;padding:10px;opacity:0.6}.notifications-button .svg{width:20px;height:20px}.notifications-button:hover,.notifications-button:focus{opacity:1 !important}.notifications-button.hasNotifications{opacity:1 !important}.notifications-button.hasNotifications:hover,.notifications-button.hasNotifications:focus{opacity:0.6 !important}.notifications-button,.notifications-button img{cursor:pointer}.notification-container{display:none;right:13px;width:350px;max-width:90%}.notification-container .notification-wrapper{display:flex;flex-direction:column;margin-bottom:66px;max-height:calc(100vh - 50px * 4 - 44px) !important}.notification-container .emptycontent{padding:50px 0;margin:0}.notification-container .emptycontent .icon-notifications-dark{background-image:var(--icon-notifications-notifications-dark-000)}.notification-container .emptycontent .icon-notifications-dark-white,.notification-container .emptycontent .icon-notifications-dark.icon-white{background-image:var(--icon-notifications-notifications-dark-fff)}.notification-container .dismiss-all{display:flex;justify-content:center;color:var(--color-text-maxcontrast);border-top:1px solid var(--color-border);padding:10px;width:calc(100% - 10px * 2);position:absolute;bottom:0;background-color:var(--color-main-background)}.notification-container .dismiss-all:hover,.notification-container .dismiss-all .icon-close{opacity:1;cursor:pointer}.notification-container .dismiss-all .icon-close{opacity:0.5;margin-right:5px}.notification-container:after{right:101px}.notification{padding-bottom:12px}.notification:not(:last-child){border-bottom:1px solid var(--color-border)}.notification .notification-heading{display:flex}.notification .notification-heading .notification-time{color:var(--color-text-maxcontrast);margin:13px 0 13px auto}.notification .notification-subject,.notification .notification-message,.notification .notification-full-message,.notification .notification-actions{margin:0 12px 12px}.notification .notification-subject{display:flex;align-items:center}.notification .notification-subject>.image{align-self:flex-start}.notification .notification-subject>span.subject,.notification .notification-subject>a>span.subject,.notification .notification-subject>.rich-text--wrapper,.notification .notification-subject>a>.rich-text--wrapper{padding-left:10px;word-wrap:anywhere}.notification .notification-message,.notification .notification-full-message{padding-left:42px;color:var(--color-text-maxcontrast)}.notification .notification-message>.collapsed,.notification .notification-full-message>.collapsed{overflow:hidden;max-height:70px}.notification .notification-message>.notification-overflow,.notification .notification-full-message>.notification-overflow{box-shadow:0 0 20px 20px var(--color-main-background);position:relative}.notification img.notification-icon{width:32px;height:32px;display:flex}body.theme--dark .notification img.notification-icon{filter:invert(1)}.notification strong{font-weight:bold;opacity:1}.notification .notification-actions{overflow:hidden}.notification .notification-actions .button{position:relative;width:fit-content;overflow:hidden;border:none;font-size:var(--default-font-size);font-weight:bold;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:22px;transition:background-color 0.1s linear !important;transition:border 0.1s linear;color:var(--color-main-text);background-color:var(--color-background-dark);line-height:normal;vertical-align:baseline;padding:8px 16px}.notification .notification-actions .button *{cursor:pointer}.notification .notification-actions .button:hover{background-color:var(--color-primary-light-hover)}.notification .notification-actions .button:active{background-color:var(--color-primary-element-lighter)}.notification .notification-actions .button:not(.primary){box-shadow:0 0 0 2px var(--color-border-dark)}.notification .notification-actions .button:not(.primary):hover{color:var(--color-main-text);background-color:var(--color-background-dark);box-shadow:0 0 0 2px var(--color-primary-element)}.notification .notification-actions .button:not(.primary):active{box-shadow:0 0 0 2px var(--color-main-text)}.notification .notification-actions .button:not(.primary)--tabbed{box-shadow:0 0 0 2px var(--color-main-text);background-color:var(--color-primary-light-hover)}.notification .notification-actions .button:not(.primary)--tabbed.button-vue--vue-primary{background-color:var(--color-primary-hover)}.notification .notification-actions .button:not(.primary)--tabbed.button-vue--vue-secondary{box-shadow:0 0 0 2px var(--color-main-text)}.notification .notification-actions .button.primary{box-shadow:none;background-color:var(--color-primary-element);color:var(--color-primary-text)}.notification .notification-actions .button.primary:hover{background-color:var(--color-primary-element-hover)}.notification .notification-actions .button.primary:active{background-color:var(--color-primary-element)}.notification .notification-actions .button.primary.button--tabbed{background-color:var(--color-primary-hover)}.notification .notification-actions .button-vue{line-height:normal;margin:2px 8px}.notification .notification-actions:first-child{margin-left:auto}