:root{--rd-back:#b3c3d4;--rd-front:#9cb0c4;--rd-lit:#8399ae;--rd-off:#8399ae;--rd-off-back:#9aaec2;--rd-walk:#c3ccd8;--rd-road:#596175;--rd-curb:#3a4150;--rd-pole:#5c677a;--rd-lamp:#c9cfda;--rd-glow:none}.dark{--rd-back:#23262f;--rd-front:#2c2f3a;--rd-lit:#ffc933;--rd-off:#22242d;--rd-off-back:#1a1c23;--rd-walk:#2e313b;--rd-road:#23252d;--rd-curb:#15161b;--rd-pole:#3a3e50;--rd-lamp:#ffe27a;--rd-glow:block}.rd{z-index:2;content-visibility:auto;contain-intrinsic-size:auto 390px;height:390px;position:relative;overflow-x:clip}.rd-city{height:244px;position:absolute;inset:0 0 auto;overflow:hidden}.rd-row{align-items:flex-end;display:flex;position:absolute;inset:auto 0 0}.rd-bld{flex:none;position:relative;overflow:hidden}.rd-bld i{width:8px;height:10px;position:absolute;top:-30px;left:-30px}:root[data-snow] .rd-bld:before{content:"";background:var(--snow-cap,#fff);height:8px;box-shadow:inset 0 -2px 0 var(--snow-edge,#b9c8db);position:absolute;inset:0 0 auto}:root[data-snow] .rd-walk:after{content:"";background:var(--snow-cap,#fff);height:14px;box-shadow:0 2px 0 var(--snow-edge,#b9c8db);position:absolute;inset:0 0 auto}.rd-ground{height:150px;position:absolute;inset:244px 0 auto}.rd-walk{background:var(--rd-walk);border-top:8px solid rgb(var(--border));height:34px;position:absolute;inset:0 0 auto}.rd-road{background:var(--rd-road);height:116px;position:absolute;inset:34px 0 auto}.rd-line{background:repeating-linear-gradient(90deg,#ffc933 0 36px,#0000 36px 72px);height:6px;position:absolute;inset:90px 0 auto}.rd-cross{background:repeating-linear-gradient(0deg,#ececf0cc 0 10px,#0000 10px 22px);width:96px;height:112px;position:absolute;top:34px;left:47%}.rd-curb{background:var(--rd-curb);height:10px;position:absolute;inset:auto 0 0}.rd-lamp{width:0;height:0;position:absolute;bottom:116px}.rd-lamp b{background:var(--rd-pole);display:block;position:absolute}.rd-glow{clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);width:110px;height:104px;display:var(--rd-glow);background:linear-gradient(#ffe28c4d,#ffe28c00);position:absolute;bottom:-40px;left:-12px}.rd-car{all:unset;cursor:pointer;animation:rd-drive var(--dur) linear var(--delay) infinite;position:absolute;left:0}.rd-car:focus-visible{outline-offset:4px;outline:4px solid #ffc933}.rd-car[data-dir="-1"]{animation-name:rd-drive-back}.rd-car-in{display:block;position:relative}.rd-car-head{width:70px;height:40%;display:var(--rd-glow);background:linear-gradient(90deg,#ffe28c61,#ffe28c00);position:absolute;top:35%}@keyframes rd-drive{0%{transform:translate(-15vw)}to{transform:translate(115vw)}}@keyframes rd-drive-back{0%{transform:translate(115vw)}to{transform:translate(-15vw)}}@keyframes rd-hop{50%{transform:translateY(-3px)}}.rd-sign{text-decoration:none;display:block;position:absolute;top:-46px;left:66%}.rd-sign:focus-visible{outline-offset:4px;outline:4px solid #ffc933}.rd-sign span{color:#fff;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#2b6ce0;padding:6px 10px 5px;font-size:15px;font-weight:600;position:absolute;top:0;left:0;box-shadow:0 0 0 3px #fff,4px 6px #00000059}@media print{.rd{display:none}}