.skeleton-bgr {
    animation: sekeleton 1s linear infinite alternate;
}

@keyframes sekeleton {
    0% {
        background-color: hsl(200, 20%, 80%);
    }
    100% {
        background-color: hsl(200, 20%, 95%);
    }
}

.skeleton-symbol {
    width: 100%;
    height: 30px;
    border-radius: 5px;
}

.skeleton-order {
    width: 100%;
    height: 30px;
    border-radius: 5px;
}

.skeleton-td-short-text {
    width: 100%;
    height: 12px;
    border-radius: 4px;
}

.skeleton-td-short-text1 {
    width: 130px;
    height: 12px;
    border-radius: 4px;
}

.skeleton-button {
    width: 100%;
    height: 40px;
    border-radius: 5px;
}

.skeleton-short-text {
    width: 100px;
    height: 12px;
    border-radius: 4px;
}

.skeleton-short-text1 {
    width: 130px;
    height: 12px;
    border-radius: 4px;
}

.skeleton-long-text {
    width: 200px;
    height: 12px;
    border-radius: 4px;
}

.skeleton-full-btn {
    width: 100%;
    height: 40px;
    border-radius: 5px;
}

.skeleton-short-btn {
    width: 68px;
    height: 40px;
    border-radius: 5px;
}

.skeleton-round-image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.skeleton-medal-image {
    width: 27px;
    height: 43px;
    border-radius: 4px;
}

@media(max-width: 330px) {
    .skeleton-short-btn {
        width: auto;
    }
}