.legend-header-container{display:flex;align-items:center;justify-content:space-between;padding-right:8px;border-bottom:1px solid rgba(0,0,0,.1);position:sticky;top:0;background:#fff;z-index:2}.visibility-toggle{margin-left:8px}.legend-color-box{width:100px;height:10px;border-radius:2px;margin-right:2px;border:1px solid rgba(0,0,0,.2);flex-shrink:0}.q-item.legend-item .q-item__section--avatar{min-width:10px;padding-right:0;margin-right:0}.q-item.legend-item .q-item__section--main{padding-left:0;min-width:0}.q-item.legend-item{min-height:22px;padding:2px 8px 2px 16px;margin-bottom:0}.legend-item .q-item-label{font-size:10px;line-height:1.1}.q-list .q-item-label.header{padding:8px 16px;font-size:14px;min-height:auto;margin:0}.q-drawer{overflow-y:auto!important;overflow-x:hidden}.legend-container{height:auto;max-height:none;overflow:visible}.q-drawer .q-list{padding:0;max-height:none;overflow:visible}.q-separator{display:none}.q-drawer::-webkit-scrollbar{width:6px}.q-drawer::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.q-drawer::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.q-drawer::-webkit-scrollbar-thumb:hover{background:#0000004d}.logo-img{height:100px;width:auto;object-fit:contain}.q-drawer{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}.header-toolbar{position:relative;display:flex;justify-content:center}.q-toolbar-title.text-center{text-align:center;position:absolute;left:50%;transform:translate(-50%);width:auto;padding:0}.q-toolbar-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}@media (max-width: 599px){.left-side-content span,.right-side-content span{font-size:12px}.q-toolbar-title.text-center{max-width:100px}}@media (min-width: 600px) and (max-width: 1023px){.q-toolbar-title.text-center{max-width:300px}}@media (min-width: 1024px){.q-toolbar-title.text-center{max-width:500px}}.left-side-content{position:absolute;left:8px;display:flex;align-items:center;z-index:3}.left-side-content span{margin-left:8px}.right-side-content{position:absolute;right:8px;display:flex;align-items:center;z-index:3}.right-side-content span{margin-right:8px}.title-with-logo{display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;cursor:pointer;transition:opacity .2s}.title-with-logo:hover{opacity:.9}.title-with-logo span{color:inherit}.logo-container{width:32px;height:32px;overflow:hidden;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;box-shadow:0 0 4px #0000004d}.wetland-logo-img{width:100%;height:100%;object-fit:contain}.header-links{display:flex;align-items:center;margin-right:16px}.header-links .q-btn{color:#fff;opacity:.8;transition:opacity .3s}.header-links .q-btn:hover{opacity:1}@media (max-width: 599px){.header-links{display:none}}.hidden-drawer{display:none!important}.ramsar-btn-container{display:flex;align-items:center;justify-content:flex-end;padding:0 8px;margin:0;height:100%}.ramsar-label{margin-right:8px;white-space:nowrap}.ramsar-menu-btn{margin:0;padding:4px;position:relative;width:30px;height:30px;min-height:30px;min-width:30px;display:flex;align-items:center;justify-content:center}.ramsar-menu-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background-color:transparent;transition:background-color .3s}.ramsar-menu-btn:hover:before{background-color:#fff3}.ramsar-menu-btn .q-icon{font-size:24px;margin:0}