#navigationPickerHeading{margin-bottom:.5rem}.appIconContainer{width:80px;text-align:center;font-size:small}.appIcon{width:50px;border-radius:9px}.appIcon:first-of-type{margin-right:1rem}.appIcon:last-of-type{margin-left:1rem}#saveDefault{margin-top:1rem;display:flex;align-items:center;justify-content:right}#saveDefault span{margin-right:.5rem}.popupContainer{font-weight:700;color:#1a202c;display:flex;padding-top:1rem}.popupButton{font-weight:700;border:1px solid black;border-radius:5px;margin-top:.5rem}.popupDirections{margin-top:auto}.popupHistory{font-size:.75rem;color:#4a5568}#locationsMenu{top:45px}.locationDiv{width:100%}.locationInfo{flex:1;min-width:0;flex-direction:column;align-items:flex-start}.locationButton{margin-right:auto}.locationAdvice{display:flex;flex-direction:column;padding:0 16px 6px;font-size:.75rem;line-height:1.3;text-align:left}.locationAdviceHeadline{font-weight:600}.locationAdviceDetail{opacity:.85}.locationDiv .locationDelete{margin:auto 0}.blue-text{color:#00f}#fuelMenu{top:125px}.discountRow{align-items:center;gap:.5rem}.discountRow img{height:1.5rem}#routesMenu{top:85px}.routeDiv{width:100%}.routeButton{margin-right:auto}.routeDiv .routeAction{margin:auto 0}#mapMenu{position:absolute;z-index:1;left:0;top:0;min-width:29px;min-height:29px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 80' width='18' height='18'%3E%3Crect width='100' height='13' rx='10'%3E%3C/rect%3E%3Crect y='30' width='100' height='13' rx='10'%3E%3C/rect%3E%3Crect y='60' width='100' height='13' rx='10'%3E%3C/rect%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%}#mainMapMenu{left:0;top:45px}#filterButton{position:absolute;z-index:1;left:50%;transform:translate(-50%);margin:10px 0 0;top:0;width:120px;background-color:#fff;color:#000;box-shadow:0 0 0 2px #0000001a;border-radius:4px;font-weight:700;text-align:center}#filterButton button{height:29px;color:#000}.lowestPriceBox{display:grid;background-color:var(--chakra-colors-chakra-subtle-bg);min-width:20rem;max-width:30rem;flex-grow:1;grid-template-columns:auto auto auto;border:.1rem solid grey;border-radius:.5rem;margin:0 .5rem .7rem;padding:.2rem .5rem;text-align:center;line-height:1.3}.lowestPriceBox .siteLogo{justify-self:left;display:grid;min-width:30px}.lowestPriceBox .siteLogo img{height:3rem;margin:auto auto auto 0}.lowestPriceBox .chakra-heading{margin:auto auto auto 0}.lowestPriceBox .priceStat{min-width:8rem}.lowestPriceBox .siteScore{margin:auto 0 auto auto;font-weight:700;display:grid;justify-self:right}.lowestPriceBox .siteScore text{fill:var(--chakra-colors-chakra-body-text)}.lowestPriceBox h2{font-size:1.5rem}.lowestPriceBox h3{font-size:1.1rem;text-align:left}.lowestPriceBox span{width:auto;margin:auto 0 auto auto;overflow-wrap:normal}.lowestPricesContainer{padding:.2rem;flex-wrap:wrap;justify-content:center;max-height:calc(70vh - 1rem);max-height:calc(70dvh - 1rem);overflow-y:auto;overscroll-behavior:contain}.belowMapContent{position:fixed;top:100%;transform:translateY(-6.2rem);width:100vw;min-height:6.3rem;text-align:center;z-index:3;background-color:var(--chakra-colors-chakra-body-bg);border-top:2px solid rgb(212,212,212);border-radius:0 5px 0 0;justify-content:center;transition:transform .5s}#popoutContainer{padding:.5rem .5rem 0}.belowMapContentExpanded{position:fixed;top:100%;transform:translateY(-100%);width:100vw;text-align:center;z-index:3;background-color:var(--chakra-colors-chakra-body-bg);border-top:2px solid rgb(212,212,212);border-radius:0 5px 0 0;justify-content:center;transition:transform .5s}#expandTag{position:absolute;top:-1.3rem;background-color:var(--chakra-colors-chakra-body-bg);width:3rem;height:1.35rem;border-radius:0 5px 0 0;border-top:2px solid rgb(212,212,212);border-right:2px solid rgb(212,212,212)}#expandTag svg{position:relative;top:-.2rem}#areaCycleBox{position:fixed;right:8px;bottom:7rem;z-index:2;display:flex;flex-direction:column;max-width:min(260px,calc(100vw - 80px));padding:.35rem .6rem;font-size:.75rem;line-height:1.3;text-align:left;background-color:var(--chakra-colors-chakra-body-bg);border:2px solid rgb(212,212,212);border-radius:8px;box-shadow:0 2px 8px #00000026}.areaCycleHeadline{font-weight:600}.areaCycleDetail{opacity:.85}#liveMap{width:auto;height:100%;position:relative}#timeTravelBar{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);width:min(640px,calc(100vw - 16px));z-index:2;padding:.5rem .75rem;background-color:var(--chakra-colors-chakra-body-bg);border:2px solid rgb(212,212,212);border-radius:8px;box-shadow:0 2px 8px #00000026}.timeTravelLabel{font-variant-numeric:tabular-nums;white-space:nowrap}.waveLegend{width:60px;height:8px;border-radius:4px}
