@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";:root{--gaspump-color:#0083b4;--premium-color:#d03327;--super-color:#e39325;--ultra-color:#2e9b47;--kerosene-color:#2a449c;--diesel-color:#f4d60d;--cluster-color-default:#5f43b280;--cluster-color-mid:#dac02380;--cluster-color-high:#d0332780;--delay-time:.5s}html,body{height:100%;margin:0;padding:0}#map{box-sizing:content-box;width:100%;height:100%}.property{color:#263238;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;gap:.5rem;width:1.5rem;height:1.5rem;padding:.3rem;font-size:1rem;transition:all .3s ease-out;display:flex;position:relative;transform:translateY(-.5rem);box-shadow:.3rem .3rem .25rem #0000004d}.property:after{content:"";z-index:1;border-top:.5rem solid #0000;border-left:.5rem solid #0000;border-right:.5rem solid #0000;width:0;height:1rem;transition:all .3s ease-out;position:absolute;top:94%;left:50%;transform:translate(-50%)}.property .icon{color:#fff;justify-content:center;align-items:center;display:flex}.property .icon svg{width:auto;height:1rem}.property.highlight{background-color:#fff;border-radius:.3rem;width:auto;height:7rem;padding:.5rem;transform:translateY(-10%);box-shadow:.5rem .5rem .25rem #0003}.property.highlight:after{border-top:.5rem solid #fff;transform:translate(-55%,30%)}.property.highlight .details{display:block}.property.highlight .icon svg{width:2rem;height:2rem}.property .details{flex-direction:column;flex:1;display:none}.property .title{color:#1c1c1c;flex-direction:row;justify-content:space-between;align-items:center;margin:0;font-family:Poppins,sans-serif;font-size:1rem;display:flex}.property .address{color:#9e9e9e;margin-top:0;margin-bottom:.5rem;font-family:Tajawal,sans-serif;font-size:.8rem}.property .features{flex-direction:row;align-items:flex-end;gap:.3rem;display:flex}.property .features>div{background:#f5f5f5;border-radius:.3rem;align-items:center;padding:.3rem;font-size:.65rem}.property .features .premium{background:var(--premium-color);color:#fff}.property .features .super{background:var(--super-color);color:#fff}.property .features .ultra{background:var(--ultra-color);color:#fff}.property .features .kerosene{background:var(--kerosene-color);color:#fff}.property .features .diesel{background:var(--diesel-color);color:#000}.property .status-true{color:#2e9b47}.property .status-false{color:#ff9800}.property-btn{background:var(--gaspump-color);color:#fff;border:none;border-radius:.3rem;flex-direction:row;align-content:center;align-items:center;gap:.3rem;margin:.3rem;padding:.3rem;font-family:Poppins,sans-serif;font-size:.7rem;font-weight:500;text-decoration:none;display:inline-flex}.property.highlight:has(.fa-gas-pump) .icon{color:var(--gaspump-color)}.property:not(.highlight):has(.fa-gas-pump){background-color:var(--gaspump-color)}.property:not(.highlight):has(.fa-gas-pump):after{border-top:.5rem solid var(--gaspump-color)}@keyframes drop{0%{opacity:0;transform:translateY(-200px)scaleY(.9)}5%{opacity:.7}50%{opacity:1;transform:translateY(0)scaleY(1)}65%{opacity:1;transform:translateY(-17px)scaleY(.9)}75%{opacity:1;transform:translateY(-22px)scaleY(.9)}to{opacity:1;transform:translateY(0)scaleY(1)}}.drop{animation:drop .5s linear forwards var(--delay-time)}.user-location-marker{z-index:1000;width:1rem;height:1rem;position:relative}.dot{z-index:2;background:#4285f4;border:.1rem solid #fff;border-radius:50%;width:.85rem;height:.85rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pulse{background:#4285f466;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite pulse-animation;position:absolute}.cluster-marker-1-default{background:var(--cluster-color-default);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:relative;transform:translateY(50%);box-shadow:.1rem .1rem .2rem #00000080}.cluster-marker-2-default{background:var(--cluster-color-default);border-radius:50%;justify-content:center;align-items:center;width:85%;height:85%;display:flex}.cluster-marker-3-default{background:var(--cluster-color-default);border-radius:50%;justify-content:center;align-items:center;width:80%;height:80%;font-size:.85rem;display:flex}.cluster-marker-1-mid{background:var(--cluster-color-mid);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:relative;transform:translateY(50%);box-shadow:.1rem .1rem .2rem #00000080}.cluster-marker-2-mid{background:var(--cluster-color-mid);border-radius:50%;justify-content:center;align-items:center;width:85%;height:85%;display:flex}.cluster-marker-3-mid{background:var(--cluster-color-mid);border-radius:50%;justify-content:center;align-items:center;width:80%;height:80%;font-size:.85rem;display:flex}.cluster-marker-1-high{background:var(--cluster-color-high);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex;position:relative;transform:translateY(50%);box-shadow:.1rem .1rem .2rem #00000080}.cluster-marker-2-high{background:var(--cluster-color-high);border-radius:50%;justify-content:center;align-items:center;width:85%;height:85%;display:flex}.cluster-marker-3-high{background:var(--cluster-color-high);border-radius:50%;justify-content:center;align-items:center;width:80%;height:80%;font-size:.85rem;display:flex}.user-btn{color:#676767;cursor:pointer;text-align:center;background:#fff;border:0;border-radius:.25rem;margin:.5rem 0 1.2rem;padding:0 .4rem;font-size:.8rem;line-height:1.8rem;box-shadow:0 .1rem .2rem #0000004d}@keyframes pulse-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(4)}}dialog{border:none;border-radius:.5rem;max-width:400px;padding:2rem;font-family:sans-serif;box-shadow:0 4px 20px #00000026}dialog::backdrop{background:#00000080}.dialog-content{text-align:center;flex-direction:column;align-content:center;align-items:center;display:flex}.error-icon{margin-bottom:1rem;font-size:3rem;display:block}button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:4px;margin-top:1rem;padding:10px 20px}.searchContainer{justify-content:center;align-items:center;width:70%;padding:1rem;display:flex}.searchContainer .searchWrapper{anchor-name:--search-result-anchor;width:100%;display:inline-flex;position:relative}.searchWrapper input{border:1px solid #a9a9a9;border-radius:1rem;outline:none;width:100%;padding:.5rem 1rem;font-family:Poppins,Tajawal,sans-serif;line-height:1.5rem;box-shadow:5px 5px 5px #00000026}.searchWrapper input::placeholder{color:#bababa}.searchWrapper .searchButton{color:#a9a9a9;background:0 0;font-size:1.2rem;position:absolute;top:0;right:10px;transform:translateY(-35%)}#search-result{position-anchor:--search-result-anchor;position-area:bottom center;background:#fff;border:1px solid #ccc;border-radius:.5rem;width:90%;margin:.2rem;padding:.5em;position:absolute}#search-result:popover-open{max-height:15em;display:grid}#search-result a{color:#000;border-radius:.25em;padding:.5em 1em;font-family:Poppins,Tajawal,sans-serif;font-size:.8rem;text-decoration:none}#search-result a:hover{-webkit-text-decoration:none;text-decoration:none}@media (width<=800px){.searchContainer{width:90%}}