@layer reset,base,layout,components,views,search-menu,filtersModal;@layer reset{*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,li{margin:0;margin-block-start:0;margin-block-end:0;padding-inline-start:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,button,input,label{line-height:1.1}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}table{border-spacing:0}}@layer base{:root{--clr-white: #ffffff;--clr-black: #333;--clr-gray-200: hsl(0, 0%, 96%);--clr-gray-300: hsl(0, 0%, 93%);--clr-gray-400: hsl(0, 0%, 87%);--clr-gray-500: hsl(0, 0%, 80%);--clr-gray-600: hsl(0, 0%, 70%);--clr-gray-700: hsl(0, 0%, 60%);--clr-gray-800: hsl(0, 0%, 50%);--clr-gray-900: hsl(0, 0%, 40%);--clr-orange-300: hsl(25, 45%, 77%);--clr-orange-400: hsl(25, 45%, 62%);--clr-orange-500: hsl(25, 51%, 43%);--clr-green-200: hsl(143, 19%, 89%);--clr-green-300: hsl(143, 19%, 69%);--clr-green-400: hsl(143, 19%, 49%);--clr-green-500: hsl(143, 38%, 37%);--clr-primary: var(--clr-gray-400);--clr-secondary: #0d6efd;--clr-success: #198754;--clr-danger: #dc3545;--clr-warning: #ffc107;--clr-iNat-green: #86a91c;--clr-iNat-orange: #f16f3a;--clr-iNat-pink: #ff1493;--clr-iNat-dark-gray: #565656;--clr-overlay-dark-400: rgba(0, 0, 0, .4);--clr-overlay-dark-500: rgba(0, 0, 0, .5);--clr-overlay-dark-600: rgba(0, 0, 0, .6);--clr-overlay-dark-700: rgba(0, 0, 0, .7);--clr-overlay-dark-800: rgba(0, 0, 0, .8);--clr-overlay-dark-900: rgba(0, 0, 0, .9);--clr-overlay-light-400: rgba(255, 255, 255, .4);--clr-overlay-light-500: rgba(255, 255, 255, .5);--clr-overlay-light-600: rgba(255, 255, 255, .6);--clr-overlay-light-700: rgba(255, 255, 255, .7);--clr-overlay-light-800: rgba(255, 255, 255, .8);--clr-overlay-light-900: rgba(255, 255, 255, .9);--ff-heading: sans-serif;--ff-body: sans-serif;--fs-300: .875rem;--fs-400: 1rem;--fs-500: 1.125rem;--fs-600: 1.25rem;--fs-700: 1.5rem;--fs-800: 2rem;--fs-900: 3.75rem;--fs-1000: 3.75rem;--text-main: var(--clr-black);--background-main: var(--clr-white);--brand-main: var(--clr-green-500);--accent-main: var(--clr-orange-500);--font-size-sm: var(--fs-300);--font-size-regular: var(--fs-400);--font-size-md: var(--fs-500);--font-size-lg: var(--fs-600);--font-size-heading-sm: var(--fs-700);--font-size-heading-regular: var(--fs-800);--font-size-heading-lg: var(--fs-900);--font-size-heading-xl: var(--fs-1000);--fw-bold: 550;--fw-extra-bold: 900;--border-radius-1: .25rem;--border-radius-2: .5rem;--border-radius-3: .75rem;--border-grey: 1px solid var(--clr-gray-400);--border-dark-grey: 1px solid var(--clr-gray-700);--side-menu-width: 250px;--side-menu-closed-width: 40px}html{font-family:var(--ff-body);scroll-padding:3rem}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{font-size:var(--font-size-regular);color:var(--text-main);background-color:var(--background-main)}h1,h2,h3,h4{font-family:var(--ff-heading);color:var(--text-main)}a{color:var(--brand-main)}a:hover,a:focus-visible{color:var(--accent-main)}.form-group{margin:1rem 0}::backdrop{background-color:var(--clr-black);opacity:.5}dialog{border:var(--border-dark-grey)}.table{width:100%}.table th{text-align:left}.table td{padding:.5rem}.table tr:nth-child(2n){background-color:var(--clr-gray-200)}button{border:var(--border-dark-grey);cursor:pointer;background-color:var(--clr-white);border-radius:var(--border-radius-1);padding:.25rem .5rem}button:hover{background-color:var(--clr-gray-400)}.btn-primary{background-color:var(--clr-primary)}.btn-primary:hover{background-color:var(--clr-white)}.btn-danger{border:1px solid var(--clr-danger);background-color:var(--clr-danger);color:var(--clr-white)}.btn-danger:hover{background-color:var(--clr-white);color:var(--text-main)}}@layer layout{.flow>*+*{margin-top:var(--flow-space, 1em)}#home .two-columns{display:grid;grid-template-columns:var(--side-menu-width) 1fr}@media (max-width: 750px){#home .two-columns{grid-template-columns:1fr}}#site-controls{position:absolute}#home .two-columns.sidebar-close{grid-template-columns:var(--side-menu-closed-width) 1fr}#home .two-columns.sidebar-close #sidebar-menu{transform:translate(calc(var(--side-menu-width) * -1))}#home .two-columns.sidebar-close #observations-menu-toggle,#home .two-columns.sidebar-close #settings-menu-toggle,#home .two-columns.sidebar-close #favorites-menu-toggle{display:none}@media (max-width: 750px){#home .two-columns.sidebar-close{grid-template-columns:1fr}#home .two-columns.sidebar-close #sidebar-menu{display:none}#home .two-columns.sidebar-close #view-container{padding-top:2.5rem}#home .two-columns.sidebar-close #view-container #map{margin-top:1rem}}#wrapper{position:relative;background:var(--clr-white)}#about #wrapper{max-width:1000px;margin:0 auto 2rem}@media (max-width: 1000px){#about #wrapper{padding:0 1rem}}.grid-auto-fit{--autofit-min-col: 275px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(var(--autofit-min-col),100%),1fr))}.grid-auto-fill{--autofill-min-col: 275px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(var(--autofill-min-col),100%),1fr))}}@layer components{.popover__content{position:absolute;visibility:hidden}.popover__wrapper:hover .popover__content{visibility:visible}.loader{width:75px;height:75px;border:7px solid #f6d4c9;border-bottom-color:#ff3d00;border-radius:50%;display:none;box-sizing:border-box;animation:rotation 1s linear infinite;position:fixed;left:calc(50% - 60px);top:calc(50% - 60px);z-index:501}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#site-header{padding:1rem}#site-nav{display:flex;gap:20px}#site-nav ul{list-style:none;display:flex;gap:10px;margin:0;padding:0}#site-nav a{text-decoration:none}#site-nav a:hover,#site-nav a:focus{text-decoration:underline}#site-controls{width:var(--side-menu-width);border-bottom:var(--border-grey)}#site-controls button{font-size:var(--font-size-md);border:0;width:var(--side-menu-closed-width);height:var(--side-menu-closed-width)}#site-controls button svg{display:inline}@media (max-width: 750px){#site-controls{width:100%}}#site-controls.sidebar-close{border:0}#site-controls.sidebar-close #observations-menu-toggle,#site-controls.sidebar-close #settings-menu-toggle,#site-controls.sidebar-close #favorites-menu-toggle{display:none}#settings-menu{display:none}#observations-header{padding:0 1rem;background-color:var(--clr-iNat-dark-gray);color:var(--clr-white)}#observations-header h1{color:var(--clr-white)}#observations-nav{display:flex;align-items:center}#observations-nav h1{width:300px}#observations-nav ul{margin:0;padding:0;display:flex;width:100%;justify-content:center}#observations-nav li{list-style:none;margin:0;padding:.5rem 1rem;display:flex;flex-direction:column;cursor:pointer}#observations-nav .currentView{background-color:var(--clr-iNat-green)}#observations-nav .observations-count,#observations-nav .species-count,#observations-nav .identifiers-count,#observations-nav .observers-count{font-weight:var(--fw-bold)}@media (max-width: 750px){#observations-nav h1{display:none}}#observations-list-controls{display:flex;gap:1rem;margin-top:2rem;align-items:center}#observations-list-controls #observations-subview{display:flex}#observations-list-controls #observations-subview button{border-radius:0;border:var(--border-grey)}#observations-list-controls #observations-subview .current-subview{background-color:var(--clr-gray-300);font-weight:var(--fw-bold)}#observations-list-controls #order-form{display:flex;gap:1rem}@media (max-width: 750px){#observations-list-controls{padding:0 1rem}}#display-json{margin-top:1rem}#display-json #display-json-wrapper{font-size:var(--font-size-sm);z-index:1000;position:absolute;padding:1rem;background-color:var(--clr-overlay-dark-700);color:var(--clr-white)}#display-json .hide{display:none}.pagination{display:flex;margin:1rem 0}.pagination li{list-style:none;border:var(--border-grey);padding:.25rem .5rem;cursor:pointer}.pagination li.disable{color:var(--clr-gray-600);cursor:text}.pagination li.current-page{background-color:var(--clr-gray-300);font-weight:var(--fw-bold)}.audio-icon{--audio-color: var(--clr-overlay-dark-700)}.audio-icon path:nth-of-type(1){fill:var(--audio-color)!important;stroke:var(--audio-color)!important;stroke-width:0px!important}.audio-icon path:nth-of-type(2){stroke:var(--audio-color)!important}}@layer views{#view-container{--view-container-margins: 1.5rem 1rem 1.5rem 0;width:100%}#view-container #map{height:80vh}@media (max-width: 750px){#view-container{--view-container-margins: 0 1rem 1rem 1rem}}.identifiers-table-container,.observers-table-container,.species-list-container,.observations-list-container{margin:var(--view-container-margins)}:is(.species-grid,.observers-table,.identifiers-table,.observations-table,.observations-grid) .details a{color:var(--text-main);text-decoration:none}:is(.species-grid,.observers-table,.identifiers-table,.observations-table,.observations-grid) .details a:hover{color:var(--text-main);text-decoration:underline}:is(.species-grid,.observers-table,.identifiers-table,.observations-table,.observations-grid) .title{font-weight:var(--fw-bold);line-height:1.25}:is(.species-grid,.observers-table,.identifiers-table,.observations-table,.observations-grid) .subtitle{line-height:1.25}:is(.species-grid,.observers-table,.identifiers-table,.observations-table,.observations-grid) .scientific-name{font-style:italic}:is(.species-grid,.observers-table,.identifiers-table,.observations-table,.observations-grid) .avatar-name{display:flex;gap:.5rem;align-items:center}:is(.species-grid,.observers-table,.identifiers-table,.observations-table,.observations-grid) .avatar-name a{text-decoration:none}:is(.species-grid,.observers-table,.identifiers-table,.observations-table,.observations-grid) .avatar-name a:hover{text-decoration:underline;color:var(--brand-main)}:is(.species-grid,.observers-table,.identifiers-table,.observations-table,.observations-grid) .person-icon,:is(.species-grid,.observers-table,.identifiers-table,.observations-table,.observations-grid) .avatar{width:36px;height:36px;border-radius:18px}:is(.species-grid,.observers-table,.identifiers-table,.observations-table,.observations-grid) .person-icon{background-color:var(--clr-gray-400)}:is(.species-grid,.observers-table,.identifiers-table,.observations-table,.observations-grid) .person-icon g{transform:translateY(8px)}:is(.species-grid,.observers-table,.identifiers-table,.observations-table,.observations-grid) .research-grade{margin-top:.5rem}:is(.species-grid,.observers-table,.identifiers-table,.observations-table,.observations-grid) .research-grade .research-grade-badge{background-color:var(--clr-iNat-green);color:var(--clr-white);padding:3px;font-size:var(--font-size-sm)}:is(.species-grid,.observers-table,.identifiers-table,.observations-table,.observations-grid) .metadata-counts{margin-block-start:auto;white-space:nowrap;display:flex;gap:.75rem}:is(.species-grid,.observers-table,.identifiers-table,.observations-table,.observations-grid) .speech-icon{width:1rem;height:1rem;display:inline-block;transform:translateY(2px);margin-right:2px}:is(.species-grid,.observers-table,.identifiers-table,.observations-table,.observations-grid) .photos-count{bottom:0;position:absolute;background-color:var(--clr-overlay-dark-600);color:#fff;font-size:var(--font-size-sm);width:1.6rem;height:1.6rem;padding-top:.3rem;line-height:1;text-align:center}.species-grid.grid-auto-fill{--autofill-min-col: 200px}.species-grid .card{display:flex;flex-direction:column;height:100%;border:var(--border-grey)}.species-grid .card .media{position:relative;border-bottom:var(--border-grey)}.species-grid .card .media img{object-fit:cover;width:100%;height:200px}.species-grid .card .media img:hover{opacity:.7}.species-grid .card .licensing{background-color:var(--clr-overlay-dark-400);color:var(--clr-white);position:absolute;bottom:0;width:1.6rem;height:1.6rem;padding-top:.3rem;line-height:1;text-align:center}.species-grid .card .attribution{background-color:var(--clr-overlay-dark-700);color:var(--clr-white);bottom:1.5rem;padding:.25rem}.species-grid .card .details{display:flex;flex-direction:column;padding:.5rem .75rem;height:100%}.species-grid .card .observations-count{margin-block-start:auto}.species-grid .card .establishment-means{position:absolute;top:0;right:0;color:var(--clr-white);width:1.6rem;height:1.6rem;padding-top:.3rem;line-height:1;text-align:center}.species-grid .card .establishment-means.native{background-color:var(--clr-iNat-green)}.species-grid .card .establishment-means.introduced{background-color:var(--clr-iNat-pink)}.observations-table td.name{display:flex;flex-direction:column}.observations-table td.name a{color:var(--text-main);text-decoration:none}.observations-table td.name a:hover{color:var(--text-main);text-decoration:underline}.observations-table td.media{padding:0}.observations-table td.media div.media{position:relative;width:80px;height:80px;background-color:var(--clr-gray-500)}.observations-table td.media div.media:not(.sound-only) .audio-icon{--audio-color: var(--clr-overlay-light-900);background-color:var(--clr-overlay-dark-600);top:0;right:0;width:25px;height:25px;position:absolute;padding:2px}.observations-table td.media div.media.sound-only .audio-icon{--audio-color: var(--clr-overlay-dark-400);top:10px;left:10px;width:60px;height:60px;position:absolute}.observations-table td.media img{position:absolute;top:0;object-fit:cover;width:80px;height:80px}.observations-table .obscured{font-size:var(--font-size-heading-sm);margin-right:4px}.observations-table .avatar-name{flex-direction:column}.observations-grid.grid-auto-fill{--autofill-min-col: 250px}.observations-grid .card{display:flex;flex-direction:column;height:100%;border:var(--border-grey)}.observations-grid .media{position:relative;border-bottom:var(--border-grey);background-color:var(--clr-gray-500)}.observations-grid .media img{object-fit:cover;width:100%;height:250px}.observations-grid .media img:hover{opacity:.7}.observations-grid .media:not(.sound-only) .audio-icon{--audio-color: var(--clr-overlay-light-900);background-color:var(--clr-overlay-dark-600);top:0;right:0;width:40px;height:40px;position:absolute;padding:8px}.observations-grid .media.sound-only .audio-icon{--audio-color: var(--clr-overlay-dark-400);padding:50px;width:100%;height:250px}.observations-grid .observed{flex-grow:1;text-align:right}.observations-grid .details{display:flex;flex-direction:column;padding:.5rem .75rem;height:100%;position:relative}.observations-grid .avatar-name{position:absolute;right:15px;top:-35px}.observations-grid .person-icon,.observations-grid .avatar{width:45px;height:45px;border-radius:100%;border:2px solid white}}@layer search-menu{.sv_dropdown.is-open{z-index:500!important}#sidebar-menu{padding:2rem 1rem 1rem}#sidebar-menu h2{font-size:var(--font-size-md);margin:1rem 0 .5rem}#sidebar-menu h3{font-size:var(--font-size-regular);margin:1rem 0 .5rem}.taxa-ac-option{display:grid;grid-template-columns:40px 1fr;gap:5px}.taxa-ac-option .taxon-name{display:grid}.taxa-ac-option .title{font-weight:var(--fw-bold)}.taxa-ac-option .scientific-name{font-style:italic}.places-ac-option .place-type{color:var(--clr-gray-700)}ul#selected-species-list,ul#selected-places-list,ul#selected-projects-list,ul#selected-users-list{padding:0;list-style:none}@media (max-width: 750px){ul#selected-species-list,ul#selected-places-list,ul#selected-projects-list,ul#selected-users-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}:is(ul#selected-species-list,ul#selected-places-list,ul#selected-projects-list,ul#selected-users-list) li{display:grid;gap:.5rem;grid-template-columns:1fr auto;padding:.25rem .5rem;align-items:center;border:var(--border-grey)}:is(ul#selected-species-list,ul#selected-places-list,ul#selected-projects-list,ul#selected-users-list) .close-button{padding:0;font-size:var(--font-size-md);background-color:transparent;border:0}:is(ul#selected-species-list,ul#selected-places-list,ul#selected-projects-list,ul#selected-users-list) .close-button:hover{font-weight:var(--fw-extra-bold)}ul#selected-species-list{padding:0;list-style:none}@media (max-width: 750px){ul#selected-species-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}ul#selected-species-list li{grid-template-columns:auto 1fr auto}ul#selected-species-list .swatch{display:block;width:1rem;height:1rem}ul#selected-species-list .details{display:grid;align-content:center;line-height:1.3}ul#selected-species-list .observations-count{font-size:var(--font-size-sm)}ul#selected-species-list .title{font-weight:var(--fw-bold)}ul#selected-species-list .title a{text-decoration:none}ul#selected-species-list .subtitle{font-style:italic;font-size:var(--font-size-sm)}ul#selected-species-list .subtitle a{text-decoration:none}:is(ul#selected-projects-list,ul#selected-places-list,ul#selected-users-list) .data{display:grid}:is(ul#selected-projects-list,ul#selected-places-list,ul#selected-users-list) .name{line-height:1.2}:is(ul#selected-projects-list,ul#selected-places-list,ul#selected-users-list) .count{font-size:var(--font-size-sm)}.filters-count{width:1.5rem;height:1.5rem;background-color:var(--clr-iNat-green);display:inline-block;border-radius:50%;text-align:center;color:var(--clr-white);margin-left:5px}}@layer filtersModal{.filters-modal{width:95%;padding:0}.filters-modal>div{padding:1rem}.filters-modal .modal-header{display:flex;justify-content:space-between;gap:1rem;border-bottom:var(--border-dark-grey)}.filters-modal .modal-header #observations-header{background-color:var(--clr-white);color:var(--text-main)}.filters-modal .modal-header #observations-header ul{flex-wrap:wrap}.filters-modal .modal-header #observations-header .currentView{background-color:var(--clr-white)}.filters-modal .modal-header #observations-header li{padding:.5rem;flex-direction:row;gap:5px}.filters-modal .modal-header #observations-header h1{display:none}.filters-modal ol.filters-list{display:flex;gap:.5rem;padding:0;flex-wrap:wrap}.filters-modal ol.filters-list li{list-style:none;background-color:var(--clr-gray-400);border-radius:1rem;padding:.125rem .5rem}#filters-form .fields{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}#filters-form .form-group{margin:.5rem 0}#filters-form fieldset{border:var(--border-grey);margin:.5rem 0}#filters-form .form-group.multiselect{display:flex;align-items:center}#filters-form label{margin-right:.5rem}}