@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;corner:round;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}@media (width<=1024px){#map{box-sizing:content-box;font-size:32px}.property{gap:16px;width:48px;height:48px;padding:10px;font-size:32px;transform:translateY(-16px);box-shadow:10px 10px 8px #0000004d}.property:after{border-top:16px solid #0000;border-left:16px solid #0000;border-right:16px solid #0000;height:32px}.property .icon svg{height:32px}.property.highlight{border-radius:10px;height:224px;padding:16px;box-shadow:10px 10px 8px #0003}.property.highlight:after{border-top:16px solid #fff}.property.highlight .icon svg{width:64px;height:64px}.property .title{font-size:32px}.property .address{margin-top:0;margin-bottom:16px;font-size:26px}.property .features{gap:10px}.property .features>div{border-radius:10px;padding:10px;font-size:21px}.property-btn{border-radius:10px;gap:10px;margin:10px;padding:10px;font-size:22px}.property:not(.highlight):has(.fa-gas-pump):after{border-top:16px solid var(--gaspump-color)}.user-location-marker{width:32px;height:23px}.dot{border:3px solid #fff;width:27px;height:27px}.cluster-marker-1-default{width:64px;height:64px;box-shadow:3px 3px 6px #00000080}.cluster-marker-3-default{font-size:27px}.cluster-marker-1-mid{width:64px;height:64px;box-shadow:3px 3px 6px #00000080}.cluster-marker-3-mid{font-size:27px}.cluster-marker-1-high{width:64px;height:64px;box-shadow:3px 3px 6px #00000080}.cluster-marker-3-high{font-size:27px}.user-btn{text-align:center;border-radius:8px;margin:16px 0 38px;padding:0 13px;font-size:26px;line-height:58px;box-shadow:0 3px 6px #0000004d}}