/* ITXL LTD, Dillo on the Jobadillo board. */
.dillo{display:inline-block;background-repeat:no-repeat;background-size:300% 200%;background-position:0 0}
.dillo--full{aspect-ratio:240/145}
.dillo--close{aspect-ratio:1/1}
.zzjg-jobadillo-head.zzjg-has-dillo{flex-direction:row!important;align-items:center!important;justify-content:space-between;gap:16px}
.zzjg-head-dillo{width:96px;flex:0 0 96px}
.zzjg-source-card .zzjg-dillo-mark{position:relative;display:flex!important;align-items:center;justify-content:center;background:#E6F7FA!important;overflow:hidden}
.zzjg-dillo-mark .dillo{display:none;width:100%}
.zzjg-dillo-mark .dillo[data-dillo-pose]{display:block}
.zzjg-dillo-mark .dillo[data-dillo-pose]~img{display:none!important}
.zzjg-dillo-mark .dillo[data-dillo-pose]~.zzjg-dillo-thumb{display:flex}
.zzjg-dillo-thumb{position:absolute;right:3px;bottom:3px;display:none;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#0F2238}
.zzjg-dillo-thumb svg{width:11px;height:11px;fill:none;stroke:#ffffff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dillo-top{display:flex;align-items:center;gap:18px;margin:0 0 18px;padding:14px 20px;border:1px solid #a8dce6;border-radius:16px;background:#ffffff;color:#0f2238;box-shadow:0 8px 22px rgba(15,34,56,.08)}
.dillo-top-pic{width:92px;flex:0 0 92px}
.dillo-top-copy{flex:1 1 auto;min-width:0}
.dillo-top-kicker{margin:0 0 4px!important;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0b7285!important}
.dillo-top-title{display:block;color:#0f2238!important;font-size:19px;font-weight:600;line-height:1.3;text-decoration:none}
.dillo-top-title:hover{text-decoration:underline}
.dillo-top-meta{margin:4px 0 0!important;font-size:14px;color:#4a5d72!important}
.dillo-top-cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:10px;background:#0f2238;color:#ffffff!important;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap}
.dillo-top-cta:hover{background:#1d3a5c}
@media (max-width:640px){.dillo-top{flex-wrap:wrap}.dillo-top-pic{width:72px;flex-basis:72px}.dillo-top-cta{width:100%;justify-content:center}.zzjg-head-dillo{width:72px;flex-basis:72px}}