/* grumpy-tools-hub/assets/css/grumpy-hub-admin.css */

.grumpy-tools-hub-wrap {
    margin: 20px 20px 20px 0;
}

.grumpy-tools-hub-wrap .wp-list-table {
    margin-top: 20px;
}

.grumpy-tools-hub-wrap .column-feedback_structured {
    font-size: 1.5em;
    text-align: center;
    vertical-align: middle;
}

.grumpy-tools-hub-wrap .button-secondary {
    float: right;
    margin-top: -38px;
}

.grumpy-loading-state {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 40px;
    color: #50575e;
}

.grumpy-loader {
    width: 40px;
    aspect-ratio: 1;
    color: #514b82;
    background: repeating-conic-gradient(from -47deg,#0000 0deg, currentColor 1deg 91deg,#0000 94deg 180deg);
    display: flex;
    animation: l12-0 2s infinite linear;
}

.grumpy-loader::before,
.grumpy-loader::after {
    content: "";
    flex: 1;
    background: currentColor;
    clip-path: polygon(0 0,100% 50%, 0 100%);
    animation: l12 1s infinite alternate;
    transform-origin: bottom left;
}

.grumpy-loader::after {
    clip-path: polygon(100% 0,100% 100%,0 50%);
    transform-origin: top right;
}

@keyframes l12-0 {
    0%,49.9% {transform:scaleX( 1)}
    50%,100% {transform:scaleX(-1)}
}

@keyframes l12 {
    0%, 20%  {transform:rotate(0deg)}
    80%,100% {transform:rotate(-270deg)}
}