:root{--background-color: #f1f1f1;--theme-color-1: #b36161}@font-face{font-family:Din Condensed;src:url(/assets/DINWeb-Cond-923304a8.woff2) format("woff2");font-weight:400}@font-face{font-family:Din Condensed;src:url("/assets/DIN Condensed Bold-79e3b63d.woff2") format("woff2");font-weight:700}*{box-sizing:border-box}body{background-color:var(--background-color)}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;font-size:12px}.text-center{text-align:center}.navigation{align-items:center;display:flex;gap:10px;margin-bottom:20px}.navigation ul{display:flex;gap:10px;list-style:none;margin:0;padding:0}.navigation button{border:1px solid var(--theme-color-1);border-radius:4px;cursor:pointer;font-size:inherit;padding:4px 10px}.navigation button:hover,.navigation li.current button{background-color:var(--theme-color-1);color:#fff}.matches{width:100%}.matches td,.matches th{text-align:left;vertical-align:top}.matches td.center,.matches th.center{text-align:center}.matches td{padding-bottom:6px}.matches input[type=text]{font-size:12px;padding:6px 4px;width:100%}.matches .icon{display:inline-block;height:12px;width:12px}.matches .icon svg{width:100%}.presets{display:grid;grid-template-columns:repeat(5,1fr)}.presets img{max-width:100%}.presets__preset img{border:4px solid transparent;max-width:100%}.presets__preset--selected img{border-color:var(--theme-color-1)}.backgrounds{display:grid;grid-template-columns:repeat(5,1fr)}.backgrounds__background{flex:1 1 auto}.backgrounds__background img{border:4px solid transparent;max-width:100%}.backgrounds__background--selected img{border-color:var(--theme-color-1)}.generatedOutput{aspect-ratio:1;color:#fff;overflow:hidden;position:relative;width:800px}.generatedOutput__wrapper{overflow:auto}.generatedOutput--color-black{color:#000}.generatedOutput img{display:block;width:100%}.generatedOutput .generatedOutput__overlay-image{position:absolute;left:0;top:0;width:auto;z-index:8}.generatedOutput .generatedOutput__main-image{height:100%;object-fit:cover}.generatedOutput__content{bottom:0;display:flex;flex-direction:column;font-family:Din Condensed;left:0;padding:20px;position:absolute;right:0;top:0;z-index:10}.generatedOutput--preset-1:after,.generatedOutput--preset-2:after{background:black;bottom:0;content:"";left:0;opacity:.45;position:absolute;right:0;top:0;z-index:5}.generatedOutput--preset-1.generatedOutput--color-black:after,.generatedOutput--preset-2.generatedOutput--color-black:after{background:white}.generatedOutput--preset-2:after{background:linear-gradient(0deg,rgb(0,0,0) 0%,rgba(255,255,255,0) 55%);opacity:1}.generatedOutput--preset-2.generatedOutput--color-black:after{background:linear-gradient(0deg,rgb(255,255,255) 0%,rgba(255,255,255,0) 55%)}.generatedOutput--first-teams.generatedOutput--preset-1 .generatedOutput__content{justify-content:center}.generatedOutput--first-teams.generatedOutput--preset-2 .generatedOutput__content{justify-content:flex-end}.generatedOutput--first-teams .generatedOutput__content{font-size:40px;justify-content:flex-end;text-align:center}.generatedOutput--first-teams .generatedOutput__content .match__meta{font-size:32px;margin-bottom:20px}.generatedOutput--first-teams .generatedOutput__content .match__match{font-size:72px;font-weight:700;line-height:1}.generatedOutput--first-teams .generatedOutput__content .match__match--cancelled{font-size:50px;font-weight:700;opacity:.5}.generatedOutput--first-teams .generatedOutput__content .match__cancelled{margin-bottom:20px;text-decoration:line-through}.generatedOutput--fixtures .generatedOutput__content,.generatedOutput--results .generatedOutput__content{font-weight:700;justify-content:flex-start;padding-top:30px;text-shadow:1px 1px white}.generatedOutput--fixtures.generatedOutput--color-white .generatedOutput__content,.generatedOutput--results.generatedOutput--color-white .generatedOutput__content{text-shadow:1px 1px black}.generatedOutput--fixtures .generatedOutput__title,.generatedOutput--results .generatedOutput__title{text-align:center;font-size:42px}.generatedOutput--fixtures .generatedOutput__subtitle,.generatedOutput--results .generatedOutput__subtitle{text-align:center;font-size:60px;margin-bottom:30px;font-weight:700}.generatedOutput--fixtures .match-wrapper,.generatedOutput--results .match-wrapper{display:grid;font-size:26px;grid-template-columns:1fr 2fr 2fr;line-height:2}.generatedOutput--fixtures .match-wrapper .match__match--cancelled,.generatedOutput--results .match-wrapper .match__match--cancelled{opacity:.5;text-decoration:line-through}.generatedOutput--results .match-wrapper{grid-template-columns:2fr 2fr 1fr}.generatedOutput hr{border:1px solid white;margin:20px auto;max-width:50%;opacity:.3}.button--download{align-items:center;border:1px solid var(--theme-color-1);border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:10px;margin:0 auto;padding:6px 16px}.button--download:hover{background-color:var(--theme-color-1);color:#fff}.button--download .icon{align-items:center;display:flex;justify-content:center;width:16px}