.group-list{border:1px solid var(--color-white);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);font-family:var(--font-sans);z-index:9999;background-color:var(--color-dark-purple);width:calc(100% - 2rem);max-height:50vh;color:var(--color-white);padding:.5rem;transition:max-height .3s ease-in-out;position:absolute;bottom:.5rem;left:.5rem;overflow-y:auto}.group-list--expanded{max-height:calc(100vh - 2rem)}.group-list__header{cursor:pointer;padding-bottom:.5rem;transition:background-color .2s;position:relative}.group-list__close{color:var(--color-white);cursor:pointer;background:0 0;border:none;padding:.15rem;line-height:1;position:absolute;top:0;right:0}.group-list__close span{font-size:1.7rem;font-weight:300}.group-list__close:hover{color:var(--color-green)}.group-list__header h2{font-weight:400;font-size:var(--font-size-large);margin:0 0 .5rem}.group-list__title{align-items:center;gap:.5rem;margin-bottom:.5rem;display:inline-flex}.group-list__title b{font-size:12px;font-weight:400;display:block}.group-list__title b a{color:var(--color-green);text-decoration:none;transition:color .25s ease-in-out}.group-list__title b a:hover{color:var(--color-white)}.group-list__logout-button{appearance:none;color:var(--color-green);cursor:pointer;font:inherit;background:0 0;border:none;margin:0;padding:0;text-decoration:none;transition:color .25s ease-in-out}.group-list__logout-button:hover{color:var(--color-white)}.group-list__title-icon{width:1.6rem;height:1.6rem;display:inline-flex}.group-list__title-icon svg{width:100%;height:100%}.group-list__header h2 b.group-list__group-type{color:var(--color-green);font-weight:400;display:block}.group-list__header p{opacity:.8;color:var(--color-white);font-weight:300;line-height:1.4;font-size:var(--font-size-x-small);margin:.5rem 0 0}.group-list__content{opacity:0;max-height:0;transition:max-height .4s ease-in-out,opacity .3s ease-in-out;overflow:hidden}.group-list__content--expanded{opacity:1;max-height:calc(50vh - 220px);overflow-y:auto}@media (min-width:600px){.group-list{border-radius:var(--border-radius);max-width:350px;max-height:none;top:.5rem;bottom:auto;left:.5rem;box-shadow:-1px 3px 10px 4px #86868642}.group-list--expanded{max-height:calc(100vh - 2rem);overflow-y:auto}.group-list__content--expanded{max-height:calc(100vh - 6rem);overflow-y:auto}}.group-list__expand-icon{background-color:var(--color-white);width:2rem;height:2px;transition:transform .3s;display:inline-block;position:relative;top:.5rem;right:.5rem}.group-list__expand-icon--expanded{transform:rotate(180deg)}.group-list__title-text{text-wrap:balance}.group-list h2{font-family:var(--font-sans);font-size:var(--font-size-large);margin:0}.group-list__clear-button{color:#666;cursor:pointer;background-color:#0000;border:1px solid #ddd;border-radius:4px;margin-bottom:.5rem;padding:4px 8px;font-size:12px;text-decoration:none;transition:all .2s;display:inline-block}.group-list__clear-button:hover{background-color:#f0f0f0}.group-list__items{margin:0;padding:0;list-style:none;overflow-y:auto}.group-list__item{border-bottom:1px solid var(--color-light-grey);font-size:var(--font-size-small);background-color:#0000;transition:background-color .2s}.group-list__item:last-of-type{border-bottom:none}.group-list__item a{justify-content:space-between;align-items:center;padding:.25rem;display:flex}.group-list__item a span{flex-direction:column;display:flex}.group-list__item a b{color:var(--color-green);font-weight:700;font-size:var(--font-size-xx-small)}.group-list__item a .group-list__count{background-color:var(--color-white);width:1.35rem;height:1.35rem;line-height:1.35rem;font-size:var(--font-size-small);color:var(--color-black);text-align:center;border-radius:50%}.group-list__title-with-toggle{grid-template-columns:1fr auto;justify-content:space-between;gap:1rem;width:100%;display:grid}.group-list__about-toggle{border:1px solid var(--color-white);width:1.4rem;height:1.4rem;color:var(--color-white);line-height:1.4rem;font-size:var(--font-size-x-small);cursor:pointer;background:0 0;border-radius:50%;padding:0;font-weight:600;display:block}.group-list__about-toggle:hover{background-color:var(--color-white);color:var(--color-black)}.group-list__item--selected{background-color:#f0f0f0}.group-list__link{color:inherit;cursor:pointer;text-decoration:none;transition:background-color .2s;display:block}.group-list__link:hover{background-color:var(--color-green)}.group-list__item--selected .group-list__link:hover{background-color:#f0f0f0}.group-list__external-link{font-size:var(--font-size-xx-small);color:var(--color-white);text-decoration:underline}.group-list__external-link:hover{color:var(--color-green)}.group-list__links{flex-flow:column wrap;gap:.35rem .5rem;margin-top:.4rem;margin-bottom:1rem;display:flex}.group-list__links a{white-space:nowrap;overflow:ellipsis}.group-list__back-button{font-size:var(--font-size-x-small);background-color:var(--color-green);color:var(--color-white);cursor:pointer;border-radius:var(--border-radius);border:none;margin-bottom:.5rem;padding:.25rem .5rem;font-weight:600;transition:background-color .2s}.group-list__back-button:hover{background-color:var(--color-white);color:var(--color-black);cursor:pointer;text-decoration:none}.group-list__show-groups{font-size:var(--font-size-x-small);background-color:var(--color-green);color:var(--color-white);cursor:pointer;border-radius:var(--border-radius);border:none;flex:1;padding:.35rem .75rem;font-weight:600;transition:background-color .2s}.group-list__show-groups:hover{background-color:var(--color-white);color:var(--color-black);cursor:pointer;text-decoration:none}.group-list__intro-toggle{font-size:var(--font-size-x-small);border:1px solid var(--color-white);color:var(--color-white);cursor:pointer;border-radius:var(--border-radius);background-color:#0000;flex:1;padding:.35rem .75rem;font-weight:600;transition:background-color .2s}.button-group{justify-content:space-evenly;gap:.25rem;display:flex}.external-button{font-size:var(--font-size-x-small);border:1px solid var(--color-white);color:var(--color-white);cursor:pointer;border-radius:var(--border-radius);background-color:#0000;flex:1;padding:.3rem;font-weight:600;transition:background-color .2s}.external-button:hover{background-color:var(--color-white);color:var(--color-black)}.external-button a{color:var(--color-white);text-decoration:none}.external-button a:hover{color:var(--color-black)}.group-list__intro-toggle:hover{background-color:var(--color-white);color:var(--color-black)}.group-list__empty{color:#999;margin:0;padding:1rem 0;font-size:14px}.group-list__places{flex-direction:column;gap:0;margin:0;padding:0;list-style:none;display:flex}.group-list__places small{font-size:var(--font-size-x-small);margin-bottom:.5rem;padding-top:.5rem}.group-list__place-item{border-bottom:1px solid var(--color-light-grey);transition:background-color .2s}.group-list__place-item .group-list__place{cursor:pointer;padding:.25rem;transition:background-color .2s;overflow:hidden}.group-list__place-item:first-of-type{border-top:1px solid var(--color-light-grey)}.group-list__place-item.group-list__place-item--active,.group-list__place-item.group-list__place-item--active .group-list__place{background-color:var(--color-white);color:var(--color-black);overflow:hidden}.group-list__place-item.group-list__place-item--active .group-list__place-count{background-color:var(--color-black);color:var(--color-white)}.group-list__place-item.group-list__place-item--active .group-list__place-type{color:var(--color-black);opacity:.8}.group-list__place-item.group-list__place-item--active .group-list__datapoints-list{overflow:hidden}.group-list__place-item.group-list__place-item--active .group-list__place-expand-icon b:after,.group-list__place-item.group-list__place-item--active .group-list__place-expand-icon b:before{background-color:var(--color-black)}.group-list__place:hover{background-color:var(--color-green)}.group-list__place--no-data{cursor:default}.group-list__place--no-data:hover{background-color:#0000}.group-list__place-header{justify-content:space-between;align-items:flex-start;display:flex}.group-list__place-info{flex:1}.group-list__about{margin-bottom:.5rem}.group-list__about p,.group-list__about li{font-size:var(--font-size-x-small);opacity:.8;color:var(--color-white);margin:.25rem 0 0}.group-list__about p a{color:var(--color-white);font-weight:700;text-decoration:underline}.group-list__about p b,.group-list__about p strong{color:var(--color-white);font-weight:600}.group-list__place-name{margin:0 0 4px;font-size:14px;font-weight:700}.group-list__place-governorate{color:#666;margin:0 0 2px;font-size:12px}.group-list__place-type{opacity:.8;text-transform:capitalize;font-size:var(--font-size-x-small);color:var(--color-light-grey);margin:0 0 2px}.group-list__place-count{font-size:var(--font-size-x-small);background-color:var(--color-white);color:var(--color-black);border-radius:var(--border-radius);margin-left:.25rem;padding:.1rem .35rem;font-weight:500}.group-list__place-expand-icon{transition:transform .2s;display:inline-block;position:relative}.group-list__place-expand-icon b{width:1.5rem;height:1.5rem;display:block;position:relative}.group-list__place-expand-icon b:after,.group-list__place-expand-icon b:before{content:"";background-color:var(--color-white);width:60%;height:2px;transition:transform .2s;position:absolute;top:10px}.group-list__place-expand-icon b:before{left:0;transform:rotate(45deg)}.group-list__place-expand-icon b:after{right:0;transform:rotate(-45deg)}.group-list__place-expand-icon--expanded b:before{transform:rotate(-45deg)}.group-list__place-expand-icon--expanded b:after{transform:rotate(45deg)}.group-list__datapoints-list{margin:0;padding:0;list-style:none}.group-list__datapoint{font-size:var(--font-size-small);border-bottom:1px solid var(--color-dark-grey);padding:.5rem .25rem;position:relative}.group-list__datapoint:last-of-type{border-bottom:none;padding-bottom:.5rem}.group-list__datapoint h4{font-size:var(--font-size-xx-small);margin:.25rem 0 0}.group-list__datapoint .report-date{font-weight:400;font-size:var(--font-size-xx-small);display:block}.group-list__datapoint a{color:var(--color-black)}.group-list__datapoint-link{color:#06c;font-weight:600;text-decoration:none}.group-list__datapoint-link:hover{text-decoration:underline}.group-list__datapoint-title{color:#333;font-weight:600}.group-list__datapoint-sources{flex-flow:wrap;gap:.25rem;margin:0;padding:0;list-style:none;display:inline-flex}.group-list__datapoint-sources li{font-size:var(--font-size-xx-small);position:relative}.group-list__datapoint-sources li b{font-weight:300}.group-list__datapoint-sources li a{font-weight:300;text-decoration:underline}.group-list__datapoint-source-link{color:#06c;font-size:11px;text-decoration:none}.group-list__datapoint-source-link:hover{text-decoration:underline}.group-list__datapoint-community{color:#666;margin-bottom:4px;font-size:11px}.group-list__datapoint-notes{color:#666;border-top:1px solid #f0f0f0;margin-top:6px;padding-top:6px;font-size:11px;line-height:1.4}.group-list__footer{border-top:1px solid #eee;margin-top:15px;padding-top:15px}.group-list__total{color:#999;margin:0;font-size:12px}.group-list__resources ul{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}