:root{--primary:rgb(247,193,39);--secondary:#737190}.bg-primary{background-color:var(--primary)!important}.bg-secondary{background-color:var(--secondary)!important}.text-primary{color:var(--primary)!important}.btn-primary{background-color:var(--primary);border-color:var(--primary);color:#1a1a2e}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{background-color:var(--primary);border-color:var(--primary);box-shadow:0px 5px 5px rgba(0,0,0,0.33);transform:scale(1.05);color:#000000}.btn-secondary{background-color:var(--secondary);border-color:var(--secondary);color:#fcfcf8}.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active{background-color:var(--secondary);border-color:var(--secondary);box-shadow:0px 5px 5px rgba(0,0,0,0.33);transform:scale(1.05)}.main-padding{height:175px}.no-border{border:none}.main-scroll{min-height:580px;flex:1;overflow-y:scroll}.card-control{background-color:rgba(115,116,147,0.2);box-shadow:0 1px 5px rgba(0,0,0,0.33);border-radius:0.75rem;padding:1rem;margin-bottom:1rem}.ui-controls{padding-top:165px}.navbar-colorful{background-color:#4d4961;background-image:url("/static/images/atlas_bg.45355e22adc4.jpg?c5c3281e64c8");background-position:101% 60%;box-shadow:0 5px 10px rgba(0,0,0,0.5);height:10rem;background-repeat:no-repeat;background-size:100%}.navbar-colorful .navbar-brand,.navbar-colorful .nav-link{color:#ffffff}.navbar-colorful .nav-link.active,.navbar-colorful .nav-link:hover{color:#ffd500}.navbar-colorful .nav-link.disabled{color:rgba(255,255,255,0.5)}.navbar-colorful .btn-outline-colorful{background-color:#cd6e18;border-color:#eefaf2;color:#e3e3ea}.navbar-colorful .btn-outline-colorful:hover{background-color:#f0b404;border-color:#50506c;color:#65340d}.navbar-custom .btn-outline-custom{border-color:#d4d4dc;color:#d4d4dc}.navbar-custom .btn-outline-custom:hover{background-color:#d4d4dc;color:#1a1a2e}.btn-outline-colorful{background-color:#cd6e18;border-color:#eefaf2;color:#e3e3ea;border-radius:0.75rem}.btn-outline-colorful:hover{background-color:#f0b404;border-color:#50506c;color:#65340d}.show.navbar-collapse,.collapsing.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center;background-color:#4d495e;padding:1em}.navbar-toggler{padding:0.25rem 0.75rem;font-size:1.25rem;line-height:1;background-color:#f7c127;border:1px solid #666;border-radius:0.25rem;transition:box-shadow 0.15s ease-in-out}.navbar{display:flex;align-items:flex-end}.nav-items-container{display:flex;justify-content:space-between;background-color:rgba(255,255,255,0.25);border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,0.8);padding:5px;backdrop-filter:blur(10px)}.nav-item{position:relative}.nav-separator{content:'';position:absolute;top:50%;right:0;width:2px;height:66%;background-color:#ffffff;box-shadow:0 0 2px #ffffff;transform:translateY(-50%)}.nav-pills .nav-link.active{color:#000000!important;background-color:var(--primary)!important}.nav-item:last-child::after{display:none}.dropdown-menu{z-index:10}.navbar-nav{display:flex;justify-content:space-between;width:auto}.spacer{flex-grow:1}.nav-items-container{display:flex;justify-content:space-between;background-color:rgba(255,255,255,0.25);border-radius:15px;box-shadow:0 2px 5px rgba(0,0,0,0.8);padding:5px;backdrop-filter:blur(5px)}.nav-items-container-right{display:flex;justify-content:space-between;background-color:rgba(255,255,255,0.25);border-radius:15px;box-shadow:0 2px 5px rgba(0,0,0,0.8);padding:5px;backdrop-filter:blur(5px)}.custom-auto-width{display:inline-block;width:auto}.progress-site{box-shadow:0 1px 3px rgba(0,0,0,0.33);height:1.5rem;height:15px}.alert-debug{color:black;background-color:white;border-color:#d6e9c6}.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.metric-selected{background-color:#ffffff;box-shadow:0px 10px 20px rgba(0,0,0,0.19),0px 6px 6px rgba(0,0,0,0.23)}.filter-dropdown{background-color:white}.filter-btn{background-color:white;color:black;border-color:#ced4da}.dropdown-divider-custom{height:1px;background-color:#6c757d}.justify-metrics{display:flex;justify-content:space-between}.explorer-options-list li span{display:none;width:min-content!important}.show-only-link{background:none;border:none;color:var(--primary);padding:0;font:inherit;cursor:pointer;outline:inherit}.hidden-canvas{display:none}.image-logo{height:25px}.image-logo-sm{height:20px}.text-hint{color:#abb4bb;font-size:0.8rem;margin-left:1.2rem}.progress-bar-download{width:0%}.progress-bar-container{height:5px}#scrollableDiv{display:flex;flex-direction:column;height:100%}.scroll-container{display:flex;height:100%;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;padding:16px;box-shadow:0 4px 6px rgba(0,0,0,0.1)}.scrollable-list{flex:1;overflow-y:auto;overflow-x:hidden;height:100%;max-height:100%}#sites-list{overflow-y:auto;overflow-x:hidden;padding-right:4px;background:#fff;transition:all 0.2s ease;background:#f8f9fa;transform:translateX(2px)}#sites-pane{display:flex;flex-direction:column;height:100%}#sites-list{flex-grow:1;overflow-y:auto;overflow-x:hidden}#sites-list .form-check-label{white-space:normal;word-break:break-word}.show-only-link{white-space:nowrap}#data,#sites-pane{min-height:0}.w-0{width:0%}.w-5{width:5%}.w-10{width:10%}.w-15{width:15%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-35{width:35%}.w-40{width:40%}.w-45{width:45%}.w-50{width:50%}.w-55{width:55%}.w-60{width:60%}.w-65{width:65%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-85{width:85%}.w-90{width:90%}.w-95{width:95%}.w-100{width:100%}.form-check{background:#fff;transition:all 0.2s ease}.form-check:hover{background:#f8f9fa;transform:translateX(2px)}.explorer-options-list li{transition:background 0.2s}.explorer-options-list li:hover{background:#f8f9fa}#explorer-plot-col,#sites-pane{height:100%;display:flex;flex-direction:column}#sites-list{flex-grow:1;overflow-y:auto;overflow-x:hidden;padding-right:4px}#explorer-plot-col .row.flex-grow-1{flex-grow:1;min-height:400px}#definitions{flex-shrink:0}#timeplot{height:60vh}