@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;700&display=swap);:root{--colour-primary:#dd0201;--colour-light:#f0f0f0;--colour-dark:#2a2a2a;--colour-grey:#ddd;--colour-white:#fff;--padding-minimum:0.3125rem;--padding-light:0.625rem;--padding-default:1rem;--padding-heavy:2rem;--radius-small:0.3125rem;--radius-default:0.625rem;--shadow-default:0px 2px 3px #0003;--font-size-large:1.125rem;--font-size-small:0.875rem;--font-weight-light:200;--font-weight-normal:300;--font-weight-bold:600}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f0f0f0;background-color:var(--colour-light);color:#2a2a2a;color:var(--colour-dark);font-family:Inter,sans-serif;font-weight:300;font-weight:var(--font-weight-normal)}hr{border:none;border-top:1px solid #ddd;border-top:1px solid var(--colour-grey);width:100%}.button{background-color:#f0f0f0;background-color:var(--colour-light);border:none;border-radius:.3125rem;border-radius:var(--radius-small);color:#2a2a2a;color:var(--colour-dark);cursor:pointer;display:flex;flex-flow:row wrap;font-family:inherit;font-size:1rem;gap:.625rem;gap:var(--padding-light);justify-content:center;padding:.625rem;padding:var(--padding-light);text-decoration:none}.button:hover{text-decoration:underline}.button:disabled:not(.loading){opacity:.5;text-decoration:line-through}.button--white{background-color:#fff;background-color:var(--colour-white);box-shadow:0 2px 3px #0003;box-shadow:var(--shadow-default)}.button img,.button svg,.button-icon{height:1em;width:auto}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button .spinner{animation-direction:normal;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:spinner;animation-play-state:running;animation-timing-function:steps(8)}.textfield{border:1px solid #ddd;border:1px solid var(--colour-grey);border-radius:.3125rem;border-radius:var(--radius-small);color:#2a2a2a;color:var(--colour-dark);display:block;font-family:inherit;font-size:1rem;padding:.625rem;padding:var(--padding-light)}.App{margin:0 auto;max-width:30rem;padding:var(--padding-default);padding-bottom:var(--padding-heavy);padding-top:calc(2rem + 5vw)}.App-header,.App-inner{align-items:center;display:flex;flex-flow:column nowrap;justify-content:flex-start}.App-header{margin-bottom:var(--padding-heavy)}.App-header,.App-logos{gap:var(--padding-default)}.App-logos{align-items:center;display:flex;flex-flow:row nowrap;justify-content:center}.App-logo-sportsbug{width:39%}.App-logo-sportsbug img{height:auto;object-fit:contain;width:100%}.App-logo-varsity{width:31%}.App-logo-varsity img{height:auto;object-fit:contain;width:100%}.App-logo-team img{height:50px;width:auto}.App-tagline{opacity:.5}.App-footer{margin-top:1em;opacity:.5;text-align:center}.App-footer a{color:inherit}.Card{background-color:var(--colour-white);border-radius:var(--radius-default);box-shadow:var(--shadow-default)}.Card-inner{align-items:center;display:flex;flex-flow:column nowrap;gap:var(--padding-light);justify-content:flex-start;padding:var(--padding-light)}.Card-header{background-color:var(--colour-dark);border-top-left-radius:var(--radius-default);border-top-right-radius:var(--radius-default);color:var(--colour-white);padding:var(--padding-minimum);text-align:center}.Card-title{font-weight:var(--font-weight-bold)}.Teams-inner{align-items:center;display:flex;flex-flow:row nowrap;gap:var(--padding-default)}.Teams-inner--home{justify-content:flex-start}.Teams-inner--away{justify-content:flex-end}.Teams-logo{height:auto;width:4rem}.Teams-title{flex:1 1;font-size:var(--font-size-large);font-weight:var(--font-weight-bold)}.Teams-inner--home .Teams-title{text-align:left}.Teams-inner--away .Teams-title{text-align:right}.Teams-separator{margin-bottom:calc(var(--padding-light)*-1);margin-top:calc(var(--padding-light)*-1);position:relative;text-align:center}.Teams-separator:before{border-top:1px solid var(--colour-grey);content:"";display:block;left:0;position:absolute;top:50%;transform:skewY(-9.869604401089358deg);transform-origin:center;width:100%}.Teams-separator-label{background-color:var(--colour-light);display:inline-block;padding-left:var(--padding-light);padding-right:var(--padding-light);position:relative;z-index:1}.Details{display:flex;flex-flow:column nowrap;gap:var(--padding-heavy)}.Details-back{color:#000;margin-bottom:1em;margin-top:-1em}.Details .Teams{margin-bottom:calc(var(--padding-default)*-1)}.Details-datetimevenue{text-align:center}.Details-form form{align-items:center;display:flex;flex-flow:column nowrap;gap:var(--padding-light);justify-content:flex-start;text-align:center}.Details-form .StripeElement,.Details-form form{width:100%}.Details-form .textfield{align-self:stretch}.Details-form .error{color:red;font-weight:var(--font-weight-bold)}.Details-player{text-align:center}.Details-warning{font-size:var(--font-size-small);opacity:.5}.Details-warning a{color:inherit}.Details-links{text-align:left}.Details-links p{width:100%}.Details-links ul{padding-left:1em}.Details-links ul a{color:inherit}.Modal{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.Modal-inner{margin:0 auto;max-width:25rem;padding:var(--padding-default);padding-top:calc(2rem + 10vw)}.Modal-dialog{align-items:center;background-color:var(--colour-white);border-radius:var(--radius-default);box-shadow:var(--shadow-default);display:flex;flex-flow:column nowrap;gap:var(--padding-light);justify-content:flex-start;padding:var(--padding-light)}.Geofence{text-align:center}.Geofence a{color:inherit}.Geofence-title{font-size:var(--font-size-large);font-weight:var(--font-weight-bold)}.Geofence-postcode{align-items:center;display:flex;flex-flow:row nowrap;gap:.5em}.Geofence-postcode .textfield{width:100%}.Geofence-postcode .button{min-width:120px}