/* Supplied SkyHR identity, with no background plate or colour filters. */
html body .sky-auth-brand-mark .sky-brand-image {
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    object-fit:contain;
    background:transparent;
    filter:none;
}
html body .sky-auth-brand-mark::after,
html body .sky-auth-wordmark::after {display:none!important}
html body .sky-auth-brand-mark {
    animation:none!important;
    filter:none!important;
}
html body .sky-sidebar-brand-emblem {display:flex;align-items:center;justify-content:center}
html body .sky-sidebar-brand-full {display:none}
html body .sky-mobile-module-brand {display:none}
html.sky-presentation[data-sky-theme] body.sky-icon-navigation .dash-sidebar .sky-sidebar-brand-logo .sky-auth-brand-mark {
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}
/* The supplied wordmark stays part of the artwork instead of being retyped. */
html body .sky-brand-lockup {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:80px;
    height:80px;
    flex:0 0 auto;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    overflow:visible;
}
html body .sky-brand-lockup-image {
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    object-fit:contain;
    background:transparent!important;
    filter:drop-shadow(0 1px 1px rgba(202,244,255,.62)) drop-shadow(0 12px 24px rgba(1,20,57,.34))!important;
}
html body .sky-auth-brand::before {
    position:absolute;
    z-index:-1;
    inset:12% -24%;
    border-radius:50%;
    background:radial-gradient(circle,rgba(32,196,242,.24) 0%,rgba(18,121,200,.1) 43%,transparent 72%);
    content:"";
    filter:blur(10px);
    pointer-events:none;
}
html body .sky-auth-brand .sky-brand-lockup {width:148px;height:132px}
html body .sky-auth-brand .sky-brand-lockup-image {
    filter:drop-shadow(0 1px 1px rgba(216,249,255,.76)) drop-shadow(0 18px 34px rgba(1,18,51,.42))!important;
}
html body .cl-system-logo .sky-brand-lockup {width:44px;height:44px;padding:0;border-radius:0}
html body .cp-brand-current .sky-brand-lockup,
html body .bk2-brand .sky-brand-lockup,
html body .kh-hero-brand .sky-brand-lockup {width:64px;height:64px}
@media(max-width:767px){html body .sky-auth-brand .sky-brand-lockup{width:116px;height:104px}}
html body img.sky-dashboard-logo {width:96px;max-height:110px;object-fit:contain;filter:none!important;opacity:1}
html body img.ct-brand {width:90px;max-height:100px;object-fit:contain}

/* Keep the supplied artwork legible in the wider phone drawer. */
@media(max-width:1024px){
    html body.sky-icon-navigation .dash-sidebar .sky-sidebar-brand-emblem {display:none}
    html body.sky-icon-navigation .dash-sidebar .sky-sidebar-brand-full {display:flex;align-items:center}
    html body.sky-icon-navigation .dash-sidebar .sky-sidebar-brand-full .sky-brand-lockup {width:68px;height:68px}
    html body.sky-icon-navigation .sky-mobile-module-brand {display:flex;align-items:center;justify-content:center}
    html body.sky-icon-navigation .sky-mobile-module-brand .sky-auth-brand-mark {width:30px!important;height:30px!important;flex:0 0 30px!important}
    html body.sky-icon-navigation .sky-mobile-module-icon > [data-sky-mobile-module-icon] {display:none!important}
}
