.icon-arrow{height:2.4rem;width:2.4rem}.icon-arrow.direction-up{transform:rotate(-90deg)}.icon-arrow.direction-left{transform:rotate(-180deg)}.icon-arrow.direction-down{transform:rotate(90deg)}:export{red-600:#c6002b;red-500:#cd212e;red-400:#e22c3a;red-300:#f4747c;red-200:#f79096;red-100:#f4adb1;orange-600:#fb6825;orange-500:#fc833e;orange-400:#fc9e65;orange-300:#fdb990;orange-200:#fdd5bb;orange-100:#fef1e8;yellow-600:#fcba38;yellow-500:#fdc64c;yellow-400:#fdd36f;yellow-300:#fddf96;yellow-200:#feecbf;yellow-100:#fff8e9;green-600:#46815a;green-500:#62aa7b;green-400:#78d297;green-300:#8bdea7;green-200:#9ce2b4;green-100:#ace7c0;blue-600:#0055b7;blue-500:#509da7;blue-400:#60bac6;blue-300:#68c8d5;blue-200:#84dae5;blue-100:#a3e2eb;purple-600:#793cb7;purple-500:#8d5bcd;purple-400:#a071dc;purple-300:#a586e5;purple-200:#b895f2;purple-100:#c7a3f5;grey-600:#27292d;grey-500:#3f4447;grey-400:#717277;grey-300:#a9afb2;grey-250:#dadfe3;grey-200:#e6eaed;grey-150:#edf1f3;grey-100:#f6f8f9}.component-traffic-tile .traffic-block{align-items:center;background-color:#f6f8f9;border-radius:0 0 .6rem .6rem;display:flex;flex-direction:row;height:11.5rem;justify-content:space-between}.theme-night .component-traffic-tile .traffic-block{background-color:#e6eaed}@media screen and (min-width:1060px){.component-traffic-tile .traffic-block{border-radius:.6rem;display:block;height:22.3rem}}.component-traffic-tile .traffic-block a{text-decoration:none}.component-traffic-tile .traffic-block .title{order:1}.component-traffic-tile .traffic-block .local-traffic-map{order:2}.component-traffic-tile .traffic-block .icon-arrow{order:3}.theme-night .component-traffic-tile .traffic-block .icon-arrow path{fill:#000}@media screen and (min-width:1060px){.component-traffic-tile .traffic-block{padding:0}.component-traffic-tile .traffic-block .title .icon-arrow{flex-direction:row;justify-content:space-between}}.component-traffic-tile .traffic-block .tile-container{color:#f6f8f9;display:inline-block;margin:1rem 0 1rem 1.2rem}@media screen and (min-width:1060px){.component-traffic-tile .traffic-block .tile-container{align-items:center;flex:row wrap;margin:1rem 0 1rem 1.2rem;overflow:hidden}}.component-traffic-tile .traffic-block .title{color:#000;font-size:1.8rem;font-weight:700;text-align:justify}@media screen and (min-width:1060px){.component-traffic-tile .traffic-block .title{flex-basis:90%;font-size:2.4rem}}.component-traffic-tile .traffic-block .icon-arrow{margin-right:1.2rem}@media screen and (min-width:1060px){.component-traffic-tile .traffic-block .icon-arrow{align-content:center;flex-basis:10%;margin:1rem 0 1rem .3rem}}.component-traffic-tile .traffic-block .local-traffic-map{justify-content:space-around;margin-left:auto;padding-right:1rem;position:relative}@media screen and (min-width:1060px){.component-traffic-tile .traffic-block .local-traffic-map{height:14.5rem;height:17rem;margin:0;padding:0;width:100%}}.component-traffic-tile .traffic-block .local-traffic-map img{border-radius:1rem;box-shadow:0 .4rem .4rem rgba(0,0,0,.25);display:block;height:7rem;width:10rem}@media screen and (min-width:1060px){.component-traffic-tile .traffic-block .local-traffic-map img{border-radius:0;border-radius:0 0 .6rem .6rem;box-shadow:none;height:17rem;max-width:100%;width:auto}}.component-traffic-tile .traffic-block .location-pin-icon{left:40%;margin:auto;position:absolute;top:25%}.theme-light .component-traffic-tile .traffic-block .location-pin-icon path{fill:var(--accent-color)}@media screen and (min-width:1060px){.component-traffic-tile .traffic-block .location-pin-icon{height:6rem;left:40%;margin:auto;top:15%;width:4.7rem}.component-traffic-tile+.component-weather-tile{display:block}}