ui/playercontrolsui.razor.scss
PlayerControlsUI {
position: absolute;
top: 85vh;
left: 2vw;
right: 0;
bottom: 0;
background-color: transparent;
justify-content: left;
align-items: center;
font-weight: bold;
border-radius: 0;
.prompt {
display: flex;
align-items: center;
width: 160px;
padding: 8px 16px 8px 8px;
border-radius: 16px;
background: rgba(#000, 0.55);
.glyph {
width: 64px;
}
.text {
flex-grow: 1;
justify-content: center;
font-size: 48px;
font-family: Poppins;
color: #fff;
text-shadow: 0px 2px 12px rgba(#000, 0.8);
}
.text.Ready {
color: #fff;
font-size: 26px;
}
.text.OnCooldown {
color: #e73246;
font-size: 38px;
}
}
}