.neoLoader {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50%;
    display: inline-block;
    border-top: 3px solid var( --e-global-color-primary );
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.neoLoaderWrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.neo-exercise {
    width: 100%;
    height: 100%;
}

.neo-exercise > .elementor {
    width: 100%;
    height: 100%;
}

#question > .elementor {
    width: 100%;
}

.neo-exercise-grid {
    display: grid;
    width: 100%;
    grid-template-rows: minmax(0, 1fr);
    grid-gap: 20px;
}

.neo-exercise-grid a {
    padding: 10px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: black;
}

.neo-exercise-grid a.selected {
    border: 1px solid var( --e-global-color-accent );
    border-radius: 50px;
}

.neo-exercise-grid a p {
    padding: 0px;
    margin: 0px;
}

.neo-exercise .likeBox {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    width: 100%;
}

.neo-exercise .likeBox > .inner {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.neo-exercise .likeBox > .inner .up {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.neo-exercise .likeBox > .inner .down {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.neo-exercise .likeBox > .inner p {
    padding: 0px;
    margin: 0px;
}

.neo-exercise {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.neo-exercise > .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.neo-exercise > .inner form {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}

.neo-exercise > .inner form .question {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.neo-exercise > .inner form .question > .elementor {
    width: 100%;
    height: 100%;
}

.neo-exercise > .inner form .skip {
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
}