@layer components{.map-overlay-dot{position:absolute;width:0;height:0;left:0;top:0;will-change:transform}}@layer components{.map-overlay-tooltip{&.ant-tooltip{.ant-tooltip-arrow:before{background:#e63621}.ant-tooltip-inner{display:flex;align-items:center;background:#e63621;padding:8px 12px;--ant-tooltip-color:#fff}}&.ant-tooltip-placement-top{transform:translate(-50%,-140%)}&.ant-tooltip-placement-left{transform:translate(-120%,-50%)}&.ant-tooltip-placement-bottom{transform:translate(-50%,40%)}&.ant-tooltip-placement-right{transform:translate(20%,-50%)}}}@layer components{.map-weather-card{position:absolute;top:0;left:0;transform:translate(-50%,-50%);pointer-events:all;cursor:pointer;padding:var(--ant-margin-sm);border-radius:var(--ant-kp-border-radius-l);background-color:var(--ant-color-bg-container);width:max-content;@media screen and (min-width:992px){display:grid;column-gap:var(--ant-margin-xs);grid-template-areas:"top img" "bottom img"}.top{gap:10px;@media screen and (min-width:992px){grid-area:top}}.tmp{font-size:var(--ant-font-size-lg);line-height:var(--ant-line-height-lg);font-weight:var(--ant-kp-font-weight-havy);color:var(--ant-color-text-heading);span{color:var(--ant-color-text-description)}}.type-icon{font-size:31px;color:var(--ant-color-text-tertiary);@media screen and (min-width:992px){display:none}&.desktop{display:none;@media screen and (min-width:992px){display:flex;grid-area:img;font-size:42px}}}.bottom{gap:12px;@media screen and (min-width:992px){grid-area:bottom}}.property{gap:var(--ant-margin-xxs)}.property-icon{font-size:16px;color:var(--ant-color-text-tertiary)}.property-value{font-size:var(--ant-font-size-sm);line-height:var(--ant-line-height-sm)}}}@layer components{.konva-map{position:relative;width:100%;height:100%;overflow:hidden;touch-action:none;background-color:var(--ant-color-bg-layout);.stage{position:relative;width:100%;height:100%;overflow:hidden}}.map-animation-wrapper{position:absolute;inset:0;pointer-events:auto}.map-animation-wrapper.inactive{pointer-events:none}.map-animation-wrapper.outgoing{z-index:2;opacity:1;transition:opacity .4s ease-in-out}.map-animation-wrapper.outgoing.fade-out{opacity:0}}@layer components{.map-content-section{.property-row{gap:4px;padding-left:28px}}}@layer components{.ecotrail-item-content{gap:var(--ant-margin-sm);.properties{gap:8px}.link{font-size:var(--ant-font-size-sm);line-height:var(--ant-line-height-sm)}}}@layer components{.map-content-section{.activity-indicator-row{gap:8px;.indicator{position:relative;width:18px;height:16px;&:before{width:13.33px;height:13.33px;opacity:.4;background-color:var(--ant-red-3)}&:after,&:before{border-radius:50%}&:after{width:5.33px;height:5.33px;background-color:#f37370}&:after,&:before{content:"";overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}&.active{&:before{background-color:var(--ant-green-3)}&:after{background-color:#8fd460}}}}}}@layer components{.ecotrail-content{gap:var(--ant-margin-sm);.ecotrail-header{&.closed{opacity:.5}.ecotrail-icon{margin-right:8px;svg{width:20px;height:20px}}.code{margin-right:var(--ant-margin-xxs)}}.color-error{color:var(--ant-color-error)}}}@layer components{.ecotrail-section{padding:var(--ant-margin-md) var(--ant-margin);gap:var(--ant-margin-md)}}@layer components{.map-content-item{position:relative;background:transparent;transition:background .4s;@media (hover){&.hovered{background:var(--ant-kp-color-bg-container-secondary)}&.hovered,&:hover{.arrow-button{color:var(--ant-color-primary);border-color:var(--ant-color-primary)}}}&.selected{background:var(--ant-kp-color-bg-container-secondary)}.map-content-item-header{gap:var(--ant-margin-xs)}.button-container{height:53px}.arrow-button{background-color:transparent;&.down{transform:rotate(180deg)}&.right{transform:rotate(90deg)}svg{width:16px;height:16px}}.map-content-item-content{overflow:hidden;width:100%;&:before{content:"";display:block;padding-top:var(--ant-margin-md)}}}}