.support-warnings{display:grid;grid-gap:1rem;padding:1rem;position:fixed;top:0;left:0}.support-warning{color:#1a1a1a;border:4px solid hsl(45 80% 50%);display:none;width:200px;padding:1rem;font-family:sans-serif;font-size:.875rem;background:#fafafa}.has-support .support-warning--has,.popup-support .support-warning--popup,.houdini-support .support-warning--houdini,.object-view-box-support .support-warning--object-view-box{display:inline-block}@supports (selector(:has(*))){.has-support .support-warning--has{display:none}}@supports (background: paint(houdini)){.houdini-support .support-warning--houdini{display:none}}@supports (object-view-box: inset(0 0 0 0)){.object-view-box-support .support-warning--object-view-box{display:none}}.supports-popup .support-warning--popup{display:none}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{box-sizing:border-box}body{display:grid;place-items:center;grid-auto-flow:column;min-height:100vh;font-weight:300;font-family:sans-serif;color:#262626;background:#fafafa;margin:0;overflow:hidden;justify-content:center;gap:1rem}:root{--zoom-speed: .2s}@property --inset-top{syntax: "<length-percentage>"; inherits: true; initial-value: 0%;}@property --inset-right{syntax: "<length-percentage>"; inherits: true; initial-value: 0%;}@property --inset-bottom{syntax: "<length-percentage>"; inherits: true; initial-value: 0;}@property --inset-left{syntax: "<length-percentage>"; inherits: true; initial-value: 0;}:root:has(#default:checked){--inset-top: 0%;--inset-right: 0%;--inset-bottom: 0%;--inset-left: 0%}:root:has(#bus:checked){--inset-top: 58%;--inset-right: 59%;--inset-bottom: 25%;--inset-left: 24%}:root:has(#car:checked){--inset-top: 61%;--inset-right: 24%;--inset-bottom: 20%;--inset-left: 56%}:root:has(#walk:checked){--inset-top: 62%;--inset-right: 22%;--inset-bottom: 31%;--inset-left: 71%}:root:has(#mail:checked){--inset-top: 63%;--inset-right: 28%;--inset-bottom: 30%;--inset-left: 65%}:root:has(#stop:checked){--inset-top: 58%;--inset-right: 84%;--inset-bottom: 25%;--inset-left: 0%}:root:has(#peak:checked){--inset-top: 35%;--inset-right: 43%;--inset-bottom: 52%;--inset-left: 47%}img{width:40vmin;aspect-ratio:1920 / 2402;object-view-box:inset(var(--inset-top) var(--inset-right) var(--inset-bottom) var(--inset-left));transition:--inset-top var(--zoom-speed),--inset-right var(--zoom-speed),--inset-bottom var(--zoom-speed),--inset-left var(--zoom-speed);transition-timing-function:ease-out}footer{position:fixed;font-size:.675rem;padding:2rem;bottom:0;text-align:center}.controls__group{display:flex}label{font-size:.75rem;flex:1;margin-right:1.5rem;opacity:var(--opacity, .5)}.controls__group:has(input:checked) label{--opacity: 1}[type=radio]{accent-color:hsl(280 10% 50%);outline:hsl(280 80% 50%)}