.nameWithLogo {
    svg {
        width: .6em;
        height: auto;
        aspect-ratio: 1;
        vertical-align: super;
    }

    &.nameWithLogo--absolute svg {
        position: absolute;
        margin-left: .1em;
    }
}

.extensionLink {
    transition: all .2s ease-in-out;

    /* starts off disabled */
    &:not(.extensionLink--enabled) {
        pointer-events: none;
        filter: grayscale(.8);
        opacity: .6;
    }
}

summary {
    cursor: pointer;
}

#banner {
    background-image: url(/images/logo.svg);
    background-size: auto 200%;
    background-position: center right;
}

#intro {
    i {
        color: white;

        &:has(svg) {
            line-height: 0;
            scale: 1.1;

            @media screen and (min-width: 980px) {
                scale: 1.2;
            }
        }

        svg {
            width: 4.5em;
            height: auto;
            aspect-ratio: 1;
            scale: 1.3;
            margin-right: -4%;
        }
    }


}