code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.marker-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:40px;justify-content:center;position:relative;width:40px;z-index:9999}.marker-icon{height:calc(500px/var(--globe-altitude));min-height:10px;min-width:10px;width:calc(500px/var(--globe-altitude))}.marker-name{background-color:#000000b3;border-radius:5px;bottom:100%;color:#fff;font-size:12px;margin-bottom:5px;opacity:0;padding:5px 8px;pointer-events:none;position:absolute;transition:opacity .2s ease-in-out;white-space:nowrap}.marker-container:hover .marker-name{opacity:1}.overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:1000}.overlay-content{background-color:#fff;border-radius:5px;max-width:500px;padding:20px;position:relative;text-align:left;width:80%}.overlay-content .description{font-style:italic;margin-top:15px}.close-button{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px}.overlay-image{margin-bottom:15px;max-height:300px;object-fit:contain;width:100%}.globe-controls-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0e1411bf;border:1px solid #333;border-radius:50%;display:flex;justify-content:center;position:absolute;right:20px;top:20px;z-index:10}.globe-controls-container button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px}.globe-controls-container svg{height:24px;width:24px}.horizontal-timeline-container{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0e1411d9;border-top:2px solid #333;bottom:0;color:#e0e0e0;height:250px;left:0;overflow:hidden;position:absolute;transition:all .4s ease-in-out;width:100%;z-index:100}.horizontal-timeline-container.state-collapsed{cursor:default;height:100px}.horizontal-timeline-container.state-expanded{border-radius:12px 12px 0 0;bottom:20vh;box-shadow:0 -4px 25px #0000004d;height:60vh}.horizontal-timeline-wrapper{align-items:flex-start;box-sizing:border-box;cursor:grab;display:flex;height:calc(100% - 40px);left:0;padding:0 20px 20px;position:absolute;top:50px;transform:translateY(0);z-index:1}.horizontal-timeline-wrapper:active{cursor:grabbing}.horizontal-timeline-container.state-collapsed .horizontal-timeline-wrapper{pointer-events:none;transform:translateY(50px)}.time-ruler{border-bottom:1px solid #555;height:20px;left:0;position:absolute;top:0;width:100%}.time-marker{border-left:1px solid #555;height:10px;position:absolute;top:0}.time-marker-label{color:#aaa;font-size:10px;position:absolute;top:-20px;transform:translateX(-50%);white-space:nowrap}.era-block{border-left:1px solid #ffffffb3;box-sizing:border-box;height:calc(100% - 20px);padding:10px;position:absolute;top:20px}.era-block.paleozoic{background-color:#577d864d}.era-block.mesozoic{background-color:#867b574d}.era-block.cenozoic{background-color:#57865d4d}.era-title{border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:1.5em;font-weight:700;margin:0;padding:0 5px;transition:background-color .2s ease-in-out,color .2s ease-in-out;white-space:nowrap}.era-title:hover{background-color:#fff3}.era-title.active{background-color:#ffae42;color:#1a1a1a}.periods-container{height:calc(100% - 40px);margin-top:10px;position:relative;width:100%}.period-block{border-left:1px solid #fff6;box-sizing:border-box;height:100%;padding:5px;position:absolute}.period-block .fauna-container{bottom:0;height:100%;left:0;pointer-events:none;position:absolute;width:100%}.period-title{color:#ddd;font-size:1.1em;margin:0;padding:0;white-space:nowrap}.epochs-container{height:calc(100% - 30px);margin-top:5px;position:relative;width:100%}.epoch-block{border-left:1px solid #fff3;box-sizing:border-box;height:100%;padding:2px 5px;position:absolute}.epoch-title{color:#bbb;font-size:.8em;margin:0;padding:0;transform:rotate(180deg);white-space:nowrap;writing-mode:vertical-rl}.fauna-marker{align-items:center;background-color:#ffae42;border-radius:3px;box-shadow:0 2px 5px #0006;cursor:pointer;display:flex;height:20px;justify-content:center;pointer-events:auto;position:absolute;transition:transform .2s ease-out,background-color .2s}.fauna-marker:hover{background-color:#ffc97f;transform:scale(1.1);z-index:11}.fauna-label{color:#1a1a1a;font-size:12px;font-weight:700;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.timeline-toggle-button{align-items:center;background-color:#33333380;border:1px solid #555;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:64px;justify-content:center;position:absolute;right:20px;top:10px;transition:transform .3s ease-in-out;width:64px;z-index:101}.timeline-toggle-button svg{height:40px;width:40px}.timeline-resize-handle{cursor:ns-resize;height:8px;left:0;position:absolute;top:0;width:100%;z-index:102}.horizontal-timeline-container.state-collapsed .timeline-toggle-button{transform:rotate(180deg)}.timeline-expand-button{align-items:center;background-color:#33333380;border:1px solid #555;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:64px;justify-content:center;position:absolute;right:94px;top:10px;transform:scale(1);transform-origin:150% 50%;transition:opacity .4s ease-out,transform .4s cubic-bezier(.25,1,.5,1),background-color .2s;width:64px;z-index:101}.timeline-expand-button svg{height:40px;width:40px}.horizontal-timeline-container.state-collapsed .timeline-expand-button{opacity:0;pointer-events:none;transform:translateX(74px) scale(.6)}.timeline-clear-filter-button{background-color:#ffae42;border:none;border-radius:8px;color:#1a1a1a;cursor:pointer;font-size:18px;font-weight:700;opacity:0;padding:12px 24px;pointer-events:none;position:absolute;right:168px;top:21px;transform:translateX(50px) scale(.6);transform-origin:right center;transition:opacity .4s ease-out,transform .4s cubic-bezier(.25,1,.5,1),background-color .2s;z-index:101}.horizontal-timeline-container:not(.state-collapsed).filter-active .timeline-clear-filter-button{opacity:1;pointer-events:auto;transform:translateX(0) scale(1)}.timeline-clear-filter-button:hover{background-color:#ffc97f}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.app-container{height:100vh;overflow:hidden;width:100vw}.content-area{box-sizing:border-box;height:100%;padding-bottom:250px;position:relative;transition:padding-bottom .4s cubic-bezier(.25,1,.5,1)}.content-area.timeline-collapsed{padding-bottom:40px}
/*# sourceMappingURL=main.68d5723a.css.map*/