.image.svelte-1axn7zo,.image.svelte-1xwzu9t {
    width: auto;
    height: 60px;
    border-radius: var(--ds-radius-sm)
}

.seals.svelte-15rqa94>div {
    display: flex;
    justify-content: center;
    gap: var(--spacing-8)
}

.notifications-header.svelte-1fnfosg {
    background: var(--color-overlay-surface-default, var(--color-grey-700));
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    touch-action: none;
    padding: var(--spacing-1) var(--spacing-0);
    margin-right: calc(var(--spacing-3) * -1)
}

.notifications-header.mobile.svelte-1fnfosg {
    background: var(--color-surface-lowest, var(--color-grey-700))
}

.title.svelte-1fnfosg {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-2)
}

.notification.svelte-1k7htew {
    display: flex;
    position: relative;
    background: var(--ds-color-overlay-surface-default)!important;
    box-shadow: var(--ds-shadow-elevated, 0 -1px 2px 0 rgba(0, 0, 0, .1607843137), 0 4px 8px 0 rgba(0, 0, 0, .1607843137));
    border-radius: var(--ds-radius-md);
    min-width: 200px;
    max-width: calc(100vw - 2em);
    align-items: center;
    transition: all .3s;
    justify-content: space-between
}

.notification.panel.svelte-1k7htew {
    box-shadow: none
}

.notification.clickable.svelte-1k7htew {
    cursor: pointer
}

.notification.svelte-1k7htew .notification-body:where(.svelte-1k7htew) {
    width: 100%;
    display: grid;
    grid-auto-flow: row
}

.notification.svelte-1k7htew .notification-body:where(.svelte-1k7htew) .title:where(.svelte-1k7htew) {
    display: inline-flex;
    flex-direction: row;
    align-items: baseline;
    flex-wrap: wrap
}

.notification.svelte-1k7htew .notification-body:where(.svelte-1k7htew) .title:where(.svelte-1k7htew)>*+* {
    margin-left: var(--spacing-1)
}

.notification.svelte-1k7htew .notification-icon:where(.svelte-1k7htew) {
    display: flex;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    background: var(--ds-color-surface-sunken, var(--color-grey-600));
    border-radius: var(--ds-radius-md) 0 0 var(--ds-radius-md);
    margin: var(--spacing-0)
}

.notification.positive.svelte-1k7htew .notification-icon:where(.svelte-1k7htew) {
    color: var(--ds-color-positive-on-surface, var(--color-green-500))
}

.notification.default.svelte-1k7htew .notification-icon:where(.svelte-1k7htew) {
    color: var(--ds-color-primary-on-surface, var(--color-blue-500))
}

.notification.warn.svelte-1k7htew .notification-icon:where(.svelte-1k7htew) {
    color: var(--ds-color-caution-on-surface, var(--color-yellow-500))
}

.notification.negative.svelte-1k7htew .notification-icon:where(.svelte-1k7htew) {
    color: var(--ds-color-critical-on-surface, var(--color-red-500))
}

.notification.rain.svelte-1k7htew .notification-icon:where(.svelte-1k7htew) {
    color: var(--ds-color-primary-on-surface, #03d6ff)
}

.notification.normal.svelte-1k7htew .notification-body:where(.svelte-1k7htew) {
    gap: var(--spacing-1);
    padding: var(--spacing-4) var(--spacing-6)
}

.notification.normal.svelte-1k7htew .notification-icon:where(.svelte-1k7htew) {
    padding: var(--spacing-4) var(--spacing-5) var(--spacing-5) var(--spacing-5);
    font-size: var(--text-size-lg)
}

.notification.compact.svelte-1k7htew .notification-body:where(.svelte-1k7htew) {
    gap: var(--spacing-0-5);
    padding: var(--spacing-3) var(--spacing-4)
}

.notification.compact.svelte-1k7htew .notification-icon:where(.svelte-1k7htew) {
    padding: var(--spacing-4) var(--spacing-5);
    font-size: var(--text-size-base)
}

.title-meta.svelte-1ibxwap {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-1);
    flex: none;
    margin-left: var(--spacing-2);
    margin-bottom: auto
}

:where(:root.ds-active--color) .notification {
    background-color: var(--color-overlay-surface-highest, var(--color-grey-700))!important
}

.title.svelte-cgvw8q {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: unset
}

.title.svelte-cgvw8q>*+* {
    margin-left: var(--spacing-1)
}

.title.with-body.svelte-cgvw8q {
    align-items: center
}

.header.svelte-1gkmr95 {
    display: flex;
    justify-content: space-between
}

.empty-notifications.svelte-gy8wi7 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.empty-notifications.svelte-gy8wi7 svg {
    margin-bottom: var(--spacing-4)
}

.notifications-widget.svelte-x1k2jr {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: calc(var(--header-height) + var(--spacing-2));
    right: var(--spacing-6);
    width: 100%;
    max-width: 375px;
    max-height: 400px;
    background-color: var(--color-overlay-surface-default, var(--color-grey-700));
    padding: var(--spacing-0) var(--spacing-4) var(--spacing-4);
    border-radius: var(--ds-radius-md);
    box-shadow: var(--shadows-lg)
}

.notifications-widget.svelte-x1k2jr .notification .notification-body {
    background-color: var(--ds-color-overlay-surface-highest);
    border-top-right-radius: var(--ds-radius-md);
    border-bottom-right-radius: var(--ds-radius-md)
}

.notifications-widget.mobile.svelte-x1k2jr {
    background-color: var(--color-surface-lowest, var(--color-grey-700));
    max-width: none;
    width: 100vw;
    max-height: none;
    height: calc(100vh - var(--mobile-footer-height-or-under-pwa-floating-footer) - var(--header-height));
    left: -3vw;
    bottom: 0;
    top: var(--header-height);
    border-radius: 0
}

.notifications-widget.svelte-x1k2jr>.notification-list-scroll {
    height: 100%;
    padding: var(--spacing-0) var(--spacing-4);
    margin: var(--spacing-0) calc(var(--spacing-4) * -1)
}

@media (display-mode: standalone) and (orientation: portrait) {
    .notifications-widget.svelte-x1k2jr>.notification-list-scroll {
        padding-bottom:var(--mobile-footer-height-or-above-pwa-floating-footer)
    }
}

.timer.svelte-157uvqm {
    font-variant-numeric: tabular-nums;
    font-size: var(--text-size-sm)
}

.navigation.svelte-sxslob {
    width: 100%;
    z-index: var(--header-zIndex);
    background: var(--color-surface-default, var(--color-grey-600));
    align-items: center;
    display: flex;
    flex-direction: column;
    box-shadow: #0003 0 4px 6px -1px,#0000001f 0 2px 4px -1px;
    touch-action: none
}

.navigation.mobile.svelte-sxslob {
    position: fixed;
    top: 0
}

.navigation-container.svelte-sxslob {
    position: relative;
    height: var(--header-height);
    display: grid;
    width: 100%;
    align-items: center
}

.navigation-container.authenticated.svelte-sxslob {
    grid-template-columns: minmax(26px,1fr) minmax(min-content,max-content) minmax(min-content,1fr);
    gap: var(--spacing-2)
}

.navigation-container.authenticated.svelte-sxslob button:focus-visible {
    text-decoration: none
}

.navigation-container.svelte-sxslob:not(.authenticated) {
    grid-template-columns: auto 1fr
}

.navigation-search-container.svelte-sxslob {
    position: absolute;
    width: 100%;
    top: calc(var(--header-height) + var(--spacing-3))
}

.ctainer.svelte-sxslob {
    width: 100%;
    max-width: 1200px;
    align-self: center;
    height: 0
}

.sizer.svelte-sxslob {
    width: 100%;
    height: 0
}

.hide-header.svelte-sxslob {
    display: none
}