.area-image{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}.area-image img{display:block;width:100%;height:190px;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius);background:var(--soft)}.area-image .area-image-note{display:block;font-size:11px;line-height:1.6;font-weight:400;color:var(--muted)}.cctv-form-grid .has-area-image{min-width:0}.cctv-form-grid .area-image{margin-bottom:4px}@media (max-width:600px){.area-image img{height:auto;aspect-ratio:16/10;max-height:250px}}.fan-apps:has(.fan-area-card){grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.fan-apps .fan-area-card{padding:0;gap:0;overflow:hidden}.fan-area-card .area-image{width:100%}.fan-area-card .area-image img{height:auto;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover}.fan-area-card .area-image-note{padding-inline:14px}.fan-area-name{display:block;padding:14px 18px 20px}.pf-tabs .parking-area-thumb{flex:0 0 88px;width:88px;min-width:0}.pf-tabs .parking-area-thumb img{display:block;width:100%;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:6px}.pf-tabs .parking-area-thumb .area-image-note{display:none}.pf-tabs button:has(.parking-area-thumb){padding:10px;gap:12px}.pf-tabs button:has(.parking-area-thumb)>span{min-width:0}.pf-panel .parking-area-selected img{width:100%;height:auto;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius)}.robot-detail-application-grid .robot-application-area{border-top:0;padding-top:0}.robot-application-area .area-image{margin-bottom:22px}.robot-application-area .area-image img{width:100%;height:auto;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius)}.robotics-project-usecase-list>article.has-area-image{display:block}.robotics-project-usecase-list .has-area-image .area-image{margin-bottom:22px}.robotics-project-usecase-list .has-area-image .area-image img{width:100%;height:auto;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius)}.robotics-project-usecase-list .has-area-image>p{margin-top:16px}@media (max-width:1100px){.fan-apps:has(.fan-area-card){grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.fan-apps:has(.fan-area-card){grid-template-columns:1fr}.pf-tabs .parking-area-thumb{flex-basis:72px;width:72px}.pf-tabs .parking-area-thumb img{height:48px}}
