.match{color:white;padding:20px;margin-bottom:30px}.match h1{color:white;margin:5px 0 30px}@media (max-aspect-ratio:1){.match h1{text-align:center}}.match strong{color:white}.match .row,.match .teams{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px;justify-content:space-between}.match .buttons{flex-grow:10;display:grid;justify-content:right;gap:30px;padding-right:20px}@media (max-aspect-ratio:1){.match .buttons{justify-content:center;gap:10px;padding-right:0px}}.match.future{background-color:var(--strong-green)}.match.future .teams{max-width:min(380px, 40%);gap:5%;flex-grow:1;flex-wrap:nowrap;align-items:stretch}.match.future .match-info-text,.match.future .buttons{flex-grow:0}.match.future .match-info-text{max-width:350px}.match.future .team{background-color:white;width:40%;padding:15px;color:black;box-sizing:border-box;border-radius:15px;min-height:220px}.match.future .team img{object-fit:contain;object-position:center;aspect-ratio:1}.match.future .team label{margin:0;text-align:center;color:var(--strong-green);line-height:25px;margin-top:5px;width:100%;display:block}.match.future .team label.name{font-size:24px;text-transform:uppercase;color:var(--red)}.match.future .lightning{fill:white;height:100px;width:10%;padding-top:30%;background-size:contain;background-repeat:no-repeat;background-image:url(../images/lightning_bolt.svg);background-position:center}.match.future .match-info-text p{font-size:min(2vw, 32px);line-height:min(2vw, 32px);text-transform:uppercase;margin-top:0;margin-bottom:10px}.match.future .match-info-text p:nth-child(2){margin-bottom:30px}.match.future .match-info-text p b{color:white;font-size:min(2.5vw, 36px);line-height:min(10vw, 40px)}@media (max-aspect-ratio:1){.match.future .row{flex-direction:column}.match.future .teams{max-width:380px}.match.future .team{width:40%}.match.future .match-info-text{width:100%}.match.future .match-info-text p{margin-left:0;font-size:24px;line-height:24px;text-align:center}.match.future .match-info-text p b{font-size:28px;line-height:28px}}.match.past{background-color:var(--green);font-size:20px}.match.past>*{z-index:2;position:relative}.match.past::before{content:" ";position:absolute;background-color:var(--strong-green);width:100%;top:0;left:0;height:50px;z-index:1}.match.past.with-header::before{height:110px}.match.past .buttons{padding-top:50px}.match.past .grid{border-spacing:10px;margin:-20px 0 -10px -10px}.match.past .grid .score-header{text-align:center;padding:0 10px}.match.past .grid .separator{width:30px;position:relative}.match.past .grid .separator div{background-color:var(--light-green);width:1px;height:100px;position:absolute;top:50px;left:19px}.match.past .grid tr.offset{height:5px}.match.past .grid td{height:40px;max-height:40px;padding:0}.match.past .grid tr.match-info-text td,.match.past .grid tr.match-info-text span{height:30px;max-height:30px;line-height:30px}.match.past .grid .team{display:flex;align-items:center}.match.past .grid .team img{width:30px;height:30px;object-fit:contain;object-position:center;padding:5px;background:white;border-radius:6px;margin-right:15px}.match.past .grid .team span{font-size:24px}.match.past .grid .team .name{min-width:300px}.match.past .grid .team.winner{background-color:var(--light-green);border-radius:20px 0 0 20px}.match.past .grid .score{background-color:white;color:var(--strong-green);font-weight:bold;height:40px;width:50px;text-align:center;font-size:24px;line-height:40px;margin:0 auto}.match.past .grid .score.winner{color:var(--red)}.match.past .column{width:100%;display:flex;flex-direction:column;gap:20px}.match.past .column .teams{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start}.match.past .column .overall-score{text-align:center;font-size:36px;color:var(--light-green);padding-top:15px;font-weight:bold}.match.past .column .team{text-align:center}.match.past .column .team img{object-fit:contain;object-position:center;background:white;border-radius:6px;height:90px;padding:8px;box-sizing:border-box}.match.past .column .team span{font-size:24px}.match.past .column .team .name{min-width:300px}.match.past .column .team.winner{background-color:var(--light-green);border-radius:20px 0 0 20px}.match.past .column .score{position:relative}.match.past .column .score::before{content:" ";background-color:var(--light-green);border-radius:20px 0 0 20px;display:block;position:absolute;top:-8px;height:1px;width:100%}@media (max-width:1150px){.match.past .buttons{width:100%;padding:0;justify-content:left}}@media (max-width:1000px){.match.past .grid{display:none}.match.past::before{height:60px}.match.past.with-header::before{height:120px}.match.past .name strong{display:block}.match.past .winner{color:white}.match.past .buttons{justify-content:center}}@media (min-width:1000px){.match.past .column{display:none}.match.past .grid{display:block}}@media (max-aspect-ratio:1){.match{max-width:600px;margin:0 auto 30px}}