:root {
    --shunmei-logo-url: url("/assets/images/shunmei-logo.png");
}

.shunmei-logo-full {
    display: block;
    width: min(148px, 48vw);
    height: auto;
    margin-inline: auto;
    object-fit: contain;
}

.shunmei-logo-mark {
    position: relative;
    width: 48px;
    height: 44px;
    flex: 0 0 auto;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .76);
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 7px 18px rgba(2, 20, 48, .18);
}

.shunmei-logo-mark > img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 6px);
    max-width: none;
    height: calc(100% - 6px);
    object-fit: contain;
    transform: translate(-50%, -50%);
    user-select: none;
    pointer-events: none;
}

.shunmei-logo-on-white {
    border-radius: 8px;
    background: #fff;
}