.curated-admin-logo {
    display: block;
    height: 52px;
    width: auto;
    max-width: min(280px, 72vw);
    object-fit: contain;
    object-position: left center;
}

html.dark .curated-admin-logo,
.dark .curated-admin-logo {
    filter: invert(1);
}

/* Login / auth headline logo.
   Live Mix chunk uses w-28 md:w-32 (112px; md:w-32 is not in tailwind.css).
   Vue source uses h-16 md:h-20. curated-login-logo is the durable hook. */
img.mx-auto.mb-6.w-28.md\:w-32,
img.mx-auto.mb-6.h-16,
img.curated-login-logo {
    display: block;
    width: min(18rem, 78vw) !important;
    max-width: 22rem;
    height: auto !important;
    max-height: min(16rem, 38vh);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
    object-fit: contain;
    object-position: center center;
}

@media (min-width: 768px) {
    img.mx-auto.mb-6.w-28.md\:w-32,
    img.mx-auto.mb-6.h-16,
    img.curated-login-logo {
        width: min(22rem, 70vw) !important;
        max-width: 24rem;
        max-height: min(18rem, 42vh);
    }
}

html.dark img.mx-auto.mb-6.w-28.md\:w-32,
.dark img.mx-auto.mb-6.w-28.md\:w-32,
html.dark img.mx-auto.mb-6.h-16,
.dark img.mx-auto.mb-6.h-16,
html.dark img.curated-login-logo,
.dark img.curated-login-logo {
    filter: invert(1);
}

a[href="https://vuefilemanager.com"],
a[href^="https://codecanyon.net/item/vue-file-manager"],
a[href="https://bit.ly/VueFileManager-survey"],
a[href^="https://gist.github.com/MakingCG/"] {
    display: none !important;
}

.sharecore-spec {
    display: flex;
    align-items: flex-start;
}

.sharecore-spec-link {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    text-decoration: none;
    color: inherit;
}

.sharecore-spec-link:hover .sharecore-name,
.sharecore-spec-link:focus-visible .sharecore-name {
    color: #8a734a;
}

.sharecore-kicker {
    margin: 0;
    font: 700 10px/1.2 system-ui, sans-serif;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #8a734a;
}

.sharecore-name {
    margin: 0;
    font: 700 22px/1.15 system-ui, sans-serif;
    letter-spacing: 0.04em;
    color: #161616;
}

html.dark .sharecore-name,
.dark .sharecore-name {
    color: #f3f1ec;
}

.sharecore-tag {
    margin: 0;
    font: 400 13px/1.35 system-ui, sans-serif;
    color: #5c5c5c;
}

html.dark .sharecore-tag,
.dark .sharecore-tag {
    color: #cfc8bc;
}
