.tab{border-bottom:5px solid transparent;border-top:5px solid transparent;color:#fff;padding:5px 40px}.tab .active{border-top:5px solid #ff0}.bottom-active{border-bottom:5px solid #ff0}@media screen and (max-width:1080px) and (min-width:360px){.tab{padding:2vh 5vw}}.modal-overlay{align-items:center;background-color:#000;display:flex;justify-content:center;opacity:.6;z-index:9999999999999998}.event-modal,.modal-overlay{bottom:0;left:0;position:fixed;right:0;top:0}.event-modal{background-repeat:no-repeat;background-size:contain;border-radius:20px;height:700px;margin:auto;padding:60px 0;text-align:center;transform:none;width:600px;z-index:10000000000000000}.fade-enter-active,.fade-leave-active{transition:opacity .4s linear}.fade-enter-from,.fade-leave-to{opacity:0}.pop-enter-active,.pop-leave-active{transition:transform .4s cubic-bezier(.5,0,.5,1),opacity .4s linear}.pop-enter-from,.pop-leave-to{opacity:0;transform:scale(.3) translateY(-50%)}.ads{height:171px;width:1170px}.ad-card-container,.top-article-container{display:flex;justify-content:space-around;margin:1rem 0}.separator-line{border:1px solid #000;margin:2rem 0}.trend-section-title{color:#0e7490;font-size:2.25rem;font-weight:700;line-height:2.5rem}.trend-item-container{display:flex;flex-wrap:wrap;justify-content:space-between}.event-container{display:flex;flex-direction:column;margin-left:2.5rem;width:25%}.event-container p{color:#dc2626;font-weight:700}.event-container .event-date{background-color:#dc2626;padding:.75rem}.event-container .event-date p{color:#fff;font-size:1.25rem;font-weight:700;line-height:1.75rem}.event-container .event-desc{align-items:center;background-color:#fff;display:flex;padding:0 .5rem;width:100%}.event-container a{background-color:#dc2626;border-radius:99999px;font-size:.75rem;font-weight:700;line-height:1rem;padding:.25rem .5rem;text-align:center;width:41.666667%}.event-container a,.more-content-button{align-self:flex-end;color:#fff;font-style:italic}.more-content-button{background-color:#939393;border-radius:999999px;font-size:small;padding:2px 8px}#twitter-widget{display:flex;flex-direction:column}.custom-small-card{width:295px!important}.carousel__slide,.carousel__track,.carousel__viewport{height:100%}.bmkg-section-title,.event-section-title{color:#0e7490;font-size:2rem;font-weight:700;line-height:1.5rem}.articles-container{animation:1s slideFromBottom 1s ease-out 0s}.earthquake-alert svg{font-size:4rem}@keyframes slideFromBottom{0%{transform:translateY(200%)}to{transform:translateY(0)}}@media screen and (max-width:1080px) and (min-width:360px){.ads{height:18vw;width:100%}.ad-card-container{justify-content:unset;overflow-x:auto;width:100%}.ad-card-container div{height:30vw;margin:10px 8px;width:40vw}.ad-card-container div .card-caption{font-size:1.8vw;height:50%;line-height:2.5vw;padding-bottom:10px}#trend-section .trend-section-title{font-size:x-large}#trend-section .custom-small-card{height:25vw;margin:1.5vw 0;width:45vw!important}#trend-section .custom-small-card .card-caption{font-size:2vw}.event-section-container .custom-small-card{height:22vw;width:40vw!important}.event-section-title{font-size:x-large;margin:5px 0}.desktop{display:none}.mobile .articles-container{justify-content:space-between}.mobile .card-md{height:30vw;margin:1.5vw 0;width:45.5vw}.mobile .card-md .card-caption{font-size:1.6vw;line-height:2vw}.side-ads{display:none}.home-page-container{width:100%}.article-ads{height:auto;width:100%}.more-content-button{font-size:2vw;padding:1vw 2vw}.earthquake-alert{font-size:1.5vw}.earthquake-alert svg{font-size:3vw}}