@font-face{
font-family:"Hanken Grotesk";
src:url(hanken-grotesk.woff2) format("woff2");
font-weight:100 900;
font-display:swap;
}
: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:8px;
--br4:8px;
--br6:4px;
--br7:calc(var(--br1) * .75);
--br9:9999px;
--fz1:18px;
--fz2:16px;
--fz3:16px;
--fz5:14px;
--fz6:12px;
--lh1:1.5;
--ul:2px;
--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 2.5 11.5 8l-7 5.5' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--ff1:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
--ff3:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
--fw1:600;
--bw1:1px;
--iz1:48px;
--control-size:50px;
--sz1:40px;
--sz2:32px;
--sz3:26px;
--pw1:400px;
--pw2:576px;
--panel:min(var(--pw1),100vw);
--bg1:#fff;
--bg2:#f1f3f4;
--bg3:#eceff3;
--tx1:#1f2328;
--tx2:#5b6572;
--tx3:#6b7280;
--tx4:#9aa1ab;
--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(31,35,40,.14),0 2px 3px rgba(31,35,40,.1);
--bs2:var(--bs1);
--glass:rgba(255,255,255,.3);
--glass-hover:rgba(255,255,255,.6);
--blur:blur(8px) saturate(1.4);
--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;
--vvt:0px;
--vvb:0px;
--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(--map-background,var(--bg3));
}
.map.space{
background:#2464ad;
}
.map-space{
position:absolute;
inset:0;
width:100%;
height:100%;
pointer-events:none;
display:none;
}
.map.space .map-space{
display:block;
}
.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:50%;
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,.result:focus-visible,.stack-item:focus-visible,.link-row:focus-visible,.linkbtn:focus-visible,.info summary:focus-visible,.prop 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;
}
.search-dismiss{
display:none;
position:fixed;
inset:0;
z-index:7;
}
body:has(.topbar.open) .search-dismiss{
display:block;
}
.account-menu{
position:absolute;
top:calc(var(--gd2) + var(--sat));
left:calc(var(--gd2) + var(--sal));
z-index:5;
}
.btn.map-account{
width:96px;
min-height:var(--control-size);
font-size:20px;
text-decoration:none;
box-shadow:var(--bs1);
list-style:none;
}
.map-account::-webkit-details-marker{
display:none;
}
.account-menu[open]{
z-index:7;
}
.account-dropdown{
--from:96px;
position:absolute;
top:0;
left:0;
z-index:1;
width:300px;
max-width:calc(100vw - var(--gap) - var(--sal) - var(--sar));
max-height:calc(100dvh - var(--control-size) - 2 * var(--gap) - var(--sat) - var(--sab));
overflow:auto;
padding:6px;
background:var(--bg1);
border-radius:var(--br4);
box-shadow:var(--bs1);
animation:account-grow .2s ease-out;
}
.account-menu:has(.has-profile) .account-dropdown{
--from:var(--control-size);
}
@keyframes account-grow{
from{
clip-path:inset(0 calc(100% - var(--from)) calc(100% - var(--control-size)) 0 round 25px);
background:var(--cl1);
}
to{
clip-path:inset(0 round var(--br4));
}
}
.account-dropdown>.account-close{
position:absolute;
top:8px;
right:8px;
justify-content:center;
width:36px;
min-height:0;
height:36px;
padding:0;
color:var(--tx2);
border-radius:50%;
}
.account-dropdown>.account-close:hover{
color:var(--tx1);
}
.account-dropdown .account-providers{
max-width:none;
margin:0 6px 8px;
padding-bottom:12px;
border-bottom:1px solid var(--bc2);
}
.account-dropdown .account-providers .btn{
justify-content:flex-start;
padding:0 16px;
text-decoration:none;
}
.account-dropdown .account-providers>[hidden],.account-dropdown .account-providers[hidden]{
display:none;
}
.account-dropdown>a,.account-dropdown>button{
display:flex;
align-items:center;
gap:var(--gd2);
width:100%;
min-height:44px;
padding:8px 12px;
text-align:left;
font-size:var(--fz3);
color:var(--tx1);
text-decoration:none;
border-radius:var(--br4);
}
.account-dropdown>[hidden]{
display:none;
}
.account-dropdown>a:hover,.account-dropdown>button:hover{
background:var(--hv2);
}
.account-dropdown>a:focus-visible,.account-dropdown>button:focus-visible{
outline:2px solid var(--cl1);
outline-offset:-2px;
}
.account-dropdown>button:disabled{
opacity:.5;
cursor:wait;
}
.account-menu-heading{
padding:8px 48px 12px 12px;
margin-bottom:4px;
overflow-wrap:anywhere;
}
.account-menu-heading strong{
font-size:var(--fz2);
}
.account-menu:has(.has-profile) .account-menu-heading{
border-bottom:1px solid var(--bc2);
}
.account-menu-heading strong,.account-menu-heading span{
display:block;
}
.account-menu-heading span{
font-size:var(--fz5);
color:var(--tx2);
}
.account-dropdown .saved-badge{
position:static;
margin-left:auto;
}
.btn.map-account{
cursor:pointer;
}
.btn.map-account:not(.has-profile):hover{
background-color:var(--icf);
}
.btn.map-account.has-profile{
width:var(--control-size);
height:var(--control-size);
padding:0;
border-radius:50%;
overflow:hidden;
}
.map-account img{
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
}
.search-tools{
display:flex;
align-items:flex-start;
position:absolute;
top:calc(var(--gd2) + var(--sat));
left:calc((100% - var(--rail)) / 2);
transform:translateX(-50%);
width:min(480px,calc(100% - var(--rail) - 2 * (96px + var(--gap)) - var(--sal) - var(--sar)));
z-index:5;
transition:width .18s ease,left var(--dur);
}
.search-tools:has(.topbar.open){
z-index:8;
width:min(560px,calc(100% - var(--rail) - 2 * (96px + var(--gap)) - var(--sal) - var(--sar)));
}
.topbar{
position:relative;
width:100%;
min-width:0;
z-index:1;
}
.topbar.open{
z-index:8;
background-color:var(--bg1);
border-radius:calc(var(--control-size) / 2);
box-shadow:var(--bs2);
overflow:hidden;
}
.search{
display:flex;
align-items:center;
gap:var(--gd3);
min-height:var(--control-size);
padding:0 var(--gd4) 0 var(--gd2);
background-color:var(--bg1);
border-radius:var(--br9);
box-shadow:var(--bs1);
}
.topbar:not(.open) .search:focus-within{
outline:1.5px solid var(--tx1);
outline-offset:-1.5px;
}
.topbar.open .search{
border-radius:0;
border-bottom:var(--bw1) solid var(--bc2);
box-shadow:none;
}
.search-clear{
border-radius:50%;
width:44px;
height:44px;
}
.search-icon{
flex:none;
color:var(--tx2);
}
.search-input{
flex:1;
min-width:0;
min-height:var(--control-size);
padding:0;
font-family:var(--ff1);
font-size:var(--fz1);
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(--control-size) - var(--gt2) - var(--sat));
padding:0;
overflow-y:auto;
overscroll-behavior:contain;
}
.results.open{
display:block;
animation:drop-in .16s ease-out;
}
@keyframes drop-in{
from{
opacity:0;
transform:translateY(-4px);
}
}
.results-group{
padding:var(--gd2) calc(var(--gap) * .75) var(--gd6);
font-size:var(--fz6);
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--tx2);
}
.results-group+.result{
border-top:0;
}
.results-same{
padding:var(--gd2) calc(var(--gap) * .75);
font-size:var(--fz5);
color:var(--tx1);
background:var(--icb);
border-bottom:var(--bw1) solid var(--bc2);
}
.results-tip{
padding:var(--gd2) calc(var(--gap) * .75) var(--gd5);
font-size:var(--fz5);
color:var(--tx2);
border-top:var(--bw1) solid var(--bc2);
}
.result{
display:block;
width:100%;
min-height:var(--iz1);
padding:var(--gd5) calc(var(--gap) * .75);
text-align:left;
}
.result+.result{
border-top:var(--bw1) solid var(--bc2);
}
.result:hover{
background-color:var(--hv1);
}
.result.active{
background:linear-gradient(var(--cl1),var(--cl1)) left/3px 100% no-repeat,var(--icb);
}
.search-match{
background:rgba(224,180,65,.22);
color:inherit;
border-radius:0;
padding:0;
}
.result-name{
font-weight:600;
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{
display:inline-flex;
align-items:center;
height:22px;
padding:0 9px;
font-size:var(--fz6);
font-weight:600;
color:var(--tx2);
background-color:var(--bg2);
border:var(--bw1) solid var(--bc2);
border-radius:var(--br9);
white-space:nowrap;
}
.note{
margin:0 var(--gd2);
padding:var(--gd3);
font-size:var(--fz5);
color:var(--tx2);
background-color:var(--bg2);
}
.note.old-data{
margin-top:var(--gd3);
font-weight:var(--fw1);
color:var(--rd1);
background-color:var(--rb1);
}
.dnc{
display:inline-block;
padding:0 var(--gd6);
font-weight:var(--fw1);
color:var(--wht);
background-color:var(--rd1);
}
.contact-source{
padding:0 var(--gd2) var(--gd3);
}
.empty{
padding:var(--gd3) var(--gd2);
color:var(--tx2);
text-align:center;
}
.results-hint{
padding:var(--gd4) var(--gd2);
font-size:var(--fz5);
color:var(--tx2);
border-bottom:var(--bw1) solid var(--bc2);
}
.results-limit{
background:#fdf0e8;
color:#7c2d12;
}
.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);
}
.imagery-status{
position:absolute;
top:calc(var(--control-size) + var(--gap) + var(--sat));
left:calc(var(--gd2) + var(--sal));
max-width:calc(100% - var(--rail) - var(--control-size) - var(--gt2) - var(--sal) - var(--sar));
padding:var(--gd4) var(--gd2);
background:var(--bg1);
border-radius:var(--br4);
box-shadow:var(--bs1);
font-size:var(--fz5);
color:var(--tx2);
z-index:4;
}
.imagery-status button{
color:var(--cl1);
min-height:32px;
margin-left:var(--gd3);
}
.photo-years{
position:absolute;
bottom:calc(max(var(--attribution,20px),var(--sab)) + var(--gd2) + var(--sheet) + var(--vvb));
left:calc(50% - var(--rail) / 2);
transform:translateX(-50%);
display:flex;
align-items:center;
gap:var(--gd4);
width:min(420px,calc(100% - var(--rail) - var(--gt2) - var(--sal) - var(--sar)));
padding:var(--gd4) var(--gd3);
background:var(--bg1);
border-radius:var(--br4);
box-shadow:var(--bs1);
z-index:4;
transition:left var(--dur),bottom var(--dur);
}
.photo-years[hidden]{
display:none;
}
.no-data:not([hidden]) ~ .photo-years{
bottom:calc(max(var(--attribution,20px),var(--sab)) + var(--gd2) + var(--sheet) + var(--vvb) + var(--sz2) + var(--gd4));
}
.photo-years label{
flex:1;
display:flex;
flex-direction:column;
min-width:0;
font-size:var(--fz5);
color:var(--tx2);
}
.photo-years output{
font-weight:var(--fw1);
color:var(--tx1);
}
.photo-years input{
width:100%;
margin:var(--gd6) 0;
accent-color:var(--cl1);
}
.photo-years small{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.photo-years .icon-btn{
flex:none;
font-size:22px;
}
.panel-head .panel-title{
padding:0;
}
.layers,.saved{
top:calc(var(--gd2) + var(--sat));
right:calc(var(--rail) + var(--control-size) + var(--gap) + var(--sar));
width:var(--pw2);
max-width:calc(100% - var(--rail) - var(--control-size) - 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(--br4);
box-shadow:var(--bs1);
z-index:7;
transition:right var(--dur);
}
.saved{
width:var(--pw1);
}
.panel-title{
padding:var(--gd3) var(--gd2) var(--gd6);
font-size:var(--fz6);
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--tx2);
}
.choices{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
}
.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);
}
.choice-text{
min-width:0;
}
body.topo-on .no-data{
display:none;
}
.topo-swatch{
background:linear-gradient(135deg,#c9b79c 0 50%,#9a6a3a 50%);
}
.choice-text small{
display:block;
margin-top:2px;
font-size:var(--fz6);
line-height:1.25;
color:var(--tx2);
}
.layer-legend{
margin:var(--gd3) var(--gd2) 0;
padding-bottom:var(--gd3);
background:var(--bg3);
border:var(--bw1) solid var(--bc2);
border-radius:var(--br4);
}
.layer-legend[hidden]{
display:none;
}
.layer-legend .panel-title{
padding-left:var(--gd3);
}
.legend-row{
display:flex;
align-items:center;
gap:var(--gd3);
min-height:28px;
padding:0 var(--gd3);
font-size:var(--fz5);
}
.legend-mark{
position:relative;
flex:none;
width:22px;
height:12px;
color:var(--legend-color);
}
.legend-mark::after{
content:'';
position:absolute;
inset:5px 0 auto;
border-top:2px solid currentColor;
}
.legend-mark.dash::after{
border-top-style:dashed;
}
.legend-mark.imagery{
background:#3f4a3a;
border-radius:2px;
}
.legend-mark.thick::after{
top:4px;
border-top-width:4px;
}
.legend-mark.fill{
background:color-mix(in srgb,var(--legend-color) 35%,transparent);
border:1px solid var(--legend-color);
}
.legend-mark.fill::after,.legend-mark.point::after,.legend-mark.text::after{
display:none;
}
.legend-mark.point::before{
content:'';
position:absolute;
left:7px;
top:1px;
width:9px;
height:9px;
background:var(--legend-color);
border:1px solid var(--bg1);
border-radius:50%;
}
.legend-mark.text::before{
content:'Aa';
position:absolute;
inset:-3px 0 auto;
color:var(--legend-color);
font-size:12px;
font-weight:var(--fw1);
text-align:center;
}
.info{
top:var(--vvt);
right:0;
bottom:max(var(--vvb),var(--attribution,20px));
width:var(--panel);
container:info / inline-size;
}
.info-body{
line-height:var(--lh1);
flex:1;
min-height:0;
overflow-y:auto;
overscroll-behavior:contain;
}
.info-body :where(summary,h4,a,button,input,select,textarea){
scroll-margin-top:var(--section-end,0px);
}
.info-body details[open]>summary{
position:var(--section-position,sticky);
top:var(--section-top,0px);
z-index:var(--section-level,2);
}
.info-body details>summary{
scroll-margin-top:var(--section-top,0px);
}
.sheet-grip,.info-foot{
display:none;
}
.info-head{
display:flex;
align-items:flex-start;
gap:var(--gd4);
padding:var(--gd2) var(--gd4) var(--gd3) var(--gd2);
background-color:var(--bg1);
}
.info-head-text{
flex:1;
min-width:0;
}
.eyebrow{
font-size:var(--fz6);
font-weight:700;
letter-spacing:.08em;
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(--gd6) var(--gd2);
}
.kv-row{
display:grid;
grid-template-columns:minmax(6em,7.75em) 1fr;
gap:var(--gd3);
margin:0 calc(-1 * var(--gd2));
padding:var(--gd4) var(--gd2);
}
.parcel-summary{
line-height:1.4;
}
.parcel-summary>.kv-row{
padding-block:var(--gd8);
}
.kv-key{
color:var(--tx2);
}
.kv-val{
min-width:0;
overflow-wrap:anywhere;
font-variant-numeric:tabular-nums;
font-weight:var(--fw1);
}
.kv-val .muted,.kv-val .kv-key,.kv-row.off .kv-val{
font-weight:400;
}
.kv-val>div.muted{
margin:var(--gd4) 0;
}
.kv-val>div.muted:last-child{
margin-bottom:0;
}
.section-title{
padding:var(--gd3) var(--gd2) 0;
font-size:var(--fz6);
font-weight:700;
letter-spacing:.08em;
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;
}
}
.toast{
position:absolute;
left:calc(50% - var(--rail) / 2);
bottom:calc(var(--gap) + var(--gd2) + var(--sab) + var(--sheet));
transform:translateX(-50%);
z-index:9;
max-width:calc(100% - var(--rail) - var(--gt2) - var(--sal) - var(--sar));
padding:var(--gd3) var(--gd2);
color:var(--wht);
background-color:var(--tx1);
border-radius:var(--br4);
box-shadow:var(--bs1);
opacity:0;
pointer-events:none;
transition:opacity .2s,bottom var(--dur);
}
.toast.show{
opacity:1;
}
.no-data{
display:flex;
align-items:center;
gap:var(--gd3);
position:absolute;
bottom:calc(max(var(--attribution,20px),var(--sab)) + var(--gd2) + var(--sheet) + var(--vvb));
left:calc(50% - var(--rail) / 2);
transform:translateX(-50%);
z-index:4;
width:max-content;
max-width:calc(100% - var(--rail) - var(--gt2) - var(--sal) - var(--sar));
padding:var(--gd6) var(--gd6) var(--gd6) var(--gd2);
font-size:var(--fz5);
line-height:1.4;
color:var(--wht);
background-color:var(--tx1);
border-radius:var(--br4);
box-shadow:var(--bs1);
transition:opacity .2s,max-width var(--dur),bottom var(--dur);
}
.no-data[hidden]{
display:none;
}
.no-data:has(~ .toast.show){
opacity:0;
pointer-events:none;
}
.no-data-text{
min-width:0;
}
.no-data .panel-link{
flex:none;
align-self:center;
padding:0;
color:#8ab4f8;
text-decoration:underline;
text-underline-offset:2px;
}
.no-data .panel-link:focus-visible{
outline-color:#8ab4f8;
}
.no-data .icon-btn{
width:var(--sz3);
height:var(--sz3);
border-radius:50%;
color:rgba(255,255,255,.75);
}
.no-data .icon-btn:hover{
color:var(--wht);
background-color:rgba(255,255,255,.14);
}
.no-data .icon-btn:focus-visible{
outline-color:var(--wht);
}
.map-credit{
max-width:260px;
padding:var(--gd6) var(--gd4);
font-size:var(--fz6);
line-height:1.35;
color:var(--tx2);
background-color:rgba(255,255,255,.9);
}
.map-credit[hidden]{
display:none;
}
.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(--gd2);
}
.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(--glass);
-webkit-backdrop-filter:var(--blur);
backdrop-filter:var(--blur);
border-radius:var(--br4);
box-shadow:var(--bs1);
transition:background-color .12s ease;
}
.maplibregl-ctrl-group:not(:empty):hover{
background-color:var(--glass-hover);
}
.maplibregl-ctrl-group:has(> .maplibregl-ctrl-geolocate:disabled){
display:none;
}
.maplibregl-ctrl-group button{
width:var(--sz1);
height:var(--sz1);
}
.maplibregl-ctrl-group button.gis-layers-btn,.maplibregl-ctrl-group button.maplibregl-ctrl-geolocate,.maplibregl-ctrl-group button.topo-route-btn,.maplibregl-ctrl-group button.topo-tilt-btn{
border-radius:50%;
width:var(--control-size);
height:var(--control-size);
}
.maplibregl-ctrl-geolocate .maplibregl-ctrl-icon{
background-size:32px;
}
.maplibregl-ctrl-group button:focus:first-child,.maplibregl-ctrl-group button:focus:last-child,.maplibregl-popup-content,.maplibregl-popup-close-button{
border-radius:0;
}
.maplibregl-ctrl-group button+button{
border-top:var(--bw1) solid var(--bc2);
}
.maplibregl-ctrl-group button:not(:disabled):hover{
background-color:transparent;
}
.maplibregl-ctrl-group button.on,.maplibregl-ctrl-group button.on:not(:disabled):hover{
color:var(--wht);
background-color:var(--tx1);
}
.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(--wht);
}
.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,.maplibregl-ctrl-attrib.maplibregl-compact{
font-size:var(--fz5);
color:var(--tx2);
background-color:rgba(255,255,255,.9);
border-radius:0;
}
.maplibregl-ctrl-attrib .maplibregl-ctrl-attrib-button{
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);
}
.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{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--gd2);
padding:var(--gd4) var(--gd2) 0;
font-size:var(--fz5);
}
.stack-more .btn{
min-height:44px;
}
.insights{
display:flex;
flex-direction:column;
margin:var(--gd3) 0 0;
}
.info details>summary,.prop details:not(.maplibregl-ctrl)>summary{
--summary-bg:var(--tint);
--summary-hover:var(--tint2);
border-left:3px solid #8793a5;
display:grid;
grid-template-columns:20px minmax(0,1fr) auto;
align-items:center;
align-content:center;
column-gap:var(--gd3);
min-height:var(--iz1);
padding:var(--gd4) var(--gd2);
list-style:none;
background-color:var(--summary-bg);
cursor:pointer;
transition:background-color .15s;
}
.info details>summary:hover,.prop details:not(.maplibregl-ctrl)>summary:hover{
background-color:var(--summary-hover);
}
.info details>summary::-webkit-details-marker,.prop details:not(.maplibregl-ctrl)>summary::-webkit-details-marker{
display:none;
}
.info details>summary:hover .ins-title,.prop details:not(.maplibregl-ctrl)>summary:hover .ins-title{
color:var(--icf);
}
.info details details>summary,.prop details details>summary{
--summary-bg:var(--icb);
--summary-hover:#dce8fc;
border-left-color:var(--icf);
}
.info details details details>summary,.prop details details details>summary{
--summary-bg:#e1f1ee;
--summary-hover:#d0e8e3;
border-left-color:#087f78;
}
.ins-icon{
grid-column:1;
grid-row:1;
color:var(--tx2);
}
.ins-title{
grid-column:2;
grid-row:1;
min-width:0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-weight:500;
transition:color .15s;
}
.ins-sum{
display:none;
}
.ins-chev,.ins-spinner,.ins-state{
grid-column:3;
grid-row:1;
align-self:center;
color:var(--tx3);
transition:transform .2s;
}
.info details[open]>summary>.ins-chev,.prop details[open]:not(.maplibregl-ctrl)>summary>.ins-chev{
transform:rotate(180deg);
}
.ins.pending summary{
pointer-events:none;
color:var(--tx3);
}
.ins.off summary{
pointer-events:none;
}
.ins-state{
font-size:var(--fz3);
}
.ins.off .ins-icon,.ins.off .ins-title,.ins.off .ins-state,.kv-row.off .kv-key,.kv-row.off .kv-val{
color:var(--tx4);
}
.ins .kv{
padding:var(--gd4) var(--gd2) var(--gd3);
}
.ins-credit,.ins-gap{
overflow-wrap:anywhere;
padding:0 var(--gd2) var(--gd3);
font-size:var(--fz3);
color:var(--tx2);
}
.info-body details>:nth-child(1 of :not(summary,.parcel-filter-out)):is(.ins-credit,.ins-gap){
padding-top:var(--gd3);
}
.ins>.note{
margin-block:var(--gd3);
}
.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: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);
}
.office-badge{
display:inline-block;
margin:var(--gd8) var(--gd6) 0 0;
padding:0 var(--gd6);
font-weight:500;
color:var(--icf);
background-color:var(--icb);
border-radius:0;
}
.office-badge.off{
color:var(--rd1);
background-color:var(--rb1);
}
.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;
overscroll-behavior:contain;
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);
}
html:has(dialog:modal),html:has(dialog:modal) body{
overflow:hidden;
}
.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);
}
textarea{
resize:none;
}
.inquiry-trap{
position:absolute;
left:-10000px;
width:1px;
height:1px;
overflow:hidden;
}
.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;
}
.contact-page{
--fz1:20px;
--fz2:22px;
--fz3:17px;
--fz5:17px;
--fz6:15px;
display:block;
width:min(600px,calc(100vw - var(--gap)));
max-height:none;
overflow:visible;
overscroll-behavior:auto;
margin:var(--gap) auto;
padding:0;
font-size:var(--fz3);
border-radius:0;
box-shadow:none;
}
.contact-page.wide{
width:min(760px,calc(100vw - var(--gap)));
}
.contact-page .report-title{
font-size:30px;
line-height:1.2;
font-weight:700;
}
.contact-page h2{
margin:var(--gap) 0 var(--gd6);
font-size:var(--fz2);
line-height:1.3;
}
.contact-page p,.contact-page li{
line-height:1.5;
}
.contact-links{
padding:var(--gd4) var(--gd2);
color:var(--tx2);
}
.contact-page .contact-links{
padding-inline:0;
}
.contact-choice{
margin:var(--gd3) 0 0;
padding:0;
border:0;
}
.contact-check{
display:flex;
gap:var(--gd4);
align-items:flex-start;
margin-top:var(--gd3);
}
.contact-purpose{
padding:0 var(--gd2);
}
.contact-warn{
font-weight:var(--fw1);
color:var(--rd1);
}
.contact-actions{
align-items:center;
}
html:has(.contact-page),body:has(.contact-page){
height:auto;
overflow:auto;
}
body:has(.contact-page){
overflow:visible;
}
.contact-page [hidden]{
display:none;
}
.contact-page .btn{
text-decoration:none;
}
.contact-page .btn:disabled{
color:var(--tx3);
background-color:var(--bg2);
cursor:default;
}
.btn.danger{
color:var(--wht);
background-color:var(--rd1);
}
.account-providers{
display:flex;
flex-direction:column;
gap:var(--gd3);
max-width:400px;
margin-top:var(--gd2);
}
.account-providers .btn{
gap:var(--gd3);
}
.account-or{
display:flex;
align-items:center;
gap:var(--gd3);
max-width:400px;
color:var(--tx2);
}
.account-or::before,.account-or::after{
content:"";
flex:1;
border-top:var(--bw1) solid var(--bc2);
}
.account-email{
max-width:400px;
}
.account-email input[name=code]{
letter-spacing:.3em;
font-variant-numeric:tabular-nums;
}
.account-card,.plan-card{
margin-top:var(--gd2);
padding:var(--gd2);
border:var(--bw1) solid var(--bc2);
border-radius:var(--br4);
}
.account-plan{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
gap:var(--gd4);
font-size:var(--fz1);
}
.account-plan strong{
font-weight:var(--fw1);
}
.account-card>p{
margin:var(--gd6) 0 0;
font-size:var(--fz5);
}
.account-usage{
margin:var(--gd3) 0 0;
font-size:var(--fz5);
}
.account-usage div{
display:flex;
justify-content:space-between;
gap:var(--gd3);
padding:var(--gd6) 0;
border-top:var(--bw1) solid var(--bc2);
}
.account-usage dt{
color:var(--tx2);
}
.account-usage dd{
margin:0;
font-weight:var(--fw1);
font-variant-numeric:tabular-nums;
white-space:nowrap;
}
.account-card .actions{
padding:var(--gd3) 0 0;
}
.account-delete{
margin-top:var(--gd2);
}
.account-delete summary{
display:inline-flex;
align-items:center;
min-height:44px;
font-size:var(--fz5);
color:var(--rd1);
cursor:pointer;
}
.pricing-page{
width:min(1200px,calc(100vw - var(--gap)));
margin-top:56px;
margin-bottom:96px;
}
.pricing-hero{
max-width:640px;
margin:0 auto;
text-align:center;
}
.pricing-hero .report-title{
font-size:40px;
letter-spacing:-.02em;
}
.pricing-hero .report-note{
margin:var(--gd2) 0 0;
font-size:18px;
}
.plan-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:var(--gd2);
margin-top:var(--gd2);
}
.plan-card{
display:flex;
flex-direction:column;
margin:0;
}
.plan-card.current{
border-color:var(--cl1);
}
.plan-card h2{
margin:0;
font-size:var(--fz1);
}
.plan-price{
margin:var(--gd6) 0 0;
font-size:var(--fz5);
color:var(--tx2);
}
.plan-price strong{
font-size:var(--fz1);
color:var(--tx1);
}
.plan-card>.muted{
margin:var(--gd4) 0 0;
font-size:var(--fz5);
}
.plan-card ul{
margin:var(--gd3) 0 0;
padding-left:1.2em;
font-size:var(--fz5);
list-style-type:circle;
}
.plan-card li{
margin-top:var(--gd6);
}
.plan-action{
margin-top:auto;
padding-top:var(--gd2);
}
.plan-action .btn{
width:100%;
}
.pricing-page .plan-grid{
margin-top:56px;
row-gap:32px;
}
.pricing-page .plan-card{
position:relative;
display:grid;
grid-row:span 5;
grid-template-rows:subgrid;
row-gap:0;
padding:32px 24px 24px;
background-color:var(--bg1);
border:1px solid var(--bc2);
border-radius:var(--br4);
}
.pricing-page .plan-card.featured{
border:2px solid var(--cl1);
padding:31px 23px 23px;
box-shadow:var(--bs1);
}
.pricing-page .plan-card.current:not(.featured){
border-color:var(--tx4);
}
.plan-badge{
position:absolute;
top:0;
left:50%;
margin:0;
padding:4px 12px;
font-size:12px;
font-weight:var(--fw1);
line-height:1.5;
letter-spacing:.04em;
text-transform:uppercase;
white-space:nowrap;
color:var(--tx1);
background-color:var(--bg2);
border-radius:var(--br9);
transform:translate(-50%,-50%);
}
.featured>.plan-badge{
color:var(--wht);
background-color:var(--cl1);
}
.pricing-page .plan-card h2{
margin:0;
font-size:18px;
font-weight:var(--fw1);
}
.pricing-page .plan-price{
margin:var(--gd3) 0 0;
font-size:16px;
}
.pricing-page .plan-price strong{
font-size:40px;
font-weight:700;
line-height:1.2;
letter-spacing:-.02em;
}
.pricing-page .business-card .plan-price strong{
font-size:28px;
line-height:48px;
}
.pricing-page .plan-card>.muted{
margin:var(--gd3) 0 0;
font-size:16px;
line-height:1.5;
}
.pricing-page .plan-card ul{
margin:var(--gap) 0 0;
padding:var(--gap) 0 0;
list-style:none;
border-top:1px solid var(--bc2);
}
.pricing-page .plan-card li{
position:relative;
margin:0;
padding:4px 0 4px 28px;
font-size:15px;
line-height:1.45;
}
.pricing-page .plan-card li::before{
content:"";
position:absolute;
top:9px;
left:4px;
width:5px;
height:10px;
border:solid var(--cl1);
border-width:0 2px 2px 0;
transform:rotate(45deg);
}
.pricing-page .plan-card li.plan-off{
color:var(--tx3);
}
.pricing-page .plan-card li.plan-off::before{
top:13px;
left:2px;
width:10px;
height:0;
border-width:2px 0 0;
border-color:var(--tx4);
transform:none;
}
.pricing-page .plan-action{
padding-top:var(--gap);
}
.pricing-page .plan-action .btn{
min-height:44px;
font-weight:var(--fw1);
}
.pricing-more{
margin:var(--gap) 0 0;
text-align:center;
color:var(--tx2);
}
.pricing-faq{
max-width:760px;
margin:96px auto 0;
}
.contact-page .pricing-faq h2{
margin:0 0 var(--gd2);
font-size:28px;
font-weight:700;
letter-spacing:-.01em;
text-align:center;
}
.pricing-faq details{
border-bottom:1px solid var(--bc2);
}
.pricing-faq summary{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--gd2);
min-height:64px;
padding:var(--gd2) 0;
font-size:18px;
font-weight:var(--fw1);
list-style:none;
cursor:pointer;
}
.pricing-faq summary::-webkit-details-marker{
display:none;
}
.pricing-faq summary::after{
content:"";
flex:none;
width:18px;
height:18px;
margin-right:2px;
background:var(--tx2);
-webkit-mask:var(--arrow) center/contain no-repeat;
mask:var(--arrow) center/contain no-repeat;
transition:transform .2s;
}
.pricing-faq details[open] summary::after{
transform:rotate(90deg);
}
.pricing-faq summary:hover{
text-decoration:underline;
text-decoration-thickness:var(--ul);
text-underline-offset:4px;
}
.pricing-faq details p{
margin:0;
padding:0 32px var(--gap) 0;
font-size:16px;
color:var(--tx2);
}
@media (max-width:1040px){
.pricing-page .plan-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media (max-width:640px){
.pricing-page{
margin-top:32px;
}
.pricing-hero .report-title{
font-size:32px;
}
.pricing-page .plan-grid{
grid-template-columns:minmax(0,1fr);
margin-top:40px;
}
.pricing-faq{
margin-top:64px;
}
}
.menu-account{
display:flex;
align-items:center;
gap:var(--gd4);
padding:var(--gd3) var(--gd2) 0;
}
.menu-account .btn{
flex:none;
text-decoration:none;
}
.menu-account-link{
display:flex;
flex:1;
flex-direction:column;
min-width:0;
font-size:var(--fz6);
color:var(--tx2);
text-decoration:none;
}
.menu-account-link strong{
overflow:hidden;
font-size:var(--fz5);
font-weight:var(--fw1);
color:var(--tx1);
text-overflow:ellipsis;
white-space:nowrap;
}
a.menu-account-link:hover strong{
text-decoration:underline;
}
.admin-scroll{
overflow-x:auto;
}
.admin-table{
border-collapse:collapse;
font-size:var(--fz5);
}
.admin-table th,.admin-table td{
padding:var(--gd6) var(--gd4);
text-align:left;
vertical-align:top;
border-bottom:var(--bw1) solid var(--bc2);
}
.admin-form{
margin-top:var(--gap);
}
.admin-pre{
font-size:var(--fz5);
white-space:pre-wrap;
}
@media (pointer:coarse){
.key-hint{
display:none;
}
.icon-btn,.pid .icon-btn{
width:44px;
height:44px;
}
.pid .icon-btn{
margin:-10px 0;
}
.no-data .icon-btn{
width:44px;
height:44px;
margin:-9px -4px -9px -9px;
}
.no-data .panel-link{
padding:12px 0;
margin:-12px 0;
}
.maplibregl-ctrl-group button{
width:44px;
height:44px;
}
.choices label{
min-height:44px;
}
.linkbtn{
display:inline-flex;
align-items:center;
min-height:44px;
}
.kv-val a,.provenance a{
display:inline-block;
padding:10px 0;
margin:-10px 0;
}
.contact-links a{
display:inline-block;
padding:12px 0;
margin:-12px 0;
}
.account-dropdown>.account-close{
top:4px;
right:4px;
width:44px;
height:44px;
}
.maplibregl-ctrl-attrib .maplibregl-ctrl-attrib-button{
top:-10px;
right:-10px;
width:44px;
height:44px;
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
}
}
@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;
}
.account-menu{
top:calc(var(--control-size) + var(--gap) + var(--sat));
}
.imagery-status{
top:calc(2 * (var(--control-size) + var(--gd2)) + var(--gd2) + var(--sat));
}
.search-tools{
width:calc(100% - var(--gap) - var(--sal) - var(--sar));
}
.search-tools:has(.topbar.open){
top:0;
left:0;
transform:none;
width:100%;
}
.search-tools:has(.topbar.open) .topbar{
border-radius:0;
}
.topbar.open .search-clear{
display:inline-flex;
}
.search-tools:has(.topbar.open) .search{
padding-top:var(--sat);
}
.search-tools:has(.topbar.open) .results{
height:calc(var(--vvh) - var(--control-size) - var(--sat));
max-height:none;
}
.topbar{
width:100%;
}
.panel-head{
display:flex;
}
.layers,.saved,.info{
top:auto;
right:0;
bottom:0;
left:0;
width:100%;
max-width:100%;
border-radius:0;
}
.layers,.saved{
left:calc(var(--gd2) + var(--sal));
right:calc(var(--gd2) + var(--sar));
bottom:calc(var(--gd2) + var(--sab));
width:auto;
border-radius:var(--br4);
max-height:calc(var(--vvh) - var(--control-size) - var(--gt2) - var(--sat));
padding-bottom:calc(var(--gd3) + var(--sab));
}
.info{
top:auto;
bottom:var(--vvb);
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{
display:flex;
flex:none;
align-items:center;
justify-content:center;
width:100%;
height:44px;
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-wrap:wrap;
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 1 auto;
white-space:nowrap;
padding-inline:var(--gd3);
min-height:44px;
border-radius:var(--br9);
}
.info .actions:not(.contact-actions),.saved-body>.panel-title:first-child{
display:none;
}
.maplibregl-ctrl-top-right{
top:calc(var(--control-size) + var(--gap) + var(--sat));
display:flex;
flex-direction:column;
flex-wrap:wrap-reverse;
align-content:flex-start;
column-gap:var(--gd2);
max-height:calc(var(--vvh) - var(--sheet) - var(--control-size) - var(--gt2) - var(--sat) - var(--sab) - 20px);
}
.toast{
left:50%;
max-width:calc(100% - var(--gt2));
}
}
@media (prefers-reduced-motion:reduce){
:root{
--dur:0s;
}
.icon-btn,.btn,.search,.stack-item,.ins-chev,.ins summary,.ins-title,.link-row,.pin svg,.toast{
transition:none;
}
.account-dropdown{
animation:none;
}
.pin svg{
animation:none;
}
}
.info .note,.prop .note{
overflow-wrap:anywhere;
font-size:var(--fz3);
}
.context-body{
padding:0 var(--gd2) var(--gd3);
}
.info a,.info .linkbtn,.results a,.prop a,.prop .linkbtn{
font-size:inherit;
color:var(--cl1);
text-decoration:none;
}
.info a:hover,.info .linkbtn:hover,.results a:hover,.prop a:hover,.prop .linkbtn:hover{
text-decoration:underline;
}
.context-capability>.note,.context-sources>.note,.context-item>.note,.context-item>strong{
display:block;
margin:0;
padding:var(--gd4) var(--gd2);
background:none;
}
.context-item{
overflow-wrap:anywhere;
}
.history{
margin:0;
padding:var(--gd3) var(--gd2);
list-style:none;
}
.history-item{
position:relative;
padding:0 0 var(--gd3) var(--gap);
overflow-wrap:anywhere;
}
.history-item:last-child{
padding-bottom:0;
}
.history-item::before{
content:"";
position:absolute;
top:.35em;
left:2px;
box-sizing:border-box;
width:11px;
height:11px;
border:2px solid var(--tx3);
border-radius:50%;
background:var(--bg1);
}
.history-item:not(:last-child)::after{
content:"";
position:absolute;
top:calc(.35em + 13px);
bottom:2px;
left:7px;
border-left:var(--bw1) solid var(--bc2);
}
.history-item[data-status="pending"]::before{
border-style:dashed;
border-color:var(--tx4);
}
.history-when,.history-meta{
font-size:var(--fz5);
color:var(--tx2);
}
.history-what{
font-weight:var(--fw1);
}
.context-pending{
color:var(--tx2);
}
.context-pending>summary>.ins-sum{
display:block;
grid-column:2;
grid-row:2;
font-size:var(--fz5);
white-space:normal;
}
.info-ai,.info-ask{
display:none;
}
.info:has(.parcel-ai) .info-ask{
display:flex;
flex:none;
align-items:center;
justify-content:center;
gap:var(--gd2);
min-height:var(--control-size);
margin:var(--gd2) var(--gd2) calc(var(--gd2) + var(--sab));
padding:0 var(--gap);
}
.info[data-view="ai"] .info-body,.info[data-view="ai"] .info-foot,.info[data-view="ai"] .info-ask{
display:none;
}
.info[data-state="peek"] :is(.topic-nav,.parcel-filter,.parcel-filter-empty,.info-ask){
display:none;
}
.info[data-view="ai"] .info-ai{
display:flex;
flex:1;
min-height:0;
}
.parcel-ai{
display:flex;
flex-direction:column;
width:100%;
min-height:0;
}
.ask-head{
padding-bottom:var(--gd2);
}
.ask-nav{
display:flex;
align-items:center;
gap:var(--gd3);
}
.ask-nav .btn,.ask-nav .icon-btn{
min-height:44px;
}
.ask-nav .btn{
border-radius:var(--br4);
}
.ask-nav svg{
width:24px;
height:24px;
flex:none;
}
.ask-nav [data-ask-back]{
gap:var(--gd3);
margin-right:auto;
padding-inline:var(--gd2) var(--gd5);
border-radius:var(--br9);
}
.ask-head h2{
margin:var(--gd2) 0 var(--gd3);
font-size:var(--fz1);
}
.ask-head .note{
font-size:var(--fz5);
}
.ask-title{
display:flex;
align-items:center;
gap:var(--gd4);
margin:var(--gd2) 0 var(--gd3);
}
.ask-head .ask-title h2{
margin:0;
}
.ask-info{
position:relative;
}
.ask-info .icon-btn{
width:32px;
height:32px;
}
.parcel-ai .ask-info-pop{
display:none;
position:absolute;
top:100%;
left:0;
z-index:5;
width:min(280px,calc(100vw - 96px));
margin:var(--gd4) 0 0;
padding:var(--gd3);
font-size:var(--fz5);
line-height:var(--lh1);
color:var(--tx1);
background:var(--bg1);
border:1px solid var(--bc2);
border-radius:var(--br4);
box-shadow:var(--bs2);
}
.ask-info [aria-expanded="true"]+.ask-info-pop{
display:block;
}
@media (hover:hover){
.ask-info:hover .ask-info-pop{
display:block;
}
}
.ask-content{
line-height:var(--lh1);
flex:1;
min-height:0;
overflow-y:auto;
overscroll-behavior:contain;
padding:var(--gd2);
}
.ask-card h4{
margin:0 0 var(--gd3);
font-size:var(--fz3);
}
.parcel-ai p{
margin:var(--gd2) 0;
}
.parcel-ai .note{
margin:var(--gd4) 0;
padding:0;
background:none;
}
.ask-status:empty{
display:none;
}
.ask-form{
display:grid;
grid-template-columns:minmax(0,1fr);
align-items:end;
flex:none;
margin:var(--gd2) var(--gd2) 0;
border:3px solid var(--bc2);
border-radius:var(--br4);
background:var(--tint);
transition:border-color .15s;
}
.ask-form:focus-within{
border-color:var(--cl1);
}
.ask-form textarea{
display:block;
width:100%;
height:80px;
min-height:80px;
max-height:clamp(80px,calc(var(--vvh) * .35),240px);
overflow-y:auto;
overscroll-behavior:contain;
overflow-wrap:anywhere;
resize:none;
font:inherit;
padding:var(--gd2);
border:0;
border-radius:inherit;
outline:none;
color:var(--tx1);
background:transparent;
}
.ask-form textarea:disabled{
opacity:1;
-webkit-text-fill-color:var(--tx2);
}
.ask-form .btn{
justify-self:end;
margin:0 var(--gd3) var(--gd3);
width:64px;
min-height:44px;
border-radius:var(--br4);
}
.ask-form .btn[hidden]{
display:none;
}
.parcel-ai .ask-disclaimer{
flex:none;
margin:var(--gd4) var(--gd2) calc(var(--gd3) + var(--sab));
font-size:var(--fz5);
text-align:center;
color:var(--tx2);
}
.ask-status{
color:var(--tx2);
font-size:var(--fz5);
}
.ask-points{
margin:var(--gd2) 0;
padding-left:1.2em;
}
.ask-points li{
margin:var(--gd3) 0;
}
.ask-question{
font-weight:var(--fw1);
}
.ask-card{
padding:var(--gd2) 0;
border-bottom:var(--bw1) solid var(--bc2);
overflow-wrap:anywhere;
}
.ask-card .kv{
padding:0;
}
.ask-card .kv-row{
display:block;
margin:0;
padding:var(--gd4) 0;
}
.ask-card .kv-key{
font-size:var(--fz5);
}
.ask-card .kv-val{
min-width:0;
}
.ask-card .kv-row:has(>.kv-val .kv-row)>.kv-key{
font-weight:var(--fw1);
}
.ask-card a{
color:var(--cl1);
}
.context-item .kv-val .kv-row{
display:block;
}
.ask-answer{
overflow-wrap:anywhere;
}
.ask-turn+.ask-turn{
margin-top:var(--gd2);
padding-top:var(--gd2);
border-top:var(--bw1) solid var(--bc2);
}
.ask-turn>.btn{
margin:var(--gd4) 0;
}
.ask-clear{
margin:var(--gd2) 0;
}
.ask-status.pending{
padding:var(--gd2) 0;
font-size:inherit;
color:var(--tx1);
}
.ask-loading{
display:flex;
align-items:center;
gap:var(--gd2);
color:var(--tx2);
}
.ask-spinner,.ins-spinner{
width:20px;
height:20px;
flex:none;
border:2px solid var(--bc2);
border-top-color:var(--cl1);
border-radius:50%;
animation:ask-spin .8s linear infinite;
}
.ins-spinner{
width:22px;
height:22px;
border-width:3px;
}
.ask-reveal{
animation:ask-reveal .25s ease-out;
}
@keyframes ask-spin{
to{transform:rotate(360deg);}
}
@keyframes ask-reveal{
from{opacity:0;transform:translateY(6px);}
to{opacity:1;transform:translateY(0);}
}
@media (prefers-reduced-motion:reduce){
.ask-spinner,.ins-spinner,.ask-reveal{
animation:none;
}
.ask-form{
transition:none;
}
}
@container info (max-width:26em){
.kv-row{
grid-template-columns:minmax(0,1fr);
gap:var(--gd8);
}
.parcel-summary>.kv-row{
gap:0;
}
}
.topic-nav{
display:flex;
align-items:stretch;
background:var(--icb);
position:relative;
flex:none;
z-index:102;
}
.topic-nav[hidden]{
display:none;
}
.topic-menu{
flex:1;
min-width:0;
}
.topic-nav>[data-close]{
width:var(--control-size);
height:auto;
color:var(--icf);
}
.topic-nav>[data-close] svg{
width:22px;
height:22px;
}
.parcel-filter{
display:flex;
flex:none;
min-height:var(--control-size);
background:var(--bg2);
}
.parcel-filter input{
appearance:none;
width:100%;
min-width:0;
height:var(--control-size);
margin:0;
padding:0 var(--gd2);
border:0;
border-radius:0;
background:transparent;
color:var(--tx1);
font:inherit;
outline:none;
outline-offset:-2px;
}
.parcel-filter input:focus-visible{
outline:2px solid var(--cl1);
}
.parcel-filter input::-webkit-search-cancel-button{
-webkit-appearance:none;
}
.parcel-filter button{
width:var(--control-size);
height:var(--control-size);
flex:none;
}
.parcel-filter-empty{
margin:0;
padding:var(--gd2);
color:var(--tx2);
}
.parcel-filter[hidden],.parcel-filter [hidden],.parcel-filter-empty[hidden],.parcel-filter-out{
display:none!important;
}
.info .topic-menu>summary{
--summary-bg:var(--icb);
--summary-hover:#dce8fc;
grid-template-columns:minmax(0,1fr) 22px;
min-height:var(--control-size);
border-left:0;
border-radius:0;
color:var(--icf);
}
.topic-menu>summary .ins-title{
grid-column:1;
font-weight:var(--fw1);
}
.topic-menu>summary .ins-chev{
grid-column:2;
color:inherit;
}
.topic-options{
position:absolute;
top:100%;
left:0;
right:0;
max-height:min(60vh,440px);
overflow-y:auto;
overscroll-behavior:contain;
background:var(--bg1);
border-radius:var(--br4);
box-shadow:var(--bs2);
}
.topic-options button{
display:block;
width:100%;
min-height:var(--iz1);
padding:var(--gd3) var(--gd2);
text-align:left;
transition:background-color .15s;
}
.topic-options button:hover,.topic-options button:focus-visible{
background:var(--icb);
color:var(--icf);
outline-offset:-2px;
}
.context-capability>summary h4{
margin:0;
font:inherit;
font-weight:var(--fw1);
}
.context-capability>summary{
padding:var(--gd3) var(--gd2);
}
.maplibregl-ctrl-group:has(.gis-layers-btn),.maplibregl-ctrl-group:has(.maplibregl-ctrl-geolocate),.maplibregl-ctrl-group:has(.topo-route-btn),.maplibregl-ctrl-group:has(.topo-tilt-btn),.maplibregl-ctrl-group button.gis-layers-btn:focus,.maplibregl-ctrl-group button.maplibregl-ctrl-geolocate:focus{
border-radius:50%;
}
.info[data-view="ai"] .topic-nav,.info[data-view="ai"] .parcel-filter,.info[data-view="ai"] .parcel-filter-empty{
display:none;
}
@container info (max-width:18em){
.info-head{
display:grid;
grid-template-columns:1fr auto auto;
}
.info-head-text{
grid-column:1 / -1;
grid-row:2;
}
.info-head>.icon-btn{
grid-row:1;
}
.info-head>.sheet-toggle{
grid-column:2;
}
.info-head>.icon-btn:not(.sheet-toggle){
grid-column:3;
}
}
.land-tools{
flex:none;
max-height:calc(100% - var(--control-size));
overflow-y:auto;
overscroll-behavior:contain;
padding:var(--gd2) var(--gd2) calc(var(--gd2) + var(--sab));
background:var(--bg1);
font-size:var(--fz5);
}
.land-tools[hidden],.land-tools [hidden]{
display:none;
}
.land-tools p{
margin:var(--gd4) 0 var(--gd2);
}
.land-tools-actions{
display:flex;
flex-wrap:wrap;
gap:var(--gd4);
}
.land-tools-actions .btn{
min-height:44px;
text-decoration:none;
}
.info .land-tools a.primary{
color:var(--bg1);
}
.info:has(.land-tools:not([hidden])) .info-foot,.info:has(.land-tools:not([hidden])) .info-ask{
display:none;
}
.land-selector{
position:absolute;
inset:0;
z-index:3;
touch-action:none;
cursor:crosshair;
}
.land-selector[hidden]{
display:none;
}
.land-selector.measuring .land-selector-box{
border-color:#0f766e;
background:rgba(15,118,110,.22);
}
.land-selector.removing .land-selector-box{
border-color:#b45309;
background:rgba(180,83,9,.1);
}
.land-selector-box{
position:absolute;
border:2px solid var(--cl1);
background:rgba(26,115,232,.14);
pointer-events:none;
}
@media (max-width:799px) and (orientation:portrait){
.info:has(.land-tools.selecting){
height:auto;
max-height:45%;
}
.info:has(.land-tools.selecting) .parcel-filter,.info:has(.land-tools.selecting) .parcel-filter-empty,.info:has(.land-tools.selecting) .info-body,.info:has(.land-tools.selecting) .topic-nav,.info:has(.land-tools.selecting) .sheet-grip{
display:none;
}
.info:has(.land-tools.selecting) .land-tools{
max-height:none;
}
}
@media (max-width:799px) and (orientation:portrait) and (max-height:700px){
.land-tools:not(.selecting) [data-land-hint]{
display:none;
}
}
.map.control-select .maplibregl-canvas,.map.control-select .pin{
cursor:default!important;
}
.info .btn[href]{
text-decoration:none;
}
.selection-hint{
padding:var(--gd3) var(--gd2);
color:var(--tx3);
}
.selection-stats{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.outline-toggle{
display:flex;
align-items:center;
gap:var(--gd2);
min-height:48px;
margin:0 var(--gd2);
padding:var(--gd3);
border:var(--bw1) solid var(--bc2);
cursor:pointer;
}
.outline-toggle:hover,.outline-toggle:focus-within{
background:var(--hv1);
}
.outline-toggle:has(input:disabled){
color:var(--tx3);
cursor:default;
}
.outline-toggle input{
flex:none;
width:24px;
height:24px;
margin:0;
accent-color:var(--cl1);
}
.selected-parcel{
padding:var(--gd4) var(--gd2);
}
.selected-parcel label{
display:flex;
align-items:center;
gap:var(--gd2);
min-height:48px;
padding:var(--gd3);
border:var(--bw1) solid var(--bc2);
cursor:pointer;
}
.selected-parcel label:hover,.selected-parcel label:focus-within{
background:var(--hv1);
}
.selected-parcel input{
flex:none;
width:24px;
height:24px;
accent-color:var(--cl1);
}
.selected-parcel label>span{
min-width:0;
overflow-wrap:anywhere;
}
.selected-parcel strong,.selected-parcel .muted{
display:block;
}
.selected-parcel .muted{
font-size:var(--fz5);
}
.info[data-view="selection"] .info-foot{
display:none;
}
.info[data-view="limit"] .info-foot [data-zoom],.info[data-view="limit"] .info-foot [data-share]{
display:none;
}
.info .selection-actions{
display:flex;
}
.area-parts{
list-style:none;
margin:0;
padding:0 var(--gd2);
}
.area-parts li{
display:flex;
align-items:center;
justify-content:space-between;
gap:var(--gd3);
min-height:48px;
padding:var(--gd4) var(--gd3);
border:var(--bw1) solid var(--bc2);
overflow-wrap:anywhere;
}
.area-parts li+li{
border-top:0;
}
.area-parts .linkbtn{
flex:none;
}
.selection-tools{
display:grid;
grid-template-columns:1fr;
gap:var(--gd4);
padding:var(--gd3) var(--gd2) 0;
}
.selection-tools .btn{
justify-content:flex-start;
gap:var(--gd3);
width:100%;
min-height:48px;
}
.selection-tools svg{
flex:none;
color:var(--cl1);
}
.selection-tools .btn:disabled{
opacity:.55;
cursor:progress;
}
.parcel-menu{
position:fixed;
z-index:20;
min-width:230px;
padding:var(--gd6) 0;
background:var(--bg1);
border:var(--bw1) solid var(--bc2);
border-radius:var(--br4);
box-shadow:none;
}
.parcel-menu[hidden]{
display:none;
}
.parcel-menu button{
display:flex;
align-items:center;
gap:var(--gd3);
width:100%;
min-height:var(--sz1);
padding:0 var(--gd2);
text-align:left;
transition:background-color .15s;
}
.parcel-menu button:hover,.parcel-menu button:focus-visible{
background:var(--icb);
color:var(--icf);
outline-offset:-2px;
}
.parcel-menu svg{
flex:none;
color:var(--cl1);
}
.tool-status{
min-height:1.4em;
padding:var(--gd4) var(--gd2) var(--gd3);
color:var(--tx2);
overflow-wrap:anywhere;
}
.tool-status:empty{
display:none;
}
.print-frame{
position:fixed;
right:0;
bottom:0;
width:1px;
height:1px;
border:0;
opacity:0;
pointer-events:none;
}
.map.picking .maplibregl-canvas{
cursor:crosshair;
}
.stat-val .muted{
font-size:var(--fz5);
font-weight:400;
}
@media (max-width:799px) and (orientation:portrait){
.info .actions:has(a[href]){
display:flex;
}
.info .actions:has(a[href]) button{
display:none;
}
.info .selection-actions:has(a[href]) button{
display:inline-flex;
}
}
.measure-tools{
position:fixed;
z-index:5;
right:calc(var(--gd2) + var(--sar));
bottom:calc(var(--gd2) + var(--sab) + var(--attribution,24px));
width:min(360px,calc(100vw - var(--gap)));
max-height:calc(100dvh - 140px - var(--sat) - var(--sab));
overflow-y:auto;
overscroll-behavior:contain;
background:var(--bg1);
box-shadow:var(--bs2);
padding:var(--gd2);
font-size:var(--fz5);
}
.measure-tools[hidden],.measure-tools [hidden]{
display:none;
}
.measure-tools .panel-head{
display:flex;
padding:0;
}
.measure-settings{
display:flex;
gap:var(--gd2);
}
.measure-settings label{
flex:1;
min-width:0;
}
.measure-settings select{
display:block;
width:100%;
min-height:44px;
font:inherit;
background:var(--bg3);
color:var(--tx1);
border:1px solid #c5cbd3;
}
.measure-results{
margin-top:var(--gd2);
font-variant-numeric:tabular-nums;
}
.measure-results strong{
display:block;
font-size:var(--fz3);
color:#0f766e;
overflow-wrap:anywhere;
}
.measure-results>div{
margin-bottom:var(--gd4);
}
.measure-tools p{
margin:var(--gd2) 0;
}
.measure-tools .measure-note{
font-size:var(--fz6);
color:var(--tx2);
margin-bottom:0;
}
.measure-save{
display:flex;
align-items:flex-end;
gap:var(--gd2);
margin-top:var(--gd2);
}
.measure-save label{
flex:1;
min-width:0;
}
.measure-save input{
display:block;
width:100%;
min-height:40px;
font:inherit;
color:var(--tx1);
background:var(--bg3);
border:var(--bw1) solid var(--bc2);
}
.measure-save .btn{
flex:none;
}
.measure-saved{
margin-top:var(--gd2);
padding:var(--gd3);
background:var(--bg3);
border:var(--bw1) solid var(--bc2);
border-radius:var(--br4);
}
.measure-saved>strong{
display:block;
margin-bottom:var(--gd4);
}
.measure-saved-item{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:var(--gd6) var(--gd3);
align-items:center;
padding:var(--gd4) 0;
border-top:var(--bw1) solid var(--bc2);
}
.measure-saved-item:first-child{
border-top:0;
}
.measure-saved-name{
min-width:0;
overflow-wrap:anywhere;
}
.measure-saved-name strong,.measure-saved-name span{
display:block;
}
.measure-saved-name span,.measure-saved>p{
font-size:var(--fz6);
color:var(--tx2);
}
.measure-saved-actions{
display:flex;
gap:var(--gd4);
}
.measure-saved-actions button{
min-height:36px;
padding:0 var(--gd3);
}
.measure-saved>p{
margin:var(--gd4) 0 0;
}
.measure-error{
color:#b91c1c;
}
.measuring .maplibregl-canvas{
cursor:crosshair!important;
}
@media (max-width:799px) and (orientation:portrait){
.measure-tools{
display:grid;
grid-template-columns:1fr auto;
gap:var(--gd3) var(--gd2);
max-height:45dvh;
}
.measure-tools>*{
grid-column:1 / -1;
margin:0;
}
.measure-tools .panel-head{
display:contents;
}
.measure-tools .panel-head strong{
display:none;
}
.measure-tools .panel-head .icon-btn{
grid-column:2;
grid-row:1;
}
.measure-tools .measure-settings{
grid-column:1;
grid-row:1;
}
.measure-settings span,.measure-save span{
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(0 0 0 0);
white-space:nowrap;
}
.measure-tools .measure-results{
display:grid;
grid-template-columns:1fr 1fr;
column-gap:var(--gd2);
margin:0;
}
.measure-results>span{
grid-column:1 / -1;
}
.measure-tools p,.measure-tools .measure-save,.measure-tools .measure-saved{
margin:0;
}
.measure-tools .measure-note{
order:1;
}
.measure-tools .measure-save,.measure-tools .measure-saved{
order:2;
}
.measure-tools [data-measure-hint]:not(.measure-error),.measure-saved>p{
display:none;
}
}
.measure-guides{
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
overflow:hidden;
}
.measure-guides::before,.measure-guides::after{
content:'';
position:absolute;
box-shadow:0 0 1px #000;
}
.measure-guides::before{
left:0;
right:0;
top:var(--measure-y);
height:1px;
background:repeating-linear-gradient(90deg,#fff 0 6px,#222 6px 12px);
}
.measure-guides::after{
top:0;
bottom:0;
left:var(--measure-x);
width:1px;
background:repeating-linear-gradient(#fff 0 6px,#222 6px 12px);
}
.measure-guides>span{
position:absolute;
left:var(--measure-x);
top:var(--measure-y);
width:18px;
height:18px;
transform:translate(-50%,-50%);
border:1px solid #fff;
border-radius:50%;
box-shadow:0 0 0 1px #222;
}
.panel.saved .panel-head{
display:flex;
}
.saved-body,.ask-chats{
padding-bottom:var(--gd3);
}
.saved-badge{
position:absolute;
top:2px;
right:2px;
min-width:18px;
height:18px;
padding:0 5px;
font-size:11px;
font-weight:var(--fw1);
line-height:18px;
text-align:center;
color:var(--wht);
background-color:var(--cl1);
border-radius:var(--br9);
pointer-events:none;
}
.saved-badge[hidden]{
display:none;
}
.info-head .save-btn,.info-head .save-btn:hover{
width:44px;
height:44px;
margin:-6px 0;
color:var(--cl1);
background:none;
}
.info-head .watch-btn,.info-head .watch-btn:hover{
width:44px;
height:44px;
margin:-6px 0;
color:var(--cl1);
background:none;
}
.watch-dialog,.watch-dialog input{
font-family:var(--ff1);
border-radius:var(--br4);
box-shadow:none;
}
.watch-dialog [hidden]{
display:none;
}
.save-btn .save-star{
width:26px;
height:26px;
fill:currentColor;
fill-opacity:0;
transition:fill-opacity .15s;
}
.save-btn:hover .save-star{
fill-opacity:.35;
}
.save-btn.on .save-star{
fill-opacity:1;
}
.saved-empty{
padding:0 var(--gd2) var(--gd3);
}
.saved-empty p{
margin:0 0 var(--gd4);
}
.saved-item{
padding:var(--gd6) 0 var(--gd4);
border-top:var(--bw1) solid var(--bc2);
}
.saved-item:first-child{
border-top:0;
}
.saved-open,.saved-change{
display:block;
width:100%;
padding:var(--gd4) var(--gd2);
text-align:left;
transition:background-color .15s;
}
.saved-open:hover,.saved-change:hover{
background-color:var(--hv1);
}
.saved-open strong,.saved-open>.muted,.saved-change strong,.saved-change .muted{
display:block;
overflow-wrap:anywhere;
}
.saved-open strong,.saved-change strong{
font-weight:500;
}
.saved-open>.muted,.saved-change .muted{
font-size:var(--fz5);
color:var(--tx2);
}
.saved-flag{
display:inline-block;
margin:var(--gd8) var(--gd8) 0 0;
padding:1px var(--gd4);
font-size:var(--fz5);
color:var(--tx2);
background-color:var(--bg2);
border-radius:var(--br9);
}
.saved-flag.new{
color:var(--icf);
background-color:var(--icb);
}
.saved-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--gd4) var(--gd2);
padding:0 var(--gd2);
}
.saved-watch{
display:inline-flex;
align-items:center;
gap:var(--gd4);
min-height:32px;
font-size:var(--fz5);
color:var(--tx2);
cursor:pointer;
}
.saved-watch input{
width:18px;
height:18px;
margin:0;
accent-color:var(--cl1);
}
.saved-rename{
display:flex;
flex-wrap:wrap;
gap:var(--gd4);
padding:var(--gd4) var(--gd2);
}
.saved-rename input{
flex:1 1 12em;
min-width:0;
min-height:var(--sz1);
padding:0 var(--gd3);
font:inherit;
font-size:max(var(--fz3),16px);
border:var(--bw1) solid var(--bc2);
border-radius:var(--br4);
}
.saved-rename input:focus-visible{
outline:2px solid var(--cl1);
outline-offset:1px;
}
.saved-changes{
margin-bottom:var(--gd4);
border-bottom:var(--bw1) solid var(--bc2);
}
.saved-count,.saved-pending,.saved-note{
margin:0;
padding:0 var(--gd2) var(--gd4);
font-size:var(--fz5);
}
.saved-change{
display:flex;
align-items:flex-start;
gap:var(--gd4);
}
.saved-change-text{
flex:1;
min-width:0;
}
.saved-change .saved-flag{
flex:none;
margin:2px 0 0;
}
.saved-tracking{
padding:var(--gd4) var(--gd2);
font-size:var(--fz5);
}
.saved-tracking>div+div{
margin-top:var(--gd8);
}
.saved-note{
padding-top:var(--gd4);
}
.saved-tools{
display:flex;
flex-direction:column;
gap:var(--gd4);
padding:var(--gd4) var(--gd2);
border-bottom:var(--bw1) solid var(--bc2);
}
.saved-search,.selection-save input{
width:100%;
min-width:0;
min-height:44px;
padding:0 var(--gd3);
font:inherit;
font-size:max(var(--fz3),16px);
color:var(--tx1);
background:var(--bg1);
border:var(--bw1) solid var(--bc2);
border-radius:var(--br9);
}
.saved-search:focus-visible,.selection-save input:focus-visible{
outline:2px solid var(--cl1);
outline-offset:1px;
}
.saved-filters{
display:flex;
flex-wrap:wrap;
gap:var(--gd4);
}
.saved-filters .search-filter{
flex:1 1 9em;
}
.saved-move .search-filter{
flex:1 1 100%;
}
.saved-list-bar{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:0 var(--gd2);
}
.saved-list-bar>strong{
font-weight:var(--fw1);
overflow-wrap:anywhere;
}
.saved-list-bar .saved-actions{
padding:0;
}
.saved-tools .saved-rename,.saved-tools .saved-delete{
padding:0;
}
.saved-shared{
flex:1 1 100%;
margin:0;
font-size:var(--fz5);
}
.saved-delete p{
margin:0 0 var(--gd6);
}
.saved-delete .saved-actions{
padding:var(--gd6) 0 0;
}
.saved-tools+[data-saved-results]>.saved-count{
padding-top:var(--gd4);
}
.saved-shares{
margin-top:var(--gd2);
border-top:var(--bw1) solid var(--bc2);
}
.saved-shares h2{
padding:0 var(--gd2);
}
.saved-shares>.muted{
padding:0 var(--gd2);
font-size:var(--fz5);
}
.info-head .save-list{
min-height:32px;
font-size:var(--fz5);
}
.info-head .save-list[hidden],.saved-move input[hidden]{
display:none;
}
.selection-save{
padding:var(--gd3) var(--gd2) 0;
}
.selection-save .report-label{
margin-top:0;
}
.selection-save>p{
margin:var(--gd6) 0 0;
font-size:var(--fz5);
}
.selection-save .actions{
padding:var(--gd4) 0 0;
}
.shared-moved{
margin:var(--gd6) 0 0;
padding-left:1.2em;
}
.account-saved{
margin-top:var(--gd2);
}
.account-saved .saved-body{
margin:0 calc(var(--gd2) * -1);
}
.account-saved .saved-open{
color:inherit;
text-decoration:none;
}
@media (pointer:coarse){
.saved-watch{
min-height:44px;
}
.saved-open,.saved-change{
min-height:44px;
}
.info-head .save-list{
min-height:44px;
}
.ask-info .icon-btn{
width:44px;
height:44px;
margin:-6px 0;
}
}

.answer-group-title{
padding:var(--gd3) var(--gd2) var(--gd4);
font-weight:var(--fw1);
color:var(--tx2);
}
.answer{
padding:var(--gd4) var(--gd2);
overflow-wrap:anywhere;
}
.answer-line{
display:flex;
align-items:baseline;
gap:var(--gd4);
}
.answer-mark{
flex:none;
width:1.4em;
font-weight:var(--fw1);
text-align:center;
}
.answer-label{
flex:1;
font-weight:var(--fw1);
}
.answer-word{
flex:none;
color:var(--tx2);
}
.answer[data-state="known"] .answer-mark{
color:#1b7f3b;
}
.answer[data-state="likely"] .answer-mark{
color:#a15c00;
}
.answer[data-state="unknown"] .answer-mark{
color:var(--tx2);
}
.answer-text{
padding-left:calc(1.4em + var(--gd4));
}
.answer>.note,.answer>.ins-credit{
padding-left:calc(1.4em + var(--gd4));
}

.admin-table input.num{
width:4.5em;
}
.admin-table td input:not(.num),.admin-table td select{
max-width:9em;
}
.catalog-table td:nth-child(9){
white-space:nowrap;
}
.catalog-table td:nth-child(10){
min-width:26em;
}
.site-brand{
display:inline-flex;
flex:none;
align-items:center;
justify-content:center;
width:48px;
height:48px;
vertical-align:middle;
}
.site-brand img{
display:block;
width:44px;
height:44px;
}
.gh svg{
width:22px;
height:22px;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}
.site-brand:focus-visible{
outline:2px solid var(--cl1);
outline-offset:4px;
}
.gh{
position:sticky;
top:0;
z-index:30;
display:grid;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
flex:none;
align-items:center;
gap:0 24px;
width:100%;
min-height:72px;
padding:0 24px;
font-size:16px;
line-height:1.3;
color:var(--tx1);
background:rgba(255,255,255,.92);
-webkit-backdrop-filter:blur(12px);
backdrop-filter:blur(12px);
transition:box-shadow .2s;
}
.gh.lifted{
box-shadow:var(--bs1);
}
.gh a,.gh button{
-webkit-tap-highlight-color:transparent;
}
.gh :focus-visible{
outline:2px solid var(--cl1);
outline-offset:2px;
}
.gh-brand{
display:inline-flex;
flex:none;
align-items:center;
justify-self:start;
gap:10px;
min-height:44px;
color:var(--tx1);
font-size:20px;
font-weight:var(--fw1);
letter-spacing:-.01em;
text-decoration:none;
}
.gh-brand img{
display:block;
width:32px;
height:32px;
}
.gh-nav{
display:flex;
align-items:center;
align-self:stretch;
gap:4px;
min-width:0;
}
.gh-link{
display:inline-flex;
align-items:center;
gap:6px;
min-height:44px;
padding:0 12px;
font:inherit;
font-weight:var(--fw1);
color:var(--tx2);
white-space:nowrap;
text-decoration:none;
background:none;
border:0;
cursor:pointer;
}
.gh-link:hover,.gh-link[aria-current],.gh-link[aria-expanded=true]{
color:var(--tx1);
}
.gh-link[aria-current]{
text-decoration:underline;
text-decoration-thickness:var(--ul);
text-underline-offset:6px;
}
@media(hover:hover){
.gh-link:hover,.gh-drop a:hover{
text-decoration:underline;
text-decoration-thickness:var(--ul);
text-underline-offset:6px;
}
}
.gh-caret{
flex:none;
width:12px;
height:12px;
background:currentColor;
-webkit-mask:var(--arrow) center/contain no-repeat;
mask:var(--arrow) center/contain no-repeat;
transform:rotate(90deg);
transition:transform .15s;
}
.gh-link[aria-expanded=true] .gh-caret{
transform:rotate(-90deg);
}
.gh-group{
position:relative;
display:flex;
align-items:center;
}
.gh-drop{
position:absolute;
top:calc(100% + 10px);
left:0;
display:none;
flex-direction:column;
align-items:flex-start;
min-width:272px;
padding:8px 24px 14px;
background:var(--bg1);
border-radius:var(--br4);
box-shadow:0 2px 6px rgba(31,35,40,.12),0 8px 24px rgba(31,35,40,.12);
}
.gh-link[aria-expanded=true]+.gh-drop{
display:flex;
}
.gh-drop a{
margin-top:10px;
padding:4px 0;
font-weight:var(--fw1);
color:var(--tx1);
text-decoration:none;
}
.gh-drop span{
margin-bottom:4px;
font-size:var(--fz5);
font-weight:500;
color:var(--tx3);
}
.gh-account{
display:inline-flex;
flex:none;
align-items:center;
grid-column:3;
justify-self:end;
gap:10px;
min-height:40px;
padding:0 18px;
font-weight:var(--fw1);
color:var(--tx1);
white-space:nowrap;
text-decoration:none;
background:var(--bg2);
border-radius:var(--br9);
transition:background-color .15s;
}
.gh-account:hover{
background:var(--bc2);
}
.gh-account:not(.ready){
visibility:hidden;
}
.gh-account.signed{
padding:0 16px 0 4px;
}
.gh-face{
display:grid;
place-items:center;
overflow:hidden;
width:32px;
height:32px;
font-size:var(--fz6);
font-weight:700;
color:var(--wht);
background:var(--cl1);
border-radius:50%;
}
.gh-face img{
width:100%;
height:100%;
object-fit:cover;
}
.gh-name{
max-width:140px;
overflow:hidden;
text-overflow:ellipsis;
}
.gh-menu-btn{
display:none;
flex:none;
align-items:center;
justify-content:center;
width:44px;
height:44px;
margin-left:4px;
color:var(--tx1);
background:none;
border:0;
border-radius:50%;
cursor:pointer;
}
.gh-menu-btn:hover{
background:var(--hv2);
}
@media(max-width:1200px){
.gh{
display:flex;
flex-wrap:wrap;
gap:0 4px;
min-height:64px;
padding:0 16px 0 12px;
}
.gh-account{
margin-left:auto;
}
.gh-nav{
display:none;
}
.gh-menu-btn{
display:inline-flex;
}
.gh.open{
background:var(--bg1);
max-height:100vh;
max-height:100dvh;
overflow-y:auto;
box-shadow:var(--bs1);
}
.gh.open .gh-nav{
display:flex;
flex-direction:column;
align-items:stretch;
order:10;
flex-basis:100%;
padding:8px 0 16px;
}
.gh-nav .gh-link{
justify-content:space-between;
min-height:48px;
padding:0 8px;
font-size:17px;
}
.gh-group{
display:block;
}
.gh-group .gh-link{
width:100%;
}
.gh-drop{
position:static;
min-width:0;
padding:0 0 8px 24px;
box-shadow:none;
}
.gh-drop a{
margin-top:4px;
padding:10px 0;
}
.gh-drop span{
margin-top:-6px;
}
}
@media(max-width:640px){
.gh{
padding:0 8px;
}
.gh-account.signed{
padding:4px;
}
.gh-name{
display:none;
}
}
@media(max-width:360px){
.gh-brand span{
display:none;
}
}
@media(prefers-reduced-motion:reduce){
.gh,.gh-caret,.gh-account{
transition:none;
}
}
@media(forced-colors:active){
.gh-drop{
border:1px solid CanvasText;
}
}