.max-width-576 {
    max-width: 576px;
}

.max-width-768 {
    max-width: 768px;
}

input[type="number"] {
    appearance: textfield;
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
}

[data-command-type="auction_bid"] .input-group:focus-within {
    border-radius: var(--bs-border-radius);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}

[data-command-type="auction_bid"] .input-group:focus-within .btn,
[data-command-type="auction_bid"] .input-group:focus-within .form-control {
    border-color: var(--bs-primary-border-subtle);
}

[data-command-type="auction_bid"] .input-group:focus-within .form-control:focus {
    box-shadow: none;
}

[data-command-type="auction_bid"] .input-group.is-invalid .btn,
[data-command-type="auction_bid"] .input-group.is-invalid .form-control {
    border-color: var(--bs-form-invalid-border-color);
}

[data-command-type="auction_bid"] .input-group.is-invalid:focus-within {
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25);
}

.game-actions {
    position: fixed;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 1030;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    align-items: flex-end;
}

.game-page {
    padding-bottom: 200px;
}

.game-actions .btn-outline-primary:not(:hover):not(:active),
.game-actions .btn-outline-danger:not(:hover):not(:active) {
    background-color: var(--bs-body-bg);
}

@media (max-width: 575.98px) {
    .game-actions {
        right: 1rem;
        bottom: 1rem;
        left: 1rem;
    }

    .game-actions .btn {
        justify-content: center;
        width: 100%;
    }
}