.unline:hover {
    text-decoration: underline
}

.activable:active {
    transform: scale(.96);
    opacity: .85
}

.hoverable.hoverableselect:hover::after {
    background: var(--media-hover)
}

.hoverable.hoverableselect::after {
    transition: none
}

.hoverable {
    position: relative
}

.hoverable::after {
    position: absolute;
    border-radius: inherit;
    background: currentcolor;
    block-size: 100%;
    content: "";
    inline-size: 100%;
    inset: 0;
    opacity: 0;
    pointer-events: none;
    transition: 250ms
}

.hoverable:hover::after {
    opacity: .04;
    transition: 50ms
}

.activable {
    user-select: none;
    cursor: pointer
}

.disabled {
    cursor: not-allowed;
    user-select: none
}

.activableopac:active {
    opacity: .7
}