.audio-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid transparent;background:transparent}.audio-toggle svg{fill:#fff}.audio-control-container{top:25px!important;left:25px!important;transform:none!important}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:5000}.modal{position:relative;border:1px solid white;display:flex;flex-direction:column;padding:20px;border-radius:8px;box-shadow:0 0 10px #0003;width:90%;max-width:750px;max-height:calc(100% - 40px);z-index:10000;overflow-y:auto}.close-button{position:absolute;top:10px;right:10px;padding:4px 8px;font-weight:400;cursor:pointer;border:1px solid #fff;background:transparent;z-index:9999}h2{text-align:center;color:#fff;font-size:2rem}.modal-img{width:100%;height:auto;display:block;margin:0 auto}.facts{display:flex;flex-direction:column}.fact-row{display:flex;justify-content:space-between;margin-bottom:1rem}.fact-l,.fact-r{display:flex;flex-direction:column;color:#fff}.fact-r{text-align:right}.fact-title{font-size:1rem;font-weight:600}p{font-size:1rem}.atmospheric-elements{margin-left:10px}.atmospheric-element{margin-left:5px;font-size:1rem}.element-title{font-weight:600}@media screen and (min-width: 420px){.modal-img{width:70%}}@media screen and (min-width: 592px){.modal{width:auto;max-width:515px}.modal-img{width:60%}.fact-row{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 768px){.modal{width:auto;max-width:500px}.modal-img{width:50%}.close-button{padding:6px 12px;margin-top:1rem;margin-right:1rem}}@media only screen and (max-width: 960px){.modal-overlay{position:absolute}.modal{width:80%;max-height:calc(100% - 180px);overflow-y:auto}.modal-img{width:80%;margin-left:auto;margin-right:auto}.fact-row{padding-left:8px;padding-right:8px}}@media only screen and (max-width: 960px) and (orientation: landscape){.modal{width:100%;max-height:calc(100% - 160px);overflow-y:auto}.fact-row{padding-left:2rem;padding-right:2rem}}.loader-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.loader-container .loader-icon{width:120px;height:120px;animation:spin 1s linear infinite}.loader-container .loader-text{margin-top:10px;font-size:18px;font-weight:600;color:#fff}*{padding:0;margin:0;font-family:Noto Sans,Helvetica Neue,Helvetica,Arial,sans-serif}html,body,#root{width:100%;height:100%;margin:0;padding:0}