@keyframes skeleton-loading {
    0% {
        background-color: hsl(200, 20%, 90%);
    }
    100% {
        background-color: hsl(200, 20%, 96%);
    }
}

.skeleton .skeleton-item,
.skeleton .skeleton-text,
.skeleton .skeleton-text-75,
.skeleton .skeleton-text-50,
.skeleton .skeleton-text-33,
.skeleton .skeleton-text-25,
.skeleton .skeleton-text-1rem,
.skeleton .skeleton-text-2rem,
.skeleton .skeleton-text-3rem,
.skeleton-auto .skeleton-item,
.skeleton-auto .skeleton-text,
.skeleton-auto .skeleton-text-75,
.skeleton-auto .skeleton-text-50,
.skeleton-auto .skeleton-text-33,
.skeleton-auto .skeleton-text-25,
.skeleton-auto .skeleton-text-1rem,
.skeleton-auto .skeleton-text-2rem,
.skeleton-auto .skeleton-text-3rem,
.skeleton-auto [data-anv='text'],
.skeleton-auto [data-anv='button'],
.skeleton-auto [data-anv='toolbar-button'],
.skeleton-auto [data-anv='filter-group-drawer-trigger'],
.skeleton-auto [data-anv='tab-button'] > span,
.skeleton-auto [data-anv='chip'],
.skeleton-auto [data-anv='avatar'],
.skeleton-auto [data-anv='link'],
.skeleton-auto [data-anv='breadcrumbs-link'],
.skeleton-auto [data-anv='checkbox'],
.skeleton-auto [data-anv='textfield'],
.skeleton-auto [data-anv='number-field'],
.skeleton-auto [data-anv='segmented-control'],
.skeleton-auto [data-anv='SearchField'] > div,
.skeleton-auto [data-anv='combobox'] > div,
.skeleton-auto [data-anv='multi-select-field'] > div,
.skeleton-auto [data-anv='select-field'] > div,
.skeleton-auto [data-anv='label'],
.skeleton-auto [data-anv='radio-group'] [data-anv='card'] {
    animation: skeleton-loading 1s linear infinite alternate !important;
    box-shadow: none !important;
    border: none !important;
    color: transparent !important;
    pointer-events: none;
    cursor: unset;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.skeleton .skeleton-item *,
.skeleton-auto .skeleton-item * {
    color: transparent;
}

.skeleton .skeleton-text,
.skeleton .skeleton-text-75,
.skeleton .skeleton-text-50,
.skeleton .skeleton-text-33,
.skeleton .skeleton-text-25,
.skeleton-auto .skeleton-text-75,
.skeleton-auto .skeleton-text-50,
.skeleton-auto .skeleton-text-33,
.skeleton-auto .skeleton-text-25,
.skeleton .skeleton-text-1rem,
.skeleton .skeleton-text-2rem,
.skeleton .skeleton-text-3rem,
.skeleton-auto .skeleton-text-1rem,
.skeleton-auto .skeleton-text-2rem,
.skeleton-auto .skeleton-text-3rem,
.skeleton-auto .skeleton-text,
.skeleton-auto [data-anv='text'],
.skeleton-auto a[data-anv='link'],
.skeleton-auto [data-anv='textfield'],
.skeleton-auto [data-anv='number-field'],
.skeleton-auto [data-anv='combobox'] > div {
    border-radius: 5px;
}

.skeleton .skeleton-text-75,
.skeleton-auto .skeleton-text-75 {
    width: 75%;
}

.skeleton .skeleton-text-50,
.skeleton-auto .skeleton-text-50 {
    width: 50%;
}

.skeleton .skeleton-text-33,
.skeleton-auto .skeleton-text-33 {
    width: 33%;
}

.skeleton .skeleton-text-25,
.skeleton-auto .skeleton-text-25 {
    width: 25%;
}

.skeleton .skeleton-text-1rem,
.skeleton-auto .skeleton-text-1rem {
    width: 1rem;
}

.skeleton .skeleton-text-2rem,
.skeleton-auto .skeleton-text-2rem {
    width: 2rem;
}

.skeleton .skeleton-text-3rem,
.skeleton-auto .skeleton-text-3rem {
    width: 3rem;
}

.skeleton .skeleton-text-lines-3,
.skeleton-auto .skeleton-text-lines-3 {
    height: 3rem;
}

.skeleton .skeleton-text-lines-5,
.skeleton-auto .skeleton-text-lines-5 {
    height: 5rem;
}

.skeleton .skeleton-hidden,
.skeleton-auto .skeleton-hidden,
.skeleton .skeleton-hidden-content > *,
.skeleton-auto .skeleton-hidden-content > *,
.skeleton-auto [data-anv='checkbox'] > *,
.skeleton-auto [data-anv='textfield'] > *,
.skeleton-auto [data-anv='number-field'] > *,
.skeleton-auto [data-anv='textarea'] > *,
.skeleton-auto [data-anv='segmented-control'] > *,
.skeleton-auto [data-anv='combobox'] > div > *,
.skeleton-auto [data-anv='multi-select-field'] > div > *,
.skeleton-auto [data-anv='select-field'] > div > *,
.skeleton-auto [data-anv='SearchField'] > div > *,
.skeleton-auto [data-anv='tab-button'] > span:nth-child(2),
.skeleton-auto [data-anv='radio-group'] [data-anv='card'] > * {
    opacity: 0 !important;
}

.skeleton .skeleton-none,
.skeleton-auto .skeleton-none {
    display: none;
}

.skeleton-auto [data-anv='tab-button'] {
    pointer-events: none;
}

.skeleton-auto .skeleton-item [data-anv='tab-list'],
.skeleton .skeleton-item [data-anv='tab-list'] {
    box-shadow: none;
}

.skeleton-auto [data-anv='button']:disabled,
.skeleton .skeleton-item[data-anv='button']:disabled {
    opacity: 1 !important;
}

.skeleton-auto [data-anv='radio-group'] [data-anv='label'] [aria-hidden='true'] {
    opacity: 0;
}

.skeleton-auto [data-anv='radio-group'] {
    pointer-events: none;
}

.skeleton-auto [data-anv='radio-group'] [data-anv='card'] {
    --a2-mod-select-card-border-color: transparent !important;
}
