.ft{
--ft-gap:24px;
--ft-width:404px;
--ft-box-gap:8px;
--ft-link-gap:12px;
--ft-radius:32px;
--ft-font:1.1rem;
display:block;
width:calc(100vw - (var(--ft-gap) * 2));
margin:var(--ft-gap);
box-sizing:border-box;
max-width:100%;
text-align:center;
font-family:'Nunito',sans-serif;
color:#eee;
line-height:30px;
}
.ft *{
box-sizing:border-box;
max-width:100%;
font-family:'Nunito',sans-serif;
}
.ft-in{
width:100%;
max-width:var(--ft-width);
margin:0 auto;
padding:0;
box-sizing:border-box;
display:flex;
flex-direction:column;
align-items:center;
gap:var(--ft-gap);
}
.ft-box{
width:100%;
display:flex;
flex-direction:column;
gap:var(--ft-box-gap);
padding:var(--ft-gap);
background:#212121;
border-radius:var(--ft-radius);
box-sizing:border-box;
text-align:left;
color:#eee;
line-height:30px;
}
.ft-cols{
width:100%;
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--ft-gap);
}
.ft-col{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:var(--ft-link-gap);
min-width:0;
}
.ft-col-title{
color:rgba(255,255,255,0.86);
font-size:var(--ft-font);
font-weight:700;
line-height:1.2;
}
.ft-link{
display:inline-block;
color:rgba(255,255,255,0.68);
font-size:var(--ft-font);
text-decoration:none;
text-decoration-thickness:1px;
text-underline-offset:3px;
line-height:1.2;
font-family:'Nunito',sans-serif;
transition:none;
}
.ft-link:hover,
.ft-link:focus-visible{
color:#fff;
text-decoration:underline;
}
.ft-copy{
color:rgba(255,255,255,0.52);
font-size:var(--ft-font);
line-height:1.2;
text-align:center;
}
@media(max-width:800px){
.app-ft .ft-box{
display:none;
}
.app-ft .ft-in{
gap:0;
}
}