.surf-spots-modal .modal-dialog{margin-bottom:0;position:fixed;right:0;left:0;bottom:0;width:100%;max-width:100%;transform:translateY(100%);transition:transform .3s ease-out}.surf-spots-modal.show .modal-dialog{transform:translate(0)}.surf-spots-modal .modal-content{border-radius:10px 10px 0 0;box-shadow:0 -5px 15px #0000004d}.surf-spots-modal .modal-header{border-top-left-radius:10px;border-top-right-radius:10px;padding:15px 20px;background-color:#000000b3;color:#fff}.surf-spots-modal .modal-body{padding:0}.surf-spots-map-container{width:100%;height:500px}.surf-spots-modal .modal-header:before{content:"";display:block;width:40px;height:5px;background-color:#ffffff80;border-radius:3px;margin:0 auto 10px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.surf-spots-button-container{position:fixed;bottom:20px;right:20px!important;left:auto!important;z-index:1000;width:60px;height:60px;pointer-events:none;margin-left:auto;margin-right:0}.surf-spots-button{position:relative;bottom:0;right:0;left:auto;z-index:1000;background-color:#007bff;color:#fff;border:none;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000004d;transition:all .3s ease;padding:0;cursor:pointer;min-width:60px;max-width:60px;min-height:60px;max-height:60px;overflow:hidden;pointer-events:auto;margin:0;flex:none;text-align:center;line-height:normal;box-sizing:border-box;float:right}.surf-spots-button:hover{background-color:#0056b3;transform:scale(1.05)}.surf-spots-button svg{font-size:24px;width:24px;height:24px}.surf-spots-button:before,.surf-spots-button:after{display:none}@media(min-width:768px){.surf-spots-modal .modal-dialog{max-width:90%;margin:0 auto}}@media(min-width:992px){.surf-spots-modal .modal-dialog{max-width:80%}}.surf-spot-popup h3{margin-top:0;margin-bottom:8px;color:#007bff;font-size:18px;font-weight:600}.surf-spot-header{display:flex;align-items:center;gap:8px;margin-bottom:5px}.surf-spot-header svg{flex-shrink:0}.surf-spot-popup p{margin-bottom:8px;font-size:14px;line-height:1.4}.surf-spot-popup p strong{font-weight:600;color:#555}.maplibregl-popup-content{border-radius:8px;box-shadow:0 3px 14px #0003;padding:12px 16px;min-width:200px}.maplibregl-popup-tip{box-shadow:0 3px 14px #0003}.maplibregl-popup-close-button{font-size:18px;padding:0 8px;color:#999}.maplibregl-popup-close-button:hover{color:#333;background-color:transparent}.surf-marker{background:none;border:none}.maplibregl-marker{cursor:pointer}.surf-marker-icon{display:flex;justify-content:center;align-items:center;width:36px;height:36px;background-color:#fff;border-radius:50%;box-shadow:0 2px 5px #0000004d;border:2px solid #0066cc;transition:transform .2s ease}.surf-marker-icon:hover{transform:scale(1.1)}.clickable-title{cursor:pointer;transition:color .2s ease;text-decoration:none;position:relative}.clickable-title:hover{color:#0056b3}.clickable-title:after{content:"";position:absolute;width:100%;height:2px;bottom:-2px;left:0;background-color:#06c;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}.clickable-title:hover:after{transform:scaleX(1);transform-origin:bottom left}.popup-footer{margin-top:10px;display:flex;justify-content:center}.forecast-button{background-color:#06c;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:14px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:5px}.forecast-button:hover{background-color:#0056b3}.forecast-button:active{transform:translateY(1px)}.quick-access-section{margin:15px 0}.quick-access-section h5{text-align:center;margin-bottom:10px;font-size:16px;color:#555}.quick-access-section h5 .location-icon{vertical-align:middle;margin-right:5px}.quick-access-buttons{margin:10px 0!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important;padding:5px!important;border-radius:8px!important}.quick-access-button{border-radius:20px!important;padding:6px 12px!important;display:flex!important;align-items:center!important;gap:5px!important}.loading-container{text-align:center;margin:10px 0}._hourlyForecastContainer_1svob_2{margin-top:20px;padding:15px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 8px #0000001a}._hourlyForecastTitle_1svob_10{display:flex;align-items:center;gap:8px;margin-bottom:15px;color:#333;font-size:1.2rem}._hourlyForecastList_1svob_19{display:flex;flex-direction:column;gap:12px}._hourlyForecastItem_1svob_25{background-color:#fff;border-radius:6px;padding:15px;box-shadow:0 1px 4px #0000001a}._hourlyTime_1svob_32{font-weight:700;color:#333;display:flex;align-items:center;gap:8px}._measurementRow_1svob_40{display:grid;gap:12px}._measurement_1svob_40{display:flex;justify-content:space-between;align-items:center;padding:4px 0}._measurementLabel_1svob_52{display:flex;align-items:center;gap:8px;color:#666}._showMoreContainer_1svob_59{display:flex;justify-content:center;margin-top:15px}._showMoreButton_1svob_65{min-width:120px}._headerRow_1svob_70{display:none}@media(max-width:767px){._hourlyTime_1svob_32{padding-bottom:10px;border-bottom:1px solid #dee2e6;margin-bottom:10px}._measurementRow_1svob_40{display:grid;grid-template-columns:1fr}._measurement_1svob_40{padding:8px 0}._measurement_1svob_40 span svg:not(._wind-direction-arrow_1svob_92){display:none}}@media(min-width:768px){._headerRow_1svob_70{display:flex;align-items:center;padding:10px 15px;background-color:#e9ecef;border-radius:6px;margin-bottom:8px;font-weight:700;gap:12px}._headerRow_1svob_70 ._hourlyTime_1svob_32{width:160px}._headerRow_1svob_70 ._measurement_1svob_40{width:120px;display:flex;align-items:center;gap:8px;justify-content:flex-start}._headerRow_1svob_70 ._measurement_1svob_40 span{margin-left:4px}._headerRow_1svob_70 ._measurement_1svob_40:nth-child(5){width:100px}._headerRow_1svob_70 ._measurement_1svob_40:nth-child(6){width:140px}._headerRow_1svob_70 ._measurement_1svob_40:nth-child(2){width:130px}._measurement_1svob_40:nth-child(1){width:130px}._hourlyForecastItem_1svob_25{display:flex;align-items:center;padding:10px 15px;transition:background-color .2s ease}._hourlyForecastItem_1svob_25:hover{background-color:#f0f8ff}._hourlyTime_1svob_32{width:180px;display:flex;align-items:center;gap:8px}._measurementRow_1svob_40{display:flex;flex:1;gap:12px}._measurement_1svob_40{width:120px;display:flex;align-items:center;gap:8px}._measurement_1svob_40 span{display:flex;align-items:center;gap:8px;white-space:nowrap}._measurement_1svob_40 svg{margin-right:4px}._measurementLabel_1svob_52{display:none}._measurement_1svob_40:nth-child(5){width:80px}._measurement_1svob_40:nth-child(6){width:140px}}._Forecast_b4j3m_1{border-width:1px;border-color:#000}._titleContainer_b4j3m_6{display:flex;align-items:center;gap:10px}._centerText_b4j3m_12,._locationTitle_b4j3m_16{text-align:center}._buttonContainer_b4j3m_20{display:flex;justify-content:space-between;margin-top:15px;flex-wrap:wrap;gap:10px}._forecastButton_b4j3m_28{margin:5px;display:inline-flex;align-items:center;gap:5px}._coordinatesInfo_b4j3m_35{text-align:center;margin-top:10px;font-size:14px;color:#666}._spinnerContainer_b4j3m_42{text-align:center;margin-top:2rem}._errorContainer_b4j3m_47{text-align:center;margin-top:15px}._noDataContainer_b4j3m_52{text-align:center;margin-top:30px;padding:20px;background-color:#f8f9fa;border-radius:8px}._surfSpotsButton_b4j3m_60{position:fixed!important;bottom:20px!important;right:20px!important;z-index:1000;width:60px!important;height:60px!important;border-radius:50%!important;background-color:#007bff!important;color:#fff!important;border:none!important;display:flex!important;align-items:center;justify-content:center;box-shadow:0 2px 10px #0000004d;padding:0;cursor:pointer}