/* Selected footer concept 1. Every selector is scoped to this component. */
.site-footer.touchline-footer{padding:0;border:0;background:#243B68;color:#d5e1f3;isolation:isolate}
.touchline-footer .tf-main{position:relative;overflow:hidden}
.touchline-footer .tf-main-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;min-height:282px;padding-block:48px}
.touchline-footer .tf-brand{max-width:490px}
.touchline-footer .brand{width:max-content;color:#fff}
.touchline-footer .brand>span{font-size:36px}
.touchline-footer .brand i{height:34px;width:7px;background:#6da5ff}
.touchline-footer .brand small{font-size:13px;letter-spacing:.13em;margin-top:6px}
.touchline-footer .tf-brand p{margin:20px 0 0;font-size:16px;line-height:1.9;color:#d5e1f3}
.touchline-footer .tf-links{display:grid;gap:4px;min-width:0}
.touchline-footer .tf-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.touchline-footer button{font:inherit;cursor:pointer;color:inherit}
.touchline-footer .tf-primary :is(a,button){display:flex;align-items:center;flex-direction:column;justify-content:center;gap:13px;min-height:108px;padding:12px 4px;border:0;background:transparent;transition:color 200ms,background-color 200ms}
.touchline-footer .tf-primary :is(a,button),.touchline-footer .tf-legal :is(a,button){font:700 17px/1.5 var(--font-body);color:#fff}
.touchline-footer .tf-primary img{width:34px;height:34px;flex:none;filter:brightness(0) invert(1);opacity:.92}
.touchline-footer .tf-primary :is(a,button) span,.touchline-footer .tf-legal :is(a,button) span{position:relative}
.touchline-footer .tf-primary :is(a,button) span:after,.touchline-footer .tf-legal :is(a,button) span:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 200ms}
.touchline-footer .tf-primary :is(a,button):hover,.touchline-footer .tf-legal :is(a,button):hover{color:#9dc7ff}
.touchline-footer .tf-primary :is(a,button):hover span:after,.touchline-footer .tf-legal :is(a,button):hover span:after{transform:scaleX(1)}
.touchline-footer .tf-primary :is(a,button):active,.touchline-footer .tf-legal :is(a,button):active{background:#304a79}
.touchline-footer button:focus-visible,.touchline-footer a:focus-visible{outline:2px solid #a9d2ff;outline-offset:5px;border-radius:2px}
.touchline-footer .tf-decoration{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.touchline-footer .tf-decoration img{position:absolute;filter:brightness(0) invert(1);opacity:.12;object-fit:contain;transform:translate(var(--fx,0px),var(--fy,0px)) rotate(-14deg);transition:transform 240ms ease-out}
.touchline-footer .tf-ball{width:170px;height:170px;left:-56px;bottom:-66px}
.touchline-footer .tf-trophy{width:115px;height:115px;right:24px;top:14px}
.touchline-footer .tf-base{background:#1c3056;border-top:1px solid #526e97}
.touchline-footer .tf-base-inner{display:flex;align-items:center;justify-content:center;text-align:center;min-height:68px;padding-block:18px}
.touchline-footer .tf-base small{font-size:14px;line-height:1.7}
.touchline-footer .tf-legal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:center}
.touchline-footer .tf-legal :is(a,button){position:relative;min-height:44px;min-width:0;background:none;border:0;padding:10px 4px;transition:color 200ms,background-color 200ms}
.touchline-footer .tf-dialog{width:min(620px,calc(100vw - 32px));max-height:80vh;margin:auto;padding:28px;border:1px solid #d4dfef;border-radius:6px;background:#fff;color:#334155;box-shadow:0 20px 80px #07152640}
.touchline-footer .tf-dialog::backdrop{background:#0f172a99}
.touchline-footer .tf-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.touchline-footer .tf-dialog h2{margin:0;color:#0f172a;font-size:24px;line-height:1.4}
.touchline-footer .tf-dialog p{margin:0 0 16px;font-size:16px;line-height:1.85}
.touchline-footer .tf-close{min-height:44px;padding:8px 16px;border:1px solid #1d4ed8;background:white;border-radius:3px;color:#1d4ed8;font-size:15px}
.touchline-footer .tf-close:hover{background:#eff6ff}
.touchline-footer .tf-dialog a{color:#1d4ed8;text-underline-offset:4px}
.touchline-footer .tf-dialog a:hover{text-decoration:underline}
.touchline-footer .tf-map{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;list-style:none;padding:0;margin:0}
.touchline-footer .tf-map a{display:flex;align-items:center;min-height:44px;font-size:16px}
.touchline-footer .tf-noscript{padding:16px;margin:0;font-size:14px}
@media(max-width:900px){.touchline-footer .tf-main-inner{gap:30px}.touchline-footer .tf-desktop-break{display:none}.touchline-footer .tf-primary,.touchline-footer .tf-legal{gap:10px}}
@media(max-width:640px){
 .touchline-footer .tf-main-inner{grid-template-columns:1fr;gap:26px;padding-block:34px 30px;min-height:0}
 .touchline-footer .brand>span{font-size:32px}.touchline-footer .brand i{height:30px}.touchline-footer .brand small{font-size:12px}
 .touchline-footer .tf-brand p{margin-top:18px;font-size:16px;line-height:1.85}
 .touchline-footer .tf-primary{gap:12px}.touchline-footer .tf-primary :is(a,button){font-size:16px;min-height:86px;gap:10px;padding-inline:0}.touchline-footer .tf-primary img{width:28px;height:28px}
 .touchline-footer .tf-base-inner{min-height:64px;padding-block:18px}
 .touchline-footer .tf-legal{gap:12px}
 .touchline-footer .tf-legal :is(a,button){font-size:16px;padding:10px 0}
 .touchline-footer .tf-base small{font-size:13px}.touchline-footer .tf-trophy{width:84px;height:84px;right:14px;top:12px}.touchline-footer .tf-ball{width:140px;height:140px;bottom:-72px;left:-68px}
 .touchline-footer .tf-dialog{padding:22px}.touchline-footer .tf-map{column-gap:12px}
}
@media(prefers-reduced-motion:reduce){.touchline-footer .tf-decoration img,.touchline-footer button,.touchline-footer button span:after{transition:none}.touchline-footer .tf-decoration img{transform:rotate(-14deg)}}

.touchline-footer .tf-legal a{text-align:center}

.touchline-footer .tf-dialog-head .tf-dialog-title{margin:0;color:#0f172a;font-size:24px;line-height:1.4;font-weight:700}
