#map{height:100%}html,body{height:100%;margin:0;padding:0}.widget-container{color:#222;text-align:center;-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#fff;border-radius:50px;flex-direction:column;justify-content:flex-start;align-items:center;width:auto;min-width:78px;min-height:30px;max-height:50px;padding:4px 8px;font-family:Google Sans,Roboto,sans-serif;transition:max-height .3s ease-out,padding .3s ease-out,border-radius .3s ease-out;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000004d}.widget-container:after{content:"";border-top:5px solid #fff;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;transition:all .3s ease-out;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.dark-mode .widget-container{color:#fff;background-color:#222;box-shadow:0 2px 6px #ffffff4d}.dark-mode .widget-container:after{border-top-color:#222}.weather-info-basic{justify-content:center;align-items:center;gap:4px;width:100%;margin-bottom:0;display:flex}.weather-info-basic img{filter:invert(0);flex-shrink:0;width:30px;height:30px}#condition-icon{display:none}.temperature{font-size:1.5em;font-weight:700}.error-message{width:80px;font-size:1.2em;font-weight:400}.rain-details{flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;width:100%;margin-top:5px;font-size:.9em;display:none}.rain-details img{width:18px;height:18px;margin-right:5px}.dark-mode .rain-details img{filter:none}.widget-container.highlight{border-radius:8px;justify-content:space-between;width:auto;min-height:70px;max-height:150px;padding:10px 15px;box-shadow:0 2px 6px #0000004d}.widget-container.highlight:after{border-top:5px solid #fff}.widget-container.highlight .rain-details{display:flex}.dark-mode .widget-container.highlight{box-shadow:0 2px 6px #ffffff4d}.dark-mode .widget-container.highlight:after{border-top:5px solid #222}.button-container-wrapper{z-index:10;gap:10px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.mode-toggle-container,.load-markers-container{z-index:auto;position:static;top:auto;left:auto;transform:none}.button-container-wrapper button{color:#fff;cursor:pointer;background-color:#4285f4;border:none;border-radius:4px;width:170px;padding:8px 15px;font-family:Google Sans,Roboto,sans-serif;font-size:1em;box-shadow:0 2px 4px #0003}.button-container-wrapper button:hover{background-color:#3367d6}@media (width<=600px){.widget-container{min-width:60px;min-height:25px;max-height:40px;padding:3px 5px}.weather-info-basic img{width:25px;height:25px}.temperature{font-size:1.2em}.rain-details{gap:3px;margin-top:3px;font-size:.8em}.rain-details img{width:15px;height:15px;margin-right:3px}.widget-container.highlight{min-height:50px;max-height:100px;padding:8px 10px}.button-container-wrapper{flex-direction:column;gap:5px;bottom:5px}.button-container-wrapper button{width:150px;padding:6px 10px;font-size:.9em}}