:root{
--gap:24px;
--gt2:calc(var(--gap) * 2);
--gd2:calc(var(--gap) / 2);
--gd3:calc(var(--gap) / 3);
--gd4:calc(var(--gap) / 4);
--gd5:calc(var(--gap) / 2.4);
--gd6:calc(var(--gap) / 6);
--gd8:calc(var(--gap) / 8);
--br1:16px;
--br4:calc(var(--br1) / 4);
--br6:calc(var(--br1) / 6);
--br7:calc(var(--br1) * .75);
--br9:9999px;
--fz1:1.2rem;
--fz2:1.1rem;
--fz3:1rem;
--fz5:0.8rem;
--lh1:1.5;
--ff1:system-ui,-apple-system,'Segoe UI',Roboto,Inter,'Helvetica Neue',sans-serif;
--ff3:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
--fw1:600;
--bw1:1px;
--iz1:48px;
--iz2:52px;
--sz1:40px;
--sz2:32px;
--sz3:26px;
--pw1:400px;
--pw2:288px;
--panel:min(var(--pw1),45vw);
--bg1:#fff;
--bg2:#f1f3f4;
--bg3:#eceff3;
--tx1:#1f2328;
--tx2:#5b6572;
--tx3:#6b7280;
--bc2:#e8eaed;
--bc3:rgba(0,0,0,.07);
--hv1:#f1f3f4;
--hv2:rgba(0,0,0,.055);
--tint:#f5f7fa;
--tint2:#eaeef4;
--cl1:#1a73e8;
--icb:#e8f0fe;
--icf:#1558c0;
--wht:#fff;
--rd1:#c5221f;
--rb1:#fce8e6;
--sel:#1d4ed8;
--bs1:0 1px 2px rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15);
--bs2:0 1px 3px rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15);
--rail:0px;
--sheet:0px;
--sat:env(safe-area-inset-top,0px);
--sab:env(safe-area-inset-bottom,0px);
--sal:env(safe-area-inset-left,0px);
--sar:env(safe-area-inset-right,0px);
--vvh:100vh;
--dur:.25s;
}
@supports (height:100dvh){
:root{
--vvh:100dvh;
}
}
*{
box-sizing:border-box;
}
html,body{
margin:0;
height:100%;
overflow:hidden;
font-family:var(--ff1);
font-size:var(--fz3);
line-height:var(--lh1);
color:var(--tx1);
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:100%;
}
body.info-open{
--rail:var(--panel);
}
button{
font:inherit;
color:inherit;
background:none;
border:0;
padding:0;
cursor:pointer;
touch-action:manipulation;
}
.sr-only{
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0 0 0 0);
white-space:nowrap;
border:0;
}
.map{
position:absolute;
inset:0;
background:var(--bg3);
}
.muted{
color:var(--tx2);
}
.icon-btn{
display:inline-flex;
align-items:center;
justify-content:center;
flex:none;
width:var(--sz1);
height:var(--sz1);
border-radius:var(--br9);
color:var(--tx2);
transition:background-color .15s,color .15s;
}
.icon-btn[hidden]{
display:none;
}
.icon-btn:hover{
background-color:var(--hv2);
color:var(--tx1);
}
.icon-btn:focus-visible,.btn:focus-visible,.chip:focus-visible,.result:focus-visible,.stack-item:focus-visible,.link-row:focus-visible,.linkbtn:focus-visible,.ins summary:focus-visible,.sheet-grip:focus-visible,.panel-link:focus-visible,.search-input:focus-visible{
outline:2px solid var(--cl1);
outline-offset:1px;
}
.search-input:focus-visible{
outline:none;
}
.topbar{
position:absolute;
top:calc(var(--gd2) + var(--sat));
left:calc(var(--gd2) + var(--sal));
width:var(--pw1);
max-width:calc(100% - var(--rail) - var(--sz1) - var(--gt2) - var(--sal) - var(--sar));
z-index:5;
transition:max-width var(--dur);
}
.topbar.open{
background-color:var(--bg1);
border-radius:var(--br4);
box-shadow:var(--bs2);
overflow:hidden;
}
.search{
display:flex;
align-items:center;
gap:var(--gd3);
min-height:var(--iz2);
padding:0 var(--gd4) 0 var(--gd2);
background-color:var(--bg1);
border-radius:var(--br4);
box-shadow:var(--bs1);
transition:box-shadow .15s;
}
.search:focus-within{
box-shadow:var(--bs2);
}
.topbar.open .search{
border-radius:0;
border-bottom:var(--bw1) solid var(--bc2);
box-shadow:none;
}
.search-clear{
width:44px;
height:44px;
}
.search-icon{
flex:none;
color:var(--tx2);
}
.search-input{
flex:1;
min-width:0;
min-height:var(--iz2);
padding:0;
font-family:var(--ff1);
font-size:max(var(--fz2),16px);
color:var(--tx1);
background:none;
border:0;
outline:none;
}
.search-input::placeholder{
color:var(--tx3);
}
.search-input::-webkit-search-cancel-button{
display:none;
}
.results{
display:none;
max-height:calc(var(--vvh) - var(--iz2) - var(--gt2) - var(--sat));
padding:0;
overflow-y:auto;
overscroll-behavior:contain;
}
.results.open{
display:block;
}
.result{
display:block;
width:100%;
min-height:var(--iz1);
padding:var(--gd3) var(--gd2);
text-align:left;
}
.result+.result{
border-top:var(--bw1) solid var(--bc2);
}
.result:hover,.result.active{
background-color:var(--hv1);
}
.search-match{
background:rgba(224,180,65,.22);
color:inherit;
border-radius:0;
padding:0;
}
.result-name{
font-weight:500;
overflow-wrap:anywhere;
}
.result-sub{
margin-top:1px;
font-size:var(--fz5);
color:var(--tx2);
overflow-wrap:anywhere;
}
.result-meta{
display:flex;
align-items:center;
gap:var(--gd6);
float:right;
margin-left:var(--gd4);
}
.result-county{
font-size:var(--fz5);
color:var(--tx3);
}
.result-tag{
padding:1px var(--gd4);
font-size:var(--fz5);
color:var(--tx2);
background-color:var(--bg2);
border-radius:var(--br9);
white-space:nowrap;
}
.chips{
display:flex;
flex-wrap:nowrap;
overflow-x:auto;
overscroll-behavior-x:contain;
gap:var(--gd6);
padding:var(--gd4) var(--gd2);
border-bottom:var(--bw1) solid var(--bc2);
}
.chip{
flex:none;
white-space:nowrap;
padding:2px var(--gd3);
font-size:var(--fz5);
color:var(--tx2);
background-color:var(--bg2);
border-radius:var(--br9);
transition:background-color .15s,color .15s;
}
.chip:hover{
background-color:var(--bc2);
}
.chip.on{
color:var(--icf);
background-color:var(--icb);
}
.note{
margin:0 var(--gd2);
padding:var(--gd3);
font-size:var(--fz5);
color:var(--tx2);
background-color:var(--bg2);
}
.empty{
padding:var(--gd3) var(--gd2);
color:var(--tx2);
}
.results-hint{
padding:var(--gd4) var(--gd2);
font-size:var(--fz5);
color:var(--tx2);
border-bottom:var(--bw1) solid var(--bc2);
}
.panel{
position:absolute;
display:none;
flex-direction:column;
z-index:6;
background-color:var(--bg1);
box-shadow:var(--bs2);
}
.panel.open{
display:flex;
}
.panel-head{
display:none;
align-items:center;
justify-content:space-between;
padding:var(--gd4) var(--gd4) 0 var(--gd2);
}
.panel-head .panel-title{
padding:0;
}
.layers{
top:calc(var(--gd2) + var(--sat));
right:calc(var(--rail) + var(--sz1) + var(--gap) + var(--sar));
width:var(--pw2);
max-width:calc(100% - var(--rail) - var(--sz1) - var(--gt2));
max-height:calc(var(--vvh) - var(--gap) - var(--sat) - var(--sab));
padding-bottom:var(--gd3);
overflow-y:auto;
overscroll-behavior:contain;
border-radius:var(--br7);
box-shadow:var(--bs1);
z-index:7;
transition:right var(--dur);
}
.panel-title{
padding:var(--gd3) var(--gd2) var(--gd6);
font-size:var(--fz5);
font-weight:var(--fw1);
letter-spacing:.06em;
text-transform:uppercase;
color:var(--tx2);
}
.choices label{
display:flex;
align-items:center;
gap:var(--gd3);
padding:var(--gd6) var(--gd2);
min-height:var(--sz2);
cursor:pointer;
}
.choices label:hover{
background-color:var(--hv1);
}
.choices input{
width:18px;
height:18px;
margin:0;
accent-color:var(--cl1);
}
.swatch{
flex:none;
width:14px;
height:14px;
border-radius:var(--br6);
border:var(--bw1) solid var(--bc3);
}
.info{
top:0;
right:0;
bottom:0;
width:var(--panel);
container:info / inline-size;
}
@container info (max-width:18em){
.kv-row{
grid-template-columns:1fr;
gap:2px;
}
.kv-key{
font-size:var(--fz5);
}
}
.info-body{
flex:1;
min-height:0;
overflow-y:auto;
overscroll-behavior:contain;
}
.sheet-grip,.info-foot{
display:none;
}
.info .icon-btn,.info .btn{
border-radius:0;
}
.info-head{
position:sticky;
top:0;
z-index:1;
display:flex;
align-items:flex-start;
gap:var(--gd4);
padding:var(--gd2) var(--gd4) var(--gd3) var(--gd2);
background-color:var(--bg1);
border-bottom:var(--bw1) solid var(--bc2);
}
.info-head-text{
flex:1;
min-width:0;
}
.eyebrow{
font-size:var(--fz5);
font-weight:var(--fw1);
letter-spacing:.06em;
text-transform:uppercase;
color:var(--cl1);
}
.info-title{
margin:2px 0 0;
font-size:var(--fz1);
font-weight:var(--fw1);
line-height:1.3;
overflow-wrap:anywhere;
}
.pid{
display:flex;
align-items:center;
gap:var(--gd8);
margin-top:var(--gd8);
font-variant-numeric:tabular-nums;
color:var(--tx2);
overflow-wrap:anywhere;
}
.pid .icon-btn{
width:var(--sz2);
height:var(--sz2);
margin:-4px 0;
}
.sheet-toggle{
display:none;
}
.sheet-toggle svg{
transition:transform .2s;
}
.sheet-toggle:not(.up) svg{
transform:rotate(180deg);
}
.kv{
padding:var(--gd3) var(--gd2);
}
.kv-row{
display:grid;
grid-template-columns:minmax(6em,7.75em) 1fr;
gap:var(--gd3);
padding:var(--gd6) 0;
}
.kv-row+.kv-row{
border-top:var(--bw1) solid var(--bg2);
}
.kv-key{
color:var(--tx2);
}
.kv-val{
min-width:0;
overflow-wrap:anywhere;
font-variant-numeric:tabular-nums;
}
.section-title{
padding:var(--gd3) var(--gd2) 0;
font-size:var(--fz5);
font-weight:var(--fw1);
letter-spacing:.06em;
text-transform:uppercase;
color:var(--tx2);
}
.stats{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(8em,1fr));
gap:var(--gd4);
padding:var(--gd3) var(--gd2);
}
.stat{
min-width:0;
padding:var(--gd5);
background-color:var(--bg2);
}
.stat-key{
color:var(--tx2);
}
.stat-val{
margin-top:1px;
font-size:var(--fz1);
font-weight:var(--fw1);
font-variant-numeric:tabular-nums;
overflow-wrap:anywhere;
}
.stat.warn{
background-color:var(--rb1);
}
.stat.warn .stat-key,.stat.warn .stat-val{
color:var(--rd1);
}
.actions{
display:flex;
flex-wrap:wrap;
gap:var(--gd4);
padding:var(--gd3) var(--gd2) var(--gap);
}
.btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--gd6);
min-height:var(--sz1);
padding:0 var(--gd2);
font-weight:500;
color:var(--tx1);
background-color:var(--bg2);
border-radius:var(--br9);
transition:background-color .15s;
}
.btn:hover{
background-color:var(--bc2);
}
.btn.primary{
color:var(--wht);
background-color:var(--cl1);
}
.btn.primary:hover{
background-color:var(--icf);
}
.pin{
cursor:pointer;
color:var(--sel);
filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));
}
.pin.off{
display:none;
}
.pin svg{
display:block;
animation:pin-drop .28s ease-out;
transform-origin:50% 100%;
transition:transform .15s;
}
.pin:hover svg{
transform:scale(1.08);
}
@keyframes pin-drop{
from{
transform:translateY(-10px) scale(.85);
opacity:0;
}
}
.hint{
position:absolute;
left:calc(50% - var(--rail) / 2);
bottom:calc(var(--gt2) + var(--sab) + var(--sheet));
transform:translateX(-50%);
z-index:8;
display:flex;
align-items:center;
gap:var(--gd3);
max-width:calc(100% - var(--gt2) - var(--rail));
padding:var(--gd3) var(--gd2);
font-size:var(--fz5);
color:var(--tx2);
background-color:var(--bg1);
border-radius:var(--br9);
box-shadow:var(--bs1);
transition:left var(--dur),bottom var(--dur);
}
.hint[hidden]{
display:none;
}
.toast{
position:absolute;
left:calc(50% - var(--rail) / 2);
bottom:calc(var(--gt2) + var(--gap) * 2 + var(--sab) + var(--sheet));
transform:translateX(-50%);
z-index:9;
max-width:calc(100% - var(--gt2));
padding:var(--gd3) var(--gd2);
color:var(--wht);
background-color:var(--tx1);
border-radius:var(--br9);
box-shadow:var(--bs1);
opacity:0;
pointer-events:none;
transition:opacity .2s,bottom var(--dur);
}
.toast.show{
opacity:1;
}
.coords{
order:1;
padding:0 var(--gd3);
font-size:var(--fz5);
font-family:var(--ff3);
font-variant-numeric:tabular-nums;
text-align:center;
color:var(--tx2);
background-color:var(--bg1);
border-radius:0;
}
.maplibregl-ctrl-top-right{
top:calc(var(--gd2) + var(--sat));
right:calc(var(--rail) + var(--gd2) + var(--sar));
transition:right var(--dur);
}
.maplibregl-ctrl-top-right .maplibregl-ctrl{
margin:0 0 var(--gd3);
}
.maplibregl-ctrl-bottom-left{
display:flex;
align-items:flex-end;
bottom:calc(var(--sab) + var(--sheet));
left:0;
padding-left:var(--sal);
z-index:7;
transition:bottom var(--dur);
}
.maplibregl-ctrl-bottom-left .maplibregl-ctrl{
margin:0;
font-size:var(--fz5);
line-height:20px;
height:20px;
border-radius:0;
box-shadow:none;
white-space:nowrap;
}
.maplibregl-ctrl-bottom-right{
bottom:0;
right:0;
z-index:7;
}
.maplibregl-ctrl-group:not(:empty){
overflow:hidden;
background-color:var(--bg1);
border-radius:var(--br9);
box-shadow:var(--bs1);
}
.maplibregl-ctrl-group:has(> .maplibregl-ctrl-geolocate:disabled){
display:none;
}
.maplibregl-ctrl-group button{
width:var(--sz1);
height:var(--sz1);
}
.maplibregl-ctrl-group button+button{
border-top:var(--bw1) solid var(--bc2);
}
.maplibregl-ctrl-group button:not(:disabled):hover{
background-color:var(--hv1);
}
.maplibregl-ctrl-group button.on{
color:var(--cl1);
background-color:var(--icb);
}
.maplibregl-ctrl button.gis-btn .maplibregl-ctrl-icon{
display:flex;
align-items:center;
justify-content:center;
color:var(--tx1);
}
.maplibregl-ctrl-group button.on .maplibregl-ctrl-icon{
color:var(--cl1);
}
.maplibregl-ctrl-scale{
padding:0 var(--gd6);
font-size:var(--fz5);
color:var(--tx2);
background-color:var(--bg1);
border:var(--bw1) solid var(--bc2);
border-top:0;
}
.maplibregl-ctrl-attrib{
font-size:var(--fz5);
color:var(--tx2);
background-color:rgba(255,255,255,.9);
border-radius:0;
}
.maplibregl-ctrl-attrib:not(.maplibregl-compact){
max-width:calc(100vw - 280px);
background-color:var(--bg1);
}
.maplibregl-ctrl-attrib.maplibregl-compact-show{
max-width:min(420px,calc(100vw - var(--rail) - var(--gt2)));
}
.maplibregl-ctrl-attrib a{
color:var(--tx2);
}
.maplibregl-popup{
display:none;
}
.provenance{
display:flex;
flex-direction:column;
gap:var(--gd4);
margin:0 var(--gd2) var(--gap);
padding-top:var(--gd3);
font-size:var(--fz5);
color:var(--tx2);
border-top:var(--bw1) solid var(--bc2);
}
.survey{
color:var(--tx1);
}
.provenance a{
color:var(--cl1);
text-decoration:underline;
}
.linkbtn{
align-self:flex-start;
padding:0;
font-size:var(--fz5);
color:var(--cl1);
text-decoration:underline;
text-align:left;
}
.linkbtn:hover{
color:var(--icf);
}
.stack{
display:flex;
flex:none;
flex-direction:column;
margin:0 var(--gd2);
overflow:hidden;
border:var(--bw1) solid var(--bc2);
}
.stack-item{
display:flex;
flex-direction:column;
gap:var(--gd8);
min-height:var(--iz1);
padding:var(--gd3);
text-align:left;
transition:background-color .15s;
}
.stack-item+.stack-item{
border-top:var(--bw1) solid var(--bc2);
}
.stack-item:hover{
background-color:var(--hv1);
}
.stack-item.on{
background-color:var(--icb);
}
.stack-name{
font-weight:500;
color:var(--tx1);
}
.stack-sub{
font-size:var(--fz5);
color:var(--tx2);
}
.stack-more{
padding:var(--gd4) var(--gd2) 0;
font-size:var(--fz5);
}
.insights{
display:flex;
flex-direction:column;
margin:var(--gd3) 0 0;
border-top:var(--bw1) solid var(--bc2);
}
.ins{
border-bottom:var(--bw1) solid var(--bc2);
}
.ins summary{
display:grid;
grid-template-columns:20px minmax(0,1fr) 16px;
align-items:center;
column-gap:var(--gd3);
min-height:var(--iz1);
padding:var(--gd4) var(--gd2);
list-style:none;
background-color:var(--tint);
cursor:pointer;
transition:background-color .15s;
}
.ins summary:hover{
background-color:var(--tint2);
}
.ins summary::-webkit-details-marker{
display:none;
}
.ins summary:hover .ins-title{
color:var(--cl1);
}
.ins-icon{
grid-column:1;
grid-row:1;
color:var(--tx2);
}
.ins-title{
grid-column:2;
grid-row:1;
min-width:0;
font-weight:500;
transition:color .15s;
}
.ins-sum{
grid-column:2;
grid-row:2;
min-width:0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:var(--tx2);
}
.ins-sum:empty{
display:none;
}
.ins-chev{
grid-column:3;
grid-row:1;
color:var(--tx3);
transition:transform .2s;
}
.ins[open] .ins-chev{
transform:rotate(180deg);
}
.ins.pending summary{
pointer-events:none;
color:var(--tx3);
}
.ins.pending .ins-sum{
color:var(--tx3);
}
.ins .kv{
padding:var(--gd4) var(--gd2) var(--gd3);
}
.ins-credit,.ins-gap{
padding:0 var(--gd2) var(--gd3);
font-size:var(--fz5);
color:var(--tx3);
}
.ins-gap{
color:var(--tx2);
}
.ins-error{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--gd4);
padding:var(--gd3) var(--gd2);
font-size:var(--fz5);
color:var(--tx2);
border-bottom:var(--bw1) solid var(--bc2);
}
.ins-error .linkbtn{
align-self:center;
}
.ins-live{
display:flex;
flex-direction:column;
}
.link-row{
display:flex;
align-items:center;
gap:var(--gd3);
min-height:var(--iz1);
padding:var(--gd4) var(--gd2);
color:var(--tx1);
text-decoration:none;
transition:background-color .15s;
}
.link-row+.link-row{
border-top:var(--bw1) solid var(--bg2);
}
.link-row:hover{
background-color:var(--hv1);
}
.link-row:hover .link-name{
color:var(--cl1);
}
.link-text{
display:flex;
flex:1;
flex-direction:column;
min-width:0;
}
.link-name{
font-weight:500;
overflow-wrap:anywhere;
}
.link-sub{
font-size:var(--fz5);
color:var(--tx2);
}
.link-ext{
flex:none;
color:var(--tx3);
}
.links{
padding-bottom:var(--gd4);
}
.panel-link{
display:inline-block;
align-self:flex-start;
padding:var(--gd3) var(--gd2) var(--gd6);
font-size:var(--fz5);
color:var(--cl1);
text-decoration:none;
}
.panel-link:hover{
text-decoration:underline;
}
.report{
width:min(440px,calc(100vw - var(--gap)));
max-height:calc(var(--vvh) - var(--gap));
padding:var(--gap);
overflow-y:auto;
color:var(--tx1);
background-color:var(--bg1);
border:0;
border-radius:var(--br7);
box-shadow:var(--bs2);
}
.report::backdrop{
background-color:rgba(32,33,36,.5);
}
.report-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--gd3);
}
.report-title{
margin:0;
font-size:var(--fz1);
font-weight:var(--fw1);
}
.report-target{
margin-top:var(--gd8);
font-size:var(--fz5);
color:var(--tx2);
}
.report-label{
display:flex;
flex-direction:column;
gap:var(--gd6);
margin-top:var(--gd3);
font-size:var(--fz5);
color:var(--tx2);
}
.report-label select,
.report-label input,
.report-label textarea{
width:100%;
padding:var(--gd4);
font:inherit;
font-size:max(var(--fz3),16px);
color:var(--tx1);
background-color:var(--bg1);
border:var(--bw1) solid var(--bc2);
border-radius:var(--br6);
}
.report-label textarea{
resize:vertical;
}
.report-label select:focus-visible,
.report-label input:focus-visible,
.report-label textarea:focus-visible{
outline:2px solid var(--cl1);
outline-offset:-1px;
}
.report-note{
margin-top:var(--gd3);
font-size:var(--fz5);
color:var(--tx2);
}
.report .actions{
padding:var(--gd3) 0 0;
}
@media (pointer:coarse){
.icon-btn,.pid .icon-btn{
width:44px;
height:44px;
}
.pid .icon-btn{
margin:-10px 0;
}
.maplibregl-ctrl-group button{
width:44px;
height:44px;
}
.choices label{
min-height:44px;
}
.chip{
min-height:36px;
padding:var(--gd8) var(--gd3);
}
.linkbtn{
display:inline-flex;
align-items:center;
min-height:44px;
}
.kv-val a,.provenance a{
display:inline-block;
padding:10px 0;
margin:-10px 0;
}
}
@media (max-width:799px) and (orientation:portrait){
.maplibregl-ctrl-bottom-left{
z-index:2;
}
.maplibregl-ctrl-bottom-right:has(.maplibregl-compact-show){
bottom:calc(24px + var(--sab) + var(--sheet));
}
.maplibregl-ctrl-bottom-right{
bottom:calc(var(--gd4) + var(--sab) + var(--sheet));
right:calc(var(--gd2) + var(--sar));
z-index:2;
transition:bottom var(--dur);
}
body.info-open{
--rail:0px;
}
.topbar{
width:calc(100% - var(--gap) - var(--sal) - var(--sar));
max-width:none;
}
.panel-head{
display:flex;
}
.layers,.info{
top:auto;
right:0;
bottom:0;
left:0;
width:100%;
max-width:100%;
border-radius:0;
}
.layers{
max-height:calc(var(--vvh) - var(--iz2) - var(--gt2) - var(--sat));
padding-bottom:calc(var(--gd3) + var(--sab));
}
.info{
top:auto;
bottom:0;
height:var(--sheet);
overflow:hidden;
transition:height var(--dur);
}
.info.dragging{
transition:none;
}
.info[data-state="peek"] .info-body,.info[data-state="half"] .info-body{
overflow:hidden;
}
.sheet-grip{
position:relative;
z-index:2;
display:flex;
flex:none;
align-items:center;
justify-content:center;
width:100%;
height:44px;
margin-bottom:-22px;
padding-bottom:22px;
touch-action:none;
}
.sheet-grip span{
width:36px;
height:4px;
background-color:#c4c9d0;
border-radius:var(--br9);
}
.sheet-toggle{
display:inline-flex;
}
.info-foot{
display:flex;
flex:none;
gap:var(--gd4);
padding:var(--gd4) var(--gd2) calc(var(--gd4) + var(--sab));
background-color:var(--bg1);
border-top:var(--bw1) solid var(--bc2);
}
.info-foot .btn{
flex:1;
min-height:44px;
border-radius:var(--br9);
}
.info .actions{
display:none;
}
.maplibregl-ctrl-top-right{
top:calc(var(--iz2) + var(--gap) + var(--sat));
}
.hint,.toast{
left:50%;
max-width:calc(100% - var(--gt2));
}
}
@media (prefers-reduced-motion:reduce){
:root{
--dur:0s;
}
.icon-btn,.btn,.chip,.search,.stack-item,.ins-chev,.ins summary,.ins-title,.link-row,.pin svg,.toast{
transition:none;
}
.pin svg{
animation:none;
}
}