.dialog {
    position: fixed;
    top: 0;
    left: 0;
    backdrop-filter: blur(8px);
    z-index: 20;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
}

.dialog .modal-container {
    max-width: 600px;
    width: 100%;
    padding: 15px;
}

.hidden {
    display: none !important;
}

.modal-popup {
    backdrop-filter: blur(8px);
    z-index:20;
}


.popup-buy-error {
    backdrop-filter: none !important;
}


.h-full-40 {
    height: calc(100% - 57px);
}

.setLang.active {
    border: 2px solid red;
}

.enter-otp {
    display: flex;
    gap: 10px;
}

.input-otp {
    max-width: 50px;
    border: 1px solid white;
    text-align: center;
}

.fixed {
    position: fixed;
}

.game-type.selected {
    /*background-color: rgb(4 123 0 / 1) !important;*/
    filter: brightness(90%);
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); 
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader {
    width: 100px;
    height: auto;
}

.buy-turn-list .select-turn.active img {
    box-shadow: 0 0 5px 5px rgb(144 153 255 / 99%) !important;
}

.min-w-\[156px\] {
    min-width: 156px;
}