@layer components{.ecotrail-lvl-info{border:none;width:20px;height:20px;color:var(--ant-color-icon);&:hover{color:var(--ant-color-link-hover)}}.ecotrail-modal-root{.ant-modal-wrap{display:flex;align-items:flex-end;@media screen and (min-width:768px){align-items:center;justify-content:center}}.ant-modal{top:unset;max-width:100%;padding-bottom:0;bottom:0;margin:0;.ant-modal-content{border-radius:0;@media screen and (min-width:768px){border-radius:var(--ant-border-radius-lg)}}}.levels{.level-block{gap:var(--ant-margin-sm);@media screen and (min-width:768px){gap:var(--ant-margin)}&:first-child{.left-column{border-radius:var(--ant-kp-border-radius-xl) var(--ant-kp-border-radius-xl) 0 0;padding:var(--ant-padding-xs)}.level-value{background-color:var(--ant-kpbrandsecondary-11)}.level-title{padding-top:6px}}&:nth-child(2){.level-value{background-color:var(--ant-red-7)}}&:nth-child(3){.level-value{background-color:var(--ant-blue-7)}}&:last-child{.left-column{height:40px;border-radius:0 0 var(--ant-kp-border-radius-xl) var(--ant-kp-border-radius-xl);padding:var(--ant-margin-sm) var(--ant-padding-xs) var(--ant-padding-xs)}.level-value{background-color:var(--ant-color-success-active)}}.left-column{background-color:var(--ant-kp-color-bg-container-secondary);padding:var(--ant-margin-sm) var(--ant-padding-xs);.level-value{display:flex;align-items:center;justify-content:center;line-height:16px;font-size:10px;width:16px;height:16px;margin:2px;border-radius:var(--ant-kp-border-radius-xxl);color:var(--ant-kp-color-text-invert)}}.level-title{padding-top:var(--ant-margin-sm);font-weight:var(--ant-font-weight-strong)}}}}html[data-theme=dark] .ecotrail-modal-root{.level-block{&:nth-child(2){.level-value{background:#e84749}}&:nth-child(3){.level-value{background:#3c89e8}}&:last-child{.level-value{background:#3c8618}}}}}@layer components{.ecotrail-hero{background:var(--ant-color-bg-container);padding:var(--ant-kp-layout-section-row-margin-m) 0 var(--ant-margin-xxl);.ecotrail-hero-wrap{max-width:var(--layout-width-wide);margin:0 auto;@media screen and (min-width:768px){padding:0 var(--ant-kp-layout-margin)}}.ecotrail-hero-images{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;@media screen and (min-width:768px){aspect-ratio:912/540}@media screen and (min-width:992px){aspect-ratio:628/540}.ecotrail-hero-slider{width:100%;height:100%}.ecotrail-hero-slide{position:relative;@media screen and (min-width:768px){border-radius:var(--ant-kp-border-radius-xxl);overflow:hidden}}.ecotrail-hero-image{object-fit:cover}.ecotrail-hero-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%}}.fraction-container{z-index:2;position:absolute;bottom:16px;left:16px;@media screen and (min-width:768px){display:none}}.ecotrail-hero-controls{display:none;@media screen and (min-width:768px){z-index:2;display:flex;position:absolute;left:32px;bottom:32px;gap:var(--ant-margin-xs)}}}.ecotrail-hero-row{@media screen and (min-width:992px){flex-direction:row-reverse}}.ecotrail-hero-info{padding:0 var(--ant-kp-layout-margin)}.ecotrail-card-tag-level{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);margin:0;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-hero-status{color:var(--ant-color-text-label);font-weight:var(--ant-font-weight-bold)}.ecotrail-hero-info-tag{width:100%;align-items:start;padding:var(--ant-padding-lg);&>.anticon{width:32px;height:32px}}.ecotrail-hero-info-tag-point{flex:1}.ecotrail-hero-info-tag-points.has-divider{.ecotrail-hero-info-tag-point:last-child{position:relative;&:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:30px;background:var(--ant-color-border-secondary)}}}.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}}.ecotrail-hero-link{width:100%;display:flex;align-items:center;gap:var(--ant-margin-xs);color:var(--ant-color-text)}.ecotrail-card-tag{position:absolute;top:18px;right:18px;z-index:1}@media screen and (min-width:768px){.ecotrail-hero-info{padding:0}.ecotrail-hero-info-tag{width:calc(50% - var(--ant-margin-xs) / 2)}.ecotrail-hero-link{width:calc(50% - var(--ant-margin) / 2);&>span{transition:color .3s ease}&:hover{color:var(--ant-color-link-hover);&>span{color:var(--ant-color-link-hover)}}}}}html[data-theme=dark] .ecotrail-hero{.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}}}}