html,body{padding:0;margin:0}.demo-box{border:1px solid red;width:100%;display:flex;flex-direction:column}button{border:none;background-color:#7d7ddb;color:#fff;padding:20px;font-size:25px;border-radius:10px}button:hover{cursor:pointer;background-color:#6262b1}.hide{display:none}.search-inputs{width:85%;display:flex;gap:50px}select,input{border:1px solid gray;outline:none;border-radius:10px;width:33%;font-size:25px;padding:10px;background-color:#fff}.loading{margin-left:30px;aspect-ratio:1 / 1;width:70px}.chart-container{height:500px!important;width:500px!important}.chart-widget{width:100%;display:flex;justify-content:space-between}.data-widget{width:100%;display:flex;justify-content:space-between;gap:60px}.widget{padding-top:25px;padding-bottom:25px}.sample-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));grid-template-rows:70px;grid-auto-rows:70px}.item{grid-column:span 1;display:flex;justify-content:center;align-items:center;font-size:25px}.top{background-color:#7d7ddb;color:#fff}.left{border-top-left-radius:10px}.right{border-top-right-radius:10px}.content{border-left:1px solid lightgray;border-right:1px solid lightgray}.time-row{display:flex;gap:100px}a{color:#00f;text-decoration:underline;cursor:pointer}a:visited{color:purple}.word-break{word-break:break-all}