/* Non-website DAAILOK + STUDIO lockup.
   User-supplied wordmark, cropped and proportionally resized to 440x41.
   The bottom edges of both visual items are aligned by flex-end. */
:root{--dl-mark-width:134px;--dl-mark-gap:8px}
.daailok-logo-lockup{
 display:inline-flex!important;flex-flow:row nowrap!important;
 align-items:flex-end!important;justify-content:flex-start!important;
 gap:var(--dl-mark-gap)!important;flex:0 0 auto!important;
 min-height:0!important;min-width:0!important;
 padding:0!important;margin:0!important;
 border:0!important;background:transparent!important;
 box-shadow:none!important;
 white-space:nowrap!important;line-height:1!important;
 color:inherit!important;vertical-align:middle!important;
}
.daailok-logo-lockup .daailok-logo-media,
.studio .topbar .brand .daailok-logo-lockup .daailok-logo-media,
.topbar .brand-side .daailok-logo-lockup .daailok-logo-media,
.free-top .daailok-logo-lockup .daailok-logo-media,
.admin-shell .brand .daailok-logo-lockup .daailok-logo-media,
.admin-login-brand .daailok-logo-lockup .daailok-logo-media{
 display:block!important;position:relative!important;isolation:isolate!important;
 flex:0 0 var(--dl-mark-width)!important;
 width:var(--dl-mark-width)!important;min-width:var(--dl-mark-width)!important;
 max-width:var(--dl-mark-width)!important;
 height:auto!important;min-height:0!important;max-height:none!important;
 aspect-ratio:440 / 41!important;
 overflow:visible!important;padding:0!important;
 border:0!important;box-shadow:none!important;background:transparent!important;
}
.daailok-logo-lockup .daailok-logo-media > img{
 display:block!important;width:100%!important;height:auto!important;
 max-width:100%!important;max-height:none!important;
 object-fit:contain!important;object-position:center!important;
 border:0!important;transform:none!important;
}
.daailok-logo-lockup .daailok-logo-studio,
.studio .topbar .brand .daailok-logo-lockup .daailok-logo-studio,
.admin-shell .brand .daailok-logo-lockup .daailok-logo-studio{
 display:inline-block!important;position:relative!important;
 top:2px!important;align-self:flex-end!important;flex:0 0 auto!important;
 margin:0!important;padding:0!important;transform:none!important;
 border:0!important;background:none!important;box-shadow:none!important;
 font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;
 font-size:8px!important;font-weight:550!important;font-style:normal!important;
 line-height:1!important;letter-spacing:.16em!important;text-transform:uppercase!important;
 color:#e2e4e3!important;-webkit-text-fill-color:#e2e4e3!important;
 text-shadow:none!important;
}
body[data-theme=light] .daailok-logo-lockup .daailok-logo-studio{
 color:#444b49!important;-webkit-text-fill-color:#444b49!important;
}
.studio .topbar .brand .brand-lockup{
 display:flex!important;align-items:center!important;
 width:auto!important;height:auto!important;min-width:0!important;gap:0!important;
}
.admin-shell{--dl-mark-width:115px;--dl-mark-gap:6px}
.admin-shell .brand .admin-brand-lockup{
 display:inline-flex!important;flex-flow:row nowrap!important;
 align-items:center!important;gap:0!important;min-width:0!important;
}
.admin-shell .brand{align-items:center!important;flex-wrap:wrap!important;gap:5px!important}
.admin-login-page{--dl-mark-width:138px}
.admin-login-brand{display:inline-flex!important;align-items:center!important}
.wrap>.top .brand .daailok-logo-lockup{vertical-align:middle!important}
@media(max-width:780px){
 .studio,.topbar .brand-side,.free-top{
  --dl-mark-width:112px;--dl-mark-gap:6px;
 }
 .admin-shell{--dl-mark-width:100px}
 .daailok-logo-lockup .daailok-logo-studio{
  font-size:7px!important;letter-spacing:.14em!important;
 }
}