.cdk-overlay-container,
.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute;
    z-index: 1000
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    z-index: 1000;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

.cdk-overlay-backdrop {
    position: absolute;
    inset: 0;
    z-index: 1000;
    pointer-events: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    opacity: 0
}

.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.cdk-overlay-dark-backdrop {
    background: #00000052
}

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear, opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
    visibility: visible
}

.cdk-overlay-backdrop-noop-animation {
    transition: none
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}

.cdk-overlay-container {
    z-index: 50
}

textarea,
select,
input,
button {
    font-size: var(--nu-theme-dimension-normal-font-size)
}

body,
textarea,
select,
input,
button {
    font-family: var(--nu-theme-font-family), Helvetica, Arial, sans-serif;
    font-weight: var(--nu-theme-dimension-normal-font-weight)
}

code {
    font-family: Roboto Mono, monospace;
    font-weight: var(--nu-theme-dimension-normal-font-weight);
    font-size: 13px
}

h1 {
    font-weight: var(--nu-theme-dimension-bold-font-weight);
    font-size: var(--nu-theme-dimension-heading-font-size);
    margin: .5em 0
}

h2 {
    font-weight: var(--nu-theme-dimension-bold-font-weight);
    font-size: var(--nu-theme-dimension-sub-heading-font-size);
    margin: .5em 0
}

h3,
h4,
h5 {
    font-weight: var(--nu-theme-dimension-bold-font-weight);
    font-size: var(--nu-theme-dimension-normal-font-size);
    margin: .5em 0
}

b,
strong {
    font-weight: var(--nu-theme-dimension-bold-font-weight)
}

a {
    color: rgb(var(--nu-theme-color-link-base));
    text-decoration: none
}

a:visited {
    color: rgb(var(--nu-theme-color-link-visited))
}

a:active {
    color: rgb(var(--nu-theme-color-link-active))
}

.nu-tooltip-hint {
    border-bottom: 1px dashed rgb(var(--nu-theme-color-border-level3))
}

mark,
.nu-search-match-highlight,
.nu-search-match-highlight button,
.nu-search-match-highlight .button-style {
    background-color: rgb(var(--nu-theme-color-highlighted-base)) !important;
    color: rgb(var(--nu-theme-on-color-highlighted)) !important
}

body {
    background-color: rgb(var(--nu-theme-override-text-background, var(--nu-theme-color-background-level0)));
    color: rgb(var(--nu-theme-on-color-background));
    font-size: var(--nu-theme-dimension-normal-font-size);
    line-height: var(--nu-theme-dimension-body-line-height)
}

body.nu-disable-animation * {
    transition: none !important;
    animation-delay: 0s !important;
    animation-duration: 0s !important
}

@media not (pointer: fine) {
    * {
        scrollbar-width: auto;
        scrollbar-color: rgba(var(--nu-theme-color-background-level5), .7) rgba(0, 0, 0, 0)
    }
}

@media (pointer: fine) {
    ::-webkit-scrollbar {
        background-color: transparent;
        width: 12px;
        height: 12px
    }

    *:hover::-webkit-scrollbar-thumb,
    .nu-scrollbar-without-hover::-webkit-scrollbar-thumb,
    body.nu-scrollable-header::-webkit-scrollbar-thumb {
        background-color: rgba(var(--nu-theme-color-background-level5), .7)
    }

    *:hover::-webkit-scrollbar-corner {
        background-color: #0000
    }

    ::-webkit-scrollbar-thumb {
        min-height: 48px;
        min-width: 48px;
        border: 2px solid transparent;
        border-radius: 9999px;
        background: content-box transparent
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgb(var(--nu-theme-color-background-level5))
    }

    ::-webkit-scrollbar-button {
        width: 0;
        height: 0;
        display: none
    }

    ::-webkit-scrollbar-corner {
        background-color: transparent
    }
}

button,
.button-style {
    line-height: var(--nu-theme-dimension-button-input-line-height);
    margin: 3px;
    padding: 3px 7px;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    min-height: calc(var(--nu-theme-dimension-button-input-line-height) * var(--nu-theme-dimension-normal-font-size) + 6px + 2px);
    box-sizing: border-box;
    color: rgb(var(--nu-theme-override-button-text, var(--nu-theme-on-color-background)));
    background: rgb(var(--nu-theme-override-button-background, var(--nu-theme-color-background-level0)));
    border-radius: var(--nu-theme-dimension-button-border-radius);
    border: 1px solid;
    border-color: rgb(var(--nu-theme-override-button-border, var(--nu-theme-color-border-level1)));
    position: relative
}

button:hover,
.button-style:hover,
button:hover *,
.button-style:hover * {
    cursor: pointer
}

button .nu-ripple-container,
.button-style .nu-ripple-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none
}

button .nu-ripple,
.button-style .nu-ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: nu-button-ripple .6s linear
}

button .nu-ripple.secondary,
.button-style .nu-ripple.secondary {
    background-color: rgba(var(--nu-theme-color-selected-base), .4) !important
}

body.nu-light-theme button .nu-ripple,
body.nu-light-theme .button-style .nu-ripple {
    background-color: #fffc
}

body.nu-dark-theme button .nu-ripple,
body.nu-dark-theme .button-style .nu-ripple {
    background-color: #fff6
}

button:hover,
.button-style:hover {
    background: rgb(var(--nu-theme-override-button-hover-background, var(--nu-theme-color-background-level3)));
    border-color: rgb(var(--nu-theme-override-button-hover-border, var(--nu-theme-color-border-level2)))
}

button:focus,
button.focus,
.button-style:focus,
.button-style.focus {
    outline: none;
    border-color: rgb(var(--nu-theme-color-border-level5));
    box-shadow: 0 1px 3px rgba(var(--nu-theme-color-misc-shadow), .12), 0 1px 2px rgba(var(--nu-theme-color-misc-shadow), .24)
}

button:focus::-moz-focus-inner,
button.focus::-moz-focus-inner,
.button-style:focus::-moz-focus-inner,
.button-style.focus::-moz-focus-inner {
    border: 0;
    outline: 0
}

button:disabled,
button.disabled,
.button-style:disabled,
.button-style.disabled {
    outline: none;
    opacity: .5;
    pointer-events: none;
    cursor: auto
}

button:disabled::-moz-focus-inner,
button.disabled::-moz-focus-inner,
.button-style:disabled::-moz-focus-inner,
.button-style.disabled::-moz-focus-inner {
    border: 0;
    outline: 0
}

button:disabled.nu-button-allow-events,
button:disabled .nu-button-allow-events,
button.disabled.nu-button-allow-events,
button.disabled .nu-button-allow-events,
.button-style:disabled.nu-button-allow-events,
.button-style:disabled .nu-button-allow-events,
.button-style.disabled.nu-button-allow-events,
.button-style.disabled .nu-button-allow-events {
    pointer-events: auto
}

button:disabled *,
button.disabled *,
.button-style:disabled *,
.button-style.disabled * {
    cursor: auto
}

button>nu-icon+span,
button>nu-icon-with-fallback+span,
button>nu-descriptor-icon+span,
.button-style>nu-icon+span,
.button-style>nu-icon-with-fallback+span,
.button-style>nu-descriptor-icon+span {
    margin-left: .3em
}

button.bare,
.button-style.bare {
    background: none;
    border-color: transparent;
    min-height: unset
}

button.bare.disabled,
button.bare:disabled,
.button-style.bare.disabled,
.button-style.bare:disabled {
    background: none;
    border-color: transparent
}

button.bare.disabled.hover,
button.bare.disabled:hover,
button.bare:disabled.hover,
button.bare:disabled:hover,
.button-style.bare.disabled.hover,
.button-style.bare.disabled:hover,
.button-style.bare:disabled.hover,
.button-style.bare:disabled:hover {
    background: none;
    border-color: transparent
}

button.bare.focus,
button.bare:focus,
.button-style.bare.focus,
.button-style.bare:focus {
    border-color: transparent
}

button.primary,
.button-style.primary {
    line-height: var(--nu-theme-dimension-button-input-line-height);
    margin: 3px;
    padding: 3px 7px;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    min-height: calc(var(--nu-theme-dimension-button-input-line-height) * var(--nu-theme-dimension-normal-font-size) + 6px + 2px);
    box-sizing: border-box;
    color: rgb(var(--nu-theme-on-color-call-to-action));
    background: rgb(var(--nu-theme-color-call-to-action-base));
    border-radius: var(--nu-theme-dimension-button-border-radius);
    border: 1px solid;
    border-color: rgb(var(--nu-theme-override-button-primary-border, var(--nu-theme-color-call-to-action-base)));
    position: relative
}

button.primary:hover,
.button-style.primary:hover,
button.primary:hover *,
.button-style.primary:hover * {
    cursor: pointer
}

button.primary nu-icon,
button.primary nu-icon-with-fallback,
.button-style.primary nu-icon,
.button-style.primary nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-call-to-action)) !important
}

button.primary nu-icon:not(.nu-icon-prevent-override) path,
button.primary nu-icon-with-fallback:not(.nu-icon-prevent-override) path,
.button-style.primary nu-icon:not(.nu-icon-prevent-override) path,
.button-style.primary nu-icon-with-fallback:not(.nu-icon-prevent-override) path {
    fill: inherit !important
}

button.primary .nu-ripple-container,
.button-style.primary .nu-ripple-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none
}

button.primary .nu-ripple,
.button-style.primary .nu-ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: nu-button-ripple .6s linear
}

button.primary .nu-ripple.secondary,
.button-style.primary .nu-ripple.secondary {
    background-color: rgba(var(--nu-theme-color-selected-base), .4) !important
}

body.nu-light-theme button.primary .nu-ripple,
body.nu-light-theme .button-style.primary .nu-ripple {
    background-color: #fffc
}

body.nu-dark-theme button.primary .nu-ripple,
body.nu-dark-theme .button-style.primary .nu-ripple {
    background-color: #fff6
}

button.primary:hover,
.button-style.primary:hover {
    background: rgb(var(--nu-theme-color-call-to-action-hover));
    border-color: rgb(var(--nu-theme-override-button-primary-hover-border, var(--nu-theme-color-call-to-action-hover)))
}

button.primary:focus,
button.primary.focus,
.button-style.primary:focus,
.button-style.primary.focus {
    outline: none;
    border-color: rgb(var(--nu-theme-color-border-level4));
    box-shadow: 0 1px 3px rgba(var(--nu-theme-color-misc-shadow), .12), 0 1px 2px rgba(var(--nu-theme-color-misc-shadow), .24)
}

button.primary:focus::-moz-focus-inner,
button.primary.focus::-moz-focus-inner,
.button-style.primary:focus::-moz-focus-inner,
.button-style.primary.focus::-moz-focus-inner {
    border: 0;
    outline: 0
}

button.primary:disabled,
button.primary.disabled,
.button-style.primary:disabled,
.button-style.primary.disabled {
    outline: none;
    opacity: .5;
    pointer-events: none;
    cursor: auto
}

button.primary:disabled::-moz-focus-inner,
button.primary.disabled::-moz-focus-inner,
.button-style.primary:disabled::-moz-focus-inner,
.button-style.primary.disabled::-moz-focus-inner {
    border: 0;
    outline: 0
}

button.primary:disabled.nu-button-allow-events,
button.primary:disabled .nu-button-allow-events,
button.primary.disabled.nu-button-allow-events,
button.primary.disabled .nu-button-allow-events,
.button-style.primary:disabled.nu-button-allow-events,
.button-style.primary:disabled .nu-button-allow-events,
.button-style.primary.disabled.nu-button-allow-events,
.button-style.primary.disabled .nu-button-allow-events {
    pointer-events: auto
}

button.primary:disabled *,
button.primary.disabled *,
.button-style.primary:disabled *,
.button-style.primary.disabled * {
    cursor: auto
}

button.secondary,
.button-style.secondary {
    line-height: var(--nu-theme-dimension-button-input-line-height);
    margin: 3px;
    padding: 3px 7px;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    min-height: calc(var(--nu-theme-dimension-button-input-line-height) * var(--nu-theme-dimension-normal-font-size) + 6px + 2px);
    box-sizing: border-box;
    color: rgb(var(--nu-theme-override-button-selected-outline, var(--nu-theme-color-selected-base)));
    background: rgb(var(--nu-theme-color-background-level0));
    border-radius: var(--nu-theme-dimension-button-border-radius);
    border: 1px solid;
    border-color: rgb(var(--nu-theme-override-button-selected-outline, var(--nu-theme-color-selected-base)));
    position: relative
}

button.secondary:hover,
.button-style.secondary:hover,
button.secondary:hover *,
.button-style.secondary:hover * {
    cursor: pointer
}

button.secondary .nu-ripple-container,
.button-style.secondary .nu-ripple-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none
}

button.secondary .nu-ripple,
.button-style.secondary .nu-ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: nu-button-ripple .6s linear
}

button.secondary .nu-ripple.secondary,
.button-style.secondary .nu-ripple.secondary {
    background-color: rgba(var(--nu-theme-color-selected-base), .4) !important
}

body.nu-light-theme button.secondary .nu-ripple,
body.nu-light-theme .button-style.secondary .nu-ripple {
    background-color: #fffc
}

body.nu-dark-theme button.secondary .nu-ripple,
body.nu-dark-theme .button-style.secondary .nu-ripple {
    background-color: #fff6
}

button.secondary:hover,
.button-style.secondary:hover {
    background: rgb(var(--nu-theme-color-background-level3));
    border-color: rgb(var(--nu-theme-override-button-selected-outline-hover, var(--nu-theme-color-selected-base)))
}

button.secondary:focus,
button.secondary.focus,
.button-style.secondary:focus,
.button-style.secondary.focus {
    outline: none;
    border-color: rgb(var(--nu-theme-override-button-selected-outline-focus, var(--nu-theme-color-selected-hover)));
    box-shadow: 0 1px 3px rgba(var(--nu-theme-color-misc-shadow), .12), 0 1px 2px rgba(var(--nu-theme-color-misc-shadow), .24)
}

button.secondary:focus::-moz-focus-inner,
button.secondary.focus::-moz-focus-inner,
.button-style.secondary:focus::-moz-focus-inner,
.button-style.secondary.focus::-moz-focus-inner {
    border: 0;
    outline: 0
}

button.secondary:disabled,
button.secondary.disabled,
.button-style.secondary:disabled,
.button-style.secondary.disabled {
    outline: none;
    opacity: .5;
    pointer-events: none;
    cursor: auto
}

button.secondary:disabled::-moz-focus-inner,
button.secondary.disabled::-moz-focus-inner,
.button-style.secondary:disabled::-moz-focus-inner,
.button-style.secondary.disabled::-moz-focus-inner {
    border: 0;
    outline: 0
}

button.secondary:disabled.nu-button-allow-events,
button.secondary:disabled .nu-button-allow-events,
button.secondary.disabled.nu-button-allow-events,
button.secondary.disabled .nu-button-allow-events,
.button-style.secondary:disabled.nu-button-allow-events,
.button-style.secondary:disabled .nu-button-allow-events,
.button-style.secondary.disabled.nu-button-allow-events,
.button-style.secondary.disabled .nu-button-allow-events {
    pointer-events: auto
}

button.secondary:disabled *,
button.secondary.disabled *,
.button-style.secondary:disabled *,
.button-style.secondary.disabled * {
    cursor: auto
}

button.selected,
.button-style.selected {
    line-height: var(--nu-theme-dimension-button-input-line-height);
    margin: 3px;
    padding: 3px 7px;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    min-height: calc(var(--nu-theme-dimension-button-input-line-height) * var(--nu-theme-dimension-normal-font-size) + 6px + 2px);
    box-sizing: border-box;
    color: rgb(var(--nu-theme-on-color-selected));
    background: rgb(var(--nu-theme-color-selected-base));
    border-radius: var(--nu-theme-dimension-button-border-radius);
    border: 1px solid;
    border-color: rgb(var(--nu-theme-color-selected-base));
    position: relative
}

button.selected:hover,
.button-style.selected:hover,
button.selected:hover *,
.button-style.selected:hover * {
    cursor: pointer
}

button.selected nu-icon,
button.selected nu-icon-with-fallback,
.button-style.selected nu-icon,
.button-style.selected nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-selected)) !important
}

button.selected nu-icon:not(.nu-icon-prevent-override) path,
button.selected nu-icon-with-fallback:not(.nu-icon-prevent-override) path,
.button-style.selected nu-icon:not(.nu-icon-prevent-override) path,
.button-style.selected nu-icon-with-fallback:not(.nu-icon-prevent-override) path {
    fill: inherit !important
}

button.selected .nu-ripple-container,
.button-style.selected .nu-ripple-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none
}

button.selected .nu-ripple,
.button-style.selected .nu-ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: nu-button-ripple .6s linear
}

button.selected .nu-ripple.secondary,
.button-style.selected .nu-ripple.secondary {
    background-color: rgba(var(--nu-theme-color-selected-base), .4) !important
}

body.nu-light-theme button.selected .nu-ripple,
body.nu-light-theme .button-style.selected .nu-ripple {
    background-color: #fffc
}

body.nu-dark-theme button.selected .nu-ripple,
body.nu-dark-theme .button-style.selected .nu-ripple {
    background-color: #fff6
}

button.selected:hover,
.button-style.selected:hover {
    background: rgb(var(--nu-theme-color-selected-hover));
    border-color: rgb(var(--nu-theme-color-selected-hover))
}

button.selected:focus,
button.selected.focus,
.button-style.selected:focus,
.button-style.selected.focus {
    outline: none;
    border-color: rgb(var(--nu-theme-color-border-level4));
    box-shadow: 0 1px 3px rgba(var(--nu-theme-color-misc-shadow), .12), 0 1px 2px rgba(var(--nu-theme-color-misc-shadow), .24)
}

button.selected:focus::-moz-focus-inner,
button.selected.focus::-moz-focus-inner,
.button-style.selected:focus::-moz-focus-inner,
.button-style.selected.focus::-moz-focus-inner {
    border: 0;
    outline: 0
}

button.selected:disabled,
button.selected.disabled,
.button-style.selected:disabled,
.button-style.selected.disabled {
    outline: none;
    opacity: .5;
    pointer-events: none;
    cursor: auto
}

button.selected:disabled::-moz-focus-inner,
button.selected.disabled::-moz-focus-inner,
.button-style.selected:disabled::-moz-focus-inner,
.button-style.selected.disabled::-moz-focus-inner {
    border: 0;
    outline: 0
}

button.selected:disabled.nu-button-allow-events,
button.selected:disabled .nu-button-allow-events,
button.selected.disabled.nu-button-allow-events,
button.selected.disabled .nu-button-allow-events,
.button-style.selected:disabled.nu-button-allow-events,
.button-style.selected:disabled .nu-button-allow-events,
.button-style.selected.disabled.nu-button-allow-events,
.button-style.selected.disabled .nu-button-allow-events {
    pointer-events: auto
}

button.selected:disabled *,
button.selected.disabled *,
.button-style.selected:disabled *,
.button-style.selected.disabled * {
    cursor: auto
}

button.pop-up-menu-toggled,
nu-menu-item-button.pop-up-menu-toggled {
    color: rgb(var(--nu-theme-on-color-background)) !important;
    border: 1px solid rgb(var(--nu-theme-color-border-level2)) !important;
    background: rgb(var(--nu-theme-color-background-level0)) !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-shadow: none !important;
    position: relative
}

button.pop-up-menu-toggled nu-icon,
button.pop-up-menu-toggled nu-icon-with-fallback,
nu-menu-item-button.pop-up-menu-toggled nu-icon,
nu-menu-item-button.pop-up-menu-toggled nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-background)) !important
}

button.pop-up-menu-toggled nu-icon:not(.nu-icon-prevent-override) path,
button.pop-up-menu-toggled nu-icon-with-fallback:not(.nu-icon-prevent-override) path,
nu-menu-item-button.pop-up-menu-toggled nu-icon:not(.nu-icon-prevent-override) path,
nu-menu-item-button.pop-up-menu-toggled nu-icon-with-fallback:not(.nu-icon-prevent-override) path {
    fill: inherit !important
}

button.pop-up-menu-toggled:hover,
nu-menu-item-button.pop-up-menu-toggled:hover {
    background: rgb(var(--nu-theme-color-background-level3)) !important
}

button:hover .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable,
button.click-toggle-mode-pop-up-menu-toggled .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable,
nu-menu-item-button:hover .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable,
nu-menu-item-button.click-toggle-mode-pop-up-menu-toggled .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable {
    visibility: visible;
    opacity: 1;
    transition: opacity ease-in .1s .1s
}

button.click-toggle-mode-pop-up-menu-toggled .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable,
nu-menu-item-button.click-toggle-mode-pop-up-menu-toggled .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable {
    color: rgb(var(--nu-theme-on-color-selected));
    background: rgb(var(--nu-theme-color-selected-base))
}

button.click-toggle-mode-pop-up-menu-toggled .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable nu-icon:not(.nu-icon-prevent-override) path,
button.click-toggle-mode-pop-up-menu-toggled .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable nu-icon-with-fallback:not(.nu-icon-prevent-override) path,
nu-menu-item-button.click-toggle-mode-pop-up-menu-toggled .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable nu-icon:not(.nu-icon-prevent-override) path,
nu-menu-item-button.click-toggle-mode-pop-up-menu-toggled .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable nu-icon-with-fallback:not(.nu-icon-prevent-override) path {
    fill: inherit !important
}

button.click-toggle-mode-pop-up-menu-toggled .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:hover,
nu-menu-item-button.click-toggle-mode-pop-up-menu-toggled .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:hover {
    background: rgb(var(--nu-theme-color-selected-hover))
}

button.click-toggle-mode-pop-up-menu-toggled .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable nu-icon,
button.click-toggle-mode-pop-up-menu-toggled .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable nu-icon-with-fallback,
nu-menu-item-button.click-toggle-mode-pop-up-menu-toggled .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable nu-icon,
nu-menu-item-button.click-toggle-mode-pop-up-menu-toggled .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-selected)) !important
}

button:not(.click-toggle-mode-pop-up-menu-toggled) .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable nu-icon,
button:not(.click-toggle-mode-pop-up-menu-toggled) .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable nu-icon-with-fallback,
nu-menu-item-button:not(.click-toggle-mode-pop-up-menu-toggled) .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable nu-icon,
nu-menu-item-button:not(.click-toggle-mode-pop-up-menu-toggled) .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-background)) !important
}

button .nu-dropdown-toggle-indicator,
nu-menu-item-button .nu-dropdown-toggle-indicator {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end
}

button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable {
    line-height: var(--nu-theme-dimension-button-input-line-height);
    margin: 3px;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    min-height: calc(var(--nu-theme-dimension-button-input-line-height) * var(--nu-theme-dimension-normal-font-size) + 6px + 2px);
    box-sizing: border-box;
    color: rgb(var(--nu-theme-override-button-text, var(--nu-theme-on-color-background)));
    background: rgb(var(--nu-theme-override-button-background, var(--nu-theme-color-background-level0)));
    border-radius: var(--nu-theme-dimension-button-border-radius);
    border: 1px solid;
    border-color: rgb(var(--nu-theme-override-button-border, var(--nu-theme-color-border-level1)));
    position: relative;
    padding: 0 4px;
    display: inline-block;
    visibility: hidden;
    transition: none;
    opacity: 0;
    min-height: unset
}

button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:hover,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:hover {
    cursor: pointer
}

button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:hover *,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:hover * {
    cursor: pointer
}

button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable .nu-ripple-container,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable .nu-ripple-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none
}

button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable .nu-ripple,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable .nu-ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: nu-button-ripple .6s linear
}

button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable .nu-ripple.secondary,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable .nu-ripple.secondary {
    background-color: rgba(var(--nu-theme-color-selected-base), .4) !important
}

body.nu-light-theme button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable .nu-ripple,
body.nu-light-theme nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable .nu-ripple {
    background-color: #fffc
}

body.nu-dark-theme button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable .nu-ripple,
body.nu-dark-theme nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable .nu-ripple {
    background-color: #fff6
}

button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:hover,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:hover {
    background: rgb(var(--nu-theme-override-button-hover-background, var(--nu-theme-color-background-level3)));
    border-color: rgb(var(--nu-theme-override-button-hover-border, var(--nu-theme-color-border-level2)))
}

button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:focus,
button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable.focus,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:focus,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable.focus {
    outline: none;
    border-color: rgb(var(--nu-theme-color-border-level5));
    box-shadow: 0 1px 3px rgba(var(--nu-theme-color-misc-shadow), .12), 0 1px 2px rgba(var(--nu-theme-color-misc-shadow), .24)
}

button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:focus::-moz-focus-inner,
button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable.focus::-moz-focus-inner,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:focus::-moz-focus-inner,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable.focus::-moz-focus-inner {
    border: 0;
    outline: 0
}

button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:disabled,
button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable.disabled,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:disabled,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable.disabled {
    outline: none;
    opacity: .5;
    pointer-events: none;
    cursor: auto
}

button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:disabled::-moz-focus-inner,
button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable.disabled::-moz-focus-inner,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:disabled::-moz-focus-inner,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable.disabled::-moz-focus-inner {
    border: 0;
    outline: 0
}

button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:disabled.nu-button-allow-events,
button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:disabled .nu-button-allow-events,
button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable.disabled.nu-button-allow-events,
button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable.disabled .nu-button-allow-events,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:disabled.nu-button-allow-events,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:disabled .nu-button-allow-events,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable.disabled.nu-button-allow-events,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable.disabled .nu-button-allow-events {
    pointer-events: auto
}

button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:disabled *,
button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable.disabled *,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable:disabled *,
nu-menu-item-button .nu-dropdown-toggle-indicator.nu-dropdown-toggle-indicator-clickable.disabled * {
    cursor: auto
}

button .nu-dropdown-toggle-indicator:not(.nu-dropdown-toggle-indicator-clickable),
nu-menu-item-button .nu-dropdown-toggle-indicator:not(.nu-dropdown-toggle-indicator-clickable) {
    flex-grow: 1;
    padding-right: 7px
}

button .nu-dropdown-toggle-indicator:not(.nu-dropdown-toggle-indicator-clickable) nu-icon,
button .nu-dropdown-toggle-indicator:not(.nu-dropdown-toggle-indicator-clickable) nu-icon-with-fallback,
nu-menu-item-button .nu-dropdown-toggle-indicator:not(.nu-dropdown-toggle-indicator-clickable) nu-icon,
nu-menu-item-button .nu-dropdown-toggle-indicator:not(.nu-dropdown-toggle-indicator-clickable) nu-icon-with-fallback {
    margin-left: 2px;
    margin-right: -3px
}

input:not([type]),
input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=url],
input[type=search],
input[type=date],
input[type=time],
select,
textarea,
nu-omni-select>.input {
    color: rgb(var(--nu-theme-on-color-background));
    background-color: rgb(var(--nu-theme-override-input-background, var(--nu-theme-color-background-level0)));
    margin: .2em;
    padding: 3px 7px;
    border-radius: var(--nu-theme-dimension-input-border-radius);
    border: 1px solid;
    border-color: rgb(var(--nu-theme-override-input-border, var(--nu-theme-color-border-level1)));
    box-sizing: border-box;
    line-height: var(--nu-theme-dimension-button-input-line-height);
    outline: none
}

input:not([type])::-moz-focus-inner,
input[type=text]::-moz-focus-inner,
input[type=email]::-moz-focus-inner,
input[type=number]::-moz-focus-inner,
input[type=password]::-moz-focus-inner,
input[type=tel]::-moz-focus-inner,
input[type=url]::-moz-focus-inner,
input[type=search]::-moz-focus-inner,
input[type=date]::-moz-focus-inner,
input[type=time]::-moz-focus-inner,
select::-moz-focus-inner,
textarea::-moz-focus-inner,
nu-omni-select>.input::-moz-focus-inner {
    border: 0;
    outline: 0
}

body.nu-dark-theme input:not([type]),
body.nu-dark-theme input[type=text],
body.nu-dark-theme input[type=email],
body.nu-dark-theme input[type=number],
body.nu-dark-theme input[type=password],
body.nu-dark-theme input[type=tel],
body.nu-dark-theme input[type=url],
body.nu-dark-theme input[type=search],
body.nu-dark-theme input[type=date],
body.nu-dark-theme input[type=time],
body.nu-dark-theme select,
body.nu-dark-theme textarea,
body.nu-dark-theme nu-omni-select>.input {
    background-color: rgb(var(--nu-theme-color-background-level1))
}

input:not([type]):focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=date]:focus,
input[type=time]:focus,
select:focus,
textarea:focus,
nu-omni-select>.input:focus {
    border-color: rgb(var(--nu-theme-color-border-level4))
}

body.nu-light-theme input:not([type]):focus,
body.nu-light-theme input[type=text]:focus,
body.nu-light-theme input[type=email]:focus,
body.nu-light-theme input[type=number]:focus,
body.nu-light-theme input[type=password]:focus,
body.nu-light-theme input[type=tel]:focus,
body.nu-light-theme input[type=url]:focus,
body.nu-light-theme input[type=search]:focus,
body.nu-light-theme input[type=date]:focus,
body.nu-light-theme input[type=time]:focus,
body.nu-light-theme select:focus,
body.nu-light-theme textarea:focus,
body.nu-light-theme nu-omni-select>.input:focus {
    box-shadow: 0 1px 7px rgba(var(--nu-theme-color-misc-shadow), .25), 0 0 3px rgba(var(--nu-theme-color-misc-shadow), .25)
}

body.nu-dark-theme input:not([type]):focus,
body.nu-dark-theme input[type=text]:focus,
body.nu-dark-theme input[type=email]:focus,
body.nu-dark-theme input[type=number]:focus,
body.nu-dark-theme input[type=password]:focus,
body.nu-dark-theme input[type=tel]:focus,
body.nu-dark-theme input[type=url]:focus,
body.nu-dark-theme input[type=search]:focus,
body.nu-dark-theme input[type=date]:focus,
body.nu-dark-theme input[type=time]:focus,
body.nu-dark-theme select:focus,
body.nu-dark-theme textarea:focus,
body.nu-dark-theme nu-omni-select>.input:focus {
    box-shadow: 0 1px 7px rgba(var(--nu-theme-color-border-level4), .25), 0 0 3px rgba(var(--nu-theme-color-border-level4), .25)
}

input:not([type]):disabled,
input[type=text]:disabled,
input[type=email]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
input[type=search]:disabled,
input[type=date]:disabled,
input[type=time]:disabled,
select:disabled,
textarea:disabled,
nu-omni-select>.input:disabled {
    opacity: .5
}

input:not([type]).ng-invalid.ng-dirty.ng-touched,
input[type=text].ng-invalid.ng-dirty.ng-touched,
input[type=email].ng-invalid.ng-dirty.ng-touched,
input[type=number].ng-invalid.ng-dirty.ng-touched,
input[type=password].ng-invalid.ng-dirty.ng-touched,
input[type=tel].ng-invalid.ng-dirty.ng-touched,
input[type=url].ng-invalid.ng-dirty.ng-touched,
input[type=search].ng-invalid.ng-dirty.ng-touched,
input[type=date].ng-invalid.ng-dirty.ng-touched,
input[type=time].ng-invalid.ng-dirty.ng-touched,
select.ng-invalid.ng-dirty.ng-touched,
textarea.ng-invalid.ng-dirty.ng-touched,
nu-omni-select>.input.ng-invalid.ng-dirty.ng-touched {
    border-color: rgb(var(--nu-theme-color-misc-control-error))
}

input:not([type]).ng-invalid.ng-dirty.ng-touched:focus,
input[type=text].ng-invalid.ng-dirty.ng-touched:focus,
input[type=email].ng-invalid.ng-dirty.ng-touched:focus,
input[type=number].ng-invalid.ng-dirty.ng-touched:focus,
input[type=password].ng-invalid.ng-dirty.ng-touched:focus,
input[type=tel].ng-invalid.ng-dirty.ng-touched:focus,
input[type=url].ng-invalid.ng-dirty.ng-touched:focus,
input[type=search].ng-invalid.ng-dirty.ng-touched:focus,
input[type=date].ng-invalid.ng-dirty.ng-touched:focus,
input[type=time].ng-invalid.ng-dirty.ng-touched:focus,
select.ng-invalid.ng-dirty.ng-touched:focus,
textarea.ng-invalid.ng-dirty.ng-touched:focus,
nu-omni-select>.input.ng-invalid.ng-dirty.ng-touched:focus {
    box-shadow: 0 1px 7px rgba(var(--nu-theme-color-misc-control-error), .6), 0 0 3px rgba(var(--nu-theme-color-misc-control-error), .6)
}

body.nu-light-theme input:not([type]).ng-invalid.ng-pristine,
body.nu-light-theme input:not([type]).ng-invalid.ng-dirty:not(.ng-touched),
body.nu-light-theme input[type=text].ng-invalid.ng-pristine,
body.nu-light-theme input[type=text].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-light-theme input[type=email].ng-invalid.ng-pristine,
body.nu-light-theme input[type=email].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-light-theme input[type=number].ng-invalid.ng-pristine,
body.nu-light-theme input[type=number].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-light-theme input[type=password].ng-invalid.ng-pristine,
body.nu-light-theme input[type=password].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-light-theme input[type=tel].ng-invalid.ng-pristine,
body.nu-light-theme input[type=tel].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-light-theme input[type=url].ng-invalid.ng-pristine,
body.nu-light-theme input[type=url].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-light-theme input[type=search].ng-invalid.ng-pristine,
body.nu-light-theme input[type=search].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-light-theme input[type=date].ng-invalid.ng-pristine,
body.nu-light-theme input[type=date].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-light-theme input[type=time].ng-invalid.ng-pristine,
body.nu-light-theme input[type=time].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-light-theme select.ng-invalid.ng-pristine,
body.nu-light-theme select.ng-invalid.ng-dirty:not(.ng-touched),
body.nu-light-theme textarea.ng-invalid.ng-pristine,
body.nu-light-theme textarea.ng-invalid.ng-dirty:not(.ng-touched),
body.nu-light-theme nu-omni-select>.input.ng-invalid.ng-pristine,
body.nu-light-theme nu-omni-select>.input.ng-invalid.ng-dirty:not(.ng-touched) {
    background-color: rgb(var(--nu-theme-color-misc-control-error-pristine))
}

body.nu-dark-theme input:not([type]).ng-invalid.ng-pristine,
body.nu-dark-theme input:not([type]).ng-invalid.ng-dirty:not(.ng-touched),
body.nu-dark-theme input[type=text].ng-invalid.ng-pristine,
body.nu-dark-theme input[type=text].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-dark-theme input[type=email].ng-invalid.ng-pristine,
body.nu-dark-theme input[type=email].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-dark-theme input[type=number].ng-invalid.ng-pristine,
body.nu-dark-theme input[type=number].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-dark-theme input[type=password].ng-invalid.ng-pristine,
body.nu-dark-theme input[type=password].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-dark-theme input[type=tel].ng-invalid.ng-pristine,
body.nu-dark-theme input[type=tel].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-dark-theme input[type=url].ng-invalid.ng-pristine,
body.nu-dark-theme input[type=url].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-dark-theme input[type=search].ng-invalid.ng-pristine,
body.nu-dark-theme input[type=search].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-dark-theme input[type=date].ng-invalid.ng-pristine,
body.nu-dark-theme input[type=date].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-dark-theme input[type=time].ng-invalid.ng-pristine,
body.nu-dark-theme input[type=time].ng-invalid.ng-dirty:not(.ng-touched),
body.nu-dark-theme select.ng-invalid.ng-pristine,
body.nu-dark-theme select.ng-invalid.ng-dirty:not(.ng-touched),
body.nu-dark-theme textarea.ng-invalid.ng-pristine,
body.nu-dark-theme textarea.ng-invalid.ng-dirty:not(.ng-touched),
body.nu-dark-theme nu-omni-select>.input.ng-invalid.ng-pristine,
body.nu-dark-theme nu-omni-select>.input.ng-invalid.ng-dirty:not(.ng-touched) {
    border-color: rgb(var(--nu-theme-color-misc-control-error-pristine))
}

body.nu-dark-theme input:not([type]).ng-invalid.ng-pristine:focus,
body.nu-dark-theme input:not([type]).ng-invalid.ng-dirty:not(.ng-touched):focus,
body.nu-dark-theme input[type=text].ng-invalid.ng-pristine:focus,
body.nu-dark-theme input[type=text].ng-invalid.ng-dirty:not(.ng-touched):focus,
body.nu-dark-theme input[type=email].ng-invalid.ng-pristine:focus,
body.nu-dark-theme input[type=email].ng-invalid.ng-dirty:not(.ng-touched):focus,
body.nu-dark-theme input[type=number].ng-invalid.ng-pristine:focus,
body.nu-dark-theme input[type=number].ng-invalid.ng-dirty:not(.ng-touched):focus,
body.nu-dark-theme input[type=password].ng-invalid.ng-pristine:focus,
body.nu-dark-theme input[type=password].ng-invalid.ng-dirty:not(.ng-touched):focus,
body.nu-dark-theme input[type=tel].ng-invalid.ng-pristine:focus,
body.nu-dark-theme input[type=tel].ng-invalid.ng-dirty:not(.ng-touched):focus,
body.nu-dark-theme input[type=url].ng-invalid.ng-pristine:focus,
body.nu-dark-theme input[type=url].ng-invalid.ng-dirty:not(.ng-touched):focus,
body.nu-dark-theme input[type=search].ng-invalid.ng-pristine:focus,
body.nu-dark-theme input[type=search].ng-invalid.ng-dirty:not(.ng-touched):focus,
body.nu-dark-theme input[type=date].ng-invalid.ng-pristine:focus,
body.nu-dark-theme input[type=date].ng-invalid.ng-dirty:not(.ng-touched):focus,
body.nu-dark-theme input[type=time].ng-invalid.ng-pristine:focus,
body.nu-dark-theme input[type=time].ng-invalid.ng-dirty:not(.ng-touched):focus,
body.nu-dark-theme select.ng-invalid.ng-pristine:focus,
body.nu-dark-theme select.ng-invalid.ng-dirty:not(.ng-touched):focus,
body.nu-dark-theme textarea.ng-invalid.ng-pristine:focus,
body.nu-dark-theme textarea.ng-invalid.ng-dirty:not(.ng-touched):focus,
body.nu-dark-theme nu-omni-select>.input.ng-invalid.ng-pristine:focus,
body.nu-dark-theme nu-omni-select>.input.ng-invalid.ng-dirty:not(.ng-touched):focus {
    box-shadow: 0 1px 7px rgba(var(--nu-theme-color-misc-control-error-pristine), .6), 0 0 3px rgba(var(--nu-theme-color-misc-control-error-pristine), .6)
}

input[type=date],
input[type=time] {
    padding-top: 0;
    padding-bottom: 0
}

input:read-only,
textarea:read-only {
    opacity: .5
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

select {
    appearance: none;
    text-overflow: "";
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 0
}

select:not([multiple]) {
    appearance: none;
    padding-right: 1.5em;
    position: relative;
    background-size: 18px 18px;
    background-position: 99.3% 55%
}

select:not([multiple])::-ms-expand {
    display: none
}

body.nu-light-theme select:not([multiple]) {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%20style%3D%22width%3A%2018px%3B%20height%3A%2018px%3B%20fill%3A%20rgb%2845%2C%2045%2C%2045%29%3B%22%3E%3Cpath%20d%3D%22M4.978%207h8.04c.557%200%20.835.672.441%201.066l-4.018%204.022a.626.626%200%2001-.885%200L4.538%208.066A.624.624%200%20014.978%207z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E)
}

body.nu-dark-theme select:not([multiple]) {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%20style%3D%22width%3A%2018px%3B%20height%3A%2018px%3B%20fill%3A%20rgb%28200%2C%20200%2C%20200%29%3B%22%3E%3Cpath%20d%3D%22M4.978%207h8.04c.557%200%20.835.672.441%201.066l-4.018%204.022a.626.626%200%2001-.885%200L4.538%208.066A.624.624%200%20014.978%207z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E)
}

nu-icon,
nu-icon-with-fallback {
    display: inline-block;
    fill: currentColor;
    flex-shrink: 0;
    overflow: hidden
}

nu-icon[data-nu-icon-size=normal],
nu-icon-with-fallback[data-nu-icon-size=normal] {
    vertical-align: -3px
}

nu-icon[data-nu-icon-size=small],
nu-icon-with-fallback[data-nu-icon-size=small] {
    vertical-align: -1px
}

@keyframes nu-loading-icon {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

nu-icon+span,
nu-icon-with-fallback+span,
nu-descriptor-icon+span {
    margin-left: .3em
}

nu-icon.nu-loading-icon,
nu-icon-with-fallback.nu-loading-icon {
    color: rgb(var(--nu-theme-override-loading-icon, var(--nu-theme-color-header-base))) !important;
    animation: nu-loading-icon 2s infinite linear
}

nu-icon.nu-red-icon,
nu-icon-with-fallback.nu-red-icon {
    color: rgb(var(--nu-theme-color-icon-red)) !important
}

nu-icon.nu-yellow-icon,
nu-icon-with-fallback.nu-yellow-icon {
    color: rgb(var(--nu-theme-color-icon-yellow)) !important
}

nu-icon.nu-blue-icon,
nu-icon-with-fallback.nu-blue-icon {
    color: rgb(var(--nu-theme-override-blue-icon, var(--nu-theme-color-icon-blue))) !important
}

nu-icon.nu-green-icon,
nu-icon-with-fallback.nu-green-icon {
    color: rgb(var(--nu-theme-color-icon-green)) !important
}

nu-icon.nu-orange-icon,
nu-icon-with-fallback.nu-orange-icon {
    color: rgb(var(--nu-theme-color-icon-orange)) !important
}

nu-icon.nu-gray-icon,
nu-icon-with-fallback.nu-gray-icon {
    color: #828282 !important
}

nu-icon.nu-magenta-icon,
nu-icon-with-fallback.nu-magenta-icon {
    color: #f0f !important
}

nu-icon.nu-severity-success-icon,
nu-icon-with-fallback.nu-severity-success-icon {
    color: rgb(var(--nu-theme-color-informative-success-base)) !important
}

nu-icon.nu-severity-low-icon,
nu-icon-with-fallback.nu-severity-low-icon {
    color: rgb(var(--nu-theme-color-informative-severity-low-base)) !important
}

nu-icon.nu-severity-medium-icon,
nu-icon-with-fallback.nu-severity-medium-icon {
    color: rgb(var(--nu-theme-color-informative-severity-medium-base)) !important
}

nu-icon.nu-severity-high-icon,
nu-icon-with-fallback.nu-severity-high-icon {
    color: rgb(var(--nu-theme-color-informative-severity-high-base)) !important
}

nu-icon.nu-severity-critical-icon,
nu-icon-with-fallback.nu-severity-critical-icon {
    color: rgb(var(--nu-theme-color-informative-severity-critical-base)) !important
}

nu-icon.nu-icon-inherit g,
nu-icon.nu-icon-inherit path,
nu-icon-with-fallback.nu-icon-inherit g,
nu-icon-with-fallback.nu-icon-inherit path {
    fill: inherit !important
}

nu-icon.nu-windows-blue-icon,
nu-icon-with-fallback.nu-windows-blue-icon {
    color: #094ab2
}

nu-icon.nu-android-green-icon,
nu-icon-with-fallback.nu-android-green-icon {
    color: #a4c649 !important
}

@keyframes nu-keyboard-key-highlight {
    0% {
        border: solid 1px rgb(var(--nu-theme-color-border-level2));
        border-bottom-color: rgb(var(--nu-theme-color-border-level3))
    }

    50% {
        border: solid 1px rgb(var(--nu-theme-color-border-level4));
        border-bottom-color: rgb(var(--nu-theme-color-border-level5));
        box-shadow: inset 0 -1px rgb(var(--nu-theme-color-border-level3)), 0 0 2px 2px rgb(var(--nu-theme-color-background-level4))
    }

    to {
        border: solid 1px rgb(var(--nu-theme-color-border-level2));
        border-bottom-color: rgb(var(--nu-theme-color-border-level3))
    }
}

@keyframes nu-placeholder-shine {
    0% {
        background-position: -33% 0
    }

    to {
        background-position: 200% 0
    }
}

@keyframes nu-button-ripple {
    to {
        transform: scale(4);
        opacity: 0
    }
}

.nu-mutable-portal-component-overlay-wrapper {
    z-index: 50
}

.nu-mutable-portal-component-overlay-wrapper .nu-mutable-portal-component {
    border: 1px solid rgb(var(--nu-theme-color-border-level2));
    border-radius: var(--nu-theme-dimension-general-border-radius);
    overflow: hidden;
    background: rgb(var(--nu-theme-override-button-background, var(--nu-theme-color-background-level0)));
    box-shadow: 0 3px 6px rgba(var(--nu-theme-color-misc-shadow), .16), 0 3px 6px rgba(var(--nu-theme-color-misc-shadow), .23);
    max-height: calc(100vh - 20px)
}

.nu-mutable-portal-component-overlay-wrapper .nu-mutable-portal-component.nu-bottom-left-speech-bubble:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid rgb(var(--nu-theme-color-border-level2));
    border-right: 3px solid transparent;
    border-top: 3px solid rgb(var(--nu-theme-color-border-level2));
    border-bottom: 10px solid transparent;
    left: 15px;
    bottom: -14px
}

.nu-mutable-portal-component-overlay-wrapper .nu-mutable-portal-component.nu-bottom-left-speech-bubble:after {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 7px solid rgb(var(--nu-theme-override-main-background, var(--nu-theme-color-background-level1)));
    border-right: 5px solid transparent;
    border-top: 5px solid rgb(var(--nu-theme-override-main-background, var(--nu-theme-color-background-level1)));
    border-bottom: 7px solid transparent;
    left: 16px;
    bottom: -12px
}

.nu-mutable-portal-component-overlay-wrapper .nu-mutable-portal-component.nu-bottom-left-speech-bubble.nu-with-footer:after {
    border-left-color: rgb(var(--nu-theme-color-background-level2));
    border-top-color: rgb(var(--nu-theme-color-background-level2))
}

.nu-mutable-embedded-footer-root {
    visibility: hidden
}

.nu-number-bubble,
.nu-small-number-bubble {
    display: inline-block;
    height: 18px;
    min-width: 18px;
    text-align: center;
    box-sizing: border-box;
    font-size: 13px;
    line-height: normal;
    vertical-align: 1px;
    padding: 1px 5px;
    border-radius: 10px;
    color: rgb(var(--nu-theme-on-color-number-bubble));
    background-color: rgb(var(--nu-theme-color-number-bubble-base))
}

.nu-number-bubble.nu-search-match-highlight,
.nu-small-number-bubble.nu-search-match-highlight {
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid rgb(var(--nu-theme-color-number-bubble-base))
}

.nu-number-bubble.severity-low,
.nu-small-number-bubble.severity-low {
    color: rgb(var(--nu-theme-on-color-informative-severity-low));
    background-color: rgb(var(--nu-theme-color-informative-severity-low-base))
}

.nu-number-bubble.severity-medium,
.nu-small-number-bubble.severity-medium {
    color: rgb(var(--nu-theme-on-color-informative-severity-medium));
    background-color: rgb(var(--nu-theme-color-informative-severity-medium-base))
}

.nu-number-bubble.severity-high,
.nu-small-number-bubble.severity-high {
    color: rgb(var(--nu-theme-on-color-informative-severity-high));
    background-color: rgb(var(--nu-theme-color-informative-severity-high-base))
}

.nu-number-bubble.severity-critical,
.nu-small-number-bubble.severity-critical {
    color: rgb(var(--nu-theme-on-color-informative-severity-critical));
    background-color: rgb(var(--nu-theme-color-informative-severity-critical-base))
}

.nu-small-number-bubble {
    font-size: 11px;
    height: 16px;
    min-width: 16px
}

.nu-tooltip-overlay-wrapper {
    z-index: 60
}

.nu-tooltip-overlay-wrapper .nu-tooltip-hidden {
    visibility: hidden
}

.nu-tooltip-overlay-wrapper .nu-tooltip-content {
    border: 1px solid rgb(var(--nu-theme-color-border-level2));
    border-radius: var(--nu-theme-dimension-general-border-radius);
    background-color: rgb(var(--nu-theme-override-text-background, var(--nu-theme-color-background-level0)));
    box-shadow: 0 10px 20px rgba(var(--nu-theme-color-misc-shadow), .19), 0 6px 6px rgba(var(--nu-theme-color-misc-shadow), .23);
    max-height: calc(100vh - 20px);
    overflow: hidden
}

.nu-tooltip-overlay-wrapper .nu-tooltip-content.nu-tooltip-content-padded,
.nu-tooltip-overlay-wrapper .nu-tooltip-content .nu-tooltip-content-padded {
    padding: .5em
}

.nu-tooltip-overlay-wrapper .nu-tooltip-content:not(.nu-tooltip-content-padded) .nu-table,
.nu-tooltip-overlay-wrapper .nu-tooltip-content :not(.nu-tooltip-content-padded) .nu-table {
    margin: .3em
}

table.nu-unstyled-table {
    border-collapse: collapse
}

table.nu-unstyled-table td {
    padding: 0
}

table>tbody>tr.nu-table-child>td:first-child {
    padding-left: 1.5em
}

table>tbody>tr.nu-table-child.nu-table-shaded>td {
    background-color: rgba(var(--nu-theme-color-background-level2), .6)
}

table.nu-table {
    border-spacing: 0
}

table.nu-table.nu-table-transparent {
    background-color: initial
}

table.nu-table.nu-table-with-margin {
    margin: 1em
}

table.nu-table.nu-table-full-width {
    width: 100%
}

table.nu-table>thead>tr>th {
    font-weight: var(--nu-theme-dimension-normal-font-weight);
    color: rgb(var(--nu-theme-on-color-background));
    background-color: rgb(var(--nu-theme-override-table-heading-background, var(--nu-theme-color-background-level2)));
    padding: .5em
}

table.nu-table>tbody>tr>td {
    padding: .5em
}

table.nu-table>tbody>tr>td.nu-table-cell-disabled {
    opacity: 1
}

table.nu-table>tbody>tr>td.nu-table-cell-disabled>* {
    opacity: .5
}

table.nu-table>tfoot>tr>td {
    color: rgb(var(--nu-theme-on-color-background));
    background-color: rgb(var(--nu-theme-color-background-level2));
    padding: .5em
}

table.nu-table.nu-table-condensed>thead,
table.nu-table.nu-table-slightly-condensed>thead,
table.nu-table.nu-table-key-value>thead {
    display: none
}

table.nu-table.nu-table-condensed:first-of-type>td,
table.nu-table.nu-table-slightly-condensed:first-of-type>td {
    padding-top: 0
}

table.nu-table.nu-table-condensed:last-of-type>td,
table.nu-table.nu-table-slightly-condensed:last-of-type>td {
    padding-bottom: 0
}

table.nu-table.nu-table-condensed>tbody>tr>td {
    padding: .2em
}

table.nu-table.nu-table-slightly-condensed>tbody>tr>td {
    padding: .3em
}

table.nu-table-bordered>thead>tr>th {
    border-top: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)));
    border-bottom: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)));
    border-left: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)))
}

table.nu-table-bordered>thead>tr>th:last-of-type {
    border-right: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)))
}

table.nu-table-bordered>tfoot>tr>td {
    border-bottom: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)));
    border-left: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)))
}

table.nu-table-bordered>tfoot>tr>td:last-of-type {
    border-right: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)))
}

table.nu-table-bordered>tbody>tr>td:first-of-type,
table.nu-table-bordered:not(.nu-table-key-value):not(.nu-table-key-value-with-header)>tbody>tr>td {
    border-left: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)))
}

table.nu-table-bordered>tbody>tr>td:last-of-type {
    border-right: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)))
}

table.nu-table-bordered:not(.nu-table-sticky-header)>tbody>tr:last-of-type>td {
    border-bottom: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)))
}

table.nu-table-bordered>tbody:first-child>tr:first-of-type>td {
    border-top: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)))
}

table.nu-table-columns-bordered>thead>tr>th {
    border-bottom: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)))
}

table.nu-table-columns-bordered>thead>tr>th:not(:first-of-type) {
    border-left: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)))
}

table.nu-table-columns-bordered>thead>tr>th>tfoot>tr>td:not(:first-of-type) {
    border-left: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)))
}

table.nu-table-columns-bordered:not(.nu-table-key-value):not(.nu-table-key-value-with-header)>tbody>tr>td:not(:first-of-type) {
    border-left: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)))
}

table.nu-table-columns-bordered>tbody:first-child>tr:first-of-type>td {
    border-top: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)))
}

table.nu-table-striped>tbody>tr:nth-child(2n)>td {
    background-color: rgb(var(--nu-theme-override-table-striped-background, var(--nu-theme-color-background-level2)))
}

table.nu-table-rows-bordered>tbody>tr>td:not(:first-of-type) {
    border-left: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)))
}

table.nu-table-rows-bordered>tbody>tr:not(:first-of-type)>td {
    border-top: 1px solid rgb(var(--nu-theme-color-border-level0))
}

table.nu-table-key-value>tbody>tr.nu-table-row-divider>td,
table.nu-table-key-value-with-header>tbody>tr.nu-table-row-divider>td {
    border-top: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)))
}

table.nu-table-key-value>tbody>tr:not(.nu-table-section-header)>td:first-of-type:not([colspan]),
table.nu-table-key-value-with-header>tbody>tr:not(.nu-table-section-header)>td:first-of-type:not([colspan]) {
    vertical-align: top;
    white-space: nowrap;
    color: rgba(var(--nu-theme-on-color-background), .65)
}

table.nu-table>tbody>tr.nu-table-section-header {
    border-top: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)));
    border-bottom: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)));
    color: rgb(var(--nu-theme-on-color-accent));
    background-color: rgb(var(--nu-theme-color-accent-base))
}

table.nu-table-sticky-header th {
    position: sticky;
    top: 0;
    z-index: 1
}

.nu-sticky-header-table-container {
    overflow-y: auto;
    border-bottom: 1px solid rgb(var(--nu-theme-override-table-border, var(--nu-theme-color-border-level2)))
}

.nu-flex-centered {
    display: flex;
    align-items: center;
    justify-content: center
}

.nu-absolute-fill {
    position: absolute;
    height: 100%;
    width: 100%;
    inset: 0
}

.nu-message,
.nu-info-message,
.nu-success-message,
.nu-warning-message,
.nu-error-message {
    display: flex;
    align-items: center;
    margin: 1em .5em;
    max-width: 500px
}

.nu-message:empty,
.nu-info-message:empty,
.nu-success-message:empty,
.nu-warning-message:empty,
.nu-error-message:empty {
    display: none
}

.nu-message>nu-icon,
.nu-message>nu-icon-with-fallback,
.nu-info-message>nu-icon,
.nu-info-message>nu-icon-with-fallback,
.nu-success-message>nu-icon,
.nu-success-message>nu-icon-with-fallback,
.nu-warning-message>nu-icon,
.nu-warning-message>nu-icon-with-fallback,
.nu-error-message>nu-icon,
.nu-error-message>nu-icon-with-fallback {
    flex-shrink: 0
}

.nu-message>nu-icon:not(:last-child),
.nu-message>nu-icon-with-fallback:not(:last-child),
.nu-info-message>nu-icon:not(:last-child),
.nu-info-message>nu-icon-with-fallback:not(:last-child),
.nu-success-message>nu-icon:not(:last-child),
.nu-success-message>nu-icon-with-fallback:not(:last-child),
.nu-warning-message>nu-icon:not(:last-child),
.nu-warning-message>nu-icon-with-fallback:not(:last-child),
.nu-error-message>nu-icon:not(:last-child),
.nu-error-message>nu-icon-with-fallback:not(:last-child) {
    margin-right: 1em
}

.nu-message>nu-icon:not(:first-child),
.nu-message>nu-icon-with-fallback:not(:first-child),
.nu-info-message>nu-icon:not(:first-child),
.nu-info-message>nu-icon-with-fallback:not(:first-child),
.nu-success-message>nu-icon:not(:first-child),
.nu-success-message>nu-icon-with-fallback:not(:first-child),
.nu-warning-message>nu-icon:not(:first-child),
.nu-warning-message>nu-icon-with-fallback:not(:first-child),
.nu-error-message>nu-icon:not(:first-child),
.nu-error-message>nu-icon-with-fallback:not(:first-child) {
    margin-left: 1em
}

.nu-message>nu-icon+nu-icon,
.nu-message>nu-icon-with-fallback+nu-icon,
.nu-info-message>nu-icon+nu-icon,
.nu-info-message>nu-icon-with-fallback+nu-icon,
.nu-success-message>nu-icon+nu-icon,
.nu-success-message>nu-icon-with-fallback+nu-icon,
.nu-warning-message>nu-icon+nu-icon,
.nu-warning-message>nu-icon-with-fallback+nu-icon,
.nu-error-message>nu-icon+nu-icon,
.nu-error-message>nu-icon-with-fallback+nu-icon {
    margin-left: 0
}

.nu-message .message-content,
.nu-info-message .message-content,
.nu-success-message .message-content,
.nu-warning-message .message-content,
.nu-error-message .message-content {
    flex-grow: 1
}

.nu-message p,
.nu-info-message p,
.nu-success-message p,
.nu-warning-message p,
.nu-error-message p {
    margin-top: 0;
    margin-bottom: 0
}

.nu-message p+p,
.nu-info-message p+p,
.nu-success-message p+p,
.nu-warning-message p+p,
.nu-error-message p+p {
    margin-top: 1.5em
}

.nu-message a,
.nu-info-message a,
.nu-success-message a,
.nu-warning-message a,
.nu-error-message a {
    text-decoration: underline
}

.nu-message,
.nu-info-message,
.nu-success-message,
.nu-warning-message,
.nu-error-message {
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    padding: 1em
}

.nu-message {
    color: rgba(var(--nu-theme-on-color-background), .8);
    background-color: rgb(var(--nu-theme-color-background-level1));
    border-color: rgb(var(--nu-theme-color-border-level1));
    border-radius: var(--nu-theme-dimension-general-border-radius)
}

.nu-info-message {
    background-color: rgb(var(--nu-theme-color-low-contrast-informative-severity-low-base));
    border-color: rgb(var(--nu-theme-color-low-contrast-informative-severity-low-hover));
    border-radius: var(--nu-theme-dimension-general-border-radius)
}

.nu-info-message,
.nu-info-message a,
.nu-info-message nu-icon {
    color: rgb(var(--nu-theme-on-color-low-contrast-informative-severity-low)) !important
}

.nu-info-message button {
    line-height: var(--nu-theme-dimension-button-input-line-height);
    margin: 3px;
    padding: 3px 7px;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    min-height: calc(var(--nu-theme-dimension-button-input-line-height) * var(--nu-theme-dimension-normal-font-size) + 6px + 2px);
    box-sizing: border-box;
    color: rgb(var(--nu-theme-on-color-low-contrast-informative-severity-low));
    background: rgb(var(--nu-theme-color-low-contrast-informative-severity-low-base));
    border-radius: var(--nu-theme-dimension-button-border-radius);
    border: 1px solid;
    border-color: rgb(var(--nu-theme-on-color-low-contrast-informative-severity-low));
    position: relative
}

.nu-info-message button:hover,
.nu-info-message button:hover * {
    cursor: pointer
}

.nu-info-message button nu-icon,
.nu-info-message button nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-low-contrast-informative-severity-low)) !important
}

.nu-info-message button nu-icon:not(.nu-icon-prevent-override) path,
.nu-info-message button nu-icon-with-fallback:not(.nu-icon-prevent-override) path {
    fill: inherit !important
}

.nu-info-message button .nu-ripple-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none
}

.nu-info-message button .nu-ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: nu-button-ripple .6s linear
}

.nu-info-message button .nu-ripple.secondary {
    background-color: rgba(var(--nu-theme-color-selected-base), .4) !important
}

body.nu-light-theme .nu-info-message button .nu-ripple {
    background-color: #fffc
}

body.nu-dark-theme .nu-info-message button .nu-ripple {
    background-color: #fff6
}

.nu-info-message button:hover {
    background: rgb(var(--nu-theme-color-low-contrast-informative-severity-low-hover));
    border-color: rgb(var(--nu-theme-on-color-low-contrast-informative-severity-low))
}

.nu-info-message button:focus,
.nu-info-message button.focus {
    outline: none;
    border-color: rgb(var(--nu-theme-color-border-level4));
    box-shadow: 0 1px 3px rgba(var(--nu-theme-color-misc-shadow), .12), 0 1px 2px rgba(var(--nu-theme-color-misc-shadow), .24)
}

.nu-info-message button:focus::-moz-focus-inner,
.nu-info-message button.focus::-moz-focus-inner {
    border: 0;
    outline: 0
}

.nu-info-message button:disabled,
.nu-info-message button.disabled {
    outline: none;
    opacity: .5;
    pointer-events: none;
    cursor: auto
}

.nu-info-message button:disabled::-moz-focus-inner,
.nu-info-message button.disabled::-moz-focus-inner {
    border: 0;
    outline: 0
}

.nu-info-message button:disabled.nu-button-allow-events,
.nu-info-message button:disabled .nu-button-allow-events,
.nu-info-message button.disabled.nu-button-allow-events,
.nu-info-message button.disabled .nu-button-allow-events {
    pointer-events: auto
}

.nu-info-message button:disabled *,
.nu-info-message button.disabled * {
    cursor: auto
}

body.nu-dark-theme .nu-info-message {
    border-left: 6px solid;
    border-color: rgb(var(--nu-theme-color-informative-severity-low-hover));
    background-color: rgb(var(--nu-theme-color-background-level2))
}

body.nu-dark-theme .nu-info-message>nu-icon {
    color: rgb(var(--nu-theme-color-informative-severity-low-hover)) !important
}

body.nu-dark-theme .nu-info-message,
body.nu-dark-theme .nu-info-message a {
    color: rgb(var(--nu-theme-on-color-background)) !important
}

body.nu-dark-theme .nu-info-message button {
    line-height: var(--nu-theme-dimension-button-input-line-height);
    margin: 3px;
    padding: 3px 7px;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    min-height: calc(var(--nu-theme-dimension-button-input-line-height) * var(--nu-theme-dimension-normal-font-size) + 6px + 2px);
    box-sizing: border-box;
    color: rgb(var(--nu-theme-on-color-background));
    background: rgb(var(--nu-theme-color-background-level2));
    border-radius: var(--nu-theme-dimension-button-border-radius);
    border: 1px solid;
    border-color: rgb(var(--nu-theme-on-color-background));
    position: relative
}

body.nu-dark-theme .nu-info-message button:hover,
body.nu-dark-theme .nu-info-message button:hover * {
    cursor: pointer
}

body.nu-dark-theme .nu-info-message button nu-icon,
body.nu-dark-theme .nu-info-message button nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-background)) !important
}

body.nu-dark-theme .nu-info-message button nu-icon:not(.nu-icon-prevent-override) path,
body.nu-dark-theme .nu-info-message button nu-icon-with-fallback:not(.nu-icon-prevent-override) path {
    fill: inherit !important
}

body.nu-dark-theme .nu-info-message button .nu-ripple-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none
}

body.nu-dark-theme .nu-info-message button .nu-ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: nu-button-ripple .6s linear
}

body.nu-dark-theme .nu-info-message button .nu-ripple.secondary {
    background-color: rgba(var(--nu-theme-color-selected-base), .4) !important
}

body.nu-light-theme body.nu-dark-theme .nu-info-message button .nu-ripple {
    background-color: #fffc
}

body.nu-dark-theme body.nu-dark-theme .nu-info-message button .nu-ripple {
    background-color: #fff6
}

body.nu-dark-theme .nu-info-message button:hover {
    background: rgb(var(--nu-theme-color-background-level0));
    border-color: rgb(var(--nu-theme-on-color-background))
}

body.nu-dark-theme .nu-info-message button:focus,
body.nu-dark-theme .nu-info-message button.focus {
    outline: none;
    border-color: rgb(var(--nu-theme-color-border-level2));
    box-shadow: 0 1px 3px rgba(var(--nu-theme-color-misc-shadow), .12), 0 1px 2px rgba(var(--nu-theme-color-misc-shadow), .24)
}

body.nu-dark-theme .nu-info-message button:focus::-moz-focus-inner,
body.nu-dark-theme .nu-info-message button.focus::-moz-focus-inner {
    border: 0;
    outline: 0
}

body.nu-dark-theme .nu-info-message button:disabled,
body.nu-dark-theme .nu-info-message button.disabled {
    outline: none;
    opacity: .5;
    pointer-events: none;
    cursor: auto
}

body.nu-dark-theme .nu-info-message button:disabled::-moz-focus-inner,
body.nu-dark-theme .nu-info-message button.disabled::-moz-focus-inner {
    border: 0;
    outline: 0
}

body.nu-dark-theme .nu-info-message button:disabled.nu-button-allow-events,
body.nu-dark-theme .nu-info-message button:disabled .nu-button-allow-events,
body.nu-dark-theme .nu-info-message button.disabled.nu-button-allow-events,
body.nu-dark-theme .nu-info-message button.disabled .nu-button-allow-events {
    pointer-events: auto
}

body.nu-dark-theme .nu-info-message button:disabled *,
body.nu-dark-theme .nu-info-message button.disabled * {
    cursor: auto
}

.nu-success-message {
    background-color: rgb(var(--nu-theme-color-low-contrast-informative-success-base));
    border-color: rgb(var(--nu-theme-color-low-contrast-informative-success-hover));
    border-radius: var(--nu-theme-dimension-general-border-radius)
}

.nu-success-message,
.nu-success-message a,
.nu-success-message nu-icon {
    color: rgb(var(--nu-theme-on-color-low-contrast-informative-success)) !important
}

.nu-success-message button {
    line-height: var(--nu-theme-dimension-button-input-line-height);
    margin: 3px;
    padding: 3px 7px;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    min-height: calc(var(--nu-theme-dimension-button-input-line-height) * var(--nu-theme-dimension-normal-font-size) + 6px + 2px);
    box-sizing: border-box;
    color: rgb(var(--nu-theme-on-color-low-contrast-informative-success));
    background: rgb(var(--nu-theme-color-low-contrast-informative-success-base));
    border-radius: var(--nu-theme-dimension-button-border-radius);
    border: 1px solid;
    border-color: rgb(var(--nu-theme-on-color-low-contrast-informative-success));
    position: relative
}

.nu-success-message button:hover,
.nu-success-message button:hover * {
    cursor: pointer
}

.nu-success-message button nu-icon,
.nu-success-message button nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-low-contrast-informative-success)) !important
}

.nu-success-message button nu-icon:not(.nu-icon-prevent-override) path,
.nu-success-message button nu-icon-with-fallback:not(.nu-icon-prevent-override) path {
    fill: inherit !important
}

.nu-success-message button .nu-ripple-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none
}

.nu-success-message button .nu-ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: nu-button-ripple .6s linear
}

.nu-success-message button .nu-ripple.secondary {
    background-color: rgba(var(--nu-theme-color-selected-base), .4) !important
}

body.nu-light-theme .nu-success-message button .nu-ripple {
    background-color: #fffc
}

body.nu-dark-theme .nu-success-message button .nu-ripple {
    background-color: #fff6
}

.nu-success-message button:hover {
    background: rgb(var(--nu-theme-color-low-contrast-informative-success-hover));
    border-color: rgb(var(--nu-theme-on-color-low-contrast-informative-success))
}

.nu-success-message button:focus,
.nu-success-message button.focus {
    outline: none;
    border-color: rgb(var(--nu-theme-color-border-level4));
    box-shadow: 0 1px 3px rgba(var(--nu-theme-color-misc-shadow), .12), 0 1px 2px rgba(var(--nu-theme-color-misc-shadow), .24)
}

.nu-success-message button:focus::-moz-focus-inner,
.nu-success-message button.focus::-moz-focus-inner {
    border: 0;
    outline: 0
}

.nu-success-message button:disabled,
.nu-success-message button.disabled {
    outline: none;
    opacity: .5;
    pointer-events: none;
    cursor: auto
}

.nu-success-message button:disabled::-moz-focus-inner,
.nu-success-message button.disabled::-moz-focus-inner {
    border: 0;
    outline: 0
}

.nu-success-message button:disabled.nu-button-allow-events,
.nu-success-message button:disabled .nu-button-allow-events,
.nu-success-message button.disabled.nu-button-allow-events,
.nu-success-message button.disabled .nu-button-allow-events {
    pointer-events: auto
}

.nu-success-message button:disabled *,
.nu-success-message button.disabled * {
    cursor: auto
}

body.nu-dark-theme .nu-success-message {
    border-left: 6px solid;
    border-color: rgb(var(--nu-theme-color-informative-success-hover));
    background-color: rgb(var(--nu-theme-color-background-level2))
}

body.nu-dark-theme .nu-success-message>nu-icon {
    color: rgb(var(--nu-theme-color-informative-success-hover)) !important
}

body.nu-dark-theme .nu-success-message,
body.nu-dark-theme .nu-success-message a {
    color: rgb(var(--nu-theme-on-color-background)) !important
}

body.nu-dark-theme .nu-success-message button {
    line-height: var(--nu-theme-dimension-button-input-line-height);
    margin: 3px;
    padding: 3px 7px;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    min-height: calc(var(--nu-theme-dimension-button-input-line-height) * var(--nu-theme-dimension-normal-font-size) + 6px + 2px);
    box-sizing: border-box;
    color: rgb(var(--nu-theme-on-color-background));
    background: rgb(var(--nu-theme-color-background-level2));
    border-radius: var(--nu-theme-dimension-button-border-radius);
    border: 1px solid;
    border-color: rgb(var(--nu-theme-on-color-background));
    position: relative
}

body.nu-dark-theme .nu-success-message button:hover,
body.nu-dark-theme .nu-success-message button:hover * {
    cursor: pointer
}

body.nu-dark-theme .nu-success-message button nu-icon,
body.nu-dark-theme .nu-success-message button nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-background)) !important
}

body.nu-dark-theme .nu-success-message button nu-icon:not(.nu-icon-prevent-override) path,
body.nu-dark-theme .nu-success-message button nu-icon-with-fallback:not(.nu-icon-prevent-override) path {
    fill: inherit !important
}

body.nu-dark-theme .nu-success-message button .nu-ripple-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none
}

body.nu-dark-theme .nu-success-message button .nu-ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: nu-button-ripple .6s linear
}

body.nu-dark-theme .nu-success-message button .nu-ripple.secondary {
    background-color: rgba(var(--nu-theme-color-selected-base), .4) !important
}

body.nu-light-theme body.nu-dark-theme .nu-success-message button .nu-ripple {
    background-color: #fffc
}

body.nu-dark-theme body.nu-dark-theme .nu-success-message button .nu-ripple {
    background-color: #fff6
}

body.nu-dark-theme .nu-success-message button:hover {
    background: rgb(var(--nu-theme-color-background-level0));
    border-color: rgb(var(--nu-theme-on-color-background))
}

body.nu-dark-theme .nu-success-message button:focus,
body.nu-dark-theme .nu-success-message button.focus {
    outline: none;
    border-color: rgb(var(--nu-theme-color-border-level2));
    box-shadow: 0 1px 3px rgba(var(--nu-theme-color-misc-shadow), .12), 0 1px 2px rgba(var(--nu-theme-color-misc-shadow), .24)
}

body.nu-dark-theme .nu-success-message button:focus::-moz-focus-inner,
body.nu-dark-theme .nu-success-message button.focus::-moz-focus-inner {
    border: 0;
    outline: 0
}

body.nu-dark-theme .nu-success-message button:disabled,
body.nu-dark-theme .nu-success-message button.disabled {
    outline: none;
    opacity: .5;
    pointer-events: none;
    cursor: auto
}

body.nu-dark-theme .nu-success-message button:disabled::-moz-focus-inner,
body.nu-dark-theme .nu-success-message button.disabled::-moz-focus-inner {
    border: 0;
    outline: 0
}

body.nu-dark-theme .nu-success-message button:disabled.nu-button-allow-events,
body.nu-dark-theme .nu-success-message button:disabled .nu-button-allow-events,
body.nu-dark-theme .nu-success-message button.disabled.nu-button-allow-events,
body.nu-dark-theme .nu-success-message button.disabled .nu-button-allow-events {
    pointer-events: auto
}

body.nu-dark-theme .nu-success-message button:disabled *,
body.nu-dark-theme .nu-success-message button.disabled * {
    cursor: auto
}

.nu-warning-message {
    background-color: rgb(var(--nu-theme-color-low-contrast-informative-severity-medium-base));
    border-color: rgb(var(--nu-theme-color-low-contrast-informative-severity-medium-hover));
    border-radius: var(--nu-theme-dimension-general-border-radius)
}

.nu-warning-message,
.nu-warning-message a,
.nu-warning-message nu-icon {
    color: rgb(var(--nu-theme-on-color-low-contrast-informative-severity-medium)) !important
}

.nu-warning-message button {
    line-height: var(--nu-theme-dimension-button-input-line-height);
    margin: 3px;
    padding: 3px 7px;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    min-height: calc(var(--nu-theme-dimension-button-input-line-height) * var(--nu-theme-dimension-normal-font-size) + 6px + 2px);
    box-sizing: border-box;
    color: rgb(var(--nu-theme-on-color-low-contrast-informative-severity-medium));
    background: rgb(var(--nu-theme-color-low-contrast-informative-severity-medium-base));
    border-radius: var(--nu-theme-dimension-button-border-radius);
    border: 1px solid;
    border-color: rgb(var(--nu-theme-on-color-low-contrast-informative-severity-medium));
    position: relative
}

.nu-warning-message button:hover,
.nu-warning-message button:hover * {
    cursor: pointer
}

.nu-warning-message button nu-icon,
.nu-warning-message button nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-low-contrast-informative-severity-medium)) !important
}

.nu-warning-message button nu-icon:not(.nu-icon-prevent-override) path,
.nu-warning-message button nu-icon-with-fallback:not(.nu-icon-prevent-override) path {
    fill: inherit !important
}

.nu-warning-message button .nu-ripple-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none
}

.nu-warning-message button .nu-ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: nu-button-ripple .6s linear
}

.nu-warning-message button .nu-ripple.secondary {
    background-color: rgba(var(--nu-theme-color-selected-base), .4) !important
}

body.nu-light-theme .nu-warning-message button .nu-ripple {
    background-color: #fffc
}

body.nu-dark-theme .nu-warning-message button .nu-ripple {
    background-color: #fff6
}

.nu-warning-message button:hover {
    background: rgb(var(--nu-theme-color-low-contrast-informative-severity-medium-hover));
    border-color: rgb(var(--nu-theme-on-color-low-contrast-informative-severity-medium))
}

.nu-warning-message button:focus,
.nu-warning-message button.focus {
    outline: none;
    border-color: rgb(var(--nu-theme-color-border-level4));
    box-shadow: 0 1px 3px rgba(var(--nu-theme-color-misc-shadow), .12), 0 1px 2px rgba(var(--nu-theme-color-misc-shadow), .24)
}

.nu-warning-message button:focus::-moz-focus-inner,
.nu-warning-message button.focus::-moz-focus-inner {
    border: 0;
    outline: 0
}

.nu-warning-message button:disabled,
.nu-warning-message button.disabled {
    outline: none;
    opacity: .5;
    pointer-events: none;
    cursor: auto
}

.nu-warning-message button:disabled::-moz-focus-inner,
.nu-warning-message button.disabled::-moz-focus-inner {
    border: 0;
    outline: 0
}

.nu-warning-message button:disabled.nu-button-allow-events,
.nu-warning-message button:disabled .nu-button-allow-events,
.nu-warning-message button.disabled.nu-button-allow-events,
.nu-warning-message button.disabled .nu-button-allow-events {
    pointer-events: auto
}

.nu-warning-message button:disabled *,
.nu-warning-message button.disabled * {
    cursor: auto
}

body.nu-dark-theme .nu-warning-message {
    border-left: 6px solid;
    border-color: rgb(var(--nu-theme-color-informative-severity-medium-hover));
    background-color: rgb(var(--nu-theme-color-background-level2))
}

body.nu-dark-theme .nu-warning-message>nu-icon {
    color: rgb(var(--nu-theme-color-informative-severity-medium-hover)) !important
}

body.nu-dark-theme .nu-warning-message,
body.nu-dark-theme .nu-warning-message a {
    color: rgb(var(--nu-theme-on-color-background)) !important
}

body.nu-dark-theme .nu-warning-message button {
    line-height: var(--nu-theme-dimension-button-input-line-height);
    margin: 3px;
    padding: 3px 7px;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    min-height: calc(var(--nu-theme-dimension-button-input-line-height) * var(--nu-theme-dimension-normal-font-size) + 6px + 2px);
    box-sizing: border-box;
    color: rgb(var(--nu-theme-on-color-background));
    background: rgb(var(--nu-theme-color-background-level2));
    border-radius: var(--nu-theme-dimension-button-border-radius);
    border: 1px solid;
    border-color: rgb(var(--nu-theme-on-color-background));
    position: relative
}

body.nu-dark-theme .nu-warning-message button:hover,
body.nu-dark-theme .nu-warning-message button:hover * {
    cursor: pointer
}

body.nu-dark-theme .nu-warning-message button nu-icon,
body.nu-dark-theme .nu-warning-message button nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-background)) !important
}

body.nu-dark-theme .nu-warning-message button nu-icon:not(.nu-icon-prevent-override) path,
body.nu-dark-theme .nu-warning-message button nu-icon-with-fallback:not(.nu-icon-prevent-override) path {
    fill: inherit !important
}

body.nu-dark-theme .nu-warning-message button .nu-ripple-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none
}

body.nu-dark-theme .nu-warning-message button .nu-ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: nu-button-ripple .6s linear
}

body.nu-dark-theme .nu-warning-message button .nu-ripple.secondary {
    background-color: rgba(var(--nu-theme-color-selected-base), .4) !important
}

body.nu-light-theme body.nu-dark-theme .nu-warning-message button .nu-ripple {
    background-color: #fffc
}

body.nu-dark-theme body.nu-dark-theme .nu-warning-message button .nu-ripple {
    background-color: #fff6
}

body.nu-dark-theme .nu-warning-message button:hover {
    background: rgb(var(--nu-theme-color-background-level0));
    border-color: rgb(var(--nu-theme-on-color-background))
}

body.nu-dark-theme .nu-warning-message button:focus,
body.nu-dark-theme .nu-warning-message button.focus {
    outline: none;
    border-color: rgb(var(--nu-theme-color-border-level2));
    box-shadow: 0 1px 3px rgba(var(--nu-theme-color-misc-shadow), .12), 0 1px 2px rgba(var(--nu-theme-color-misc-shadow), .24)
}

body.nu-dark-theme .nu-warning-message button:focus::-moz-focus-inner,
body.nu-dark-theme .nu-warning-message button.focus::-moz-focus-inner {
    border: 0;
    outline: 0
}

body.nu-dark-theme .nu-warning-message button:disabled,
body.nu-dark-theme .nu-warning-message button.disabled {
    outline: none;
    opacity: .5;
    pointer-events: none;
    cursor: auto
}

body.nu-dark-theme .nu-warning-message button:disabled::-moz-focus-inner,
body.nu-dark-theme .nu-warning-message button.disabled::-moz-focus-inner {
    border: 0;
    outline: 0
}

body.nu-dark-theme .nu-warning-message button:disabled.nu-button-allow-events,
body.nu-dark-theme .nu-warning-message button:disabled .nu-button-allow-events,
body.nu-dark-theme .nu-warning-message button.disabled.nu-button-allow-events,
body.nu-dark-theme .nu-warning-message button.disabled .nu-button-allow-events {
    pointer-events: auto
}

body.nu-dark-theme .nu-warning-message button:disabled *,
body.nu-dark-theme .nu-warning-message button.disabled * {
    cursor: auto
}

.nu-error-message {
    background-color: rgb(var(--nu-theme-color-low-contrast-informative-severity-critical-base));
    border-color: rgb(var(--nu-theme-color-low-contrast-informative-severity-critical-hover));
    border-radius: var(--nu-theme-dimension-general-border-radius)
}

.nu-error-message,
.nu-error-message a,
.nu-error-message nu-icon {
    color: rgb(var(--nu-theme-on-color-low-contrast-informative-severity-critical)) !important
}

.nu-error-message button {
    line-height: var(--nu-theme-dimension-button-input-line-height);
    margin: 3px;
    padding: 3px 7px;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    min-height: calc(var(--nu-theme-dimension-button-input-line-height) * var(--nu-theme-dimension-normal-font-size) + 6px + 2px);
    box-sizing: border-box;
    color: rgb(var(--nu-theme-on-color-low-contrast-informative-severity-critical));
    background: rgb(var(--nu-theme-color-low-contrast-informative-severity-critical-base));
    border-radius: var(--nu-theme-dimension-button-border-radius);
    border: 1px solid;
    border-color: rgb(var(--nu-theme-on-color-low-contrast-informative-severity-critical));
    position: relative
}

.nu-error-message button:hover,
.nu-error-message button:hover * {
    cursor: pointer
}

.nu-error-message button nu-icon,
.nu-error-message button nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-low-contrast-informative-severity-critical)) !important
}

.nu-error-message button nu-icon:not(.nu-icon-prevent-override) path,
.nu-error-message button nu-icon-with-fallback:not(.nu-icon-prevent-override) path {
    fill: inherit !important
}

.nu-error-message button .nu-ripple-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none
}

.nu-error-message button .nu-ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: nu-button-ripple .6s linear
}

.nu-error-message button .nu-ripple.secondary {
    background-color: rgba(var(--nu-theme-color-selected-base), .4) !important
}

body.nu-light-theme .nu-error-message button .nu-ripple {
    background-color: #fffc
}

body.nu-dark-theme .nu-error-message button .nu-ripple {
    background-color: #fff6
}

.nu-error-message button:hover {
    background: rgb(var(--nu-theme-color-low-contrast-informative-severity-critical-hover));
    border-color: rgb(var(--nu-theme-on-color-low-contrast-informative-severity-critical))
}

.nu-error-message button:focus,
.nu-error-message button.focus {
    outline: none;
    border-color: rgb(var(--nu-theme-color-border-level4));
    box-shadow: 0 1px 3px rgba(var(--nu-theme-color-misc-shadow), .12), 0 1px 2px rgba(var(--nu-theme-color-misc-shadow), .24)
}

.nu-error-message button:focus::-moz-focus-inner,
.nu-error-message button.focus::-moz-focus-inner {
    border: 0;
    outline: 0
}

.nu-error-message button:disabled,
.nu-error-message button.disabled {
    outline: none;
    opacity: .5;
    pointer-events: none;
    cursor: auto
}

.nu-error-message button:disabled::-moz-focus-inner,
.nu-error-message button.disabled::-moz-focus-inner {
    border: 0;
    outline: 0
}

.nu-error-message button:disabled.nu-button-allow-events,
.nu-error-message button:disabled .nu-button-allow-events,
.nu-error-message button.disabled.nu-button-allow-events,
.nu-error-message button.disabled .nu-button-allow-events {
    pointer-events: auto
}

.nu-error-message button:disabled *,
.nu-error-message button.disabled * {
    cursor: auto
}

body.nu-dark-theme .nu-error-message {
    border-left: 6px solid;
    border-color: rgb(var(--nu-theme-color-informative-severity-critical-hover));
    background-color: rgb(var(--nu-theme-color-background-level2))
}

body.nu-dark-theme .nu-error-message>nu-icon {
    color: rgb(var(--nu-theme-color-informative-severity-critical-hover)) !important
}

body.nu-dark-theme .nu-error-message,
body.nu-dark-theme .nu-error-message a {
    color: rgb(var(--nu-theme-on-color-background)) !important
}

body.nu-dark-theme .nu-error-message button {
    line-height: var(--nu-theme-dimension-button-input-line-height);
    margin: 3px;
    padding: 3px 7px;
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    min-height: calc(var(--nu-theme-dimension-button-input-line-height) * var(--nu-theme-dimension-normal-font-size) + 6px + 2px);
    box-sizing: border-box;
    color: rgb(var(--nu-theme-on-color-background));
    background: rgb(var(--nu-theme-color-background-level2));
    border-radius: var(--nu-theme-dimension-button-border-radius);
    border: 1px solid;
    border-color: rgb(var(--nu-theme-on-color-background));
    position: relative
}

body.nu-dark-theme .nu-error-message button:hover,
body.nu-dark-theme .nu-error-message button:hover * {
    cursor: pointer
}

body.nu-dark-theme .nu-error-message button nu-icon,
body.nu-dark-theme .nu-error-message button nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-background)) !important
}

body.nu-dark-theme .nu-error-message button nu-icon:not(.nu-icon-prevent-override) path,
body.nu-dark-theme .nu-error-message button nu-icon-with-fallback:not(.nu-icon-prevent-override) path {
    fill: inherit !important
}

body.nu-dark-theme .nu-error-message button .nu-ripple-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none
}

body.nu-dark-theme .nu-error-message button .nu-ripple {
    position: absolute;
    border-radius: 50%;
    transform: scale(0);
    animation: nu-button-ripple .6s linear
}

body.nu-dark-theme .nu-error-message button .nu-ripple.secondary {
    background-color: rgba(var(--nu-theme-color-selected-base), .4) !important
}

body.nu-light-theme body.nu-dark-theme .nu-error-message button .nu-ripple {
    background-color: #fffc
}

body.nu-dark-theme body.nu-dark-theme .nu-error-message button .nu-ripple {
    background-color: #fff6
}

body.nu-dark-theme .nu-error-message button:hover {
    background: rgb(var(--nu-theme-color-background-level0));
    border-color: rgb(var(--nu-theme-on-color-background))
}

body.nu-dark-theme .nu-error-message button:focus,
body.nu-dark-theme .nu-error-message button.focus {
    outline: none;
    border-color: rgb(var(--nu-theme-color-border-level2));
    box-shadow: 0 1px 3px rgba(var(--nu-theme-color-misc-shadow), .12), 0 1px 2px rgba(var(--nu-theme-color-misc-shadow), .24)
}

body.nu-dark-theme .nu-error-message button:focus::-moz-focus-inner,
body.nu-dark-theme .nu-error-message button.focus::-moz-focus-inner {
    border: 0;
    outline: 0
}

body.nu-dark-theme .nu-error-message button:disabled,
body.nu-dark-theme .nu-error-message button.disabled {
    outline: none;
    opacity: .5;
    pointer-events: none;
    cursor: auto
}

body.nu-dark-theme .nu-error-message button:disabled::-moz-focus-inner,
body.nu-dark-theme .nu-error-message button.disabled::-moz-focus-inner {
    border: 0;
    outline: 0
}

body.nu-dark-theme .nu-error-message button:disabled.nu-button-allow-events,
body.nu-dark-theme .nu-error-message button:disabled .nu-button-allow-events,
body.nu-dark-theme .nu-error-message button.disabled.nu-button-allow-events,
body.nu-dark-theme .nu-error-message button.disabled .nu-button-allow-events {
    pointer-events: auto
}

body.nu-dark-theme .nu-error-message button:disabled *,
body.nu-dark-theme .nu-error-message button.disabled * {
    cursor: auto
}

@keyframes _nu-slider-mask-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.nu-mask {
    position: absolute;
    inset: 0;
    z-index: 29
}

.nu-mask.nu-fade-mask {
    background: rgba(var(--nu-theme-color-background-level5), .7);
    animation: _nu-slider-mask-fade-in .5s
}

.nu-mask.nu-invisible-mask {
    opacity: 0
}

body.nu-dark-theme .nu-mask {
    background: rgba(var(--nu-theme-color-background-level1), .5)
}

.nu-prompt-overlay-wrapper {
    z-index: 40
}

.nu-notifications-overlay-wrapper {
    z-index: 110
}

.nu-notifications-overlay-wrapper .nu-notifications-overlay-pane {
    pointer-events: none !important
}

.nu-notifications-overlay-wrapper .nu-notifications-overlay-pane>* {
    pointer-events: auto
}

.nu-pop-up-menu-overlay-wrapper {
    z-index: 50;
    pointer-events: none
}

.nu-severity-low-label {
    display: inline-block;
    padding: .4em .5em;
    background-color: rgb(var(--nu-theme-color-informative-severity-low-base));
    border-radius: var(--nu-theme-dimension-general-border-radius)
}

.nu-severity-low-label,
.nu-severity-low-label a,
.nu-severity-low-label nu-icon,
.nu-severity-low-label nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-informative-severity-low)) !important
}

.nu-severity-low-label .nu-number-bubble {
    color: rgb(var(--nu-theme-color-informative-severity-low-base)) !important;
    background-color: rgb(var(--nu-theme-on-color-informative-severity-low)) !important
}

.nu-severity-low-label.nu-compact {
    font-size: 90%;
    padding: .2em .4em
}

.nu-severity-low-label.nu-compact.nu-min-width-centered {
    text-align: center;
    min-width: 75px
}

.nu-severity-low-label.nu-large {
    padding: .8em 1em
}

.nu-severity-low-label.nu-clickable:hover {
    cursor: pointer;
    background-color: rgb(var(--nu-theme-color-informative-severity-low-hover))
}

.nu-severity-success-label {
    display: inline-block;
    padding: .4em .5em;
    background-color: rgb(var(--nu-theme-color-informative-success-base));
    border-radius: var(--nu-theme-dimension-general-border-radius)
}

.nu-severity-success-label,
.nu-severity-success-label a,
.nu-severity-success-label nu-icon,
.nu-severity-success-label nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-informative-success)) !important
}

.nu-severity-success-label .nu-number-bubble {
    color: rgb(var(--nu-theme-color-informative-success-base)) !important;
    background-color: rgb(var(--nu-theme-on-color-informative-success)) !important
}

.nu-severity-success-label.nu-compact {
    font-size: 90%;
    padding: .2em .4em
}

.nu-severity-success-label.nu-compact.nu-min-width-centered {
    text-align: center;
    min-width: 75px
}

.nu-severity-success-label.nu-large {
    padding: .8em 1em
}

.nu-severity-success-label.nu-clickable:hover {
    cursor: pointer;
    background-color: rgb(var(--nu-theme-color-informative-success-hover))
}

.nu-severity-medium-label {
    display: inline-block;
    padding: .4em .5em;
    background-color: rgb(var(--nu-theme-color-informative-severity-medium-base));
    border-radius: var(--nu-theme-dimension-general-border-radius)
}

.nu-severity-medium-label,
.nu-severity-medium-label a,
.nu-severity-medium-label nu-icon,
.nu-severity-medium-label nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-informative-severity-medium)) !important
}

.nu-severity-medium-label .nu-number-bubble {
    color: rgb(var(--nu-theme-color-informative-severity-medium-base)) !important;
    background-color: rgb(var(--nu-theme-on-color-informative-severity-medium)) !important
}

.nu-severity-medium-label.nu-compact {
    font-size: 90%;
    padding: .2em .4em
}

.nu-severity-medium-label.nu-compact.nu-min-width-centered {
    text-align: center;
    min-width: 75px
}

.nu-severity-medium-label.nu-large {
    padding: .8em 1em
}

.nu-severity-medium-label.nu-clickable:hover {
    cursor: pointer;
    background-color: rgb(var(--nu-theme-color-informative-severity-medium-hover))
}

.nu-severity-high-label {
    display: inline-block;
    padding: .4em .5em;
    background-color: rgb(var(--nu-theme-color-informative-severity-high-base));
    border-radius: var(--nu-theme-dimension-general-border-radius)
}

.nu-severity-high-label,
.nu-severity-high-label a,
.nu-severity-high-label nu-icon,
.nu-severity-high-label nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-informative-severity-high)) !important
}

.nu-severity-high-label .nu-number-bubble {
    color: rgb(var(--nu-theme-color-informative-severity-high-base)) !important;
    background-color: rgb(var(--nu-theme-on-color-informative-severity-high)) !important
}

.nu-severity-high-label.nu-compact {
    font-size: 90%;
    padding: .2em .4em
}

.nu-severity-high-label.nu-compact.nu-min-width-centered {
    text-align: center;
    min-width: 75px
}

.nu-severity-high-label.nu-large {
    padding: .8em 1em
}

.nu-severity-high-label.nu-clickable:hover {
    cursor: pointer;
    background-color: rgb(var(--nu-theme-color-informative-severity-high-hover))
}

.nu-severity-critical-label {
    display: inline-block;
    padding: .4em .5em;
    background-color: rgb(var(--nu-theme-color-informative-severity-critical-base));
    border-radius: var(--nu-theme-dimension-general-border-radius)
}

.nu-severity-critical-label,
.nu-severity-critical-label a,
.nu-severity-critical-label nu-icon,
.nu-severity-critical-label nu-icon-with-fallback {
    color: rgb(var(--nu-theme-on-color-informative-severity-critical)) !important
}

.nu-severity-critical-label .nu-number-bubble {
    color: rgb(var(--nu-theme-color-informative-severity-critical-base)) !important;
    background-color: rgb(var(--nu-theme-on-color-informative-severity-critical)) !important
}

.nu-severity-critical-label.nu-compact {
    font-size: 90%;
    padding: .2em .4em
}

.nu-severity-critical-label.nu-compact.nu-min-width-centered {
    text-align: center;
    min-width: 75px
}

.nu-severity-critical-label.nu-large {
    padding: .8em 1em
}

.nu-severity-critical-label.nu-clickable:hover {
    cursor: pointer;
    background-color: rgb(var(--nu-theme-color-informative-severity-critical-hover))
}

.nu-severity-low-descriptor-label:not(nu-menu-item-button.selected *) {
    border: 1px solid rgb(var(--nu-theme-color-informative-severity-low-base));
    background: rgba(var(--nu-theme-color-informative-severity-low-base), .2);
    padding-right: 4px;
    padding-left: 4px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center
}

.nu-severity-low-descriptor-label:not(nu-menu-item-button.selected *) .nu-tooltip-hint {
    border-bottom-color: transparent
}

.nu-severity-success-descriptor-label:not(nu-menu-item-button.selected *) {
    border: 1px solid rgb(var(--nu-theme-color-informative-success-base));
    background: rgba(var(--nu-theme-color-informative-success-base), .2);
    padding-right: 4px;
    padding-left: 4px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center
}

.nu-severity-success-descriptor-label:not(nu-menu-item-button.selected *) .nu-tooltip-hint {
    border-bottom-color: transparent
}

.nu-severity-medium-descriptor-label:not(nu-menu-item-button.selected *) {
    border: 1px solid rgb(var(--nu-theme-color-informative-severity-medium-base));
    background: rgba(var(--nu-theme-color-informative-severity-medium-base), .2);
    padding-right: 4px;
    padding-left: 4px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center
}

.nu-severity-medium-descriptor-label:not(nu-menu-item-button.selected *) .nu-tooltip-hint {
    border-bottom-color: transparent
}

.nu-severity-high-descriptor-label:not(nu-menu-item-button.selected *) {
    border: 1px solid rgb(var(--nu-theme-color-informative-severity-high-base));
    background: rgba(var(--nu-theme-color-informative-severity-high-base), .2);
    padding-right: 4px;
    padding-left: 4px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center
}

.nu-severity-high-descriptor-label:not(nu-menu-item-button.selected *) .nu-tooltip-hint {
    border-bottom-color: transparent
}

.nu-severity-critical-descriptor-label:not(nu-menu-item-button.selected *) {
    border: 1px solid rgb(var(--nu-theme-color-informative-severity-critical-base));
    background: rgba(var(--nu-theme-color-informative-severity-critical-base), .2);
    padding-right: 4px;
    padding-left: 4px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center
}

.nu-severity-critical-descriptor-label:not(nu-menu-item-button.selected *) .nu-tooltip-hint {
    border-bottom-color: transparent
}

.nu-empty-descriptor-label:not(nu-menu-item-button.selected *) {
    padding: 1px 5px;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center
}

@charset "UTF-8";

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 300;
    src: local("\263a\fe0e"), url(inter-light.woff2) format("woff2")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: local("\263a\fe0e"), url(inter-regular.woff2) format("woff2")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src: local("\263a\fe0e"), url(inter-bold.woff2) format("woff2")
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 300;
    src: local("\263a\fe0e"), url(lato-light.woff2) format("woff2")
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    src: local("\263a\fe0e"), url(lato-regular.woff2) format("woff2")
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 700;
    src: local("\263a\fe0e"), url(lato-bold.woff2) format("woff2")
}

@font-face {
    font-family: Roboto Mono;
    font-style: normal;
    font-weight: 300;
    src: local("\263a\fe0e"), url(roboto-mono-light.woff2) format("woff2")
}

@font-face {
    font-family: Roboto Mono;
    font-style: normal;
    font-weight: 400;
    src: local("\263a\fe0e"), url(roboto-mono-regular.woff2) format("woff2")
}