.ss-loading-button {
    position: relative;
    pointer-events: none;
    opacity: 0.82;
}

.ss-loading-button .ss-loading-spinner {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.45em;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 999px;
    vertical-align: -0.15em;
    animation: ss-spin 0.75s linear infinite;
}

.ss-skeleton {
    position: relative;
    overflow: hidden;
    background: #e5e7eb;
    border-radius: 8px;
    color: transparent !important;
}

.ss-skeleton::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.55), transparent);
    animation: ss-shimmer 1.25s infinite;
}

@keyframes ss-spin {
    to {
        transform: rotate(360deg);
    }
}

@keyframes ss-shimmer {
    100% {
        transform: translateX(100%);
    }
}