.Hylia-a-tooltip {
    position: relative;
    display: inline-block;

    *:disabled {
        pointer-events: none;
    }
    
    &__text {
        border-radius: @radius;
        padding: 0.6rem 1rem;

        color: @stormtrooper;
        background-color: @vader;

        overflow-wrap: break-word;
        width: max-content;

        font-family: @regular_regular;

        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    
    &__wrapper {
        box-shadow: 0 0.3rem 0.9rem 0 rgba(0,0,0,0.1);
        pointer-events: none;
        display: flex;
        position: fixed;
        z-index: 9999;
        user-select: none;
        transition: opacity .5s;

        &--shown {
            opacity: 1;
        }

        &--hidden {
            opacity: 0;
        }
    }
}