.hud-hint
{
    width: alert-width;
    flow-children: none;
    opacity: 0;
    horizontal-align: center;
    border-radius: 3px;
    margin: 2px 0px;
}

.hud-hint.low-priority,.hud-hint.high-priority
{
    transform: scale3d(0, 1, 1);
    opacity: 1.0;
    background-color: white;
    transition-delay: .0s, 0s, 0s, .25s;
    transition-property: opacity, transform, height, background-color;
    transition-duration: .1s, .25s, .25s, .25s;
    transition-timing-function: ease-in;
    y: 236px;
}

.hud-hint.high-priority
{
    y: 170px;
}

.hud-hint.high-priority .hud-hint-bar-side,.hud-hint.high-priority .hud-hint-bar-side.hud-colorize-wash
{
    wash-color: red;
}

.hud-hint.high-priority .alert-icon
{
    visibility: visible;
    wash-color: red;
}

.hud-hint.high-priority .hud-hint-bar-glitch
{
    wash-color: negativeColor;
}

.hud-hint.low-priority .info-icon,.hud-hint.low-priority .alert-icon
{
    visibility: collapse;
}

.hud-hint.low-priority.hud-hint--visible,.hud-hint.high-priority.hud-hint--visible
{
    transform: scale3d(1, 1, 1);
    opacity: 1.0;
    background-color: rgba(255, 255, 255, 0);
    transition-property: opacity, transform, height, background-color;
    transition-duration: .25s, .25s, .25s, .15s;
    transition-timing-function: ease-in;
}

.hud-hint.low-priority.hud-hint--visible .hud-hint-bar-glitch,.hud-hint.low-priority.hud-hint--visible .hud-hint-bar-glitch,.hud-hint.high-priority.hud-hint--visible .hud-hint-bar-glitch,.hud-hint.high-priority.hud-hint--visible .hud-hint-bar-glitch
{
    opacity: 0;
    visibility: visible;
}

.hud-hint.low-priority.hud-hint--visible .hud-hint__label,.hud-hint.high-priority.hud-hint--visible .hud-hint__label
{
    opacity: 1;
    transition-property: opacity;
    transition-duration: .1s;
    transition-timing-function: ease-in-out;
}

.hud-hint.high-priority.hud-hint--visible
{
    background-color: hud-blur-bg-color;
}

.hud-hint .hud-hint-bar-side
{
    background-color: white;
    width: 2px;
    height: 100%;
    z-index: 3;
}

.hud-hint .hud-hint-bar-glitch
{
    width: 100%;
    height: 100%;
    opacity: .25;
    visibility: collapse;
    background-size: auto auto;
    background-image: url("file://{resources}/videos/digital_glitch.webm");
    transition-property: opacity, blur;
    transition-delay: .50s;
    transition-duration: .2s;
    transition-timing-function: ease-in;
}

.hud-hint .hud-hint_bg
{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url("file://{images}/backgrounds/bluedots_large.png");
    background-size: backgroundDotsSize;
    background-img-opacity: .04;
    opacity: 0;
    transition-delay: .25s;
    transition-property: opacity;
    transition-duration: .25s;
    transition-timing-function: ease-in;
}

.hud-hint.hud-hint--visible .hud-hint_bg
{
    opacity: 1;
    transition-delay: .25s;
    transition-property: opacity;
    transition-duration: .25s;
    transition-timing-function: ease-in;
}

.hud-hint .hud-hint__text
{
    flow-children: down;
    horizontal-align: center;
    height: fit-children;
    padding: 8px 24px;
    max-height: 60px;
}

.hud-hint .hud-hint__text .hud-hint__icon
{
    width: 32px;
    height: 32px;
    margin: 0px 10px;
    visibility: collapse;
}

.hud-hint .hud-hint__text .hud-hint__label
{
    horizontal-align: center_nopixelsnap;
    vertical-align:center_nopixelsnap;
    opacity: 0;
    color: white;
    text-align: center;
    font-size: 18px;
    text-overflow: shrink;
    transition-property: opacity;
    transition-duration: .1s;
    transition-timing-function: ease-in-out;
}

.hud-hint .hud-hint__text .hud-hint_top
{
    flow-children: right;
    horizontal-align: center;
    height: fit-children;
    vertical-align: center;
}

.Language_vietnamese .hud-hint__text Label
{
    font-family: 'Noto Mono', 'Arial Unicode MS';
}

