@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box}:root{--base-font-size: calc(1vw + 1vh) ;--heading-font-size: calc(var(--base-font-size) * .8);--body-font-size: calc(var(--base-font-size) * .7);--small-font-size: calc(var(--base-font-size) * .5)}#root{height:100%;width:100%}body{margin:0;background-color:#000;height:100vh;padding:1em;font-size:var(--body-font-size);font-family:Public Sans,serif;color:#fff}.grid-container{display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(20,1fr);gap:1em;width:100%;height:100%}.box{display:flex;flex-direction:column;background-color:#222;border-radius:1em}.box__title{display:flex;gap:.5em;align-items:center;margin:0 0 .5em;padding:.5em .7em;font-size:calc((1vw + 1vh)*.8);border-bottom:1px solid #333}.box__title img{width:2em;height:2em}.box__content{margin:0;padding:0 .7em;flex-grow:1;display:flex;flex-direction:column}.meteo{grid-column:1/4;grid-row:1/7;display:flex}.meteo .box__title{font-weight:300;font-size:1.3em}.meteo .box__content{display:flex;flex-direction:row}.meteo .box__content .weather{display:flex;justify-content:center;align-items:end;flex-direction:column}.meteo .box__content .weather .weather__temperature{font-size:2em;line-height:1.2em;font-weight:600}.meteo .box__content .weather .weather__icon{max-height:3.8em}.meteo .box__content .weather .weather__range{font-size:.9em;color:#999}.meteo .box__content .weather .weather__range .sep{padding:0 .5em}.meteo .box__content .clock{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.meteo .box__content .clock .hour,.meteo .box__content .clock .day-name,.meteo .box__content .clock .date{margin:0;padding:0}.meteo .box__content .clock .hour{font-size:2em;line-height:1.6em}.meteo .box__content .clock .day-name{font-size:1.2em;line-height:1.1.em;text-transform:uppercase;color:#666}.meteo .box__content .clock .date{font-size:1.5em;line-height:1.4.em;text-transform:uppercase}.transportation{grid-column:1/4;grid-row:7/21}.transportation .box__content{padding:0;justify-content:space-between}.transportation .box__content .stop__info{display:flex;flex-direction:row;gap:.77em;padding:.5em 1em;border-bottom:1px solid #333;justify-content:space-between;align-items:center}.transportation .box__content .stop__info .stop__info__indicator{display:flex;align-items:center;justify-content:center;background-color:#0adac1;width:1em;height:1.8em;color:#000;font-size:1.2em;font-weight:700;text-align:center}.transportation .box__content .stop__info .stop__info__address{font-size:1.1em;font-weight:600;line-height:1.2em;flex-grow:1}.transportation .box__content .stop__info .stop__info__distance{font-size:1em;color:#fff}.transportation .stop__lines{padding:.5em 1em;display:flex;flex-direction:column;gap:1em;border-bottom:1px solid #333}.transportation .stop__lines .line{display:flex;justify-content:space-between;gap:.7em;flex-grow:1}.transportation .stop__lines .line .line__accessor{display:flex;align-items:center;gap:.5em;border:#0adac1 solid 1px;border-radius:.4em;padding:.2em .5em}.transportation .stop__lines .line .line__accessor .line__accessor__icon{height:1em}.transportation .stop__lines .line .line__accessor .line__accessor__name{font-size:1.1em;font-weight:600;line-height:normal;color:#0adac1}.transportation .stop__lines .line .line__direction{flex-grow:1;font-size:1em;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transportation .stop__lines .line .line__wait_time{font-size:1em;color:#0adac1;text-transform:uppercase;font-size:.85em;white-space:nowrap}.transportation .qrcode-footer{display:flex;flex-direction:row;padding:.5em 1em}.transportation .qrcode-footer .qrcode{height:4.2em;width:4.2em;margin:auto;border-radius:.2em}.transportation .qrcode-footer .qrcode-footer__content{padding-left:1em}.transportation .qrcode-footer .qrcode-footer__content .qrcode-footer__title{font-size:.9em;font-weight:600;margin:0;padding:0}.transportation .qrcode-footer .qrcode-footer__content .qrcode-footer__text{font-size:.75em}.transportation .qrcode-footer .qrcode-footer__logo{display:flex;flex-grow:1;align-items:end}.transportation .qrcode-footer .qrcode-footer__logo img{height:1.5em}.map{grid-column:4/13;grid-row:1/14;display:flex;align-items:center;justify-content:center}.screen-hint{grid-column:4/13;grid-row:14/15;color:#fff;display:flex;align-items:center}.screen-hint img{width:2em;height:2em;margin-right:.5em}.bike-sharing{grid-column:4/9;grid-row:15/21}.bike-sharing .box__content{flex-direction:row;justify-content:space-between}.bike-sharing .box__content .bike-stops__container{display:flex;gap:1em;flex-grow:1}.bike-sharing .box__content .bike-stops__container .bike-stop__info{display:flex;gap:.77em;padding-bottom:.7em;border-bottom:1px solid #333;align-items:stretch;margin-bottom:.7em}.bike-sharing .box__content .bike-stops__container .bike-stop__info .bike-stop__info__indicator{display:flex;align-items:center;justify-content:center;background-color:#ff9600;width:1.2em;height:auto;color:#000;font-size:1.2em;font-weight:700;text-align:center}.bike-sharing .box__content .bike-stops__container .bike-stop__info .bike-stop__info__location__address{font-size:1.1em;font-weight:600;line-height:1.3em;flex-grow:1}.bike-sharing .box__content .bike-stops__container .bike-stop__info .bike-stop__info__location__distance{font-size:.9em;color:#fff}.bike-sharing .box__content .bike-stops__container .bike-stop__data{display:flex;gap:.6em;justify-content:space-between}.bike-sharing .box__content .bike-stops__container .bike-stop__data .bike-stop__item{flex:1}.bike-sharing .box__content .bike-stops__container .bike-stop__data .bike-stop__item .bike-stop__item__accessor{display:flex;align-items:center;gap:.5em;border:#ff9600 solid 1px;border-radius:.4em;padding:.2em .5em;min-height:1.5em;justify-content:center}.bike-sharing .box__content .bike-stops__container .bike-stop__data .bike-stop__item .bike-stop__item__accessor .bike-stop__item__accessor__icon{height:1em}.bike-sharing .box__content .bike-stops__container .bike-stop__data .bike-stop__item .bike-stop__item__accessor .bike-stop__item__accessor__value{font-size:1em;font-weight:600;line-height:normal;color:#ff9600}.bike-sharing .box__content .bike-stops__container .bike-stop__data .bike-stop__item .bike-stop__item__label{margin-top:.5em;text-transform:uppercase;font-size:.65em;text-align:center}.bike-sharing .box__content .qrcode__container{display:flex;flex-direction:column;justify-content:space-between;max-width:8em;padding:0 0 .5em}.bike-sharing .box__content .qrcode__container .qrcode__logo{height:1.2em}.bike-sharing .box__content .qrcode__container .qrcode__title{font-size:.8em;text-align:center;margin:0;padding:0}.bike-sharing .box__content .qrcode__container .qrcode{height:4.2em;width:4.2em;margin:0 auto;border-radius:.2em}.car-sharing{grid-column:9/13;grid-row:15/21}.car-sharing .image-container{height:100%;width:10.5em;margin-top:.5em}.car-sharing .logo{height:1.2em;margin:auto}.car-sharing .qrcode{max-height:4.2em;max-width:4.2em;margin:auto;border-radius:.2em}.data-governance{grid-column:4/13;grid-row:20/21;display:flex;align-items:center;justify-content:space-between;padding:.7em 1em}.data-governance img{height:2em}.font-light{font-weight:300}.map-container{height:100%;width:100%;border-radius:1em;overflow:hidden}.text-medium{font-size:var(--body-font-size)}.text-small{font-size:var(--small-font-size)}.flex-container{display:flex}.flex-row{display:flex;flex-direction:row;flex-grow:1}.flex-column{display:flex;flex-direction:column}.flex-align-items-center{align-items:center}.flex-justify-content-space-between{align-items:space-between}.flex-jusify-content-center{justify-content:center}.text-align-center{text-align:center}.m0{margin:0}.p0{padding:0}.w10{flex-basis:10%}.w20{flex-basis:20%}.w30{flex-basis:30%}.w40{flex-basis:40%}.w50{flex-basis:50%}.w60{flex-basis:60%}.custom-pin{position:relative;background-color:#ccc;color:#000;font-size:1em;font-weight:700;text-align:center;border-radius:.5em;display:flex;justify-content:center;align-items:center;padding:.1em .7em}.custom-pin:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-width:10px 8px 0 8px;border-color:#ccc transparent transparent transparent}.custom-pin.transportation{background-color:#0adac1;border:2px solid #0adac1}.custom-pin.transportation:after{border-color:#0adac1 transparent transparent transparent}.custom-pin.bike{background-color:#ff9600;border:2px solid #ff9600}.custom-pin.bike:after{border-color:#ff9600 transparent transparent transparent}.custom-pin.me{background-color:#cc0001;border:2px solid #cc0001;color:#fff}.custom-pin.me:after{border-color:#cc0001 transparent transparent transparent}