.iwrasl-skeleton-box {
    width: 100%;
    padding: 25px 20px;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    overflow: hidden;
    z-index: 9999;
}

.iwrasl-skeleton .iwrasl-skeleton-item::before {
    background: linear-gradient(#e3e3e3, #e3e3e3) top 16px left 25px/150px 20px no-repeat, linear-gradient(#e3e3e3, #e3e3e3) top 50px left 25px/65% 20px no-repeat;
}

html[data-bs-theme="dark"] .iwrasl-skeleton .iwrasl-skeleton-item::before {
    background: linear-gradient(#4f4f4f, #4f4f4f) top 16px left 25px/150px 20px no-repeat, linear-gradient(#4f4f4f, #4f4f4f) top 50px left 25px/65% 20px no-repeat;
}

.iwrasl-skeleton .iwrasl-skeleton-loading.iwrasl-skeleton-box::before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--bs-light-menu-bg);
    top: 0;
    left: 0;
    z-index: 999;
}

html[data-bs-theme="dark"] .iwrasl-skeleton .iwrasl-skeleton-loading.iwrasl-skeleton-box::before {
    background-color: var(--bs-dark-menu-bg);
}

.iwrasl-skeleton .iwrasl-skeleton-loading.iwrasl-skeleton-box::after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.6)), to(transparent));
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    animation: loading 1.2s infinite;
    z-index: 999;
}

html[data-bs-theme="dark"] .iwrasl-skeleton .iwrasl-skeleton-loading.iwrasl-skeleton-box::after {
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.1)), to(transparent));
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
}

@keyframes loading {
    100% {
        transform: translateX(100%);
    }
}