.trackLoader .raceGridBar{border-bottom:1px solid #d8dee9}.trackLoader .tabsContentBar{border-bottom:1px solid #d8dee9}html,body{padding:0;margin:0;width:100%;height:100%;font-family:Inter,system-ui,sans-serif;background-color:#fff;color:#000}a{@apply text-blue-600 hover:text-blue-800 no-underline;}button{@apply rounded px-4 py-2 font-medium transition-colors;}.raceFilterHead h3{font-size:17px;line-height:24px;color:#1e293b;font-weight:600;margin:20px 0 8px}.calendarIconAndInput{position:relative}.calendarIconAndInput .react-calendar{width:100%}.calendarIconAndInput .calendarInput{border:1px solid #dae4e9;position:relative;padding:5px 15px;border-radius:4px;height:48px;cursor:pointer;display:flex;align-items:center;column-gap:8px}.calendarIconAndInput .labelWithInput{width:calc(100% - 32px)}.calendarIconAndInput input{border:none;padding:0;font-family:Inter,sans-serif;pointer-events:none;width:100%}.calendarIconAndInput input.unselectedDate{font-size:14px;line-height:16px;color:#475569;font-weight:400}.calendarIconAndInput input.selectedDate{font-size:15px;line-height:20px;color:#1e293b;font-weight:500}.calendarIconAndInput .dateLabel{font-size:13px;line-height:16px;color:#475569;font-weight:400;margin:0}.calendarIconAndInput .calendarWrap{position:absolute;z-index:3;font-size:14px}.calendarIconAndInput .calendarWrap .react-calendar__tile,.calendarIconAndInput .calendarWrap .react-calendar__navigation__label__labelText{font-size:14px}.calendarIconAndInput .calendarWrap .react-calendar__tile:disabled abbr{color:#999}.calendarIconAndInput .calendarWrap .react-calendar__navigation{margin-bottom:14px}.calendarIconAndInput .calendarWrap .react-calendar__navigation button{color:#333}.calendarIconAndInput .calendarWrap .react-calendar{border-color:#dae4e9;border-radius:4px;margin-top:8px}.calendarIconAndInput .calendarWrap .react-calendar button[disabled].react-calendar__month-view__days__day--weekend{color:#999}.calendarIconAndInput .calendarWrap .react-calendar__navigation button:first-child{border-top-left-radius:4px}.calendarIconAndInput .calendarWrap .react-calendar__navigation button:last-child{border-top-right-radius:4px}.calendarIconAndInput .calendarWrap .react-calendar__month-view__days__day,.calendarIconAndInput .calendarWrap .react-calendar__year-view__months__month{color:#333}.calendarIconAndInput .calendarWrap .react-calendar__month-view__days__day--weekend{color:#d10000}.calendarIconAndInput .calendarWrap .react-calendar__month-view__days__day--neighboringMonth{color:#757575}.calendarIconAndInput .calendarWrap .react-calendar__tile--active,.calendarIconAndInput .calendarWrap .react-calendar__tile--hasActive{color:#fff}.raceCards{margin:0 -16px;padding:0 16px}.raceTrackHeader{display:flex;align-items:center;justify-content:space-between}.raceTrackHeader .raceTrackTitle{font-size:17px;line-height:24px;color:#222;font-weight:600}.raceTrackHeader .eventName{font-size:14px;line-height:16px;color:#475569;font-weight:400}.raceCardWrapper{display:flex;flex-direction:column;gap:12px;border:1px solid #dae4e9;box-shadow:0 4px 24px #15395c14;background-color:#fff;border-radius:4px;padding:15px 12px 11px;width:300px;margin:8px 0 16px}.raceCardWrapper .raceTime{height:22px}.raceWithLabel{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.raceWithLabel .canceledLabel{font-size:12px;line-height:16px;color:#47556980;font-weight:400;margin-right:4px}.raceInfoContainer{display:flex;align-items:center;gap:4px}.raceInfoContainer .raceNumber{font-size:17px;line-height:24px;color:#1e293b;font-weight:600}.raceInfoContainer .gradeIcon{display:flex}.raceInfoContainer .liveRace{display:flex;align-items:center;font-size:14px;line-height:16px;color:#ce2029;font-weight:400;gap:4px}.raceInfoContainer .liveRace .liveDot{width:6px;height:6px;background:#ce2029;border-radius:50%}.raceTime{display:flex;align-items:center;gap:4px}.raceTime .PostTime{font-size:14px;line-height:16px;color:#1e293b;font-weight:400;display:flex;gap:4px;align-items:baseline}.raceTime .PostTime .et{font-size:12px;line-height:16px;color:#1e293b;font-weight:400}.distanceSurface{display:flex;gap:12px}.distanceSurface .distanceWrap,.distanceSurface .surfaceWrap{display:flex;flex-direction:column;width:50%;gap:4px}.distanceSurface .distanceWrap .surface,.distanceSurface .distanceWrap .distance,.distanceSurface .surfaceWrap .surface,.distanceSurface .surfaceWrap .distance{font-size:14px;line-height:16px;color:#475569;font-weight:400}.distanceSurface .distanceWrap .surfaceValue,.distanceSurface .surfaceWrap .surfaceValue{font-size:16px;line-height:16px;font-weight:600}.distanceSurface .distanceWrap .distanceValue,.distanceSurface .surfaceWrap .distanceValue{font-size:16px;line-height:16px;color:#1e293b;font-weight:400}.viewEvent{border-top:1px solid #dae4e9;text-align:center}.viewEvent a,.viewEvent span{font-size:14px;line-height:16px;color:#06c;font-weight:500;display:inline-block;margin-top:8px;vertical-align:top}.viewEvent span{color:#0066cc80}.raceCardWrapper.raceCompleted{background-color:#f4f6fa}.raceCardWrapper.raceCompleted .raceTrackTitle,.raceCardWrapper.raceCompleted .eventName,.raceCardWrapper.raceCompleted .raceNumber,.raceCardWrapper.raceCompleted .GradeNumber,.raceCardWrapper.raceCompleted .PostTime,.raceCardWrapper.raceCompleted .et,.raceCardWrapper.raceCompleted .distanceValue{color:#1e293b80}.raceCardWrapper.raceCompleted .distance,.raceCardWrapper.raceCompleted .surface{color:#47556980}.raceCardsItem{margin:0 -16px;padding:0 16px}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.raceDetailSectionWrap{padding:12px 16px 11px;border-bottom:1px solid #dae4e9;display:flex;flex-direction:column;row-gap:8px;position:relative;margin:0 -16px}.raceDetailSectionWrap p{margin:0}.raceDetailSectionWrap .raceNameWithBtn{display:flex;align-items:center;justify-content:space-between}.raceDetailSectionWrap .raceNameWithBtn .raceNameWithStatus p{display:flex;align-items:center;column-gap:4px}.raceDetailSectionWrap .raceNameWithBtn .raceName{font-size:19px;line-height:24px;color:#1e293b;font-weight:600}.raceDetailSectionWrap .raceNameWithBtn .drfAiBtn{border-radius:20px;border:1px solid #dae4e9;background-color:#f4f6fa;padding:0 11px;height:32px;display:flex;align-items:center;column-gap:4px;position:absolute;right:16px;top:8px}.raceDetailSectionWrap .raceDateAndTime{font-size:14px;line-height:14px;color:#1e293b;font-weight:400;display:flex;align-items:center;column-gap:8px;row-gap:4px;flex-wrap:wrap;z-index:2}.raceDetailSectionWrap .raceDateAndTime .et{font-size:12px;line-height:13px}.raceDetailSectionWrap .raceDateAndTime .separatorDot{width:2px;height:2px;border-radius:50%;background-color:#1e293b}.raceDetailSectionWrap .raceDateAndTime .raceTime{display:flex;align-items:flex-end}.raceDetailSectionWrap .raceDateAndTime .mtp{font-size:12px;padding:2px 4px}.raceDetailSectionWrap .raceDisplayType{font-size:15px;line-height:16px;color:#1e293b;font-weight:500}.raceDetailSectionWrap .raceGrid{display:flex;justify-content:space-between}.raceDetailSectionWrap .raceGrid .raceHeadCell{font-size:14px;line-height:16px;color:#475569;font-weight:400;margin-bottom:4px}.raceDetailSectionWrap .raceGrid .raceCell{font-size:15px;line-height:16px;color:#1e293b;font-weight:500}.raceDetailSectionWrap .raceGrid .raceCell .surfaceType{font-weight:600}.horseDetailsWrapper{border-radius:8px;border:1px solid #dae4e9;display:flex;margin-top:12px;background:#fff}.horseDetailsWrapper .horseDetails{width:calc(100% - 7px);border-radius:0 8px 8px 0}.horseDetailsWrapper p{margin:0}.horseNameWithSaddle{display:flex;align-items:center;flex-wrap:wrap;row-gap:4px;margin-bottom:8px}.horseNameWithSaddle .horseName{font-size:18px;line-height:22px;color:#222;font-weight:600;margin-left:4px;word-break:break-word}.horseNameWithSaddle .horseCountry{font-size:14px;line-height:20px;color:#666;font-weight:400;margin-left:2px}.horseNameWithSaddle .horseRating{background-color:#19345e;width:34px;height:14px;text-align:center;border-radius:1px;display:flex;align-items:center;justify-content:center;column-gap:2px;margin-left:8px;font-size:9px;line-height:12px;color:#fff;font-weight:700}.horseTopWrap{padding:7px 7px 7px 8px;border-bottom:1px solid #dae4e9}.jockeyAndTrainerRow{display:flex;row-gap:8px;flex-direction:column}.jockeyAndTrainerRow .nameRow{display:flex;align-items:center;column-gap:8px;flex-wrap:wrap;row-gap:4px}.jockeyAndTrainerRow .nameRow .titleColumn{font-size:14px;line-height:16px;color:#475569;font-weight:400}.jockeyAndTrainerRow .nameRow .valueColumn{font-size:14px;line-height:16px;color:#1e293b;font-weight:600}.jockeyAndTrainerRow .nameRow .ratingColumn{background-color:#f4f6fa;padding:2px 4px;border-radius:2px;font-size:12px;line-height:16px;color:#06c;font-weight:500}.horseOddsRow{column-gap:17px;padding:8px 7px 12px 8px;display:flex}.horseOddsRow .oddsHead{font-size:12px;line-height:normal;color:#475569;font-weight:400;margin-bottom:4px}.horseOddsRow .oddsHead span{font-size:10px}.horseOddsRow .horseOddsColumn{position:relative}.horseOddsRow .horseOddsColumn:last-child:before{content:"";position:absolute;left:-8px;width:1px;height:100%;top:0;background-color:#dae4e9}.liveOddsRow{display:flex;align-items:center;column-gap:4px}.liveOddsRow .oddsColumn{font-size:16px;line-height:normal;color:#693;font-weight:500}.liveOddsRow .projectedColumn{background:#f4f6fa;border-radius:4px;padding:2px 4px;font-size:12px;line-height:normal;color:#475569;font-weight:400}.liveOddsRow .projectedColumn .projectedOddsValue{color:#ce2029;margin-left:4px}.liveOddsRow .projectedColumn .projectedOddsValue.hyphenText{color:#475569}.careerRecordsRow .raceNumWithLabel{display:flex;align-items:baseline;column-gap:4px}.careerRecordsRow .totalRacesCol{display:flex;align-items:center;column-gap:4px;font-size:16px;line-height:normal;color:#1e293b;font-weight:500}.careerRecordsRow .totalRacesCol .raceLabel{font-size:12px;font-weight:500}.careerRecordsRow .totalRacesCol .positionRow{font-size:14px;line-height:100%;color:#1e293b;font-weight:500}.ratingIndicatorRow{border-top:1px solid #dae4e9;padding:11px 11px 15px 8px;font-size:14px;line-height:normal;color:#475569;font-weight:400;display:flex;column-gap:25px}.ratingIndicatorRow .indicatorColumn:first-child{width:110px;min-width:110px;max-width:110px}.ratingIndicatorRow .indicatorColumn:last-child{width:calc(100% - 135px);min-width:calc(100% - 135px);max-width:calc(100% - 135px);position:relative;display:flex;flex-direction:column;row-gap:12px}.ratingIndicatorRow .indicatorColumn:last-child:after{content:"";position:absolute;width:1px;height:100%;top:0;background-color:#dae4e9;left:-12px}.ratingIndicatorRow .runningText{background:#f4f6fa;border-radius:4px;padding:2px;text-align:center}.ratingIndicatorRow .runningText span{color:#1e293b;font-weight:600}.ratingIndicatorRow .indicatorText{margin-bottom:6px}.ratingIndicatorRow .indicatorValue{font-size:14px;line-height:16px;color:#1e293b;font-weight:600}.ratingIndicatorRow .barIndicator{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ratingIndicatorRow .spotlightIndicator{font-size:32px;line-height:32px;color:#1e293b;font-weight:600}.ratingIndicatorRow .circularProgressWrap{position:relative;text-align:center}.ratingIndicatorRow .circularProgressWrap .spotlightIndicator{position:absolute;left:0;top:0;right:0;bottom:0;line-height:82px}.horseStatus{background:#f4f6fa}.horseStatus .scratched{font-size:14px;line-height:20px;color:#fff;font-weight:500;text-align:right;padding:4px 8px;border-radius:4px;background:#888;min-width:84px}.horseStatus .horseScratch{display:flex;align-items:center;justify-content:space-between;flex:1 0 0}.horseStatus .horseNameWithSaddle{margin:0}.horseStatus .horseTopWrap{padding:7px 12px 7px 8px;border-bottom:none}.circularWithValue{position:relative}.labelRanking{font-size:8px;line-height:16px;color:#06c;font-weight:500;position:absolute;left:0;right:0;text-align:center;height:16.4px;width:31px;margin:0 auto}.labelRanking.highest{top:10.25px}.labelRanking.ranking{bottom:12.25px}.taggedContainer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.taggedContainer .horseStatusTag{font-size:12px;line-height:16px;color:#475569;font-weight:400;padding:2px 4px;background:#f4f6fa;border-radius:4px}.linearProgress{width:100%;height:8px;border-radius:100px;background-color:#f2f7ff;position:relative;overflow:hidden}.linearProgress .linearProgressBar{position:absolute;height:8px;width:50px;background-image:linear-gradient(to right,#1a73de,#0e3e78);border-radius:100px}.linearProgress .linearProgressBarLines{height:8px;position:absolute;width:100%;background-image:linear-gradient(315deg,transparent,transparent 18%,rgba(255,255,255,.35) 18%,rgba(255,255,255,.35) 21%,transparent 21%,transparent);background-size:38px 8px;background-repeat:repeat}.raceTabs{display:flex;margin-bottom:12px;padding-top:12px}.raceTabs .raceTabItem{font-size:13px;line-height:normal;color:#1e293b;font-weight:400;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 4px 10px;flex:1 0 0}.raceTabs .raceTabItem.active{font-weight:600;color:#06c;position:relative}.raceTabs .raceTabItem.active:after{position:absolute;content:"";bottom:-1px;left:0;right:0;width:100%;height:2px;background-color:#06c}.tabSeparator{border-bottom:1px solid #dae4e9;margin:0 -16px;padding-top:11px}.paceProjectorContainer{display:flex;flex-direction:column}.paceProjectorContainer .PPContent{font-size:14px;line-height:18px;color:#475569;font-weight:400;display:flex;flex-direction:column;margin-bottom:4px}.paceProjectorContainer .PPContent span{font-weight:600;line-height:16px}.paceProjectorContainer .PaceProjectorPosition{margin:0 -16px}.paceProjectorContainer .PaceProjectorPosition.paceProjectorEarly{margin-bottom:12px}.paceProjectorContainer .noSpeedWrap{font-size:12px;font-family:Inter,sans-serif}.trackHeaderWrap{background:linear-gradient(134deg,#004fa1 16.18%,#17315b);margin:0 -16px;padding:20px 12px 8px;color:#fff}.trackHeaderWrap .trackHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.trackHeaderWrap .trackNameWithBtn{display:flex;align-items:center;column-gap:4px}.trackHeaderWrap .backButton{display:inline-flex}.trackHeaderWrap .trackName{font-size:17px;line-height:24px;font-weight:600}.trackHeaderWrap .trackEventName{font-size:14px;line-height:16px;font-weight:400}.trackHeaderWrap .raceSwipeContainer{gap:8px;margin:0 4px}.trackHeaderWrap .raceSwipeContainer .raceItem{border:1px solid #fff;padding:7px 10px;border-radius:20px;background:transparent;font-size:13px;line-height:16px;font-weight:400;display:flex;align-items:center;column-gap:4px;margin:0;white-space:nowrap}.trackHeaderWrap .raceSwipeContainer .raceItem.active{background:#fff;color:#06c;font-weight:600;opacity:1}.trackHeaderWrap .raceSwipeContainer .liveRaceIndicator{width:6px;height:6px;border-radius:50%;background:#ce2029}.trackHeaderWrap .raceSwipeContainer .raceItemDisable{opacity:.5}.learnMoreText .blueBtn{font-size:16px;line-height:16px;color:#fff;font-weight:600;width:100%}.popupOverlay{display:flex;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;background:#0003;z-index:1000}.popupWrapper{position:fixed;top:0;right:0;bottom:0;left:0;padding:0 16px}.popupContent{background:#fff;border-radius:8px;margin-top:76px;margin-bottom:103px}.popupHeader{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px}.popupHeader h2{font-size:24px;line-height:32px;color:#1e293b;font-weight:700}.popupHeader .closeButton{height:28px;width:28px}.popupHeader .closeButton svg{width:100%;height:100%}.raceDetailsWrapper{display:flex;align-items:flex-start;padding:1px 24px 24px;flex-direction:column;gap:12px;overflow:auto;height:calc(100dvh - 224px)}.raceDetailsWrapper .raceDetailsList{display:flex;flex-direction:column;gap:12px}.raceDetailsWrapper h2{font-size:17px;line-height:24px;color:#1e293b;font-weight:700;margin-bottom:4px}.raceDetailsWrapper li>p{font-size:13px;line-height:20px;color:#1e293b;font-weight:400}.raceDetailsWrapper li li{font-size:13px;line-height:20px;color:#1e293b;font-weight:400;margin-bottom:0;position:relative}.raceDetailsWrapper li li:before{content:"";width:2px;height:2px;background:#000;border-radius:50%;display:inline-block;vertical-align:top;margin:9px 6px 0}.raceDetailsWrapper .simplebar-track.simplebar-vertical{right:3px;width:8px;top:3px}.raceDetailsWrapper .simplebar-scrollbar:before{background:#eef2f5;border-radius:8px;opacity:1;top:0;bottom:2px;left:0;right:0;width:8px}.comparisonGraph{margin-top:12px;border-radius:8px;border:1px solid #dae4e9}.comparisonGraphList{padding:11px;flex-direction:column;row-gap:12px;display:flex;position:relative}.comparisonGraphList:before{position:absolute;top:0;width:1px;height:100%;left:43px;content:"";background:#dae4e9}.comparisonGraphList .saddleWithBar{display:flex;column-gap:13px;align-items:center}.comparisonGraphList .saddleWithBar .barWithValue{flex:1;position:relative}.comparisonGraphList .progressValue{width:25px;font-size:13px;line-height:normal;color:#475569;font-weight:500;left:auto;position:absolute;right:-33px}.comparisonProgress{width:calc(100% - 33px);height:16px;border-radius:0 4px 4px 0;position:relative}.comparisonProgress .comparisonProgressBar{position:absolute;height:16px;width:50px;background-image:linear-gradient(to right,#0e3e78,#1a73de);border-radius:0 4px 4px 0;margin-right:33px}.comparisonScrollBar{max-height:234px}.comparisonScrollBar .simplebar-scrollbar:before{background:#eef2f5;border-radius:8px;opacity:1;top:0;bottom:2px;left:0;right:0;width:8px}.homeDesktopBanner{background:linear-gradient(134deg,#004fa1 16.18%,#17315b);height:100%;min-height:100vh;display:flex;align-items:center}.homeDesktopBanner .bannerContainer{max-width:1349px;margin:0 auto}.homeDesktopBanner .bannerWrap{max-width:570px;margin:0 auto;display:flex;flex-direction:column}.homeDesktopBanner .bannerWrap p{margin:0;font-size:20px;line-height:36px;color:#fff;font-weight:600;letter-spacing:-.18px}.homeDesktopBanner .bannerMobileImg{width:288px;order:2;margin:0 auto}.homeDesktopBanner .bannerMobileImg img{max-width:100%;height:auto}.homeDesktopBanner .bannerText{order:1;margin-bottom:32px}.homeDesktopBanner .bannerText .drfRedLogo{margin-bottom:24px;width:81px;height:40px}.homeDesktopBanner .bannerText .drfRedLogo img{width:100%;height:100%}.homeDesktopBanner .bannerText .qrWrap{width:72px;height:72px;padding:10px;background:#fff;border-radius:12px}.homeDesktopBanner .bannerText .qrWrap img{height:100%;width:100%}.homeDesktopBanner .descriptionWithQrCode{display:flex;align-items:center;flex-direction:row;column-gap:24px}@media screen and (min-width: 1025px){.homeDesktopBanner .bannerWrap{max-width:931px;column-gap:120px;flex-direction:row}.homeDesktopBanner .bannerWrap p{font-size:24px;letter-spacing:-.15px}.homeDesktopBanner .bannerMobileImg{order:1}.homeDesktopBanner .bannerText{order:2;max-width:523px;padding-top:52px;margin-bottom:0}.homeDesktopBanner .bannerText .drfRedLogo{margin-bottom:36px}.homeDesktopBanner .bannerText .qrWrap{margin-top:24px;width:120px;height:120px}.homeDesktopBanner .bannerText .descriptionWithQrCode{flex-direction:column;align-items:flex-start}}.btn{height:36px;padding:4px 12px;outline:none;box-shadow:none;font-size:13px;line-height:16px;color:#475569;font-weight:600;font-family:Inter,sans-serif;border-radius:26px;display:flex;align-items:center;justify-content:center;column-gap:3px;text-align:center;cursor:pointer}.btn:disabled,.btn.disabled{cursor:not-allowed;opacity:.5}.blueBtn{background-color:#06c;color:#fff;border:1px solid #0066cc}.blueBtn:not(.disabled):hover{color:#fff;box-shadow:0 4px 8px -3px #19345eb3}.btnLink{font-size:16px;line-height:20px;color:#06c;font-weight:500;cursor:pointer}.btnLink.cancelBtn{color:#1e293b}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/font/Inter-Regular-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/font/Inter-Medium-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/font/Inter-SemiBold-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/font/Inter-Bold-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.saddle{font-size:14px;line-height:16px;font-weight:700;font-family:Inter,sans-serif;width:24px;min-width:24px;height:24px;text-align:center;border-radius:2px;border:1px solid transparent;display:flex;align-items:center;justify-content:center}.saddleTxtLong{font-size:11px}.saddleLine{width:7px;align-self:stretch;border-top-left-radius:8px;border-bottom-left-radius:8px;border-right:1px solid transparent}.saddleLine.saddle2{border-color:#dae4e9}.saddle1{background:#ec2c28;color:#fff}.saddle2{background:#fff;border-color:#babbbe;color:#000}.saddle3{background:#1d4fa3;color:#fff}.saddle4{background:#eaeb24;color:#000}.saddle5{background:#458544;color:#fff}.saddle6{background:#060103;color:#fff}.saddle7{background:#e86311;color:#fff}.saddle8{background:#f9bcc5;color:#000}.saddle9{background:#1fb8d7;color:#000}.saddle10{background:#9a468f;color:#fff}.saddle11{background:#bbb;color:#000}.saddle12{background:#a9d5b5;color:#000}.saddle13{background:#644538;color:#fff}.saddle14{background:#671033;color:#fff}.saddle15{background:#c9c2b7;color:#000}.saddle16{background:#8688c4;color:#000}.saddle17{background:#1c3975;color:#fff}.saddle18{background:#103b1b;color:#fff}.saddle19{background:#0a73a8;color:#fff}.saddle20{background:#df0a79;color:#fff}.saddle21{background:#b5b3d9}.saddle22{background:#10446d;color:#fff}.saddle23{background:#bdd6cd}.saddle24{background:#42502c;color:#fff}.saddle25{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle25{border-color:#dae4e9}.saddle26{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle26{border-color:#dae4e9}.saddle27{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle27{border-color:#dae4e9}.saddle28{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle28{border-color:#dae4e9}.saddle29{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle29{border-color:#dae4e9}.saddle30{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle30{border-color:#dae4e9}.saddle31{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle31{border-color:#dae4e9}.saddle32{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle32{border-color:#dae4e9}.saddle33{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle33{border-color:#dae4e9}.saddle34{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle34{border-color:#dae4e9}.saddle35{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle35{border-color:#dae4e9}.saddle36{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle36{border-color:#dae4e9}.saddle37{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle37{border-color:#dae4e9}.saddle38{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle38{border-color:#dae4e9}.saddle39{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle39{border-color:#dae4e9}.saddle40{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle40{border-color:#dae4e9}.saddle41{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle41{border-color:#dae4e9}.saddle42{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle42{border-color:#dae4e9}.saddle43{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle43{border-color:#dae4e9}.saddle44{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle44{border-color:#dae4e9}.saddle45{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle45{border-color:#dae4e9}.saddle46{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle46{border-color:#dae4e9}.saddle47{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle47{border-color:#dae4e9}.saddle48{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle48{border-color:#dae4e9}.saddle49{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle49{border-color:#dae4e9}.saddle50{background:#fff;border-color:#babbbe;color:#000}.saddleLine.saddle50{border-color:#dae4e9}*{box-sizing:border-box}html,body{font-family:Inter,sans-serif}ul,ol{margin:0;padding:0}li{list-style-type:none}a{color:#06c;text-decoration:none}a:hover{color:#06c}.mainContainer{padding:0 16px}.synthetic{color:#4be}.dirt{color:#b27e4a}.turf{color:#71ac36}h1,h2,h3,h4,h5,h6{margin:0}.swipeableContainer{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.swipeableContainer::-webkit-scrollbar{width:0;display:none}.swipeableItem{flex:0 0 auto;scroll-snap-align:start}p{margin:0}.showOverlay{overflow:hidden}.bgLightContainer{background:#f4f6fa;margin:0 -16px;padding:12px 16px 20px}.hyphenStyle{font-size:16px;line-height:16px;color:#1e293b;font-weight:400}.errorContainer{display:flex;align-items:center;justify-content:center;height:257px;flex-direction:column}.errorMessage{font-size:14px;line-height:16px;color:#475569;font-weight:400;text-align:center}.mtp{font-size:14px;line-height:16px;font-weight:400;padding:3px 4px;border-radius:4px;align-items:center}.mtp.primary{color:#ce2029;background-color:#ec1c240d}.mtp.shadow{color:#475569;background-color:#f4f6fa}.raceStatus{font-size:14px;line-height:16px;color:#ce2029;font-weight:400;position:relative;padding-left:10px;display:inline-block}.raceStatus:before{position:absolute;content:"";top:5px;left:0;width:6px;height:6px;border-radius:50%;background-color:#ce2029}.trackLoader{margin-top:8px}.trackLoader .loaderAnimation{width:100%;height:10px;animation:animated 1s linear infinite;background:#e0ebf6;background-image:linear-gradient(90deg,#e0ebf6,#edf7ff,#edf4fb,#e0ebf6,#edf7ff);background-size:300% 100%}@keyframes animated{0%{background-position:100% 0%}to{background-position:0% 0%}}.trackLoader .mb-8{margin-bottom:8px}.trackLoader .pb-8{padding-bottom:8px}.trackLoader .dFlex{display:flex;align-items:center;justify-content:space-between;column-gap:24px}.trackLoader .raceNavigationBar .loaderAnimation{height:50px}.trackLoader .raceInfobar .loaderAnimation{height:48px}.trackLoader .raceInfobar .loaderAnimation:first-child{width:calc(80% - 12px)}.trackLoader .raceInfobar .loaderAnimation:last-child{width:calc(20% - 12px)}.trackLoader .raceGridBar{border-bottom:1px solid #dae4e9}.trackLoader .raceGridBar .loaderAnimation{height:24px;width:100px}.trackLoader .tabsBar .loaderAnimation{height:24px;width:calc(50% - 12px)}.trackLoader .tabsContentBar{border-bottom:1px solid #dae4e9}.trackLoader .tabsContentBar .loaderAnimation{margin-bottom:8px}.trackLoader .tabsContentBar .loaderAnimation:last-child{margin-bottom:0}.trackLoader .tabsContentBar .loaderAnimation:nth-child(odd){height:20px}.trackLoader .tabsContentBar .loaderAnimation:nth-child(2n){height:60px}.trackLoader .learnMoreBtnBar .loaderAnimation{height:36px;width:80%;margin:auto}.trackLoader .filtersBar .loaderAnimation{height:48px;width:calc(50% - 12px)}.trackLoader .horseDetailBar .loaderAnimation{height:100px}.trackLoader .homeFiltersBar .loaderAnimation{height:48px}.trackLoader .raceCardBar .loaderAnimation{height:163px;margin-bottom:8px}.drfHeaderNav{position:sticky;top:0;background-color:#fff;box-shadow:0 4px 4px #0000000d;font-family:Inter,sans-serif;z-index:100}.drfHeaderNav .headerNavcontainer{height:56px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;position:relative}.drfHeaderNav .headerNavcontainer .headerNavLogo{height:40px;width:81px;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap}.drfHeaderNav .headerNavcontainer .headerNavLogoImg{height:100%;width:100%}.drfHeaderNav .headerNavcontainer .headerNavShopLink,.drfHeaderNav .headerNavcontainer .headerNavLoginLink{font-size:16px;line-height:100%;font-weight:700}.drfHeaderNav .headerNavcontainer .headerNavShopLink{color:#1e293b}.drfHeaderNav .headerNavcontainer .headerNavLoginLink{color:#06c}.drfHeaderNav .userNameInitials .profileIcon{all:unset;font-size:14px;line-height:24px;color:#475569;font-weight:600;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;width:24px;height:24px;padding:3px;border-radius:50%;border:1px solid #475569}.drfHeaderNav .userNameInitials .profileIcon.open{color:#99a0aa;border:1px solid #99a0aa}.drfHeaderNav .profileDropdown .logoutButton{all:unset;font-size:16px;line-height:20px;color:#475569;font-weight:500;position:absolute;right:12px;padding:5px;border-radius:8px;background:#fff;box-shadow:0 4px 8px #6868681f;min-width:106px;text-align:center;height:32px;margin-top:4px}.footerWrapper{padding:0 12px 16px;font-family:Inter,sans-serif;border-top:1px solid #cccccc}.footerNavLinks{border-bottom:1px solid #cccccc;margin-bottom:24px}.footerNavLinks ul{display:flex;flex-wrap:wrap;margin-bottom:12px}.footerNavLinks li{margin:12px 20px 10px 0;width:30%;line-height:16px;padding:0;white-space:nowrap}.footerNavLinks a{color:#000;text-decoration:none;font-size:13px;line-height:16px;padding:0;margin:0;display:inline-flex;vertical-align:top}.copyrightLabel{font-size:13px;line-height:16px;color:#000;font-weight:400;text-align:center}.copyrightLabel span{font-size:10px;vertical-align:top}.appStoreIcons .socialText,.footerSocialLinks .socialText{font-size:13px;line-height:16px;color:#000;font-weight:400;margin-bottom:6px;text-align:center}.appStoreIcons .socialIconsLinks,.footerSocialLinks .socialIconsLinks{display:flex;justify-content:center}.appStoreIcons .socialIconsLinks li,.footerSocialLinks .socialIconsLinks li{margin-bottom:24px;height:40px}.appStoreIcons .socialIconsLinks .socialLink,.footerSocialLinks .socialIconsLinks .socialLink{display:inline-flex;height:40px;width:40px}.appStoreIcons .socialIconsLinks svg,.footerSocialLinks .socialIconsLinks svg{width:100%;height:100%}.appStoreIcons .socialIconsLinks li{margin-right:8px}.appStoreIcons .socialIconsLinks li:last-child{margin-right:0}.appStoreIcons .socialIconsLinks a{display:inline-flex;height:40px;width:112px}.appStoreIcons .socialIconsLinks .androidPlay{width:107px;height:32px}.appStoreIcons .socialIconsLinks .appleStore{width:112px;height:32px}.raceFiltersWrap{margin-bottom:16px}.horseFiltersContainer{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.filterSelect{position:relative;margin-top:12px}.filterSelect .showTrackValue{border:1px solid #dae4e9;border-radius:4px;padding:0 15px;display:flex;align-items:center;column-gap:8px;height:48px;cursor:pointer}.filterSelect .locationIcon{width:24px;text-align:center}.filterSelect .locationIcon svg{width:12.55px}.filterSelect .selectedTrackValue{font-size:14px;line-height:17px;color:#475569;font-weight:400}.filterSelect .filterDropDown{position:absolute;top:48px;left:0;border:1px solid #dae4e9;border-radius:4px;box-sizing:border-box;background-color:#fff;z-index:99;width:100%;padding:3px;margin-top:8px}.filterSelect .filterList{padding-bottom:4px;margin:0}.filterSelect .filterListItem{margin-bottom:6px;align-items:center;display:flex;padding:8px;column-gap:8px}.filterSelect .filterListItem:last-child{margin-bottom:0}.filterSelect .filterListItem .filterName{font-size:14px;line-height:20px;color:#1e293b;font-weight:500}.filterSelect .checkboxWrap{position:relative;width:20px;height:20px;display:inline-block;vertical-align:middle}.filterSelect .checkboxWrap svg{width:100%;height:100%}.filterSelect .checkboxWrap input{position:absolute;opacity:0}.filterSelect .checkboxWrap .i-checkBoxchk,.filterSelect .checkboxWrap.checked .i-checkUnchk{display:none}.filterSelect .checkboxWrap.checked .i-checkBoxchk{display:block}.filterSelect .filterBtns{border-top:1px solid #dae4e9;padding:7px 12px 8px 28px;display:flex;align-items:center;justify-content:space-between}.filterSelect .filterBtns .blueBtn{border-radius:4px;width:72px;padding:5px 11px;font-size:14px}.filterSelect .filterBtns .btnLink{font-size:14px}.filterSelect .resetAndApplyBtn{display:flex;align-items:center;column-gap:32px}.filterSelect .simplebar-track.simplebar-vertical{right:3px;width:8px;top:3px}.filterSelect .simplebar-scrollbar:before{background:#eef2f5;border-radius:8px;opacity:1;top:0;bottom:2px;left:0;right:0;width:8px}.horseFilterSelect .selectedValue{display:flex;align-items:center;justify-content:space-between;padding:5px 11px;height:48px;cursor:pointer;border-radius:8px;border:1px solid #dae4e9;background:#fff}.horseFilterSelect .comparisonVal{height:41px}.horseFilterSelect .sortDropdown{left:auto;right:0}.horseFilterSelect .sortDropdown .RadioBtnchk{width:20px;height:20px}.horseFilterSelect .sortDropdown .filterListItem{margin-bottom:8px;padding:10px 8px}.horseFilterSelect .sortDropdown .filterListItem:last-child{margin-bottom:0}.horseFilterSelect .horseDropdown .filterListItem{margin-bottom:0;padding:10px 8px}.horseFilterSelect .horseDropdown .filterList{padding-bottom:0}.horseFilterSelect .filterDropDown{min-width:320px}.horseFilterSelect .comparisonVal~.filterDropDown{top:41px}.horseLabelWithValue .horseLabel{font-size:13px;line-height:16px;color:#475569;font-weight:400}.horseLabelWithValue .horseValue{font-size:15px;line-height:20px;color:#1e293b;font-weight:500}.comparisonLabel{font-size:14px;line-height:normal;color:#1e293b;font-weight:500}.horseFilterLabel{display:flex;align-items:center;column-gap:8px}.scrollBarWrap{max-height:250px}
