#widget-container{width:100%;max-height:500px;overflow-y:auto;overflow-x:hidden;margin:0 auto;border-radius:10px;padding:2px;background-color:#f3f3f3;scrollbar-width:thin;scrollbar-color:#cccccc #f3f3f3;}
#widget-container::-webkit-scrollbar{width:8px;}
#widget-container::-webkit-scrollbar-track{background:#f3f3f3;border-radius:10px;}
#widget-container::-webkit-scrollbar-thumb{background:#cccccc;border-radius:10px;}
#widget-container::-webkit-scrollbar-thumb:hover{background:#a9a9a9;}
.race{display:flex;align-items:center;background-color:#f3f3f3;padding:10px;border-bottom:1px solid #cccccc !important;border-radius:10px;transition:background-color 0.3s ease, transform 0.3s ease;}
.race:hover{background-color:#e0e0e0;transform:translateX(3px);}
.race-date{text-align:center;color:#777777;margin-right:5px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;width:60px;}
.race-date .race-day{font-size:40px;font-weight:bold;margin-bottom:0px;line-height:1;}
.race-date .race-month{font-size:9px;color:#777777;margin-top:0;line-height:1;}
.race-info{flex-grow:1;padding-left:20px;border-left:2px solid #cccccc !important;color:#777777;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden;}
.sector-and-name{display:flex;align-items:center;width:100%;overflow:hidden;}
.sector-label{padding:2px 4px;border-radius:3px;color:white;background-color:#005f99;white-space:nowrap;flex-shrink:0;margin-right:10px;}
.race-name{font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1;margin-left:1px;}
.race-info span {
font-weight: normal;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%; }