@layer components{.map-overlay-dot{position:absolute;width:0;height:0;left:0;top:0;will-change:transform}.map-overlay-tooltip.ant-tooltip .ant-tooltip-arrow:before{background:#e63621}.map-overlay-tooltip.ant-tooltip .ant-tooltip-inner{display:flex;align-items:center;background:#e63621;padding:8px 12px;--ant-tooltip-color:#fff}.map-overlay-tooltip.ant-tooltip-placement-top{transform:translate(-50%,-140%)}.map-overlay-tooltip.ant-tooltip-placement-left{transform:translate(-120%,-50%)}.map-overlay-tooltip.ant-tooltip-placement-bottom{transform:translate(-50%,40%)}.map-overlay-tooltip.ant-tooltip-placement-right{transform:translate(20%,-50%)}.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}}@layer components{}@layer components{@media screen and (min-width:992px){.map-weather-card{display:grid;column-gap:var(--ant-margin-xs);grid-template-areas:"top img" "bottom img"}}.map-weather-card .top{gap:10px}@media screen and (min-width:992px){.map-weather-card .top{grid-area:top}}.map-weather-card .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)}:is(.map-weather-card .tmp) span{color:var(--ant-color-text-description)}.map-weather-card .type-icon{font-size:31px;color:var(--ant-color-text-tertiary)}@media screen and (min-width:992px){.map-weather-card .type-icon{display:none}}.desktop:is(.map-weather-card .type-icon){display:none}@media screen and (min-width:992px){.desktop:is(.map-weather-card .type-icon){display:flex;grid-area:img;font-size:42px}}.map-weather-card .bottom{gap:12px}@media screen and (min-width:992px){.map-weather-card .bottom{grid-area:bottom}}.map-weather-card .property{gap:var(--ant-margin-xxs)}.map-weather-card .property-icon{font-size:16px;color:var(--ant-color-text-tertiary)}.map-weather-card .property-value{font-size:var(--ant-font-size-sm);line-height:var(--ant-line-height-sm)}.map-webcam-markers{--webcam-marker-size:40px;--webcam-marker-icon-size:16px;--webcam-marker-count-size:14px;--webcam-marker-count-font-size:8px;--webcam-marker-shadow-color:rgb(0 35 11/20%);position:absolute;inset:0;pointer-events:none}.map-webcam{position:absolute;top:0;left:0;width:0;height:0;will-change:transform}.map-webcam-marker{position:absolute;display:flex;align-items:center;justify-content:center;width:var(--webcam-marker-size);height:var(--webcam-marker-size);padding:0;color:var(--ant-color-white);background:var(--ant-color-primary);border:var(--ant-line-width) solid var(--ant-color-primary);border-radius:50%;filter:drop-shadow(0 2px 2px var(--webcam-marker-shadow-color));transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto;transition:transform var(--ant-motion-duration-slow),opacity var(--ant-motion-duration-slow),background var(--ant-motion-duration-mid)}.map-webcam-marker:hover{background:var(--ant-color-primary-hover)}.map-webcam-marker:disabled{background:var(--ant-color-text-disabled);border-color:transparent;cursor:default}.map-webcam-marker svg{width:var(--webcam-marker-icon-size);height:var(--webcam-marker-icon-size)}.map-webcam[data-mode=hidden] .map-webcam-marker{transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.map-webcam-marker-count{position:absolute;right:calc(var(--ant-line-width) * -1);bottom:calc(var(--ant-line-width) * -1);min-width:var(--webcam-marker-count-size);height:var(--webcam-marker-count-size);padding:0 3px;font-size:var(--webcam-marker-count-font-size);line-height:var(--webcam-marker-count-size);color:var(--ant-color-bg-solid);background:var(--ant-color-white);border-radius:calc(var(--webcam-marker-count-size) / 2);box-shadow:0 1px 1px var(--webcam-marker-shadow-color);animation:map-webcam-count-in var(--ant-motion-duration-mid) ease-out}}@layer components{@keyframes map-webcam-count-in{0%{transform:scale(0)}}}@layer components{.konva-map{touch-action:none;background-color:var(--ant-color-bg-layout)}.konva-map,.konva-map .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}.map-content-section .property-row{gap:4px;padding-left:28px}.ecotrail-item-content{gap:var(--ant-margin-sm)}.ecotrail-item-content .properties{gap:8px}.ecotrail-item-content .link{font-size:var(--ant-font-size-sm);line-height:var(--ant-line-height-sm)}.map-content-section .activity-indicator-row{gap:8px}}@layer components{}@layer components{}@layer components{:is(.map-content-section .activity-indicator-row) .indicator{position:relative;width:18px;height:16px}:is(:is(.map-content-section .activity-indicator-row) .indicator):before{width:13.33px;height:13.33px;border-radius:50%;opacity:.4;background-color:var(--ant-red-3)}:is(:is(.map-content-section .activity-indicator-row) .indicator):after{width:5.33px;height:5.33px;border-radius:50%;background-color:#f37370}:is(:is(.map-content-section .activity-indicator-row) .indicator):after,:is(:is(.map-content-section .activity-indicator-row) .indicator):before{content:"";overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.active:is(:is(.map-content-section .activity-indicator-row) .indicator):before{background-color:var(--ant-green-3)}.active:is(:is(.map-content-section .activity-indicator-row) .indicator):after{background-color:#8fd460}}@layer components{.ecotrail-content{gap:var(--ant-margin-sm)}.closed:is(.ecotrail-content .ecotrail-header){opacity:.5}:is(.ecotrail-content .ecotrail-header) .ecotrail-icon{margin-right:8px}:is(:is(.ecotrail-content .ecotrail-header) .ecotrail-icon) svg{width:20px;height:20px}:is(.ecotrail-content .ecotrail-header) .code{margin-right:var(--ant-margin-xxs)}.ecotrail-content .color-error{color:var(--ant-color-error)}.ecotrail-section{padding:var(--ant-margin-md) var(--ant-margin);gap:var(--ant-margin-md)}.map-content-item{position:relative;background:transparent;transition:background .4s}}@layer components{}@layer components{@media (hover){.map-content-item.hovered{background:var(--ant-kp-color-bg-container-secondary)}:is(.map-content-item.hovered,.map-content-item:hover) .arrow-button{color:var(--ant-color-primary);border-color:var(--ant-color-primary)}}.map-content-item.selected{background:var(--ant-kp-color-bg-container-secondary)}.map-content-item .map-content-item-header{gap:var(--ant-margin-xs)}.map-content-item .button-container{height:53px}.map-content-item .arrow-button{background-color:transparent}.down:is(.map-content-item .arrow-button){transform:rotate(180deg)}.right:is(.map-content-item .arrow-button){transform:rotate(90deg)}:is(.map-content-item .arrow-button) svg{width:16px;height:16px}.map-content-item .map-content-item-content{overflow:hidden;width:100%}:is(.map-content-item .map-content-item-content):before{content:"";display:block;padding-top:var(--ant-margin-md)}}