.top-left {
    display: flex;
    position: absolute;
    z-index: var(--layer-hud);
    top: var(--size-m);
    left: var(--size-m);
}

.top-right {
    display: flex;
    position: absolute;
    z-index: var(--layer-hud);
    top: var(--size-m);
    right: var(--size-m);
}

.bottom-right {
    display: flex;
    position: absolute;
    z-index: var(--layer-hud);
    bottom: var(--size-m);
    right: var(--size-m);
}

.bottom-left {
    display: flex;
    position: absolute;
    z-index: var(--layer-hud);
    bottom: var(--size-m);
    left: var(--size-m);
}