@layer components{.ecotrail-card{display:block;height:100%;.ecotrail-card-content{flex:1}.ecotrail-card-image{position:relative;overflow:hidden;width:100%;border-radius:var(--ant-kp-border-radius-xl);img{aspect-ratio:4/3;width:100%;height:auto;object-fit:cover;transition:transform .3s ease-in-out}.ecotrail-card-image-skeleton{display:block;aspect-ratio:4/3;width:100%;height:auto;.ant-skeleton-image{display:flex;justify-content:center;align-items:center}.ant-skeleton-image,svg{width:100%;height:100%}}}.ecotrail-card-tag-level{position:absolute;top:16px;left:16px;display:flex;align-items:center;justify-content:center;gap:2px;padding:4px 6px 4px 3px;border-radius:var(--ant-kp-border-radius-xl);color:var(--ant-color-text-light-solid);span{display:flex;justify-content:center;align-items:center;width:16px;height:16px;font-size:var(--ant-font-size);font-weight:var(--ant-font-weight-bold);line-height:normal}&.green{background:var(--ant-green-7)}&.blue{background:var(--ant-blue-7)}&.red{background:var(--ant-red-7)}&.black{background:var(--ant-kpbrandsecondary-7)}}.ecotrail-card-tag{position:absolute;top:18px;right:18px}.ecotrail-level{&.green .anticon{color:var(--ant-green-7)!important}&.blue .anticon{color:var(--ant-blue-7)!important}&.red .anticon{color:var(--ant-red-7)!important}&.black .anticon{color:var(--ant-kpbrandsecondary-7)!important}}.info-tag{&>span{color:var(--ant-color-text)}}.ecotrail-card-info-tags{flex:1;max-height:84px}.ecotrail-card-description{height:100%;max-height:66px}@media screen and (min-width:768px) and (pointer:fine){&:hover .ecotrail-card-image img{transform:scale(1.05)}}}html[data-theme=dark] .ecotrail-card{.ecotrail-card-tag-level{&.green{background:#6abe39}&.blue{background:#3c89e8}&.red{background:#e84749}&.black{background:var(--ant-kpbrandsecondary-7)}}.ecotrail-level{&.green .anticon{color:#6abe39!important}&.blue .anticon{color:#3c89e8!important}&.red .anticon{color:#e84749!important}&.black .anticon{color:var(--ant-kpbrandsecondary-7)!important}}}}@layer components{.client-ecotrails{max-width:var(--layout-width-standard);width:100%;margin:0 auto var(--ant-kp-layout-section-margin)}}