@layer core,playground,project;@layer project{.container{display:flex;align-items:center;justify-content:center;width:100%;min-height:100dvh;overflow:hidden;font-size:max(21px,2.1vw)}.container>div{position:relative;z-index:1;width:100%;padding:5vw}@media(width<768px){.container>div{padding:55px 21px 50px}}.leaflet-map-test-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;align-items:start}@media(width<768px){.leaflet-map-test-grid{grid-template-columns:minmax(0,1fr)}}.leaflet-map-test-panel{min-width:0}.leaflet-map-test-panel-heading{margin:0 0 8px;color:var(--playground-body-color-text);font-size:16px}.leaflet-map-test-map{width:100%;min-height:384px;height:min(70dvh,672px)}.leaflet-map-test-location-form{display:grid;gap:6px;margin-top:16px;color:var(--playground-body-color-text);font-size:12px}.leaflet-map-test-location-form-label{font-weight:700}.leaflet-map-test-location-form-controls{display:flex;flex-wrap:wrap;gap:8px}.leaflet-map-test-location-form-input,.leaflet-map-test-location-form-search,.leaflet-map-test-location-form-current{min-height:40px;border:1px solid color-mix(in srgb,var(--playground-body-color-text),transparent 60%);background:var(--playground-body-color-background);color:inherit;font:inherit}.leaflet-map-test-location-form-input{flex:1;min-width:160px;padding:8px 12px}.leaflet-map-test-location-form-search,.leaflet-map-test-location-form-current{padding:8px 12px;cursor:pointer}.leaflet-map-test-location-form-search:disabled,.leaflet-map-test-location-form-current:disabled{opacity:.55}.leaflet-map-test-location-form-search:disabled,.leaflet-map-test-location-form-current:disabled{cursor:wait}.leaflet-map-test-location-form-input:focus-visible,.leaflet-map-test-location-form-search:focus-visible,.leaflet-map-test-location-form-current:focus-visible{outline:2px solid var(--playground-body-color-text);outline-offset:2px}.leaflet-map-test-location-form-status{min-height:1.2em;margin:0;color:color-mix(in srgb,var(--playground-body-color-text),transparent 35%)}@media(width<480px){.leaflet-map-test-location-form-controls{flex-direction:column}}.leaflet-map-test-location-form-info{margin:0;color:color-mix(in srgb,var(--playground-body-color-text),transparent 35%)}.leaflet-map-test-locations{width:100%;border-collapse:collapse;color:var(--playground-body-color-text);font-size:12px;table-layout:fixed}.leaflet-map-test-locations th,.leaflet-map-test-locations td{padding:8px;border:1px solid color-mix(in srgb,var(--playground-body-color-text),transparent 75%);overflow-wrap:anywhere;text-align:left;vertical-align:top}.leaflet-map-test-locations th{color:color-mix(in srgb,var(--playground-body-color-text),transparent 35%);font-weight:700}.leaflet-map-test-locations td:last-child,.leaflet-map-test-locations th:last-child{width:72px}.leaflet-map-test-locations-focus{width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.leaflet-map-test-locations-focus:focus-visible{outline:2px solid var(--playground-body-color-text);outline-offset:2px}.leaflet-map-test-locations-empty{color:color-mix(in srgb,var(--playground-body-color-text),transparent 35%)}.leaflet-map-test-locations-delete{width:100%;min-height:28px;padding:4px 6px;border:1px solid color-mix(in srgb,var(--playground-body-color-text),transparent 60%);background:var(--playground-body-color-background);color:inherit;cursor:pointer;font:inherit}.leaflet-map-test-locations-delete:focus-visible{outline:2px solid var(--playground-body-color-text);outline-offset:2px}.leaflet-map-test-marker{border:0;background:transparent}.leaflet-map-test-marker-content{position:relative;width:24px;height:24px}.leaflet-map-test-marker-label{position:absolute;top:50%;left:calc(100% + 8px);display:grid;gap:6px;width:min(272px,100vw - 80px);padding:6px 8px;border:1px solid color-mix(in srgb,var(--playground-body-color-text),transparent 60%);background:var(--playground-body-color-background);color:var(--playground-body-color-text);font-size:12px;line-height:1.2;opacity:0;pointer-events:none;transform:translateY(-50%);visibility:hidden}.leaflet-map-test-marker-label-title{font-weight:700}.leaflet-map-test-marker-label-data{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px}.leaflet-map-test-marker-label-key{color:color-mix(in srgb,var(--playground-body-color-text),transparent 45%)}.leaflet-map-test-marker-label-value{min-width:0;overflow-wrap:anywhere;text-align:right}.leaflet-map-test-marker-label-link{color:inherit}.leaflet-map-test-marker-label-save,.leaflet-map-test-marker-label-edit{justify-self:start;min-height:28px;padding:4px 6px;border:1px solid color-mix(in srgb,var(--playground-body-color-text),transparent 60%);background:var(--playground-body-color-background);color:inherit;cursor:pointer;font:inherit}.leaflet-map-test-marker-label-save:focus-visible,.leaflet-map-test-marker-label-edit:focus-visible{outline:2px solid var(--playground-body-color-text);outline-offset:2px}.leaflet-map-test-marker[data-active=true] .leaflet-map-test-marker-label{opacity:1;pointer-events:auto;visibility:visible}.leaflet-map-test-marker[data-editing=true] .leaflet-map-test-marker-pin{fill:#f6c500}.leaflet-map-test-marker:focus-visible .leaflet-map-test-marker-content{outline:2px solid var(--playground-body-color-text);outline-offset:3px}}
