﻿.wrapper-skeleton-grid-type,
.wrapper-skeleton-list-type,
.wrapper-skeleton-card-type {
    width: 100%;
    margin: 0 auto;
}

.wrapper-skeleton-card-type {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.grid-head-skeleton-boxes-grid-type,
.grid-body-skeleton-boxes-grid-type,
.grid-body-skeleton-boxes-list-type {
    width: 95%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.grid-body-skeleton-boxes-list-type {
    justify-content: unset;
}

.grid-body-skeleton-boxes-list-type {
    direction: ltr;
}

.width-box-grid-type,
.width-box-large-grid-type {
    display: flex;
    justify-content: flex-end;
}

.wrapper-skeleton-grid-type .grid-head-skeleton-boxes-grid-type .width-box-grid-type {
    justify-content: normal;
}

.width-box-large-grid-type {
    direction: ltr;
}

.width-box-grid-type,
.width-box-list-type {
    width: 20%;
    direction: ltr
}

.width-box-list-type {
    display: flex;
    width: 50%!important;
}

.width-box-large-grid-type {
    width: 50%;
}

.width-box-large-list-type {
    width: 70% !important;
}

.width-box-large-grid-type {
    display: flex;
    flex-direction: column;
}

.skeleton {
    transform: rotateY(180deg);
}

    .skeleton.skeleton-line::after,
    .skeleton.skeleton-line::before {
        border-radius: 4px;
    }

.wrapper-skeleton-grid-type hr,
.wrapper-skeleton-list-type hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #c2c2c2;
    margin: 1em 0;
    padding: 0;
}

.skeleton.skeleton-rect::after,
.skeleton.skeleton-rect::before {
    border-radius: 4px !important;
    --m: none !important;
}

.card-box-card-ype {
    width: 200px;
    height: auto;
    margin: 20px;
}

.rect-box-card-type,
.rect-lines-card-type {
    width: 100%;
    direction: ltr;
}

@media (max-width: 1056px) {
    .grid-body-skeleton-boxes-list-type {
        flex-direction: column;
    }

    .width-box-list-type {
        width: 100%;
    }

    .width-box-large-list-type {
        width: 100% !important;
    }
}
