:root{--colour-line:rgb(211,211,211);--colour-bg-accent:rgb(236,239,247);--colour-bg-main:rgb(248 244 240);--colour-fg-main:rgb(0,0,0);--colour-fg-text:rgb(68,68,68);--colour-fg-alt-main:rgb(255,255,255);--colour-bg-neutral:rgb(255,255,255);--colour-bg-animalia:rgb(217 214 214);--colour-mg-animalia:rgb(227 226 226);--colour-bg-plantae:rgb(216,223,210);--colour-mg-plantae:rgb(232 236 229);--colour-bg-insecta:rgb(226,220,226);--colour-mg-insecta:rgb(238 234 238);--colour-bg-mammalia:rgb(240,199,130);--colour-mg-mammalia:rgb(245 219 176);--colour-bg-reptilia:rgb(254,226,223);--colour-mg-reptilia:rgb(255 248 248);--colour-bg-aves:rgb(215 227 241);--colour-mg-aves:rgb(234 240 248);--colour-bg-amphibia:rgb(220 239 163);--colour-mg-amphibia:rgb(237 247 206);--colour-bg-actinopterygii:rgb(234 217 196);--colour-mg-actinopterygii:rgb(240 229 216);--colour-bg-mollusca:rgb(151 187 255);--colour-mg-mollusca:rgb(202 220 255);--colour-bg-fungi:rgb(234 218 208);--colour-mg-fungi:rgb(243 235 225);--colour-bg-arachnida:rgb(246 179 120);--colour-mg-arachnida:rgb(249 206 168);--colour-bg-topic-card:rgb(220 212 207);--colour-bg-taxon-card:rgb(207,215,220);--colour-bg-trait-card:rgb(220,207,207);--colour-bg-term-card:rgb(212,220,207);--colour-bg-button:rgb(233 228 208);--colour-bg-card-button:rgba(255,255,255,0.5);--colour-bg-body:rgb(242 235 226);--colour-bg-add-element:rgb(255 238 187);--colour-bg-save-btn:rgb(226 233 241);--colour-bg-delete-btn:rgb(234 213 223);--colour-form-label:rgb(64 64 65);--colour-correct:rgb(106,176,84);--colour-correct-light:rgb(189 219 178);--colour-incorrect:rgb(176 84 106);--colour-incorrect-light:rgb(232 205 211);--colour-link-hover:rgb(0 128 0);--colour-inat:rgb(181 206 136);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-ml:1.25rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:1rem;--font-size-xs:0.8rem;--font-size-sm:0.9rem;--font-size-md:1rem;--font-size-ml:1.1rem;--font-size-lg:1.4rem;--font-size-xl:1.6rem;--font-weight-300:300;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--font-weight-800:800;--card-width:clamp(100px,14rem,240px);--card-height:clamp(400px,20rem,440px);--img-size:clamp(180px,16vw,240px);--button-size:clamp(200px,20vw,260px);--caption-width:16rem;--letter-spacing:0.03rem;--line-height-md:1.4;--line-height-lg:1.5;--line-height-xl:1.8;--text-underline-offset:0.5rem}body{max-width:96vw;margin:0 auto var(--spacing-lg) auto;font-family:var(--font-family-sans-serif);color:var(--colour-fg-text);letter-spacing:var(--letter-spacing);-webkit-font-smoothing:antialiased;line-height:var(--line-height-md);background-color:var(--colour-bg-body);gap:var(--spacing-sm)}body,main{display:flex;flex-direction:column;div:empty,em:empty,p:empty{display:none}}main{background-color:var(--colour-bg-main);border:1px dashed var(--colour-line);padding:var(--spacing-md);position:relative;border-radius:var(--border-radius-md);gap:var(--spacing-lg)}article{font-family:var(--font-family-serif);overflow-wrap:anywhere;line-height:var(--line-height-lg);max-width:65ch;h2:not(:first-child){margin-top:var(--spacing-xl)}}p{font-size:var(--font-size-ml)}h1,h2,h3{letter-spacing:normal;margin:0;font-weight:400;font-family:var(--font-family-sans-serif)}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-ml)}h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-600)}h1:first-letter,h2:first-letter,h3:first-letter{text-transform:capitalize}h3 label{padding-bottom:var(--spacing-xs)}a{font-family:var(--font-family-sans-serif);text-underline-offset:var(--text-underline-offset);word-break:break-word;overflow-wrap:break-word;--line-height-lg:1.5;line-height:var(--line-height-xl)}a,a:visited{color:var(--colour-fg-text)}a:hover{color:var(--colour-link-hover)}.breadcrumb,.font-xs{font-size:var(--font-size-xs)}header{position:relative;height:6vh;right:var(--spacing-xs);top:var(--spacing-md);font-size:var(--font-size-sm);text-transform:uppercase;&>div{position:absolute;right:0;& a{text-decoration:none;letter-spacing:calc(var(--letter-spacing) * 2);&:hover{text-decoration:underline}}}}footer{display:flex;flex-direction:column;margin:0 0 0 var(--spacing-md)}hr{height:2px;background-color:var(--colour-bg-neutral);border:none;width:100%}aside{padding:var(--spacing-md);border:1px solid var(--colour-line);margin:var(--spacing-xl) 0;dl{margin:0}dl,dt{font-size:var(--font-size-sm)}dt{font-family:var(--font-family-sans-serif)}a{margin-left:var(--spacing-lg);font-size:var(--font-size-sm)}}button,input,select{font-family:var(--font-family-sans-serif);letter-spacing:var(--letter-spacing);width:100%;border-radius:var(--border-radius-sm);color:var(--colour-fg-text)}button{font-family:var(--font-family-sans-serif);letter-spacing:var(--letter-spacing);width:100%;border-radius:var(--border-radius-sm);color:var(--colour-fg-text);&.add{background-color:var(--colour-bg-add-element)}&.save{background-color:var(--colour-bg-save-btn)}&.cancel,&.save{width:-moz-fit-content;width:fit-content}&.cancel{background-color:var(--colour-bg-body)}&.delete,&.remove{background-color:var(--colour-bg-delete-btn);width:-moz-fit-content;width:fit-content}&.remove{font-size:var(--font-size-xs);padding:var(--spacing-sm)!important}&.option{background-color:var(--colour-bg-body);border-style:dashed}}button:focus-visible{outline:1px solid var(--colour-fg-main)}input:focus-visible{outline:none}input,select{padding:var(--spacing-md);border:none;font-size:var(--font-size-md);font-family:var(--font-family-sans-serif);line-height:var(--line-height-md)}input[type=checkbox],input[type=radio]{width:auto;margin:0 var(--spacing-sm) 0 0;accent-color:var(--colour-fg-main);cursor:pointer}input[type=checkbox]+label,input[type=radio]+label{cursor:pointer;display:inline-block;&:first-letter{text-transform:capitalize}}input[type=date]{font-size:var(--font-size-md);cursor:pointer}select{appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor"><polyline points="6,9 12,15 18,9"></polyline></svg>');background-repeat:no-repeat;background-position:right 16px center;background-size:20px;padding:12px 16px;border:2px solid #ccc;border-radius:4px;outline:none}button,select{cursor:pointer}button{padding:var(--spacing-md);border:1px solid var(--colour-fg-text);background-color:var(--colour-bg-neutral);font-size:var(--font-size-md)}button:disabled{color:var(--colour-fg-text);border-color:var(--colour-line);cursor:not-allowed}textarea{padding:var(--spacing-md);line-height:(var(--spacing-lg));resize:none;white-space:pre-wrap;font-size:var(--font-size-md);font-family:var(--font-family-sans-serif);border:1px solid transparent;border-radius:var(--border-radius-md);width:100%;&:focus-visible{outline:none;border:1px solid var(--colour-fg-main)}}fieldset{padding:0;background-color:initial;border:none;margin:0}label{display:inline-block;&:first-letter{text-transform:capitalize}}strong{font-weight:var(--font-weight-600)}dl>div{display:flex;justify-content:space-between;width:14rem}dt{width:auto;font-weight:var(--font-weight-600);text-transform:capitalize;font-size:var(--font-size-lg);&:not(:first-child){margin-top:var(--spacing-lg)}}dd{margin-left:var(--spacing-lg)}ul{margin-block:0;padding-inline:0}[aria-labelledby=trait-gallery]{position:relative;li{margin:0;font-size:var(--font-size-sm)}}li::marker{font-size:0}.block,.block-container{display:flex;justify-content:center}.block{align-items:center;row-gap:var(--spacing-xl);column-gap:var(--spacing-xl);flex-wrap:wrap}.column-group{display:flex;flex-direction:column;row-gap:var(--spacing-md)}.list-group{display:flex;flex-direction:column;row-gap:var(--spacing-sm);&.bullets{row-gap:0;p{margin:var(--spacing-sm) var(--spacing-md)}p:last-child{margin:var(--spacing-sm) var(--spacing-md) var(--spacing-lg) var(--spacing-md)}}}.row-group{display:flex;align-items:center;border-radius:var(--border-radius-sm);padding:var(--spacing-sm)}.horizontal-group{display:flex;align-items:center;gap:var(--spacing-md);.index{width:var(--spacing-xl);min-width:var(--spacing-xl)}}.grid-lg,.grid-md{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.block.options>button,.grid-lg.options>button{width:var(--button-size);height:var(--button-size);padding:0;border:3px solid var(--colour-bg-neutral)}.block.options>button span,.grid-lg.options>button span{display:block;padding:var(--spacing-sm);font-size:var(--font-size-md);font-style:italic}.grid-lg.options>button span:first-letter{text-transform:capitalize}[aria-labelledby=multiple-select]{.grid-lg{row-gap:var(--spacing-sm);border:1px solid var(--colour-line);padding:var(--spacing-md);border-radius:var(--border-radius-sm)}}.block img,.grid-lg img{width:var(--img-size);height:var(--img-size);border-radius:var(--border-radius-sm)}.img-reverse{width:calc(var(--img-size) - var(--spacing-lg));height:calc(var(--img-size) - var(--spacing-lg));border-radius:var(--border-radius-sm);div{padding:var(--spacing-md) var(--spacing-md) 0 var(--spacing-md);font-size:var(--font-size-xs)}}.group>*{margin-bottom:0}.group>:last-child{margin-bottom:var(--spacing-sm)}.group-block{display:flex;flex-direction:column;border-radius:var(--border-radius-sm);row-gap:var(--spacing-md);padding:var(--spacing-md);background-image:linear-gradient(90deg,rgba(0,0,0,.05) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.05) 1px,transparent 0);background-size:3px 3px}.navigable{padding:var(--spacing-sm) 0;display:flex;justify-content:flex-end;div{background-color:var(--colour-bg-neutral);padding:var(--spacing-md) var(--spacing-lg);width:-moz-fit-content;width:fit-content}}[aria-labelledby=taxon-gallery] .group-block,[aria-labelledby=term-gallery] .group-block,[aria-labelledby=trait-gallery] .group-block{display:flex;flex-direction:column;position:relative}.question-progress{display:flex;align-items:center;justify-content:right;font-style:italic}form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-row{display:flex;align-items:center;gap:var(--spacing-md);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) 0;*{div:first-letter{text-transform:uppercase}}}.form-row button{padding:var(--spacing-md);font-weight:var(--font-weight-400);letter-spacing:.05rem}.form-row.taxon{background-color:var(--colour-bg-taxon-card)}.form-row.taxon,.form-row.term{border:1px solid var(--colour-line);padding:var(--spacing-sm)}.form-row.term{background-color:var(--colour-bg-term-card)}.form-row.trait{background-color:var(--colour-bg-trait-card)}.form-row.topic,.form-row.trait{border:1px solid var(--colour-line);padding:var(--spacing-sm)}.form-row.topic{background-color:var(--colour-bg-topic-card)}[data-type=taxon] button{background-color:var(--colour-bg-taxon-card);&:hover{background-color:var(--colour-bg-neutral)}}[data-type=term] button{background-color:var(--colour-bg-term-card);&:hover{background-color:var(--colour-bg-neutral)}}[data-type=trait] button{background-color:var(--colour-bg-trait-card);&:hover{background-color:var(--colour-bg-neutral)}}.form-row.bg-correct,.form-row.bg-incorrect{border-radius:var(--border-radius-sm);border:1px solid transparent;padding:var(--spacing-sm)}.form-row.bg-correct label,.form-row.bg-incorrect label{color:var(--colour-fg-alt-main)!important;text-transform:uppercase}.question-text{font-size:var(--font-size-md);font-weight:var(--font-weight-500);display:flex;align-items:center;border-radius:var(--border-radius-sm);max-width:80ch}.card{display:flex;flex-direction:column;width:var(--card-width);min-height:var(--card-height);position:relative;border-radius:var(--border-radius-sm);font-family:var(--font-family-serif);font-size:var(--font-size-sm);border:1px solid var(--colour-line);img{border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm)}h3{letter-spacing:var(--letter-spacing)}&>div:nth-child(2){padding:var(--spacing-xs) var(--spacing-md) 0 var(--spacing-md)}}.card.small{min-height:calc(var(--card-height) * .35);padding:var(--spacing-md)}.card>:last-child{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md);width:auto}[aria-labelledby=topics]{.card{background-color:var(--colour-bg-topic-card)}}[aria-labelledby=taxa] .card{background-color:var(--colour-bg-taxon-card)}[aria-labelledby=traits] .card{background-color:var(--colour-bg-trait-card)}[aria-labelledby=terms]{.card{background-color:var(--colour-bg-term-card)}}.card button{background-color:var(--colour-bg-card-button);width:100%;&:hover{background-color:var(--colour-bg-neutral);border:1px solid var(--colour-fg-main)}}.iconic-taxon{display:flex;align-items:center;justify-content:center;img{width:var(--spacing-lg);padding:0 calc(var(--spacing-xs) * .5)}&.rotate{position:absolute;top:var(--spacing-md);right:var(--spacing-lg);img{opacity:1;transition:opacity .3s ease-in-out;min-height:calc(var(--spacing-lg) * 2)}}}figure{margin-block:0;margin-inline:0;&.inat{display:flex;border:thin solid #c0c0c0;padding:var(--spacing-sm)}}.block figure img{border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0}figcaption{width:var(--img-size);height:6rem;display:flex;align-items:center;justify-content:center;text-wrap:balance}figcaption>div{display:flex;flex-direction:column;row-gap:.2rem;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}figcaption>div>div:first-child span:nth-child(2){text-transform:lowercase}figcaption>div>div:nth-child(2){font-size:var(--font-size-sm);text-transform:capitalize}figcaption div:first-letter{text-transform:uppercase}[class*=bg-]{.img-reverse,img{border:1px solid;border-bottom:none;cursor:pointer}input[type=checkbox],input[type=radio]{accent-color:inherit;cursor:pointer}}.bg-plantae{background-color:var(--colour-bg-plantae);figure{border:1px solid var(--colour-bg-plantae)}.img-reverse,img{background-color:var(--colour-mg-plantae);border-color:var(--colour-bg-plantae)}input[type=checkbox],input[type=radio]{accent-color:var(--colour-bg-plantae)}}.bg-animalia{background-color:var(--colour-bg-animalia);.img-reverse,img{background-color:var(--colour-mg-animalia);border-color:var(--colour-bg-animalia)}input[type=checkbox],input[type=radio]{accent-color:var(--colour-bg-animalia)}}.bg-insecta{background-color:var(--colour-bg-insecta);.img-reverse,img{background-color:var(--colour-mg-insecta);border-color:var(--colour-bg-insecta)}input[type=checkbox],input[type=radio]{accent-color:var(--colour-bg-insecta)}}.bg-mammalia{background-color:var(--colour-bg-mammalia);.img-reverse,img{background-color:var(--colour-mg-mammalia);border-color:var(--colour-bg-mammalia)}input[type=checkbox],input[type=radio]{accent-color:var(--colour-bg-mammalia)}}.bg-reptilia{background-color:var(--colour-bg-reptilia);.img-reverse,img{background-color:var(--colour-mg-reptilia);border-color:var(--colour-bg-reptilia)}input[type=checkbox],input[type=radio]{accent-color:var(--colour-bg-reptilia)}}.bg-aves{background-color:var(--colour-bg-aves);.img-reverse,img{background-color:var(--colour-mg-aves);border-color:var(--colour-bg-aves)}input[type=checkbox],input[type=radio]{accent-color:var(--colour-bg-aves)}}.bg-amphibia{background-color:var(--colour-bg-amphibia);.img-reverse,img{background-color:var(--colour-mg-amphibia);border-color:var(--colour-bg-amphibia)}input[type=checkbox],input[type=radio]{accent-color:var(--colour-bg-amphibia)}}.bg-actinopterygii{background-color:var(--colour-bg-actinopterygii);.img-reverse,img{background-color:var(--colour-mg-actinopterygii);border-color:var(--colour-bg-actinopterygii)}input[type=checkbox],input[type=radio]{accent-color:var(--colour-bg-actinopterygii)}}.bg-mollusca{background-color:var(--colour-bg-mollusca);.img-reverse,img{background-color:var(--colour-mg-mollusca);border-color:var(--colour-bg-mollusca)}input[type=checkbox],input[type=radio]{accent-color:var(--colour-bg-mollusca)}}.bg-fungi{background-color:var(--colour-bg-fungi);.img-reverse,img{background-color:var(--colour-mg-fungi);border-color:var(--colour-bg-fungi)}input[type=checkbox],input[type=radio]{accent-color:var(--colour-bg-fungi)}}.bg-arachnida{background-color:var(--colour-bg-arachnida);.img-reverse,img{background-color:var(--colour-mg-arachnida);border-color:var(--colour-bg-arachnida)}input[type=checkbox],input[type=radio]{accent-color:var(--colour-bg-arachnida)}}.bg-correct{color:var(--colour-bg-neutral)!important;background-color:var(--colour-correct)!important}.bg-correct-light{background-color:var(--colour-correct-light)!important}.bg-incorrect{color:var(--colour-bg-neutral)!important;background-color:var(--colour-incorrect)!important}.bg-incorrect-light{background-color:var(--colour-incorrect-light)!important}.correct,.incorrect{display:flex;align-items:center;gap:var(--spacing-xs)}.correct:before{content:"\2713"}.incorrect:before{content:"\2717"}.cb-correct{accent-color:var(--colour-correct)!important}.cb-incorrect{accent-color:var(--colour-incorrect)!important}[aria-labelledby=topic-gallery]{max-width:80ch;margin:0 auto;position:relative;.block{margin:var(--spacing-xl) 0}.group{font-family:var(--font-family-serif)}}[aria-labelledby=term-gallery] dl,[aria-labelledby=trait-gallery] dl{display:flex;flex-direction:column;row-gap:var(--spacing-sm);max-width:60ch;margin:0;position:relative}[aria-labelledby=term-gallery] dd,[aria-labelledby=trait-gallery] dd{display:flex;flex-direction:column;margin-left:0;div+div{margin-top:var(--spacing-md)}}[data-type=term] .block.options>button span{font-size:var(--font-size-sm)}[aria-labelledby=score] li{max-width:80ch}progress{accent-color:var(--colour-fg-main)}[aria-labelledby=score] label{font-size:var(--font-size-sm)}.notification{display:flex;align-items:center;justify-content:center;&.visible{opacity:1}&.hidden{opacity:0;transition:opacity .5s ease;margin:0}&>div{position:fixed;padding:var(--spacing-lg);border:4px solid var(--colour-bg-neutral);border-radius:var(--border-radius-sm);bottom:var(--spacing-lg);color:var(--colour-fg-alt-main);&.correct{background-color:var(--colour-correct)}&.correct,&.incorrect{color:var(--colour-bg-neutral)}&.incorrect{background-color:var(--colour-incorrect)}}}.font-weight-600{font-weight:var(--font-weight-600)}.font-weight-500{font-weight:var(--font-weight-500)}.information{font-size:var(--font-size-sm);padding:var(--spacing-sm) 0 0 0}.cloudinary{display:flex;justify-content:center;padding:var(--spacing-lg) 0;figure{border:thin solid #c0c0c0;display:flex;flex-flow:column;padding:var(--spacing-sm);margin:auto}figcaption{display:flex;align-items:center;justify-content:center;margin:0 auto;padding:var(--spacing-sm) 0;height:auto}img{max-width:100%;height:auto}}#section-type-selector-section{top:0;z-index:1;padding-bottom:var(--spacing-md);background-color:var(--colour-bg-add-element);position:sticky}.collection-field{input{font-size:var(--font-size-md)}}.collection-summary{display:flex;gap:var(--spacing-md)}.dragging{button{border-style:dashed;cursor:grabbing}}.drag-over-bottom,.drag-over-top{opacity:.5}button.draggable{width:-moz-fit-content;width:fit-content}button.draggable+div{display:flex;align-items:center;&>span{font-size:var(--font-size-xs);margin:0 var(--spacing-xs) 0 0}}li.collapsed{opacity:.5}#iconic-taxa-container{padding:var(--spacing-md) 0;&>div{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,auto));display:grid;div{padding:var(--spacing-md)}}}#inat-id-container,#inat-observation-dates{padding:var(--spacing-md) 0}.form-row.inat{background-color:var(--colour-inat);border:1px solid var(--colour-line);padding:var(--spacing-sm);gap:var(--spacing-md);width:-webkit-fill-available;label.date{width:calc(var(--spacing-md) * 4)}input[type=radio]{margin:0}}.inat-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media screen and (min-width:768px){footer{flex-direction:row}button{width:-moz-fit-content;width:fit-content}.cloudinary{figcaption{min-width:calc(var(--caption-width) * 1.5)}}#section-type-selector-section{top:var(--spacing-sm)}.iconic-taxon{img{width:var(--spacing-xl);padding:0 var(--spacing-xs)}}.column-count{column-count:2}[aria-labelledby=search-species] .column-count{column-count:1}.inat-group{flex-direction:row}}@media (min-width:767px) and (max-width:1286px){body{max-width:75vw}.grid-lg{grid-template-columns:1fr 1fr}}@media (min-width:1024px){body{max-width:65vw}textarea{line-height:calc(var(--line-height-md) * 1.25)}}@media (min-width:1287px) and (max-width:1440px){body{max-width:65vw}.grid-lg{grid-template-columns:1fr 1fr 1fr}}@media (min-width:1441px){body{max-width:60vw}.grid-lg{grid-template-columns:1fr 1fr 1fr}.column-count{column-count:3}[aria-labelledby=search-species] .column-count{column-count:2}}@media (min-width:1510px){.grid-lg{grid-template-columns:1fr 1fr 1fr 1fr}.column-count{column-count:3}[aria-labelledby=search-species] .column-count{column-count:2}}@media (min-width:767px) and (max-width:1186px){.grid-md{grid-template-columns:1fr 1fr}.question-text{font-size:var(--font-size-xl)}}@media (min-width:1187px) and (max-width:1919px){.grid-md{grid-template-columns:1fr 1fr 1fr}}@media (min-width:1920px){.grid-md{grid-template-columns:1fr 1fr 1fr 1fr}}@media print{footer,header{display:none}[aria-labelledby=taxon-gallery]>:not(.article),[aria-labelledby=term-gallery]>:not(.article),[aria-labelledby=topic-gallery]>:not(article),[aria-labelledby=trait-gallery]>:not(.article),main>:not([aria-labelledby=topic-gallery],[aria-labelledby=taxon-gallery],[aria-labelledby=trait-gallery],[aria-labelledby=term-gallery]){display:none!important}}