:root{font-family:Figtree,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary:#40a3f3;--radius:4px}#root{width:100%;padding:0 1rem;text-align:center}*{box-sizing:border-box!important}body{width:100%;margin:0;padding:0;box-sizing:border-box;display:flex;min-width:320px;--color-background: #fff;--color-foreground: #495057;--color-grey: #6c757d;--color-subtle: #f2f2f2;color:var(--color-foreground);background-color:var(--color-background);min-height:100vh}.dark{--color-background: #212529;--color-foreground: #f8f9fa;--color-grey: #f2f2f2;--color-subtle: #495057}a{text-decoration:none}h1{font-size:1.5rem;line-height:1.1;margin:1rem 0}h2{font-size:1.5rem;line-height:1.1;margin:0 .5rem}h3{font-size:1.2rem;margin:0 .5rem}h4{font-weight:400;font-size:1rem;margin:0}h5{font-size:.75rem;margin:0rem;font-weight:400}.label{font-size:.8rem;margin:0rem}.header{margin:.5rem 0;width:100%;display:flex;align-items:center;justify-content:space-between}.navigation{height:100%;display:flex;flex-direction:column;justify-content:space-between}.prm-color{color:var(--color-primary)}.heading{font-size:1.5rem;color:var(--color-primary)}.flex-row{display:flex;align-items:center;gap:.5rem}.flex-col{display:flex;flex-direction:column;align-items:center;gap:1rem}.filter-collection{margin:.5rem 0;box-shadow:#0000000d 0 0 0 1px}.filter-section{display:flex;flex-direction:column;align-items:start;padding:.5rem;border-radius:var(--radius)}.filter-item{width:100%;display:flex;justify-content:space-between;gap:2rem}.flex-date{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem}.date-selector{display:flex;justify-content:flex-start;gap:1rem}input[type=date]{width:100%;background-color:#fff;border:none;padding:.25rem .5rem;border-radius:var(--radius)}.dropdown{width:100%;background-color:#fff;padding:.25rem .75rem;border:none;border-radius:var(--radius)}.dropdown option{font-size:1rem}.subheading-section{display:flex;align-items:center;justify-content:space-between}.subheading{display:flex;align-items:center;margin:1rem 0;gap:.5rem}.general-item{display:flex;align-items:center;justify-content:space-between;padding:1rem}.general-title{display:flex;gap:.5rem}.general-title .icon{background:#fff;border-radius:var(--radius);font-size:2rem;padding:.25rem}.bread{margin-left:.5rem;display:flex;gap:1rem}@media screen and (max-width: 768px){.bread{display:none}}.col{flex-direction:column}.row{flex-direction:row;align-items:center}.flex-end{display:flex;align-items:flex-end;flex-direction:column}.geo-map{width:100%}.rate{width:100%;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;min-height:4rem;padding:1rem}.user-header{display:flex;justify-content:space-around;align-items:center;margin-bottom:1rem}.icon{margin-right:.5rem}.chart-title{margin-top:.5rem;display:flex;justify-content:space-around;align-items:center}.gender-data{width:100%;display:flex;align-items:center;justify-content:space-between}::-webkit-scrollbar{width:10px;height:4px}::-webkit-scrollbar-thumb{background:var(--color-subtle)}::-webkit-scrollbar-thumb:hover{background:var(--color-foreground)}@media screen and (min-width: 1268px){.new-user-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.two-chart-section{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}}.chart{width:100%;min-height:12rem;max-height:20rem}.demography-menubar{display:flex;justify-content:space-between;align-items:center}.table-view{width:100%;overflow:scroll}.tableCheck{border:2px solid red;width:100%;overflow-x:scroll}.index-btn{padding:0;margin:0}.flex-space{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:1rem}.main{margin-left:-.5rem}.title{font-weight:700;color:var(--color-primary);text-transform:capitalize}.sub-title{color:var(--color-grey)}.divider{height:1rem;margin-bottom:2rem;border-bottom:1px solid var(--color-subtle)}.event-count{display:flex;align-items:center;gap:2rem}.general-collection{width:100%;gap:.5rem;display:flex;flex-direction:row;justify-content:space-around;padding:1rem 0}.group-data{display:flex;align-items:center;gap:1rem;border-radius:var(--radius)}.group{flex-direction:column;align-items:flex-start}.table-chart .general-collection{justify-content:end}@media screen and (max-width: 1268px){.table-chart{grid-template-columns:1fr;grid-template-rows:40% 60%}.table-chart .general-collection{justify-content:center}.column-data{flex-direction:row}}.map-area{display:grid;grid-template-columns:60% 40%;align-items:start;gap:1rem;margin:2rem 0}.table-map{width:100%;position:relative}@media screen and (max-width: 1268px){.map-area{grid-template-columns:1fr;grid-template-rows:auto auto;gap:2rem 0}}.error{margin:3rem auto;color:#ee7575}.table-container{margin-bottom:2rem;max-height:25rem;min-height:10rem;position:relative;overflow-y:scroll}.table{font-size:.85rem;width:100%;margin:0 auto;table-layout:fixed;transition:all .2s ease-in-out;border:1px solid var(--color-subtle)}.table:hover{box-shadow:#0000001a 0 25px 20px -20px}.table thead{position:-webkit-sticky;position:sticky;top:0;background-color:var(--color-subtle);text-transform:capitalize;color:var(--color-foreground);z-index:1}.table tbody tr:hover{background-color:var(--color-subtle)}.table th{border:1px solid var(--color-subtle);padding:.25rem .5rem;text-align:left}.table td{border:1px solid var(--color-subtle);padding:.25rem .5rem;text-align:left;overflow:auto}@media (max-width: 768px){.table th,.table td{font-size:10px}}.loading{display:inline-block;width:3rem;height:3rem;margin:4rem auto}.loading:after{content:" ";display:block;width:3rem;height:3rem;border-radius:50%;border:4px solid var(--color-primary);border-color:var(--color-primary) transparent var(--color-primary) transparent;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.view-area{display:grid;grid-template-columns:auto 10rem;position:relative}.sidebar{background-color:var(--color-background);min-width:10rem;max-width:15rem;position:sticky;height:10%;top:0;right:0;z-index:1;padding:1rem;border-left:1px solid var(--color-subtle)}.sidebar h4{margin:1rem}.event-list{padding:0}.event-list-items{list-style-type:none;font-size:.85rem;text-align:left;color:var(--color-grey);cursor:pointer;margin-bottom:.75rem}.event-list-items:hover{color:var(--color-primary)}.selected{color:var(--color-primary);text-decoration:underline}@media screen and (max-width:768px){.view-area{display:grid;grid-template-columns:1fr;gap:0 0;position:relative}.sidebar{height:100%;max-width:none;position:sticky;border:none;border-bottom:1px solid var(--color-subtle);order:-1;top:0;padding:0;margin:.5rem 0}.event-list{display:flex;justify-content:center;margin:0;margin-top:.5rem;gap:0 2rem;flex-wrap:wrap}}.navbar{display:grid;grid-template-columns:1fr 1fr auto;gap:1px;align-items:center;justify-content:space-evenly;color:var(--color-foreground);border-bottom:1px solid var(--color-subtle);background-color:var(--color-subtle)}.nav-theme{background-color:var(--color-background);display:flex;justify-content:space-around;padding:.68rem 0;min-width:10rem;max-width:15rem}.nav-item{width:100%;padding:1rem 0;background-color:var(--color-background);display:flex;justify-content:center;color:var(--color-foreground);gap:.25rem;transition:all .2s ease-in-out}.nav-item:hover{color:var(--color-foreground);background-color:var(--color-subtle)}.nav-logo{max-width:1.5rem}.flex{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.button-collection{width:fit-content;gap:1rem;max-width:20rem;border-radius:1rem;overflow:hidden}.button{min-width:5rem;padding:.5rem 1rem;background-color:var(--color-background);color:var(--color-foreground);cursor:pointer;border:none;transition:all .2s ease-in-out}.selected-button{background-color:var(--color-primary);color:var(--color-foreground)}.button:hover{color:var(--color-background);background-color:var(--color-foreground)}.switch{font-size:10px;position:relative;display:inline-block;width:3em;height:2em}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-grey);transition:.5s;border-radius:30px}.slider:before{position:absolute;content:"";height:1em;width:1em;border-radius:50%;left:20%;bottom:25%;box-shadow:inset 4px -4px 0 0 var(--color-background);transition:.5s}input:checked+.slider{background-color:var(--color-subtle)}input:checked+.slider:before{transform:translate(100%);box-shadow:inset 12px -4px 0 12px var(--color-foreground)}#color-picker{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;width:1.75rem;height:1rem}#color-picker::-webkit-color-swatch-wrapper{padding:0}#color-picker::-webkit-color-swatch{border:none}