.ngparaegghunt {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc( var(--size) + 10px );
    position: relative;
}

.ngparaegghunt svg {
    display: block;
    position: absolute;
    top: calc(50% - var(--size) / 2);
    width: var(--size);
    height: var(--size);
}

.ngparaegghunt-align-center svg {
    left: calc(50% - var(--size) / 2);
}

.ngparaegghunt-align-left svg {
    left: 0;
}

.ngparaegghunt-align-right svg {
    right: 0;
}


.ngparaegghunt span {
    display: block;
    text-align: center;
}

.ngparaegghunt.ngparaegghunt-found svg {
    animation: 1s forwards fadeout;
    pointer-events: none;
}

.ngparaegghunt.ngparaegghunt-found span {
    animation: 1s forwards fadein;
}

.ngparaegghunt a:focus-visible svg {
    outline: 1px solid #000000;
    outline-offset: 2px;
}

.ngparaegghunt a:focus-visible {
    outline: none;
}

@keyframes fadeout {
    50% {
        opacity: 0;
        transform: scale(200%);
    }
    100% {
        opacity: 0;
        transform: scale(200%);
        display: none;
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    50% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}