/* One approved calendar, orbit, clock, time badge and wordmark everywhere. */
.slotly-brand-image{display:block;width:76px;height:auto;max-width:100%;object-fit:contain;flex-shrink:0;border-radius:12px}
.gate .logo .slotly-brand-image,.wiz .logo .slotly-brand-image{width:160px;margin:0 auto 8px}
.welcome-brand .slotly-brand-image{width:180px;margin:auto}
.logo:has(>.slotly-brand-image),.wordmark:has(>.slotly-brand-image){display:flex;justify-content:center;align-items:center}
body[data-interface=app] .app-sidebar .logo{padding:0;justify-content:flex-start}
body[data-interface=app] .app-sidebar .slotly-brand-image{width:112px}
body[data-interface=app] .ui-mobile-logo{width:52px;height:52px;flex:0 0 52px;background:transparent;border-radius:0}
body[data-interface=app] .ui-mobile-logo .slotly-brand-image{width:52px;border-radius:8px}
.slotly-powered{display:flex;flex-direction:column;align-items:center;gap:5px}
.slotly-powered .slotly-brand-image{width:76px}
body:not([data-interface]) main>.logo .slotly-brand-image,
body[data-interface=confirmation] .logo .slotly-brand-image,
body[data-interface=reset-password] .logo .slotly-brand-image{width:160px;margin:auto}
body:not([data-interface]) main>.wordmark .slotly-brand-image{width:160px;margin:auto}
.launch{background:#f7f8f5;animation:slotly-brand-exit .4s 1.6s ease-out forwards}
.launch-brand .slotly-brand-image{width:240px;border-radius:0;animation:slotly-brand-arrive .8s cubic-bezier(.22,.8,.2,1) both}
@keyframes slotly-brand-arrive{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
@keyframes slotly-brand-exit{to{opacity:0;visibility:hidden}}
@media(max-height:740px){.gate .logo .slotly-brand-image{width:128px}}
@media(prefers-reduced-motion:reduce){.launch,.launch-brand .slotly-brand-image{animation:none!important}.launch{display:none}}