.dts-footer{
--ft-ink:#141414;
background:#fff;
padding:54px 0 calc(54px + env(safe-area-inset-bottom, 0px));
}
.dts-footer__bar{
display:flex; align-items:center; justify-content:space-between; gap:24px;
margin:0 86px;
height:55px; box-sizing:border-box;
padding:0 16px 0 12px;
border:1.5px solid var(--ft-ink); border-radius:999px;
background:#fff; color:var(--ft-ink);
}
.dts-footer__brand{ display:flex; align-items:center; gap:12px; white-space:nowrap; }
.dts-footer__logo{ display:block; width:37px; height:auto; }
.dts-footer__name{ font:500 22px/1 "Swear Display", serif; }
.dts-footer__name em{ font-style:italic; }
.dts-footer__nav{ position:relative; display:flex; align-items:center; gap:0; height:100%; }
.dts-footer__link{
position:relative; z-index:1;
display:flex; align-items:center; height:100%;
padding:0 16px;
font:500 22px/1 "Swear Display", serif;
color:var(--ft-ink); text-decoration:none; white-space:nowrap;
transition:color .16s ease;
}
.dts-footer__link + .dts-footer__link{ margin-left:33px; }
.dts-footer__link.is-on-pill{ color:#fff !important; }
.dts-footer__link:focus-visible{ outline:none; } .dts-footer__highlight{
position:absolute; top:50%; left:0; z-index:0;
height:55px; width:0; border-radius:999px;
background:var(--ft-ink);
transform:translate(0,-50%); opacity:0;
transition:transform .28s cubic-bezier(0.23,1,0.32,1), width .28s cubic-bezier(0.23,1,0.32,1), opacity .16s ease;
}
@media (max-width:900px){
.dts-footer{ padding:30px 0 calc(30px + env(safe-area-inset-bottom, 0px)); }
.dts-footer__bar{
margin:0 17px;
height:80px;
padding:0 20px 0 26px;
border-color:#707070;
}
.dts-footer__logo{ width:33px; }
.dts-footer__name{ display:none; }
.dts-footer__link{ font-size:16px; padding:0 12px; }
.dts-footer__link + .dts-footer__link{ margin-left:0; }
.dts-footer__highlight{ display:none; }
.dts-footer__link.is-on-pill{ color:var(--ft-ink) !important; }
}
@media (prefers-reduced-motion: reduce){
.dts-footer__highlight{ transition:none; }
}