html[data-theme=lightMode] .matchTrackerFeatures__card{border-color:var(--hd-black)}.matchTrackerPage{margin-bottom:2rem}.matchTracker__section{flex-direction:column;display:flex}@media screen and (min-width:1150px){.matchTracker__section{flex-direction:row-reverse;justify-content:space-between;align-items:center}.matchTracker__info{width:43%}}.matchTracker__title{margin-bottom:1rem}@media screen and (min-width:768px){.matchTracker__title{margin-bottom:1.5rem}}@media screen and (min-width:1150px){.matchTracker__title{margin-bottom:2rem}}.matchTracker__image{width:100%;max-width:25rem;margin:2.5rem 0;position:relative}@media screen and (min-width:768px){.matchTracker__image{order:1;max-width:34.375rem;margin:4rem auto}}@media screen and (min-width:1150px){.matchTracker__image{order:unset;width:49%;margin:0 4%}}.matchTrackerFeatures__title{max-width:45rem;margin-inline:auto}.matchTrackerFeatures__cards{flex-direction:column;display:flex;position:relative}@media screen and (min-width:768px){.matchTrackerFeatures__cards{flex-direction:row;justify-content:space-between}}.matchTrackerFeatures__card{border:1px solid var(--hd-white);flex-direction:column;padding:1.5rem;display:flex}@media screen and (min-width:768px){.matchTrackerFeatures__card{flex-direction:row;width:48%;padding:2rem}}.matchTrackerFeatures__cardSpace{flex-shrink:0;height:2rem}@media screen and (min-width:768px){.matchTrackerFeatures__cardSpace{width:17%;height:auto}}.matchTrackerFeatures__image{z-index:1;width:10rem;margin:-3.5rem auto}.matchTrackerFeatures__image img{width:100%}@media screen and (min-width:768px){.matchTrackerFeatures__image{width:17%;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}.matchTrackerAi{background-color:var(--hd-darkGreenM);flex-direction:column-reverse;margin-top:2rem;padding:1rem;display:flex}@media screen and (min-width:768px){.matchTrackerAi{flex-direction:row;justify-content:space-between;margin-top:5rem;padding:2rem}}@media screen and (min-width:1150px){.matchTrackerAi{margin-top:7.5rem}}.matchTrackerAi__info{max-width:100rem}@media screen and (min-width:768px){.matchTrackerAi__info{width:70%}}.matchTrackerAi__title{margin-bottom:2rem}.matchTrackerAi__image{align-items:center;width:12rem;margin:0 auto -4rem;display:flex}.matchTrackerAi__image img{width:100%}@media screen and (min-width:768px){.matchTrackerAi__image{width:25%;margin-inline-start:-3.5rem}}
