.topbar:has(.weather-header){grid-template-columns:1fr auto 1fr;gap:12px;height:auto;min-height:72px;padding:8px 0;display:grid}.topbar:has(.weather-header)>.brand{justify-self:start}.topbar:has(.weather-header)>button{justify-self:end;margin-left:0}.weather-header{justify-self:center;min-width:0}.weather-header-button{color:#fff;cursor:pointer;background:#171323;border:1px solid #735980;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:5px 12px;display:flex}.weather-header-button>svg{flex-shrink:0;width:28px;height:28px;margin:0!important}.weather-header-button span{text-align:left;flex-direction:column;gap:2px;display:flex}.weather-header-button strong,.weather-header-button small{font-size:14px;line-height:1.25}.weather-header-button small{color:#d3c9de}.weather-dialog{color:#f6efff;background:#14101f;max-height:90dvh;overflow-y:auto;width:min(100% - 24px,1000px)!important;max-width:1000px!important}.weather-dialog .weather-panel{margin:8px 0 0}.weather-header-button:focus-visible{outline-offset:3px;outline:3px solid #6be9df}.trip-dashboard .dashboard-cards .art-tips .destination-art{background:linear-gradient(#080e1b10,#080e1b30),url(/tip-calculator.png) 50%/cover}.trip-dashboard .dashboard-cards .art-f1 .destination-art{background:linear-gradient(#080e1b10,#080e1b30),url(/f1-survival-mode.png) 50%/cover}@media (max-width:600px){.topbar:has(.weather-header){grid-template-columns:minmax(0,1fr) auto auto;gap:6px}.topbar:has(.weather-header) .brand{letter-spacing:0;gap:4px;font-size:12px}.topbar:has(.weather-header) .brand-logo{width:32px;height:32px}.topbar:has(.weather-header)>button{min-height:44px;padding:8px;font-size:14px}.weather-header-button{gap:5px;padding:5px 7px}.weather-header-button>svg{width:22px;height:22px}.weather-header-button small{max-width:118px}.weather-header-button strong{font-size:14px}}@media (max-width:380px){.topbar:has(.weather-header) .brand>span{display:none}.weather-header-button>svg{display:none}}
