.sec-RaceCountdown{--BarScale: 0;--CornerRadius: 60px;position:relative;z-index:0;display:block;background-size:198px 200px;border-bottom-right-radius:var(--CornerRadius);-webkit-filter:drop-shadow(0 4px 20px rgba(0,0,0,.8));filter:drop-shadow(0 4px 20px rgba(0,0,0,.8));overflow:hidden}.sec-RaceCountdown:before{content:"";position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;background:linear-gradient(180deg,#000,#000000d9);opacity:1}@media only screen and (min-width: 1201px){.sec-RaceCountdown{--CornerRadius: 45px}.sec-RaceCountdown:before{background:linear-gradient(180deg,#000,#000000e6);opacity:1}.sec-RaceCountdown:after{content:"";position:absolute;top:0;left:0;z-index:1;display:block;width:calc((7 / 12) * 100%);height:100%;background-color:var(--Color_PerformanceBlack);clip-path:polygon(0 0,calc(100% - 100px) 0%,100% 100%,0% 100%)}}.sec-RaceCountdown_Header{position:relative;z-index:2;width:100%;padding:11px 15px 9px;background-color:var(--Color_PetronasTeal);color:var(--Color_CarbonGrey)}@media only screen and (min-width: 1201px){.sec-RaceCountdown_Header{position:absolute;top:0;right:0;z-index:1;width:var(--CornerRadius);height:100%;padding:10px 15px}}@media only screen and (min-width: 1201px){.sec-RaceCountdown_Heading{position:absolute;top:-5px;left:10px;z-index:1;transform:rotate(90deg);transform-origin:0% 100%;white-space:nowrap}}.sec-RaceCountdown_Columns{position:relative;z-index:2}@media only screen and (min-width: 768px){.sec-RaceCountdown_Columns{grid-gap:var(--Grid_Gutter);grid-template-columns:repeat(12,1fr);display:grid}}@media only screen and (min-width: 1201px){.sec-RaceCountdown_Columns{grid-gap:var(--Grid_Gutter)}}.sec-RaceCountdown_Column-details{padding:15px 15px 0}.sec-RaceCountdown_Column-timer{padding:20px 15px 15px}.sec-RaceCountdown_Column-cta{display:flex;padding:30px 40px;text-align:center;background-color:var(--Color_Background)}@media only screen and (min-width: 768px){.sec-RaceCountdown_Column-details{grid-column:1 / span 12}.sec-RaceCountdown_Column-timer{grid-column:1 / span 6}.sec-RaceCountdown_Column-track{align-items:center;grid-column:8 / span 5;grid-row:span 2;display:flex}.sec-RaceCountdown_Column-info{align-items:flex-end;grid-column:1 / span 6;display:flex}.sec-RaceCountdown_Column-cta{grid-column:1 / span 12}}@media only screen and (min-width: 1201px){.sec-RaceCountdown_Column-details{grid-column:1 / span 8;padding:40px 70px 0 40px}.sec-RaceCountdown_Column-timer{grid-column:1 / span 8;padding:40px 70px 40px 40px}.sec-RaceCountdown_Column-track{flex-direction:column;grid-column:9 / span 3;grid-row:1 / span 3;display:flex;padding-block-start:10px;padding-block-end:40px}.sec-RaceCountdown_Column-info{align-items:center;grid-column:9 / span 3;grid-row:3;display:none}.sec-RaceCountdown_Column-cta{position:relative;align-items:center;grid-column:1 / span 6;grid-row:3;padding:40px 100px 40px 40px;text-align:left;clip-path:polygon(0 0,calc(100% - 50px) 0%,100% 100%,0% 100%)}}.sec-RaceCountdown_Progress{position:relative;overflow:hidden}.sec-RaceCountdown_Progress:before{content:"";position:absolute;bottom:0;left:0;z-index:1;display:block;width:100%;height:2px;background-color:var(--Color_Grey)}.sec-RaceCountdown_Progress:after{content:"";position:absolute;right:100%;bottom:0;z-index:1;display:block;width:100%;height:2px;background-color:var(--Color_PetronasTeal);border-inline-end:2px solid var(--Color_PerformanceBlack);transform:none;transform-origin:0 0;transition:transform 2s ease}.sec-RaceCountdown-active .sec-RaceCountdown_Progress:after{transform:translate(var(--BarScale))}.sec-RaceCountdown_Title{position:relative;margin-block-end:15px;font-size:22px;color:#fff}@media only screen and (min-width: 768px){.sec-RaceCountdown_Title{margin-block-end:20px}}.sec-RaceCountdown_TitleDot{--DotColor: #fff;position:absolute;top:0;right:0;z-index:1;display:block;width:5px;height:5px;background-color:var(--DotColor);border-radius:50%}@media only screen and (min-width: 901px){.sec-RaceCountdown_TitleDot{width:7px;height:7px}}.sec-RaceCountdown_Timer{position:relative;grid-gap:10px var(--Grid_Gutter);grid-template-columns:repeat(2,1fr);display:grid;font-size:22px;font-weight:300;letter-spacing:.13em;line-height:110%}.sec-RaceCountdown_Timer:before{content:"";position:absolute;top:0;left:calc(50% - 20px);z-index:1;display:block;width:1px;height:100%;background-color:var(--Color_Grey)}@media only screen and (min-width: 901px){.sec-RaceCountdown_Timer{font-size:2.8vw}}@media only screen and (min-width: 1201px){.sec-RaceCountdown_Timer{gap:30px;display:flex;font-size:2.2vw}.sec-RaceCountdown_Timer:before{display:none}}@media only screen and (min-width: 1440px){.sec-RaceCountdown_Timer{font-size:2.3vw}}.sec-RaceCountdown_TimerItem{position:relative;gap:15px;display:flex}@media only screen and (min-width: 1201px){.sec-RaceCountdown_TimerItem:not(:first-child):before{content:":";position:absolute;top:0;bottom:0;left:-20px;z-index:1;display:block;color:#fff}}.sec-RaceCountdown_TimerValue{position:relative;width:50px;color:var(--Color_PetronasTeal)}.sec-RaceCountdown_TimerValue:after{content:":";position:absolute;top:0;right:-7px;bottom:0;z-index:1;display:block;color:#fff}@media only screen and (min-width: 901px){.sec-RaceCountdown_TimerValue{width:6vw}}@media only screen and (min-width: 1201px){.sec-RaceCountdown_TimerValue{width:auto}.sec-RaceCountdown_TimerValue:after{display:none}}.sec-RaceCountdown_TimerUnit{color:#fff}.sec-RaceCountdown_Track{width:100%}@media only screen and (min-width: 1201px){.sec-RaceCountdown_Track{align-items:center;flex-grow:1;display:flex}}.sec-RaceCountdown_TrackSvgContainer{position:relative}@media only screen and (min-width: 1201px){.sec-RaceCountdown_TrackSvgContainer{width:100%}}.sec-RaceCountdown_TrackSvg{width:100%}.sec-RaceCountdown_Info{display:block;margin-block-start:15px;margin-block-end:30px;margin-inline-start:15px}.sec-RaceCountdown_Info-desktop{display:none}@media only screen and (min-width: 768px){.sec-RaceCountdown_Info{margin-block-start:30px;margin-block-end:30px}}@media only screen and (min-width: 1201px){.sec-RaceCountdown_Info-desktop{display:block;width:100%;margin-block-start:0;margin-block-end:0}.sec-RaceCountdown_Info-mobile{display:none}}.sec-RaceCountdown_InfoItems{position:relative;grid-gap:8px;display:grid;padding-inline-start:10px;border-inline-start:1px solid var(--Color_Grey)}@media only screen and (min-width: 901px){.sec-RaceCountdown_InfoItems{padding-inline-start:15px}}.sec-RaceCountdown_InfoItem{color:#fff}.sec-RaceCountdown_InfoItemTitle{font-weight:700}.sec-RaceCountdown_InfoItemDot{display:inline-block;width:7px;height:7px;background-color:var(--Color_PetronasTeal);border-radius:50%}.sec-RaceCountdown_Cta{flex-direction:column;gap:15px;display:flex;width:100%;text-align:center}@media only screen and (min-width: 768px){.sec-RaceCountdown_Cta{gap:30px}}@media only screen and (min-width: 1201px){.sec-RaceCountdown_Cta{align-items:center;flex-direction:row;gap:50px;text-align:left}}.sec-RaceCountdown_CtaColumn-title{flex-grow:1}.sec-RaceCountdown_CtaTitle{width:calc((5 / 6) * 100%);margin-inline-start:auto;margin-inline-end:auto;color:#fff}@media only screen and (min-width: 768px){.sec-RaceCountdown_CtaTitle{width:100%}}.sec-RaceCountdown_CtaButton{border:1px solid var(--Color_PetronasTeal)}@media only screen and (max-width: 767px){.sec-RaceCountdown_CtaButton{width:100%;padding-inline-start:5px;padding-inline-end:5px}}
/*# sourceMappingURL=/cdn/shop/t/400/assets/section-race-countdown.css.map */