*{box-sizing:border-box;user-select:none;overscroll-behavior-y:none}html{position:absolute;width:100%;height:100%}body{display:flex;place-items:center;margin:0;height:100%;min-width:320px;font-family:Roboto,sans-serif;background:linear-gradient(0deg,#abbcc6,#eeeff4 72%);user-select:none;overscroll-behavior-y:none}.container{position:fixed;width:100%;height:100%}.canvas-container{position:absolute;width:100%;height:100%;touch-action:none}.canvas-container canvas{width:100%;height:100%}div.hidden,img.hidden,canvas.hidden,i.hidden{display:none;pointer-events:none}.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer}.home{position:absolute;width:100%;height:100%;pointer-events:none}.home__header{display:flex;align-items:flex-start;justify-content:space-between;width:100%}.home__title{display:flex;gap:8px;align-items:center;margin-bottom:0;margin-left:30px;width:calc(100% - 80px);min-width:200px;font-size:24px;pointer-events:auto}.home__title i{display:none;font-size:28px}.home__title.button i{display:var(--fa-display, inline-block)}@media (orientation: landscape),print{.home__title{width:auto;font-size:32px}}.home__title-text{overflow:hidden;word-wrap:break-word}.home__audio-button{pointer-events:auto;padding:24px 30px}@media (orientation: landscape),print{.home__audio-button{padding:20px 30px}}.home__levels-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;right:0;bottom:120px;width:80px;height:100%}@media (orientation: landscape),print{.home__levels-bar{top:0;bottom:auto}}.home__last-level{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;position:absolute;bottom:0;width:100%;pointer-events:none}@media (orientation: landscape),print{.home__last-level{top:0;right:60px;bottom:auto;width:50%;height:100%}}.levels-bar{display:flex;flex-direction:column;gap:12px}@media (orientation: landscape),print{.levels-bar{gap:14px}}.levels-bar__level{display:flex;pointer-events:auto;align-items:center;justify-content:center;position:relative;width:34px;height:20px}.levels-bar__level.hidden{display:flex;opacity:0;pointer-events:none}.levels-bar__level:before{position:absolute;width:100%;height:100%;background-color:#fff;border:1px solid black;border-radius:5px;content:""}.levels-bar__level.active:before{background-color:#52777b}.levels-bar__level-amount{position:absolute}.active .levels-bar__level-amount{color:#fff}.levels-bar__level-title{display:none;position:absolute;right:50px;text-wrap:nowrap}@media (orientation: landscape),print{.levels-bar__level-title{display:flex}}.taxon{display:flex;flex-direction:column;gap:12px;z-index:1;margin:12px;padding:10px 12px;max-width:600px;background-color:#ededed;pointer-events:auto;border-radius:8px;box-shadow:0 3px 8px #00000040}@media (orientation: landscape),print{.taxon{gap:16px;padding:20px 40px}}.taxon__header{display:flex;flex-direction:column;gap:10px}@media (orientation: landscape),print{.taxon__header{gap:16px}}.taxon__title{display:flex;gap:16px;align-items:center;justify-content:space-between}.taxon__title-text{margin:0;font-size:18px}@media (orientation: landscape),print{.taxon__title-text{margin:10px 0;font-size:24px}}.taxon__title-type{padding:6px 20px;color:#fdfdfd;background-color:#0d676d;border-radius:6px}.taxon__close{padding:8px 8px 8px 0}.taxon__close i{font-size:24px}@media (orientation: landscape),print{.taxon__close{display:none}}.taxon__level{display:flex;flex-direction:column;gap:4px}.taxon__level-title{font-weight:700}.taxon__level-breadcrumb{display:flex;gap:6px;justify-content:space-between;min-width:300px}@media (orientation: landscape),print{.taxon__level-breadcrumb{max-width:none}}.taxon__level-breadcrumb-link{display:flex;flex:1;gap:6px;align-items:center;justify-content:space-evenly;font-size:14px}.taxon__level-breadcrumb-link:last-child{color:#0d676d;font-weight:700}.taxon__level-breadcrumb-link:last-child:after{display:none}@media (orientation: landscape),print{.taxon__level-breadcrumb-link{font-size:16px}}.taxon__level-breadcrumb-link-text{max-width:100px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (orientation: landscape),print{.taxon__level-breadcrumb-link-text{display:-webkit-box;max-width:120px;text-overflow:initial;white-space:initial;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}}.taxon__tab{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:6px;color:#535353;font-weight:700;background-color:#fafafa;border-radius:6px}@media (orientation: landscape),print{.taxon__tab{padding:6px 10px}}.taxon__tab-link{padding:4px 10px;font-size:14px}.taxon__tab-link.active{color:#000;border:1px solid black;border-radius:6px}@media (orientation: landscape),print{.taxon__tab-link{padding:4px 20px;font-size:16px}}.taxon-description{display:flex;flex-direction:column;gap:16px}.taxon-description__text{padding:10px 20px;font-size:14px;background-color:#fff;border-radius:6px}@media (orientation: landscape),print{.taxon-description__text{font-size:16px}}.taxon-description__assessment{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.taxon-description__assessment-title{font-weight:700}.taxon-description__assessment-type{display:flex;padding:6px 20px;color:#fafafa;background-color:orange;border-radius:6px}.taxon-references{display:flex;flex-direction:column;gap:8px}@media (orientation: landscape),print{.taxon-references{flex-direction:row;gap:12px}}.taxon-references__box{display:flex;flex-direction:row;flex:1;gap:8px;align-items:center;justify-content:center;padding:8px;color:#fff;background-color:#fff;border:2px solid white;border-radius:8px;box-shadow:0 3px 8px #00000040}.taxon-references__box.blue{background-color:#3557d0}.taxon-references__box.orange{background-color:#f5aa51}.taxon-references__box.green{background-color:#0d676d}@media (orientation: landscape),print{.taxon-references__box{flex-direction:column;gap:8px;justify-content:center;padding:8px 12px}}.taxon-references__box-text{padding:0;font-size:12px;font-weight:500}@media (orientation: landscape),print{.taxon-references__box-text{padding:0 8px;font-size:14px}}.taxon-references__box-percentage{font-size:30px;font-weight:700}@media (orientation: landscape),print{.taxon-references__box-percentage{font-size:40px}}.taxon-average{display:flex;flex-direction:column;gap:8px;align-items:center}.taxon-average__title{color:#424242;font-size:20px;font-weight:700}.taxon-average__box{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px 16px;align-items:center;padding:12px;width:100%;color:#fff;background-color:#00000080;border:1px solid #232323;border-radius:6px}@media (orientation: landscape),print{.taxon-average__box{gap:12px 16px}}.taxon-average__box-data{display:flex;flex-direction:column}.taxon-average__box-data-percentage{font-size:20px}@media (orientation: landscape),print{.taxon-average__box-data-percentage{font-size:24px}}.taxon-average__box-data-description{font-size:12px}@media (orientation: landscape),print{.taxon-average__box-data-description{font-size:14px}}