.tp-dfwv{z-index:2}*,*:after,*:before{box-sizing:border-box}html{font-size:16px;text-size-adjust:100%;scrollbar-width:none;-ms-overflow-style:none}@media screen and (min-width: 1366px),print{html{font-size:15px}}@media screen and (min-width: 1600px),print{html{font-size:17px}}@media screen and (min-width: 1800px),print{html{font-size:19px}}@media screen and (min-width: 2000px),print{html{font-size:22px}}@media screen and (min-width: 2560px),print{html{font-size:28px}}@media screen and (min-width: 3500px),print{html{font-size:40px}}@media screen and (min-height: 200px),print{html{font-size:9px}}@media screen and (min-height: 450px),print{html{font-size:11px}}@media screen and (min-height: 530px),print{html{font-size:13px}}@media screen and (min-height: 600px),print{html{font-size:14px}}@media screen and (min-height: 660px),print{html{font-size:16px}}html,body{margin:0;width:100%;height:100vh;touch-action:pan-x pan-y}body{display:flex;flex-direction:column;margin:0;color:#111;font-family:Roboto,sans-serif;background:linear-gradient(0deg,#abbcc6,#eeeff4 72%);background-color:#fff;overflow:hidden}a{color:#111;text-decoration:none}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;-o-user-drag:none;user-drag:none}h1.seo__title,h2.seo__subtitle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;position:absolute;opacity:0;pointer-events:none}div.hidden,img.hidden,canvas.hidden{display:none;pointer-events:none}div.before_exit{pointer-events:none}.reusable-elements{display:none}input:focus,textarea:focus,select:focus{outline:none}::-webkit-scrollbar{width:6px;height:8px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#707070}::placeholder{color:#282828}.button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;cursor:pointer}.button.loading{opacity:.6;pointer-events:none}.button.loading:before{display:block;width:1.25rem;height:1.25rem;background-size:contain;background-image:url(/images/common/loading.gif);background-repeat:no-repeat;content:""}.button--primary{padding:4px 10px;color:#000;font-size:14px;border:1px solid black;border-radius:6px}.canvas-container{display:flex;justify-content:center;position:absolute;width:100%;height:100%;touch-action:none}.canvas-container canvas{width:100%;height:100%}.section{display:grid;position:absolute;z-index:1;width:100%;min-height:100%;opacity:0}.section.hidden{display:none;opacity:0}.container{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;position:fixed;z-index:2;width:100%;height:100%}.component{display:grid;position:absolute;z-index:1}.landing{display:flex;flex-direction:column;gap:.75rem;align-items:center;justify-content:center;background:linear-gradient(0deg,#abbcc6,#eeeff4 72%)}.transition{place-items:center;top:0;z-index:2;background:linear-gradient(0deg,#abbcc6,#eeeff4 72%);opacity:0}.transition__group{display:flex;flex-direction:column;align-items:center;opacity:1;transition:opacity 1s}.transition__group.hidden{display:flex;pointer-events:none;opacity:0}.transition__animation{display:flex;width:18.75rem}.transition__animation * path{stroke:#111}.transition__progress-bar{position:relative;width:60%;max-width:18.75rem;background:#909090;border-radius:.375rem;overflow:hidden;will-change:transform}.transition__progress-bar-fill{position:relative;left:-100%;width:100%;height:.5rem;background-color:#111;border-radius:1.25rem;transform-origin:left;will-change:transform;transform:translate3d(20%,0,0)}.home{position:absolute;width:100%;height:100%;pointer-events:none}.home__header{display:flex;gap:4px;align-items:center;justify-content:space-between;width:100%;height:3.125rem}.home__header-left{display:flex;align-items:center;padding-left:12px}.home__title{display:flex;gap:8px;align-items:center;margin:0;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__sorting{position:absolute;pointer-events:auto;top:50px;left:12px}.home__sorting select{padding:8px 0;color:#000;font-size:16px;background-color:#ffffff01;border-top:none;border-right:none;border-bottom:1px solid rgba(0,0,0,.4);border-left:none;border-radius:0}.home__header-right{display:flex;align-items:center}.home__audio-button{pointer-events:auto;padding:16px 16px 16px 12px}.home__audio-button i{font-size:20px}@media (orientation: landscape),print{.home__audio-button{padding:20px 30px}}.home__device-rotation-button,.home__device-camera-button{display:flex;padding:12px;width:fit-content;height:fit-content;pointer-events:auto}.home__device-rotation-button img,.home__device-camera-button img{width:25px;height:25px}.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;height:260px}@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: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__no-data{padding:10px 20px;width:100%;font-size:14px;background-color:#fff;border-radius:6px}@media (orientation: landscape),print{.taxon-references__no-data{font-size:16px}}.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{display:flex;flex-direction:column;align-items:center;padding:0;font-size:12px;font-weight:500}@media (orientation: landscape),print{.taxon-references__box-text{align-items:flex-start;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__no-data{padding:10px 20px;width:100%;font-size:14px;background-color:#fff;border-radius:6px}@media (orientation: landscape),print{.taxon-average__no-data{font-size:16px}}.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;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}}