@charset "UTF-8";

@keyframes fx-outline-classic_transform-rotate {to {transform: rotate(360deg);}}

*:has(> .fx-outline-classic) {
    position:relative;
    height: fit-content;
    width: fit-content;
}
.fx-outline-classic + * {
    position :relative;
}
.fx-outline-classic {
    --outline: 2px;

    border-radius: 3px;
    width: calc(var(--outline)*2 + 100%);
    height: calc(var(--outline)*2 + 100%);
    position: absolute;
    inset: calc(var(--outline) * -1);
    contain: content;

    & + * {
        display: block;
    }

    &.ani::before {
        content: '';
        position: absolute;
        display: block;
        width: 100%;
        aspect-ratio: 1 / 1;
        margin-top: -50%;
        top: 50%;
        filter: blur(5px);
        animation: fx-outline-classic_transform-rotate 2s linear infinite;
        background-image: conic-gradient(from 0deg at 50% 50%, #FFB80700 0%, rgb(255, 210, 7) 100%);
    }

    &.h::before {
        width: auto;
        height: 100%;
    }
}