/* Supplied myKoop artwork. Keep its proportions and original blue/teal colours. */
img.mykoop-logo{display:block;width:148px;height:auto;max-width:100%;object-fit:contain;flex:none}
.jenama:has(>.mykoop-logo){flex-direction:column;align-items:flex-start;gap:2px}
.jenama>small{font-size:10px;line-height:1.4;letter-spacing:.02em;font-weight:500;color:var(--lembut)}
.kaki .jenama{width:fit-content;padding:0;background:transparent;border-radius:0}
.kaki .jenama>small{color:#5f6e83}
.sisi .jenama{flex-direction:column;align-items:flex-start;gap:8px;padding:20px}
.mykoop-logo-mat{display:block;padding:10px 12px;background:transparent;border-radius:7px;max-width:100%}
.mykoop-logo-mat .mykoop-logo{width:150px}
.mykoop-header-logo{display:block;flex:none;padding-right:14px;border-right:1px solid var(--garis)}
.mykoop-header-logo .mykoop-logo{width:112px}
body.ada-sisi:not(.mod-anggota) .mykoop-header-logo{display:none}
.jenama-log-masuk{flex-direction:column;align-items:flex-start;gap:14px}
.jenama-log-masuk .mykoop-logo{width:205px;height:auto}
.jenama-log-masuk .lembut{max-width:58ch}
.demo-brand .mykoop-logo{width:184px}
.demo-brand small{margin-top:7px}
.public-brand .mykoop-logo{width:140px}
.mykoop-powered{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.mykoop-powered .mykoop-logo{width:85px}
.mykoop-error-logo{display:inline-block;margin-bottom:28px}
.mykoop-error-logo .mykoop-logo{width:190px}
@media(max-width:720px){
 .kepala .jenama>.mykoop-logo{width:125px}
 .mykoop-header-logo{padding-right:9px}
 .mykoop-header-logo .mykoop-logo{width:90px}
 .demo-brand .mykoop-logo{width:150px}
 .public-brand .mykoop-logo{width:125px}
}
@media print{.mykoop-header-logo{display:none}}