/* Both themes use the same transparent logo geometry. */
.jobsdone-wordmark {
    position: relative;
    display: inline-block;
    width: 220px;
    max-width: 100%;
    height: auto !important;
    aspect-ratio: 1440 / 355;
    overflow: hidden;
    vertical-align: middle;
    flex-shrink: 0;
}
.jobsdone-wordmark--compact { width: 144px; }
.jobsdone-wordmark > .jobsdone-wordmark__image {
    position: absolute;
    left: -5.556%;
    top: -23.944%;
    width: 111.111%;
    max-width: none;
    height: auto !important;
    object-fit: contain;
}
.jobsdone-wordmark__image--light { display: block; }
.jobsdone-wordmark__image--dark { display: none; }

.dark .jobsdone-wordmark__image--light,
.jobsdone-wordmark--on-dark .jobsdone-wordmark__image--light { display: none; }
.dark .jobsdone-wordmark__image--dark,
.jobsdone-wordmark--on-dark .jobsdone-wordmark__image--dark { display: block; }
.nd-jobsdone .jobsdone-symbol { width: 22px; height: 22px; border-radius: 4px; }