.harbor-map-container{overflow:hidden}.harbor-map-container,.harbor-map-wrapper{width:100%;height:100%;position:relative}.harbor-search-container{position:absolute;top:20px;left:50%;transform:translateX(-50%);z-index:10;width:90%;max-width:400px}.harbor-search-box{display:flex;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.2);overflow:hidden}.harbor-search-box input{flex:1;padding:12px 16px;border:none;outline:none;font-size:16px}.harbor-search-button{background-color:#06c;color:#fff;border:none;padding:12px 16px;cursor:pointer;font-weight:500;transition:background-color .2s}.harbor-search-button:hover{background-color:#05a}.harbor-search-button:disabled{background-color:#ccc;cursor:not-allowed}.harbor-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,100%,.7);display:flex;align-items:center;justify-content:center;z-index:5;font-weight:500;font-size:18px;color:#333}.marker-wrapper{position:relative;z-index:1;cursor:pointer}.marker-invisible-box{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.harbor-marker{width:35px;height:35px;background-image:url(/harbor-map/src/images/Locker.png);background-size:cover;background-position:50%;border-radius:50%;cursor:pointer;transition:opacity .2s,filter .2s}.harbor-info-window{padding:8px;min-width:200px;color:#333}.harbor-info-window h3{margin:0 0 8px;font-size:16px;font-weight:600}.harbor-info-window p{margin:4px 0;font-size:14px}.harbor-info-button{font-weight:500;transition:background-color .2s}.harbor-info-button:hover{background-color:#05a}.harbor-error-message{display:flex;align-items:center;justify-content:center;height:100%;padding:20px;background-color:#f8d7da;color:#721c24;text-align:center;font-weight:500;border-radius:4px}.gm-style .gm-style-iw-c{padding:12px!important}.gm-style .gm-style-iw-d{overflow:hidden!important}.vis-gl-map{width:100%!important;height:100%!important}.harbor-info-button{display:inline-block;padding:8px 12px;background-color:#06c;color:#fff;border:none;border-radius:4px;cursor:pointer;text-decoration:none;font-size:14px;margin-top:8px}.harbor-info-button:hover{background-color:#0052a3;text-decoration:none;color:#fff}