@import url("https://fonts.googleapis.com/css?family=Gugi|Share+Tech+Mono");html,body{margin:0;min-height:100%}body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.container{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;width:100%;max-width:100%}.home{flex:1 1 auto;min-height:0;display:grid;grid-template-rows:repeat(6, minmax(0, 1fr));gap:4px}.home.stretched-mode{grid-template-rows:repeat(2, minmax(0, 1fr))}.home .pbox{box-sizing:border-box;height:auto;min-height:0;padding:clamp(4px, 1vh, 15px);position:relative;overflow:hidden}.home .pbox .title{position:absolute;top:clamp(4px, 1vh, 15px);left:clamp(4px, 1vh, 15px);color:white;font-size:clamp(10px, 2vh, 32pt);font-weight:700;line-height:1;z-index:1}.home .pbox .title .subtitle{display:block;font-size:0.8em;font-weight:300;margin-top:3px;opacity:0.85}.home .pbox .price-row{position:absolute;inset:0;display:grid;grid-template-columns:1fr 5rem;align-items:center;gap:0.5rem;padding:0 clamp(4px, 1vh, 15px)}.home .pbox .price{display:flex;align-items:baseline;justify-content:flex-end;white-space:nowrap;color:white;font-size:clamp(24px, 9vh, 72px);font-weight:300;font-family:'Gugi', cursive}.home .pbox .price .rm{font-size:18pt;margin-right:0.2em}.home .pbox .change{display:flex;align-items:center;justify-content:flex-start;gap:0.15em}.home .pbox .change .increased{color:#ff4b4b}.home .pbox .change .decreased{color:#36d879}.home .pbox .change .unchanged{color:#ffffff}.home .hijau{background-color:#67A373}.home .kuning{background-color:#F0D569}.home .hitam{background-color:#2D2C2F}.home .biru{background-color:#102E8D}.home .blaze{background-color:#B7B8B4}.home .merah{background-color:#DB2129}.chart_page{padding:1em}.chart_page .search_bar{text-align:center;background-color:#EEE;margin-bottom:0.5em}.form{padding:2em 3em}.form h1{font-weight:600px;font-size:18pt;border-bottom:solid 2px black}.toggle-bar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:0.75rem;padding:0.5rem;background:white;color:#222}.toggle-bar .toggle-group{display:flex;align-items:center;gap:0.35rem}.toggle-bar a{color:#222;padding:0.35rem 0.65rem;text-decoration:none;border-radius:4px}.toggle-bar a.active{background:#DDD;font-weight:600}.header,.header a{padding:5px 1em;font-weight:light;color:#888;font-family:'Gugi', cursive;font-size:10pt}.header .title,.header a .title{text-align:left;font-size:12pt;color:#666;padding-top:0.8em}.header .chart,.header a .chart{text-align:right;padding-top:1em}.footer{padding:1em;font-weight:light;color:#888;font-family:'Gugi', cursive;font-size:10pt}.footer .about{text-align:left}.footer .copy{text-align:center}.footer .hire{text-align:right}.footer .updated{text-align:right}.footer .updated span{font-family:'Arial';font-size:8pt;padding-right:0.4em}