@layer base{.media-image{vertical-align:middle;border-radius:inherit;width:100%;max-width:100%;aspect-ratio:var(--image-ratio,4 / 3);isolation:isolate;display:inline-block;position:relative;overflow:hidden}.media-image>.image-content{object-fit:inherit;object-position:inherit;border-radius:inherit;width:100%;height:100%;display:block}}.media-image:not([data-image-state=ready])>img{opacity:0}.media-image>.image-decoder{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.image-skeleton,.image-fallback{border-radius:inherit;background:var(--app-surface,#102019);color:var(--app-muted,#acb5aa);position:absolute;inset:0}.image-skeleton{background-image:linear-gradient(100deg, transparent 25%, color-mix(in srgb, var(--app-ink,#f0eddd) 8%, transparent) 50%, transparent 75%);background-size:240% 100%;animation:1.8s ease-in-out infinite paused image-shimmer}.media-image[data-image-visible]>.image-skeleton{animation-play-state:running}.image-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:4px;font-size:12px;display:flex}.image-fallback button{border:1px solid var(--app-line,#65705d);background:var(--app-surface,#102019);min-height:44px;color:var(--app-ink,#f0eddd);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}@keyframes image-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.image-skeleton{animation:none}}.user-avatar>.media-image,.home-promo-banner>.media-image,.home-company-photo>a>.media-image{height:100%}.image-fallback>svg{border:0;flex-shrink:0;width:24px!important;height:24px!important}.image-content[data-image-crop]{object-fit:contain}.company-card-image.media-image{aspect-ratio:16/9;object-fit:cover}.company-card-image.media-image>.image-content{object-fit:cover}.company-card-preview{border:1px solid var(--app-line);border-radius:12px;max-width:360px;overflow:hidden}.home-banner-visual{display:flow-root;position:relative}.banner-image-retry{color:var(--app-muted);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;inset:0 -3px 10px}.banner-image-retry button{pointer-events:auto;border:1px solid var(--app-line);min-height:44px;color:var(--app-ink);background:var(--app-surface);border-radius:10px;padding:6px 12px}
