@layer properties,theme,base;@layer components{.bx-hero{isolation:isolate;background:var(--ut-night);color:var(--ut-on-night);--ut-focus:var(--ut-brick);padding-block:1rem clamp(3rem,2rem + 4vw,6rem);position:relative;overflow:hidden}.bx-hero:before{content:"";z-index:-1;background:radial-gradient(70rem 30rem at 85% 10%,#6f8c842e,#0000 70%),radial-gradient(50rem 24rem at 0 100%,#d6b77a14,#0000 70%);position:absolute;inset:0}.bx-hero__head{gap:1rem 4rem;margin-top:clamp(1rem,.6rem + 1.5vw,2rem);display:grid}@media (min-width:1024px){.bx-hero__head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end}}.bx-hero__title{font-family:var(--ut-font-display);letter-spacing:-.035em;text-wrap:balance;color:var(--ut-on-night);font-size:clamp(2.5rem,1.5rem + 3.6vw,5rem);font-weight:600;line-height:.95}.bx-hero__title em{font-family:var(--font-accent,var(--font-read,Georgia, serif));color:var(--ut-brick);letter-spacing:-.02em;font-style:italic;font-weight:400}.bx-hero__lede{max-width:46rem;font:400 clamp(1.02rem, .98rem + .3vw, 1.15rem) / 1.6 var(--ut-font-ui);color:var(--ut-on-night-muted);text-wrap:pretty}.bx{margin-top:clamp(1.75rem,1.2rem + 2vw,3rem)}.bx-stage{grid-template-areas:"form""map""answer""cta";gap:1.5rem;display:grid}.bx-controls{display:contents}.bx-form{grid-area:form;gap:1.25rem;display:grid}.bx-answer{grid-area:answer}.bx-cta{flex-wrap:wrap;grid-area:cta;gap:.6rem;display:flex}.bx-mapcol{grid-area:map;min-width:0}@media (min-width:1024px){.bx-stage{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:none;align-items:start;gap:clamp(2rem,1rem + 3vw,5rem)}.bx-controls{top:calc(var(--ut-sticky-top) + 1.5rem);align-content:start;gap:2rem;display:grid;position:sticky}.bx-form,.bx-answer,.bx-cta,.bx-mapcol{grid-area:auto}}.bx-label{font:500 .72rem/1.2 var(--ut-font-data);letter-spacing:.1em;text-transform:uppercase;color:var(--ut-on-night-muted);display:block}.bx-budget{gap:.35rem;display:grid}.bx-amount{font-family:var(--ut-font-display);letter-spacing:-.035em;color:var(--ut-on-night);font-size:clamp(3rem,2rem + 4vw,5.2rem);font-weight:600;line-height:1;display:block}.bx-range{--p:30%;appearance:none;cursor:pointer;background:0 0;width:100%;height:2.75rem;margin:.4rem 0 0}.bx-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ut-brick) 0 var(--p), #edeee824 var(--p) 100%);border-radius:999px;height:.5rem}.bx-range::-moz-range-track{background:#edeee824;border-radius:999px;height:.5rem}.bx-range::-moz-range-progress{background:var(--ut-brick);border-radius:999px;height:.5rem}.bx-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ut-stone);border:4px solid var(--ut-brick);width:2rem;height:2rem;transition:transform .2s var(--ut-spring);border-radius:999px;margin-top:-.75rem;box-shadow:0 6px 18px #00000073}.bx-range::-moz-range-thumb{background:var(--ut-stone);border:4px solid var(--ut-brick);border-radius:999px;width:1.5rem;height:1.5rem;box-shadow:0 6px 18px #00000073}.bx-range:active::-webkit-slider-thumb{transform:scale(1.15)}.bx-range:focus-visible{outline:none}.bx-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--ut-night), 0 0 0 6px var(--ut-brick)}.bx-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--ut-night), 0 0 0 6px var(--ut-brick)}.bx-scale{font:400 .75rem/1 var(--ut-font-data);color:var(--ut-on-night-muted);justify-content:space-between;display:flex}.bx-presets{flex-wrap:wrap;gap:.4rem;margin-top:.8rem;display:flex}.bx-presets button,.bx-seg button{min-height:2.75rem;color:var(--ut-on-night);font:500 .88rem/1 var(--ut-font-data);cursor:pointer;transition:background-color .2s var(--ut-ease), border-color .2s var(--ut-ease), color .2s var(--ut-ease), transform .15s var(--ut-ease);background:0 0;border:1px solid #edeee82e;border-radius:999px;padding:.4rem .95rem}.bx-seg button{font-family:var(--ut-font-ui)}.bx-presets button:hover,.bx-seg button:hover{border-color:#edeee873}.bx-presets button:active,.bx-seg button:active{transform:scale(.96)}.bx-presets button[aria-pressed=true],.bx-seg button[aria-pressed=true]{background:var(--ut-brick);border-color:var(--ut-brick);color:var(--ut-night)}.bx-row{gap:.55rem;display:grid}.bx-seg{flex-wrap:wrap;gap:.4rem;display:flex}.bx-answer__big{flex-wrap:wrap;align-items:baseline;gap:.2rem .9rem;display:flex}.bx-answer__big b{font-family:var(--font-display);font-variant-numeric:proportional-nums;letter-spacing:-.04em;color:var(--ut-brick);font-size:clamp(2.8rem,2rem + 3vw,4.4rem);font-weight:650;line-height:1}.bx-answer__big span{font:400 1.1rem/1.35 var(--ut-font-ui);color:var(--ut-on-night);flex:14rem}.bx-answer__sub{font:400 .95rem/1.5 var(--ut-font-ui);color:var(--ut-on-night-muted);margin-top:.6rem}.bx[data-stale] .bx-answer,.bx[data-stale] .bx-svg{opacity:.6;transition:opacity .2s}.bx-viewtoggle{margin-bottom:.9rem}.bx-map{border-radius:var(--ut-r-xl);background:radial-gradient(circle at 45% 40%, var(--c-map-ground), var(--c-map-ground-2) 70%);box-shadow:inset 0 0 0 1px var(--ut-on-night-line);padding:clamp(.5rem,.2rem + 1.5vw,1.5rem);position:relative}.bx-svg{width:100%;height:auto;max-height:min(78svh,52rem);display:block;overflow:visible}.bx-area{fill:var(--c-ramp-0);stroke:var(--ut-night);stroke-width:2.5px;stroke-linejoin:round;cursor:pointer;transition:fill .5s var(--ut-ease), stroke .2s var(--ut-ease), filter .2s var(--ut-ease);outline:none}.bx-area[data-level="1"],.bx-town[data-level="1"],.bx-legend [data-level="1"] i,.bx-list__bar i[data-level="1"]{fill:var(--c-ramp-1);background:var(--c-ramp-1)}.bx-area[data-level="2"],.bx-town[data-level="2"],.bx-legend [data-level="2"] i,.bx-list__bar i[data-level="2"]{fill:var(--c-ramp-2);background:var(--c-ramp-2)}.bx-area[data-level="3"],.bx-town[data-level="3"],.bx-legend [data-level="3"] i,.bx-list__bar i[data-level="3"]{fill:var(--c-ramp-3);background:var(--c-ramp-3)}.bx-area[data-level="4"],.bx-town[data-level="4"],.bx-legend [data-level="4"] i,.bx-list__bar i[data-level="4"]{fill:var(--c-ramp-4);background:var(--c-ramp-4)}.bx-area[data-level="5"],.bx-town[data-level="5"],.bx-legend [data-level="5"] i,.bx-list__bar i[data-level="5"]{fill:var(--c-ramp-5);background:var(--c-ramp-5)}.bx-area:hover,.bx-area:focus-visible,.bx-town:hover,.bx-town:focus-visible{stroke:var(--ut-brick);stroke-width:4px;filter:brightness(1.18)}.bx-area[data-selected],.bx-town[data-selected]{stroke:var(--ut-stone);stroke-width:5px}.bx-area--heritage{stroke-dasharray:6 5}.bx-area--london{cursor:default}.bx-town{stroke:var(--ut-night);stroke-width:3px;cursor:pointer;transition:fill .5s var(--ut-ease), stroke .2s var(--ut-ease), filter .2s var(--ut-ease);fill:var(--c-ramp-0);outline:none}.bx-river path{fill:none;stroke:var(--c-map-river);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;stroke-dasharray:1;stroke-dashoffset:1px}.bx[data-drawn] .bx-river path{animation:bx-draw 2.2s var(--ut-ease) forwards}.bx[data-drawn] .bx-river path:nth-child(2){animation-delay:.35s}.bx[data-drawn] .bx-river path:nth-child(3){animation-delay:.5s}@keyframes bx-draw{to{stroke-dashoffset:0}}.bx-river--thin path{stroke-width:3.5px}.bx-forks{fill:var(--ut-ember);stroke:var(--ut-night);stroke-width:4px;pointer-events:none}.bx-labels text,.bx-name{pointer-events:none;paint-order:stroke;stroke:var(--ut-night);stroke-linejoin:round;text-anchor:middle}.bx-count{font:600 34px/1 var(--ut-font-data);fill:var(--ut-stone);stroke-width:7px}.bx-name{font:600 19px/1 var(--ut-font-ui);fill:var(--ut-stone);stroke-width:5px}.bx-name--town{fill:var(--ut-on-night-muted);font-size:22px}.bx-name--london{font-size:30px}.bx-tip{z-index:3;border-radius:var(--ut-r-lg);min-width:11rem;max-width:16rem;box-shadow:0 0 0 1px #d6b77a73, var(--ut-shadow-lg);pointer-events:none;animation:bx-tip .18s var(--ut-ease);background:#17231ef5;gap:.2rem;padding:.7rem .85rem;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 14px))}@keyframes bx-tip{0%{opacity:0;transform:translate(-50%,calc(-100% - 6px))}}.bx-tip b{color:var(--ut-on-night);font:600 1rem/1.2 var(--ut-font-ui)}.bx-tip span{font:400 .86rem/1.3 var(--ut-font-ui);color:var(--ut-on-night-muted)}.bx-tip em{color:var(--ut-brick);font-size:1.05rem;font-style:normal}.bx-tip small{font:400 .8rem/1.35 var(--ut-font-ui);color:var(--ut-on-night-muted)}.bx-legend{font:400 .72rem/1 var(--ut-font-data);color:var(--ut-on-night-muted);flex-wrap:wrap;gap:.35rem .9rem;margin-top:.75rem;padding:0 .25rem;display:flex}.bx-legend li{align-items:center;gap:.35rem;display:inline-flex}.bx-legend i{background:var(--c-ramp-0);border-radius:3px;width:.95rem;height:.95rem;box-shadow:inset 0 0 0 1px #edeee82e}.bx-detail{margin-top:clamp(1.5rem,1rem + 2vw,2.5rem)}.bx-hint{border-radius:var(--ut-r-lg);color:var(--ut-on-night-muted);font:400 .95rem/1.45 var(--ut-font-ui);border:1px dashed #edeee833;align-items:center;gap:.75rem;padding:1rem 1.2rem;display:flex}.bx-hint svg{color:var(--ut-brick);flex:none}.bx-card{border-radius:var(--ut-r-xl);background:var(--ut-night-2);box-shadow:inset 0 0 0 1px var(--ut-on-night-line);animation:bx-card-in .3s var(--ut-ease);gap:1.25rem 3rem;padding:clamp(1.25rem,1rem + 1.5vw,2.25rem);display:grid}@keyframes bx-card-in{0%{opacity:0;transform:translateY(8px)}}@media (min-width:900px){.bx-card{grid-template-columns:minmax(12rem,1fr) 2fr auto;align-items:center}}.bx-card__head{padding-right:2.75rem;position:relative}.bx-card__kicker{font:500 .7rem/1.2 var(--ut-font-data);letter-spacing:.1em;text-transform:uppercase;color:var(--ut-brick)}.bx-card__name{font-family:var(--ut-font-display);letter-spacing:-.025em;color:var(--ut-on-night);margin-top:.4rem;font-size:clamp(1.8rem,1.4rem + 1.6vw,2.6rem);font-weight:600;line-height:1}.bx-card__x{width:2.75rem;height:2.75rem;color:var(--ut-on-night);cursor:pointer;background:#edeee814;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:-.4rem;right:0}.bx-card__stats{gap:1rem;display:grid}@media (min-width:640px){.bx-card__stats{grid-template-columns:1fr 1fr}}.bx-card__stats p{gap:.3rem;display:grid}.bx-card__stats b{color:var(--ut-brick);font-size:2rem;font-weight:500;line-height:1}.bx-card__stats span{font:400 .92rem/1.45 var(--ut-font-ui);color:var(--ut-on-night-muted)}.bx-card__cta{flex-wrap:wrap;gap:.5rem;display:flex}.bx-listwrap{margin-top:clamp(3rem,2rem + 4vw,5rem)}.bx-listhead{gap:.6rem;margin-bottom:1.5rem;display:grid}.bx-listhead .ut-h2{color:var(--ut-on-night)}.bx-listhead .ut-muted{color:var(--ut-on-night-muted)}.bx-list{border-top:1px solid var(--ut-on-night-line);display:grid}@media (min-width:1100px){.bx-list{grid-template-columns:1fr 1fr;column-gap:3rem}}.bx-list li{border-bottom:1px solid var(--ut-on-night-line);align-items:stretch;display:flex}.bx-list li[data-selected]{background:#d6b77a14}.bx-list__pick{min-width:0;color:var(--ut-on-night);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;flex:1;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name n""bar bar""typ typ";align-items:center;gap:.35rem 1rem;padding:.85rem .5rem;display:grid}@media (min-width:640px){.bx-list__pick{grid-template-columns:minmax(8rem,11rem) minmax(0,1fr) 5.5rem;grid-template-areas:"name bar n""typ typ typ"}}.bx-list__pick:hover .bx-list__name{color:var(--ut-brick)}.bx-list__name{font:600 .98rem/1.25 var(--ut-font-ui);transition:color .2s var(--ut-ease);grid-area:name}.bx-list__bar{background:#edeee80f;border-radius:999px;grid-area:bar;height:.55rem;overflow:hidden}.bx-list__bar i{background:var(--c-ramp-1);height:100%;transition:width .5s var(--ut-ease), background-color .5s var(--ut-ease);border-radius:999px;display:block}.bx-list__n{text-align:right;white-space:nowrap;grid-area:n}.bx-list__n b{color:var(--ut-brick);font-size:1.15rem;font-weight:500}.bx-list__n small{font:400 .75rem/1 var(--ut-font-data);color:var(--ut-on-night-muted)}.bx-list__typ{font:400 .84rem/1.35 var(--ut-font-ui);color:var(--ut-on-night-muted);grid-area:typ}.bx-list__go{width:3rem;color:var(--ut-brick);border-left:1px solid var(--ut-on-night-line);transition:background-color .2s var(--ut-ease);flex:none;place-items:center;display:grid}.bx-list__go:hover{background:#d6b77a1f}.bx-method{max-width:62rem;font:400 .82rem/1.6 var(--ut-font-ui);color:var(--ut-on-night-muted);margin-top:1.75rem}.bx-notes{gap:2.5rem 4rem;display:grid}@media (min-width:1024px){.bx-notes{grid-template-columns:3fr 2fr}}.bx-notes__list{gap:1rem;max-width:44rem;margin-top:1.25rem;display:grid}.bx-notes__list li{font:400 1.02rem/1.6 var(--ut-font-ui);color:var(--ut-body);padding-left:1.4rem;position:relative}.bx-notes__list li:before{content:"";background:var(--ut-brick);border-radius:1px;width:.5rem;height:.5rem;position:absolute;top:.62em;left:0;transform:rotate(45deg)}.bx-notes__side .ut-kicker{color:var(--ut-brick-ink)}.bx-notes__side .lx-keep{grid-template-columns:1fr}@media (prefers-reduced-motion:reduce){.bx-area,.bx-town,.bx-list__bar i,.bx-tip,.bx-card{transition:none;animation:none}.bx-river path,.bx[data-drawn] .bx-river path{stroke-dashoffset:0;animation:none}}.bx-presets{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.bx-presets button{white-space:nowrap;padding-inline:.25rem}@media (min-width:1024px){.bx-presets{max-width:28rem}}.bx-map .bx-legend{z-index:2;border-radius:var(--ut-r-lg);background:#0d1512c7;width:fit-content;max-width:100%;padding:.45rem .6rem;position:relative}.bx-map[data-basemap=ready] .bx-area{fill-opacity:.74;stroke:#0d1512d9;stroke-width:1.5px}.bx-map[data-basemap=ready] .bx-area[data-level="0"]{fill-opacity:.32}.bx-map[data-basemap=ready] .bx-area:hover,.bx-map[data-basemap=ready] .bx-area:focus-visible{fill-opacity:.9;stroke:var(--ut-brick);stroke-width:4px}.bx-map[data-basemap=ready] .bx-area[data-selected]{fill-opacity:.9;stroke:var(--ut-stone);stroke-width:5px}.bx-map[data-basemap=ready] .bx-area--london{fill-opacity:.5;stroke:var(--c-thames);stroke-width:1.5px}.bx-map[data-basemap=ready] .bx-river path{stroke-width:3.5px;stroke-opacity:.85}.bx-map[data-basemap=ready] .bx-river--thin path{stroke-width:2px}.bx-map[data-basemap=ready] .bx-area[data-level="0"]:not(:hover,:focus-visible,[data-selected]){stroke:#edeee829;stroke-width:1px}.bx-svgbox{z-index:1;width:min(100%, calc(min(78svh, 52rem) * var(--ar,.75)));margin-inline:auto;position:relative}.bx-svgbox .bx-svg{max-height:none}}@layer utilities;