@layer settings globals components theme;@import url("https://unpkg.com/leaflet@1.9.4/dist/leaflet.css") layer(components);@layer settings{:root{--grid-gap:1em;--base-50:#F8FAFC;--base-100:#F1F5F9;--base-200:#E2E8F0;--base-300:#CBD5E1;--base-400:#94A3B8;--base-500:#64748B;--base-600:#475569;--base-700:#334155;--base-800:#1E293B;--base-900:#0F172A;--main-500:var(--base-800);--main-600:var(--base-900);--accent:#ff2121;--green:#47bf47;--red:#ff2121;}}@layer globals{*{box-sizing:border-box;}body{font-family:helvetica neue,system-ui;background-color:var(--base-50);padding:var(--grid-gap);font-size:13.5px;margin:0;}main{max-width:1100px;margin:0 auto;&.compact{max-width:800px;margin-top:5em;}}hr{border:1px solid var(--base-200);border-width:1px 0 0;margin:1.5em 0;}figure{margin:0;padding:0;}img{max-width:100%;}.avatar img{background-color:var(--base-100);border-radius:10em;}}@layer globals{h1,h2,h3,h4,p{margin-block:.25em;}p{color:var(--base-500);text-wrap:balance;line-height:1.5;}h1{font-size:1.25em;}h2{font-size:1.125em;font-weight:500;}h3{font-size:1em;}h4{font-size:1em;font-weight:500;margin-block:.5em;}ins{text-decoration:none;color:var(--green);}del{text-decoration:none;color:var(--red);}small{font-size:.75em;}}@layer components{button{align-items:center;font-family:inherit;font-size:inherit;padding:.75em 1em;white-space:nowrap;box-shadow:0 0 0 1px var(--base-200);background-color:white;text-decoration:none;color:var(--base-600);border-radius:.25em;font-weight:500;cursor:pointer;transition:.2s;border:unset;&:hover{box-shadow:0 0 0 1px var(--base-300);color:var(--base-900);}&:active{transform:scale(.97);}&.primary{background-color:var(--main-500);color:white;&:hover{background-color:var(--main-600);color:white;}}&.fullsize{width:100%}}}@layer components{.card{border:1px solid var(--base-200);background-color:white;border-radius:.25em;min-height:15em;padding:2em;header{>:first-child{margin-top:0}margin-bottom:1em;}&.compact{padding:1em}}}@layer components{dl{display:grid;grid-template-columns:1fr 1fr;margin-block:1em;> *{margin:.25em 0;line-height:1.25;}dt{font-weight:500}dd{color:var(--base-600)}}}@layer components{::placeholder{color:var(--base-400);}:focus-visible{outline:1px solid var(--base-500);transition:outline-width .1s;outline-offset:1px}form{flex-direction:column;margin-block:1em;display:flex;gap:1em;}input,textarea{font-family:inherit;font-size:inherit;color:var(--base-800);border:1px solid var(--base-300);border-radius:.25em;padding:.875em 1em;width:100%;}[type=search]{max-width:25em;}}@layer components{.grid{gap:var(--grid-gap);flex-wrap:wrap;display:flex;> *{flex:1 1 30em}> .thin{max-width:30em}> .wide{flex-basis:40em}}.row{display:flex;align-items:center;gap:.75em;&.full{> *{flex:1}}}}@layer components{table{border-collapse:collapse;font-size:inherit;width:100%;caption{text-align:left;margin-bottom:1em;}tbody + caption{caption-side:bottom;margin-top:1.5em;color:var(--base-400);font-size:.875em;}th,td{border-bottom:1px solid var(--base-100);text-align:left;padding:.5em 0;}th{color:var(--base-500);font-weight:500;text-align:left;}tr:last-child td{border-bottom:unset;}&:has(.avatar){td:first-child{width:5em}}@media (width < 600px){&.responsive{td:last-child{display:none}}}}}@layer components{.bar-chart{justify-content:space-around;align-items:flex-end;gap:var(--gap,1px);display:flex;height:3em;> *{height:calc(var(--height) * 1%);border-radius:2px 2px 0 0;background:var(--base-300);min-width:1px;flex:1;}}}@layer components{.leaflet-container{background:var(--base-100);min-height:22.5em;height:100%;.leaflet-interactive{stroke:var(--base-900);fill:var(--accent);fill-opacity:.5;stroke-width:1;}.leaflet-control{font-size:.875em;}.leaflet-attribution-flag{width:0;}}}@layer components{.media{align-items:center;display:flex;gap:2em;img{object-fit:cover;height:20em;width:28em;}}}