ui/common/inputhints.razor.scss
InputHints
{
position: absolute;
right: 38px;
bottom: 24px;
flex-direction: row;
align-items: center;
gap: 34px;
opacity: 0;
transition: opacity 0.12s ease;
pointer-events: none;
z-index: 1000;
font-family: Poppins;
&.visible
{
opacity: 1;
}
.controller-hint
{
flex-direction: row;
align-items: center;
gap: 14px;
}
.hint-label
{
font-size: 25px;
font-weight: 600;
color: rgba( 255, 255, 255, 0.94 );
text-shadow: 0 3px 10px rgba( 0, 0, 0, 0.6 );
}
&.all-software .hint-label
{
color: #000000;
text-shadow: none;
}
.hint-glyph
{
height: 48px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
filter: drop-shadow( 0 3px 10px rgba( 0, 0, 0, 0.6 ) );
}
&.all-software .hint-glyph
{
opacity: 1;
filter: brightness( 0 );
}
}