:root{--football-match-detail-page-padding:100px}.match-page-container{max-width:1727px;margin:0 auto;margin-top:var(--header-height);margin-bottom:150px}.match-section-header-banner-container{position:relative;width:100%;padding:0 var(--football-match-detail-page-padding);padding-top:41px}.match-section-header-banner-image-container{position:relative;z-index:auto;height:auto;object-fit:cover}.match-section-header-back-btn-container{display:flex;align-items:center;gap:8px;position:absolute;top:88px;left:calc(var(--football-match-detail-page-padding) + 40px);z-index:10}.match-section-header-banner-match-day{position:absolute;top:88px;right:calc(var(--football-match-detail-page-padding) + 40px);color:#fff;z-index:10;font-size:32px;font-weight:300}.match-section-header-back-btn-container img{border-radius:8px;border:1px solid #e3e7fc;background:#fff}.match-section-header-back-btn-text{color:#fff;font-size:14px;font-weight:500}.match-section-header-banner-image{width:100%;height:250px;object-fit:cover;border-radius:12px;border:1px solid #e3e7fc;z-index:5}.match-section-header-banner-gradient{position:absolute;top:34%;left:0;width:100%;height:65%;background:linear-gradient(180deg,rgba(255,92,37,0) 36.57%,#ff5c25);border-radius:12px;pointer-events:none;z-index:999}.match-section-header-banner-gradient-dark{width:100%;height:270px;position:relative;margin-top:-53px;border-radius:12px;pointer-events:none;z-index:1;background:linear-gradient(180deg,#ff5c25 32.02%,#fb8057)}.match-section-header-statistics-container{display:flex;justify-content:space-between;align-items:center;position:absolute;padding:28px 0;top:55%;left:50%;transform:translateX(-50%);width:94%;border-radius:8px;border:1px solid #e3e7fc;background:#fff;box-shadow:0 4px 4px 0 rgba(46,49,146,.1);z-index:999}.match-section-header-statistics-left-side,.match-section-header-statistics-right-side{display:flex;align-items:center;justify-content:space-between;gap:28px}.match-section-header-statistics-rectangle-left{width:15.395px;height:102.047px;flex-shrink:0;border-radius:0 20px 20px 0;background:#ff5c25;margin-left:-1.5px}.match-section-header-statistics-rectangle-right{width:15.395px;height:102.047px;flex-shrink:0;border-radius:20px 0 0 20px;background:#ff5c25;margin-right:-1.5px}.match-section-header-statistics-school{color:#000;font-size:24px;font-weight:600}.match-section-header-statistics-school-container{display:flex;justify-content:space-between;gap:8px;flex-direction:column;width:300px}.match-section-header-statistics-school-container:first-child{text-align:end}.match-section-header-statistics-school-goals-list-right{justify-content:end}.match-section-header-statistics-middle-side{display:flex;align-items:center;justify-content:space-between;gap:5px;height:100px}.match-section-header-statistics-score-display-container{height:100%;width:150px;background:rgba(18,104,251,.1);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:10px}.match-section-header-statistics-score-display-container-score{color:#1f63e1;font-size:40px;font-weight:600;line-height:1}.match-section-header-statistics-score-display-container-date{color:#1f63e1;font-size:14px;font-weight:400}.match-section-header-statistics-school-goals-list{display:flex;gap:5px;flex-wrap:wrap}.match-section-header-statistics-school-goals-item{color:#000;font-size:13px;font-style:normal;font-weight:400;line-height:18px}.match-section-general-info-header-container{padding:0 var(--football-match-detail-page-padding);margin-top:32px}.match-section-general-info-header-list{display:flex;gap:16px}.match-section-general-info-header-item{border-radius:12px;display:flex;height:42px;padding:10px 16px;justify-content:center;align-items:center;color:#fff;font-size:16px;font-weight:500;border:1px solid #000}.match-section-general-info-header-item.active{background:#ff5c25;border:none}.match-section-general-info-container{display:flex;align-items:center;justify-content:space-between;padding:0 var(--football-match-detail-page-padding);gap:20px;margin-top:32px}.match-section-general-info-left-side{display:flex;gap:63px}.match-section-general-info-stadium-image{width:492.766px;height:366.492px;object-fit:cover;border-radius:8px}.match-section-general-info-text-container{display:flex;flex-direction:column;gap:24px}.match-section-general-info-text-row h5{color:#000;font-size:16px;font-weight:500}.match-section-general-info-text-row p{color:#000;font-size:16px;font-weight:700}.match-section-general-info-advertisement-image{border-radius:12px;width:366px;height:366px;object-fit:cover}.match-section-players-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:26px;gap:26px;margin-top:54px;padding:0 var(--football-match-detail-page-padding)}.match-section-header-statistics-mobile-container{width:92%;padding:16px 24px;flex-direction:column;align-items:flex-start;gap:10px;border-radius:8px;border:1px solid #e3e7fc;background:#fff;position:absolute;top:60px;left:50%;transform:translateX(-50%);z-index:999;display:none}.match-section-header-statistics-mobile-date{color:#000;font-size:14px;font-weight:400}.match-section-header-statistics-mobile-scorers-text{display:flex;align-items:center;gap:8px}.match-section-header-statistics-mobile-scorers-text p{color:#000;font-size:14px;font-weight:400}.match-section-header-statistics-mobile-scorers-list{width:100%;display:flex;flex-direction:column;gap:8px}.match-section-header-statistics-mobile-scorers-list li{display:flex;align-items:center;justify-content:space-between}.match-section-header-statistics-mobile-scorers-list li span{color:#1f63e1;text-align:center;font-size:20px;font-weight:600;text-transform:uppercase;padding:7.65px 14px;background:rgba(18,104,251,.1)}.match-section-header-statistics-mobile-arrow-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.match-section-header-statistics-mobile-timeline-container{width:100%;padding:21px 38px;border-radius:12px;background:linear-gradient(180deg,#ff5c25 32.02%,#fb8057)}.timeline-fade-in{animation:fadeInSlideDown .3s ease-in-out}.timeline-fade-out{animation:fadeOutSlideUp .3s ease-in-out forwards}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOutSlideUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}@media (max-width:1330px){:root{--football-match-detail-page-padding:50px}.match-section-header-statistics-school{font-size:18px}.match-section-header-banner-match-day{font-size:28px}.match-section-general-info-container{justify-content:center;flex-wrap:wrap}.match-section-header-statistics-school-container{width:200px}.match-section-players-header h2{font-size:18px!important}.match-section-players-container{gap:24px}}@media (max-width:1100px){.match-section-players-container{grid-template-columns:1fr}.match-section-header-statistics-middle-side img{width:80px;height:80px}}@media (max-width:985px){.match-section-header-banner-container{padding-left:0;padding-right:0}.match-section-header-banner-match-day{display:none}.match-section-header-banner-container{padding-top:50px}.match-section-header-back-btn-container{top:12px;left:12px}.match-section-header-back-btn-container span{color:#000}.match-section-header-banner-image{border-radius:0;height:150px}.match-section-header-banner-gradient{border-radius:0;height:100%;top:0}.match-section-header-banner-gradient-dark{border-radius:0}.match-section-header-statistics-container{display:none}.match-section-header-statistics-mobile-container{display:flex}.match-section-header-banner-gradient-dark{display:none}.match-section-general-info-header-container{margin-top:150px}.match-section-general-info-header-item,.match-section-general-info-header-item .highlights-btn span{font-size:14px}.match-section-general-info-container{margin-top:24px}.match-section-general-info-left-side{flex-direction:column;gap:24px}.match-section-general-info-container{justify-content:flex-start}.match-section-general-info-left-side{width:100%}.match-section-general-info-stadium-image{width:100%;height:256.113px}.match-section-general-info-advertisement-image{width:100%;height:344px}}@media (max-width:600px){.match-section-players-header img{width:60px!important;height:60px!important}.match-section-player-item-container{min-height:64px!important;padding:5px 8px!important}.match-section-player-item-image{width:51px!important;height:100%!important}.match-section-player-item-name-stats-container{flex-direction:column}.match-section-player-item-name,.match-section-player-item-stats-list{font-size:12px!important}.match-section-player-list-container{gap:24px!important;padding:16px!important}.match-page-container{margin-bottom:50px}.match-section-players-list{gap:5px!important}}@media (max-width:500px){:root{--football-match-detail-page-padding:16px}.match-section-general-info-text-container{gap:16px}.match-section-general-info-text-row h5,.match-section-general-info-text-row p{font-size:14px}.match-section-header-statistics-mobile-container{padding:16px 0}.match-section-header-statistics-mobile-date,.match-section-header-statistics-mobile-scorers-list{padding:0 24px}}.match-events-timeline-container{position:absolute;bottom:35px;display:flex;align-items:center;z-index:999;left:50%;transform:translateX(-50%);width:94%;gap:5px}.match-events-timeline-header{display:flex;align-items:center;gap:5px;flex-direction:column}.match-events-timeline-header-text{color:#fff;text-align:center;font-size:12px;font-weight:300;text-transform:uppercase}.match-events-timeline{position:relative;width:100%;height:113px;z-index:999}.match-events-timeline-line{position:relative;top:50%;left:0;right:0;height:4px;background:#fff;border-radius:2px;transform:translateY(-50%);z-index:5}.match-event-content-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px;height:49px}.match-event-item{position:absolute;transform:translateX(-50%);z-index:10}.match-event-school-one{bottom:3px}.match-event-school-two{top:3px}.match-event-connector{width:3px;height:8.664px;background:#fff;flex-shrink:0;z-index:1}.match-event-school-one .match-event-connector{top:100%}.match-event-school-two .match-event-connector{bottom:100%}.match-event-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px}.match-event-icon{height:-moz-fit-content;height:fit-content;display:flex}.match-event-time{color:#fff;text-align:center;font-size:10px;font-weight:500}.match-timeline-markers{position:absolute;top:50%;left:0;right:0;transform:translateY(20px)}.match-timeline-marker{position:absolute;transform:translateX(-50%);font-size:14px;font-weight:500;color:#666}.timeline-triangle{position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;z-index:10}.timeline-triangle-start{left:0;border:8px solid transparent;border-left-color:#fff}.timeline-triangle-end{right:0;border:8px solid transparent;border-right-color:#fff}.match-events-timeline-container-mobile-vertical{position:static;flex-direction:column;width:100%;transform:none;left:auto;bottom:auto}.match-events-timeline-container-mobile-vertical .match-events-timeline-header{flex-direction:row;justify-content:space-between;padding:0 20px}.match-events-timeline-container-mobile-vertical .match-event-content-wrapper{flex-direction:row}.match-events-timeline-container-mobile-vertical .match-events-timeline{min-height:550px}.match-events-timeline-container-mobile-vertical .match-events-timeline-line{width:4px;height:100%;top:0;left:50%;transform:translateX(-50%)}.match-events-timeline-container-mobile-vertical .match-event-item{position:absolute;transform:translateY(-50%)}.match-events-timeline-container-mobile-vertical .match-event-school-one{right:calc(50% + 2px);left:auto;bottom:auto}.match-events-timeline-container-mobile-vertical .match-event-school-two{left:calc(50% + 2px);right:auto;top:auto}.match-events-timeline-container-mobile-vertical .match-event-school-one .match-event-content{flex-direction:row;align-items:center;justify-content:flex-end}.match-events-timeline-container-mobile-vertical .match-event-school-two .match-event-content{flex-direction:row;align-items:center;justify-content:flex-start}.match-events-timeline-container-mobile-vertical .match-event-connector{width:8px;height:3px;transform:none}.match-events-timeline-container-mobile-vertical .match-event-school-one .match-event-connector,.match-events-timeline-container-mobile-vertical .match-event-school-two .match-event-connector{top:auto;bottom:auto}.match-events-timeline-container-mobile-vertical .timeline-triangle-start{top:0;left:50%;transform:translateX(-50%);border:8px solid transparent;border-top-color:#fff}.match-events-timeline-container-mobile-vertical .timeline-triangle-end{bottom:0;top:auto;right:auto;left:50%;transform:translateX(-50%);border:8px solid transparent;border-bottom-color:#fff}.match-section-player-list-container{width:100%;border-radius:12px;background:#d2e2ff;padding:32px;display:flex;flex-direction:column;gap:35px}.match-section-players-header{display:flex;align-items:center;gap:19px}.match-section-players-header img{width:100px;height:100px;border-radius:100px}.match-section-players-header h2{color:#000;font-size:24px;font-weight:600}.match-section-players-list{display:flex;flex-direction:column;gap:16px}.match-section-player-item-container{border-radius:8px;border:1px solid #e3e7fc;background:#fff;min-height:100px;padding:5px 32px}.match-section-player-item-container,.match-section-player-item-information-container{display:flex;align-items:center;justify-content:space-between;gap:10px}.match-section-player-item-image{width:100px;height:100px;object-fit:cover}.match-section-player-item-name-stats-container{display:flex;flex-wrap:wrap;gap:15px}.match-section-player-item-name{color:#000;font-size:20px;font-weight:700}.match-section-player-item-stats-list{display:flex;gap:14px}.match-section-player-item-stats-list-item{position:relative;display:flex;height:100%;align-items:center;justify-content:center}.match-section-player-item-stats-list-value{position:absolute;bottom:-3px;right:-7px;width:17px;height:17px;background-color:#ff5c25;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;z-index:999}.match-section-player-item-stats-list-rating{padding:0!important}@media (max-width:600px){.match-section-player-item-name-stats-container{gap:5px}.match-section-player-item-arrow-container{display:none}.match-section-player-item-mobile-link{display:block}.match-section-player-item-desktop{display:none}}@media (min-width:601px){.match-section-player-item-mobile-link{display:none}.match-section-player-item-desktop{display:flex}}.match-section-player-item-mobile-link{text-decoration:none;color:inherit}