body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}#root{background-color:#0e1420;height:100vh;padding:10px;width:100%}.car-display-grid-item1,.car-display-grid-item2,.car-display-grid-item3,.car-display-grid-item4{background-color:#131927;border-radius:10px}.car-display-container{grid-column-gap:10px;grid-row-gap:10px;color:#fff;display:grid;grid-template-columns:auto 362px 427px;grid-template-rows:auto 220px}.car-display-grid-item1{grid-area:1/1/2/2}.car-display-grid-item2{grid-area:2/1/3/2}.car-display-grid-item3{grid-area:1/2/3/3}.car-display-grid-item4{grid-area:1/3/3/4}.icon{background:#59667c;display:inline-block;height:24px;mask-position:center;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:24px}.icon-music-list{-webkit-mask-image:url(/titin-c/car-display/static/media/icon-music-list.d63e16e9f3d8697c914c.svg);mask-image:url(/titin-c/car-display/static/media/icon-music-list.d63e16e9f3d8697c914c.svg)}.icon-music-play{-webkit-mask-image:url(/titin-c/car-display/static/media/icon-music-play.ac5ad7f582cb70bc4f9d.svg);mask-image:url(/titin-c/car-display/static/media/icon-music-play.ac5ad7f582cb70bc4f9d.svg)}.icon-music-prev{-webkit-mask-image:url(/titin-c/car-display/static/media/icon-music-prev.393395c600414001fb4b.svg);mask-image:url(/titin-c/car-display/static/media/icon-music-prev.393395c600414001fb4b.svg)}.icon-music-next{-webkit-mask-image:url(/titin-c/car-display/static/media/icon-music-next.3cc2f685677d72784de9.svg);mask-image:url(/titin-c/car-display/static/media/icon-music-next.3cc2f685677d72784de9.svg)}.btn svg{fill:#59667c;display:block;width:18px}.car-display-grid-item2.zone-audio{background:#1f2a3c;background:linear-gradient(135deg,#1f2a3c,#131927);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f2a3c",endColorstr="#131927",GradientType=1)}.zone-audio-container{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px}.zone-audio-top{display:flex;position:relative}.zone-audio-botton{align-items:center;display:flex;justify-content:space-between}.zone-audio-img{margin-right:20px}.zone-audio-img img{border-radius:7px;height:100px;width:100px}.zone-audio-description{font-size:1.3em}.zone-audio-description p{color:#5a7196}.zone-audio-list{position:absolute;right:0;top:0}.zone-audio-wave{margin:0 10px}.zone-audio-wave img{height:50px;width:100%}.zone-audio-bottons{min-width:106px}.zone-audio-bottons button:last-child{margin-left:10px}button.btn-rounded.btn-play{align-content:center;align-items:center;aspect-ratio:1/1;background:#4f5660;background:linear-gradient(135deg,#4f5660,#242b35);display:flex;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4f5660",endColorstr="#242b35",GradientType=1);justify-content:center;width:65px}button.btn-play svg{fill:#fff}.temp-container,.vol-container{position:relative;z-index:999}.temp-slider-container,.vol-slider-container{background-color:#242c3f;border-radius:50px;box-shadow:0 0 5px #0e1420;left:0;opacity:0;padding:20px 30px 15px;position:absolute;top:-60px;transition:all .3s ease;width:50px}.temp-container.active .temp-slider-container,.vol-container.active .vol-slider-container{left:-165px;opacity:1;top:-60px;width:350px}input.temp-slider,input.vol-slider{width:100%}.clim-data,.vol-data{font-size:24px;font-weight:700;text-align:center;width:50px}.clim-data span,.vol-data span{color:#5a7196;font-weight:400}.zone-map{overflow:hidden;position:relative}.zone-map .map{bottom:-32px;left:-51%;position:absolute;right:-49%}.zone-map .map img{max-width:100%}.zone-map-container{flex-direction:column;height:100%;padding:7px;position:relative}.zone-map-container,.zone-map-info{display:flex;justify-content:space-between}.zone-map-info{align-items:flex-start}.zone-map-direcction{background:rgba(22,27,38,.95);border-radius:7px;padding:10px}.zone-map-fuel,.zone-map-oratge{background:rgba(22,27,38,.85);border-radius:7px;padding:10px;text-align:center}.zone-map-oratge-grados{font-size:24px;margin-left:20px}.zone-map-oratge-grados span{color:#5a7196}.zone-map-oratge-desc{color:#5a7196;font-size:10px}.zone-map-fuel svg{margin-right:10px;width:22px}.zone-map-fuel-km{color:#5a7196;font-size:19px}.zone-map-fuel-km span{color:#fff;font-size:24px;font-weight:700}.zone-map-fuel .cls-1{fill:#f78a07}.zone-map-fuel .cls-2{fill:#5a7196}.zone-map-cargar{color:#5a7196;font-size:14px}.zone-map-cargar-fuel-es{color:#fff;font-size:12px;font-weight:700}.zone-map-direcction{align-items:center;display:flex;font-size:18px;justify-content:space-between}.direccion{margin-bottom:10px}.zone-map-direcction button svg{fill:#fff;width:24px}.zone-map-direcction-km:before{margin-right:5px;-webkit-mask-image:url(/titin-c/car-display/static/media/icon-distance.9cd6e83159393eb8475f.svg);mask-image:url(/titin-c/car-display/static/media/icon-distance.9cd6e83159393eb8475f.svg)}.zone-map-direcction-km:before,.zone-map-direcction-min:before{background:#59667c;content:" ";display:inline-block;height:18px;mask-position:center;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;width:18px}.zone-map-direcction-min:before{margin:0 10px 0 40px;-webkit-mask-image:url(/titin-c/car-display/static/media/icon-clock.57d9694488df744a485e.svg);mask-image:url(/titin-c/car-display/static/media/icon-clock.57d9694488df744a485e.svg)}.car-display-grid-item3{display:flex;flex-direction:column;justify-content:space-between}.icon-eco{display:flex;height:30px;width:30px}.icon-eco svg{fill:#6cbb74}.zone-clock{align-items:center;display:flex;justify-content:space-between;padding:10px}.timer{background-color:#1c2230;border-radius:10px;min-width:176px;padding:5px 0 10px;text-align:center}.time{font-size:30px;line-height:30px}.date,.time{display:block}.date{color:#8e929b;font-size:16px;line-height:16px;margin-top:10px}.date span{margin-right:10px}.icon-config button{height:50px;width:50px}.icon-config button svg{fill:#8e929b}.slider-menu{display:flex;justify-content:space-around;margin:15px 0 10px}.slider-menu button{background:transparent;border:none;color:#8e929b;font-size:16px}.slider-menu button:active,.slider-menu button:focus{color:#fff}.slider-container{height:330px;overflow:hidden;position:relative}.slider{align-items:center;display:flex;justify-content:space-around;position:absolute;transition:all .3s ease;width:300%}.zone-central-top{position:relative}.zone-medidores{bottom:30px;left:0;padding:0 30px;position:absolute;right:0}.zone-central-bottom,.zone-medidores{display:flex;justify-content:space-between}.zone-central-bottom{height:220px}.zone-central-bottom .zone-audio{border-radius:10px 100px 10px 10px}.zone-central-bottom .zone-AACC,.zone-central-bottom .zone-audio{align-items:center;background-color:#1c2230;display:flex;flex-direction:column;padding:40px 20px 20px;width:70%}.zone-central-bottom .zone-AACC{border-radius:100px 10px 10px 10px}.zone-bttn-central{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;width:100%}.vol-data{position:relative}.vol-data:before{background:#59667c;content:"";display:inline-block;height:18px;left:-25px;-webkit-mask-image:url(/titin-c/car-display/static/media/icon-volumen.2355e489f4d8719c2ba3.svg);mask-image:url(/titin-c/car-display/static/media/icon-volumen.2355e489f4d8719c2ba3.svg);mask-position:center;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;position:absolute;top:8px;width:18px}.car-display-grid-item4{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.zone-velocity-top{margin-top:10px;width:100%}.velocidad-max{display:flex;justify-content:space-evenly}.velocidad-max-datas{font-size:19px;margin:0 20px;text-align:center;width:164px}.velocidad-max-datas .data{font-size:33px;font-weight:700;margin:0 10px}.velocidad-max-datas .kmh{color:#5a7196}.velocity-graphics{position:relative}.velocity-graphics .velocity{left:50px;position:absolute;top:0;width:331px}.velocity-graphics .vh{left:147px;position:absolute;top:120px;width:138px}.vh-data{bottom:40px;font-size:37px;font-weight:700;left:40px;position:absolute}.vh-data span{color:#5a7196;font-size:21px;font-weight:400}.velocidad-data{bottom:0;font-size:71px;font-weight:700;left:95px;position:absolute}.velocidad-data span{color:#5a7196;font-size:35px;font-weight:400}.zone-velocity-bottom{display:flex;flex-direction:column;height:220px;justify-content:space-between;padding:0 10px 13px;width:100%}.graphic-avg{background:#1c2230 url(/titin-c/car-display/static/media/linea-horizontal.b17670fbde7d9233dee9.svg) no-repeat 50%;border-radius:10px;height:140px;padding:20px;position:relative;width:100%}.graphic-avg-linea{left:calc(100% - 330px);position:absolute;top:29px}.graphic-avg-datas{bottom:25px;font-size:14px;left:0;position:absolute;right:0;text-align:center}.graphic-avg-datas .data{font-size:24px;font-weight:700;margin:0 5px}.graphic-avg-datas .vh{color:#5a7196}.botones-marchas{display:flex;flex-direction:row;justify-content:space-between}.botones-marchas button{background:transparent;border:none;border-radius:10px;color:#5a7196;font-size:21px;height:50px;width:50px}.botones-marchas button:hover{background-color:#1c2230;color:#fff}.botones-marchas .btn-danger.active{-webkit-animation:btnDanger 1.5s infinite;animation:btnDanger 1.5s infinite}@-webkit-keyframes btnDanger{0%{background-color:transparent}25%{background-color:#f62799;box-shadow:0 0 10px rgba(246,39,153,.4)}35%{background-color:transparent;box-shadow:0 0 10px rgba(246,39,153,0)}50%{background-color:#f62799;box-shadow:0 0 10px rgba(246,39,153,.4)}to{background-color:transparent;box-shadow:0 0 10px rgba(246,39,153,0)}}@keyframes btnDanger{0%{background-color:transparent}25%{background-color:#f62799;box-shadow:0 0 10px rgba(246,39,153,.4)}35%{background-color:transparent;box-shadow:0 0 10px rgba(246,39,153,0)}50%{background-color:#f62799;box-shadow:0 0 10px rgba(246,39,153,.4)}to{background-color:transparent;box-shadow:0 0 10px rgba(246,39,153,0)}}.botones-marchas .btn-danger.active svg{fill:#fff}button.btn-danger svg{fill:#f62799;height:30px;width:30px}button{cursor:pointer;transition:all .3s ease}.btn-square{background-color:#1c2230;border:none;border-radius:7px;color:#fff;padding:15px}.btn-square:hover{background-color:#242c3f}.btn-rounded{background-color:#1c2230;border:none;border-radius:100%;color:#fff;padding:15px}.btn-rounded:hover{background-color:#242c3f}.btn svg,.zone-audio-botton svg{fill:#59667c;display:block;width:18px}.zone-central-bottom button{background-color:#242c3f;height:50px;margin:10px 0 0;width:50px}.zone-central-bottom button:hover{background-color:#313a50}.zone-central-bottom button svg{fill:#fff;height:22px;width:22px}.btn-rounded.btn-danger-lights{height:65px;width:65px}.btn-rounded.btn-danger-lights.active{background:#35d9f2;box-shadow:0 0 10px rgba(53,217,242,.4)}.btn-rounded.btn-danger-lights svg{height:30px;width:30px}.btn-rounded.btn-danger-lights.active svg{fill:#242c3f}.btn-square.btn-automatic-drive{background:#fb76bc;background:linear-gradient(135deg,#fb76bc,#fb2597);border-radius:15px;color:#1c2230;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fb76bc",endColorstr="#fb2597",GradientType=1);font-weight:700;height:70px;padding:5px;text-transform:uppercase;width:70px}.btn-square.btn-automatic-drive:hover{background:#fb88c5;background:linear-gradient(135deg,#fb88c5,#fe4baa);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fb88c5",endColorstr="#fe4baa",GradientType=1)}.btn-square.btn-automatic-drive:hover svg{fill:#1c2230}.btn-square.btn-automatic-drive.active{background:#35d9f2;box-shadow:0 0 10px rgba(53,217,242,.4)}.btn-square.btn-automatic-drive.active svg{fill:#1c2230}.btn-square.btn-automatic-drive svg{height:30px;margin-top:5px;width:30px}
/*# sourceMappingURL=main.53d3ca73.css.map*/