:root{--navbar-height: 56px}.btn-primary{border:none;transition:all .3s ease}.btn-primary:hover{transform:scale(1.05)}.btn-primary-featured{background:linear-gradient(90deg,#3fadd9,#3773bf);border-radius:8px;box-shadow:0 2px 8px #3fadd914;font-size:1.1rem;font-weight:600;padding:.75rem 0;text-shadow:1px 1px 2px rgba(0,0,0,.1)}body{background:linear-gradient(135deg,#a9c7e5,#505e80);font-family:Figtree,Inter,"sans-serif";color:#1a202c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.alert{max-width:700px}.alert-fixed{position:fixed;top:4rem;left:50%;transform:translate(-50%);width:90%;z-index:9999}main,#map,.container-full-height{min-height:calc(100dvh - var(--navbar-height));overflow:scroll}#map{overflow:hidden}.navbar,#mobile-nav{background:linear-gradient(180deg,#fff,#d6d6d6)}.navbar{box-shadow:0 2px 4px #0000000d}#mobile-nav{position:fixed;bottom:0;left:0;right:0;height:var(--navbar-height);border-top:1px solid #ddd;display:flex;justify-content:space-around;z-index:1000}#mobile-nav ul{list-style:none;margin:0;padding:0;display:flex;width:100%;justify-content:space-around}#mobile-nav li{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;font-size:.9rem;color:#666;transition:all .3s ease;text-align:center}#mobile-nav li:hover{color:#5684cc}#mobile-nav li a{text-decoration:none;color:inherit;cursor:pointer;display:flex;flex-direction:column;font-weight:500;align-items:center;justify-content:center;height:100%;width:100%}#mobile-nav li i{display:block;font-size:1.2em;margin-bottom:.1rem}#mobile-nav li.nav-title{flex:0 0 70px;font-weight:600;line-height:1.2}#mobile-nav li+li{border-left:1px solid #ddd}.content-wrapper{background-color:#fff;border-radius:7px;margin-top:1rem;margin-inline:0rem;padding-block:2rem}@media(min-width:992px){.content-wrapper{margin-inline:-.75rem}}.login-form{background-color:#fff;border:none;box-shadow:0 8px 24px #00000014;border-radius:16px;max-width:420px;padding:2rem 2.5rem;width:100%;margin:2rem 0}@media(min-width:992px){.login-form{width:100%}}.login-form .form-label{font-size:1.1rem;font-weight:500;color:#1a202c}.login-form .form-control{border-radius:8px;font-size:1rem;padding:.75rem 1rem;margin-bottom:1rem}.login-form .alert{border-radius:8px;font-size:1rem;margin-bottom:1rem}#loading{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);background:#ffffffe6;padding:1rem 1.5rem;border-radius:.5rem;font-size:1.25rem;font-weight:500;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:1000}#map{background-color:#1a202c;width:100%}select.form-select,select.form-select option{font-family:inherit!important}#add-bin-current-location{position:absolute;bottom:1rem;left:1rem;z-index:1000;font-weight:600;line-height:1;padding:1rem 1.5rem}@media(min-width:768px){#add-bin-current-location{padding:.8rem}}.auth-form-col{background:linear-gradient(135deg,#a9c7e5,#505e80);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - var(--navbar-height))}.large-map-bg{background-size:cover;background-position:center;position:relative}@media(min-width:992px){.large-map-bg{background-image:url(/build/assets/large-map-bg-DIPnoS8f.jpg)}}.large-map-bg:after{content:"";display:block;position:absolute;inset:0;background:linear-gradient(135deg,#ffffff59,#ffffff26);pointer-events:none;z-index:1}#filter-container{position:absolute;top:0;right:0;z-index:1010;width:80vw;transition:all .3s ease}#filter-container #filter-toggle{background-color:#fff6;color:#666;transition:all .3s ease}#filter-container #filter-toggle.active,#filter-container #filter-toggle:hover,#filter-container #filter-toggle:focus{background:linear-gradient(90deg,#3773bf,#3fadd9);color:#fff;box-shadow:0 4px 16px #3fadd91f}#filter-container #filter-panel{font-size:1rem}#filter-container #filter-panel h6,#filter-container #filter-panel strong{font-weight:700;color:#3773bf;margin-bottom:.5rem}#filter-container #filter-panel .mb-3{margin-bottom:1.5rem!important}#filter-container #filter-panel .form-check{margin-bottom:.7rem}#filter-container #filter-panel .form-check .form-check-input{width:1.25em;height:1.25em;margin-right:.7em;accent-color:#3773bf;box-shadow:0 1px 2px #3773bf14}#filter-container #filter-panel .form-check .form-check-label{font-size:1.05em;font-weight:500;color:#1a202c;cursor:pointer}@media(min-width:768px){#filter-container{width:260px}}
