.shuffle-container {
    width: 940px;
    height: 470px;
    background-color: #FBB95C;
}

.main-block-desktop {
    display: flex;
    justify-content: center;
}

.svg-masks {
    z-index:1000;
    position:fixed;
    top:8px;
    width: 940px;
    height: 470px;
}

svg {
    cursor:auto;
}

polygon.draggable {
    cursor: grab;
}

.dragging {
    cursor: grabbing;
}

.curtain {
    /*width: 940px;
    height: 470px;*/
    width: 100%;
    height: 100%;
    top:8px;
    position:fixed;
    z-index:5000;
    background-color: white;
    opacity:0.3;
}

.modal-nickname {
    z-index:6000;
    top:68px;
    position:fixed;
    width:418px;
    height:283px;
    background-image: url("/tensor/sabynews/interactivity/halloween_bats_d/img/modal-nickname.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.modal-nickname input {
    width: 110px;
    height: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: transparent;
    border-radius: 3px;
}

.modal-nickname input:focus-visible {
    outline: none;
}

.nickname-text {
    display: flex;
    flex-direction:column;
    width: 20%;
    position: absolute;
    top: 43%;
    left: 55%;
}

.nickname-text span{
    width: 100px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Montserrat', Arial, sans-serif;
    user-select: none;
}

.warning-text {
    font-size: 12px !important;
    text-align: center;
    margin-bottom: 5px;
}

.d-none {
    display: none !important;
}

.play-button {
    width: 110px;
    text-align: right;
}

.play-button span:hover {
    cursor: pointer;
    color: rgb(69, 68, 68);
}


.memory-game-over {
    object-fit: contain;
    transform: rotateY(90deg);
    -webkit-transform: rotateY(90deg);
    margin: 5px -10px;
    position: fixed;
    top:8px;
    z-index: -1;
    background-image: url('/tensor/sabynews/interactivity/halloween_bats_d/img/modal-victory.svg');
    width: 600px;
    height: 460px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: none;
}

.game-over-revert {
    z-index: 7000;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transition: transform 1.5s;
    -webkit-transition: transform 1.5s;
}

.result-text {
    width: 100%;
    height: 57px;
    font-size: 26px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 400;
    left: 7.3%;
    position: absolute;
    top: 156px;
}

.result-text-raiting {
    width: 100%;
    height: 57px;
    font-size: 25px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 400;
    left: 7.3%;
    position: absolute;
    top: 250px;
}

.result-seconds {
    /*width: 178px;*/
    height: 11%;
    padding: 10px;
    font-size: 32px;
    width:100%;
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 700;
    top: 187px;
    left: 6.3%;
    color:white;
    border-radius:5px;
    position: absolute;
}

.result-card-block {
    position: absolute;
    width:600px;
    font-size: 16px;
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 400;
    display: flex;
    justify-content: center;
}

.rating-block {
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 267px;
    width: 96%;
    /*left: 16%;*/
}

.rating-column {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 10px 28px;
}

.rating-row {
    display: flex;
    flex-direction: row;
    padding: 15px 0px;
    justify-content: space-between;
}

.rating-row span {
    font-family: 'Montserrat', Arial, sans-serif;
    height: 21px;
}

.play-again-text {
    position: fixed;
    top: 428px;
    font-size: 12px;
}