/*
 * DFS Lines. Near-black ground, lime-to-cyan accent (palette 1), Barlow Condensed italic for
 * display — the same family as iBET without being iBET's orange. Team colour rides on --team.
 */
:root{
  --ink:#070912;--panel:#0f1326;--panel2:#161b35;--line:#242b4d;--text:#e7eaf7;--muted:#8e97bd;
  --lime:#c6f24e;--cyan:#22d3ee;--green:#34d399;--red:#f87171;--team:#4a5290;
  --display:"Barlow Condensed","Arial Narrow",Impact,sans-serif;--body:"Barlow","Segoe UI",Helvetica,Arial,sans-serif;
  --gut:clamp(14px,3vw,34px);--max:1280px;color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--text);font:16px/1.5 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-radius:6px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dfsl-wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
h1,h2,h3{font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase;color:#fff;line-height:.94;margin:0}
.dfsl-eyebrow{display:inline-flex;align-items:center;gap:7px;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:12.5px;color:var(--lime)}
.dfsl-live{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(52,211,153,.16)}
.dfsl-skip{position:absolute;left:10px;top:-60px;z-index:100;background:var(--lime);color:#0a1f04;padding:8px 14px;border-radius:8px;font-weight:700}
.dfsl-skip:focus{top:10px}

/* header */
.dfsl-hd{position:sticky;top:0;z-index:50;background:rgba(7,9,18,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.dfsl-hd .dfsl-wrap{display:flex;align-items:center;gap:22px;min-height:64px}
.dfsl-logo{height:auto}
.dfsl-nav{display:flex;gap:18px;font-weight:600;font-size:14px;color:var(--muted)}
.dfsl-nav a:hover,.dfsl-nav a.on{color:#fff}
.dfsl-hd-right{margin-left:auto}
.dfsl-btn{display:inline-flex;align-items:center;gap:7px;border-radius:9px;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:14px;padding:9px 16px;white-space:nowrap}
.dfsl-btn.lime{background:linear-gradient(90deg,var(--lime),#9fe870);color:#0a1f04}

/* rails */
.dfsl-rail{border-bottom:1px solid var(--line);background:var(--panel)}
.dfsl-rail.leagues{position:sticky;top:64px;z-index:40}
.dfsl-rail .dfsl-wrap{display:flex;align-items:center;gap:12px;padding-block:9px}
.dfsl-rail-label{flex:none;display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12.5px;color:var(--muted)}
.dfsl-scroll{min-width:0;overflow-x:auto;scrollbar-width:none}
.dfsl-scroll::-webkit-scrollbar{display:none}
.dfsl-chips{display:flex;gap:7px;width:max-content}
.dfsl-chip{display:flex;align-items:center;gap:7px;padding:6px 12px 6px 6px;border-radius:30px;border:1px solid var(--line);background:var(--panel2);white-space:nowrap;font-size:13.5px;font-weight:600}
.dfsl-chip.stat{padding:7px 14px}
.dfsl-chip img{width:22px;height:22px;padding:3px;border-radius:50%;background:#0b1024}
.dfsl-chip em{font-style:normal;font-size:11.5px;color:var(--muted)}
.dfsl-chip:hover{border-color:#3b456f}
.dfsl-chip[aria-current="page"]{border-color:var(--lime);background:linear-gradient(90deg,rgba(198,242,78,.22),rgba(34,211,238,.07));color:#fff}
.dfsl-arw{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:var(--panel2);color:var(--muted)}
.dfsl-arw svg{width:15px;height:15px}
.dfsl-arw:hover:not([disabled]){border-color:var(--lime);color:#fff}
.dfsl-arw[disabled]{opacity:.28}

/* board head */
.dfsl-bar{padding-block:18px 10px}
.dfsl-bar .dfsl-wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.dfsl-bar h1{font-size:clamp(26px,3.4vw,40px);margin-top:6px}
.dfsl-sub{color:var(--muted);font-size:14px;margin:6px 0 0}
.dfsl-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
/* On the wire page the filters belong under the heading, not out to its right. */
.dfsl-wirehead{width:100%}
.dfsl-wirehead .dfsl-tools{margin-top:14px}
.dfsl-sel{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.dfsl-sel button{padding:7px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--muted)}
.dfsl-sel button[aria-pressed="true"]{background:var(--panel2);color:#fff}
.dfsl-sel em{font-style:normal;font-size:11px;font-weight:700;margin-left:6px;color:var(--muted)}
.dfsl-sel button[aria-pressed="true"] em{color:var(--lime)}
.dfsl-sel.small button{padding:5px 9px;font-size:12px}
.dfsl-search{position:relative}
.dfsl-search input{width:190px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:#fff;padding:9px 12px 9px 32px;font:500 13.5px var(--body)}
.dfsl-search input::placeholder{color:var(--muted)}
.dfsl-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--muted)}

/* the list */
.dfsl-main{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start;padding-bottom:34px}
.dfsl-list{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}
.dfsl-lh,.dfsl-li{display:grid;grid-template-columns:30px minmax(0,2.1fr) 86px 96px 128px 38px;gap:14px;align-items:center;padding:11px 16px}
.dfsl-lh{background:var(--panel2);border-bottom:1px solid var(--line);font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.dfsl-lh span:nth-child(3),.dfsl-lh span:nth-child(4){text-align:center}
.dfsl-li{border-top:1px solid var(--line);cursor:pointer;transition:background .12s}
.dfsl-li:first-of-type{border-top:0}
.dfsl-li:hover,.dfsl-li[aria-expanded="true"]{background:#121734}
.dfsl-rk{font-family:var(--display);font-style:italic;font-weight:900;font-size:17px;color:var(--muted)}
.dfsl-who{display:flex;align-items:center;gap:11px;min-width:0}
.dfsl-av{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:top;flex:none;background:#1b2144;box-shadow:0 0 0 2px var(--team)}
.dfsl-av.logo{object-fit:contain;padding:6px;background:var(--panel2)}
.dfsl-av.ph{display:grid;place-items:center;font-weight:700;font-size:13px;color:#fff;background:var(--team)}
.dfsl-who-t{min-width:0}
.dfsl-who-t b{display:block;font-size:15px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dfsl-who-t span{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dfsl-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-left:6px;vertical-align:middle}
.dfsl-line{text-align:center;font-family:var(--display);font-style:italic;font-weight:900;font-size:26px;color:#fff;line-height:1}
.dfsl-hit{justify-self:center;display:inline-flex;align-items:center;padding:5px 10px;border-radius:20px;font-size:12.5px;font-weight:700;border:1px solid var(--line);background:#0d1330;color:var(--text)}
.dfsl-hit.hot{color:var(--lime);border-color:rgba(198,242,78,.4);background:rgba(198,242,78,.1)}
.dfsl-hit.cold{color:var(--red);border-color:rgba(248,113,113,.35);background:rgba(248,113,113,.08)}
.dfsl-hit.pending{color:var(--muted)}
.dfsl-spark{display:flex;align-items:flex-end;gap:3px;height:34px}
.dfsl-spark.empty{opacity:.25;border-bottom:1px dashed var(--line)}
.dfsl-spark i{flex:1;border-radius:2px 2px 0 0;background:#39406e;min-height:2px}
.dfsl-spark i.over{background:linear-gradient(180deg,var(--lime),#8cd13f)}
.dfsl-chev{justify-self:end;width:28px;height:28px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);transition:transform .15s}
.dfsl-chev svg{width:14px;height:14px}
.dfsl-li[aria-expanded="true"] .dfsl-chev{transform:rotate(180deg);color:var(--lime)}

/* the opened row */
.dfsl-detail{border-top:1px solid var(--line);background:#0b0f26;padding:18px 16px 20px}
.dfsl-dwrap{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;align-items:start}
.dfsl-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}
.dfsl-tag{font-size:12.5px;padding:5px 10px;border-radius:20px;background:var(--panel2);border:1px solid var(--line)}
.dfsl-tag b{color:#fff}
.dfsl-chart-t{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--muted);margin-bottom:10px}
.dfsl-chart{position:relative;height:172px;display:flex;align-items:flex-end;gap:6px;padding-right:44px;border-bottom:1px solid var(--line)}
.dfsl-ln{position:absolute;left:0;right:0;border-top:2px dashed rgba(255,255,255,.5)}
.dfsl-ln span{position:absolute;right:0;top:-10px;width:40px;text-align:right;font-size:11px;font-weight:700;line-height:18px;color:#fff;background:#0b0f26}
.dfsl-cbar{position:relative;flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.dfsl-cbar i{display:block;width:100%;max-width:32px;border-radius:5px 5px 0 0;background:#39406e;min-height:3px}
.dfsl-cbar.over i{background:linear-gradient(180deg,var(--lime),#8cd13f)}
.dfsl-cbar b{font-size:11.5px;font-weight:700;color:#fff;margin-bottom:4px}
.dfsl-xax{display:flex;gap:6px;margin-top:6px;padding-right:44px}
.dfsl-xax span{flex:1;min-width:0;text-align:center;font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dfsl-log{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dfsl-log table{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}
.dfsl-log th,.dfsl-log td{padding:7px 9px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}
.dfsl-log th{background:var(--panel2);color:var(--muted);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.dfsl-log th:first-child,.dfsl-log td:first-child,.dfsl-log th:nth-child(2),.dfsl-log td:nth-child(2){text-align:left}
.dfsl-log tr:last-child td{border-bottom:0}
.dfsl-hint{color:var(--muted);font-size:13px;margin-top:12px}
.dfsl-empty{color:var(--muted);padding:22px;text-align:center}

/* the front page: the league tag on a row, the grid of leagues under the list */
.dfsl-lgtag{display:inline-block;margin-right:8px;padding:2px 7px;border-radius:5px;background:var(--team);
  color:#fff;font-family:var(--display);font-weight:700;font-size:11.5px;letter-spacing:.06em;
  text-transform:uppercase;vertical-align:2px;mix-blend-mode:normal}
.dfsl-h2{font-size:24px;margin:30px 0 14px}
.dfsl-lgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:12px}
.dfsl-lgcard{display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.dfsl-lgcard:hover{border-color:var(--lime)}
.dfsl-lgtop{display:flex;align-items:center;gap:9px}
.dfsl-lgtop img{width:26px;height:26px;padding:3px;border-radius:50%;background:#0b1024}
.dfsl-lgtop b{font-size:15.5px;color:#fff}
.dfsl-lgmeta{font-size:12.5px;color:var(--muted)}
.dfsl-lgtop-stat{font-size:12px;color:var(--cyan)}

/* today's promotion, under the app */
.dfsl-promo{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel)}
.dfsl-promo-banner img{width:100%;height:auto;display:block}
.dfsl-promo-b{padding:14px 16px 16px}
.dfsl-promo-b h2{font-size:23px;margin-top:7px}
.dfsl-promo-b p{margin:7px 0 0;font-size:13px;line-height:1.45;color:var(--muted)}
.dfsl-badge{font-style:normal;margin-left:8px;padding:2px 8px;border-radius:20px;background:rgba(198,242,78,.16);
  color:var(--lime);font-size:10.5px;letter-spacing:.08em}
.dfsl-promo-t{list-style:none;margin:10px 0 0;padding:0;display:flex;gap:7px;flex-wrap:wrap}
.dfsl-promo-t li{border:1px solid var(--line);border-radius:20px;padding:4px 10px;font-size:12px;color:var(--text)}
.dfsl-btn.full{display:flex;justify-content:center;margin-top:13px}

/* the app, above the wire */
.dfsl-side{position:sticky;top:120px;display:grid;gap:16px}
/* clip, not hidden: the phone bleeds off the right edge, and a hidden box is still one a focus ring
   or scrollIntoView can scroll sideways, which drags the copy out of the card. */
.dfsl-appunit{position:relative;overflow:hidden;overflow:clip;border:1px solid var(--line);border-radius:16px;padding:16px 16px 14px;
  background:linear-gradient(150deg,#101736,#0d1129 62%,#0a0d20)}
.dfsl-appunit::after{content:"";position:absolute;inset:auto -30% -60% auto;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(198,242,78,.16),transparent 70%)}
.dfsl-appunit-t{max-width:60%}
.dfsl-appunit h2{font-size:25px;line-height:1.02;margin-top:6px}
.dfsl-appunit p{margin:8px 0 12px;font-size:12.5px;line-height:1.45;color:var(--muted)}
.dfsl-appunit .dfsl-stores{position:relative;z-index:2;gap:8px}
.dfsl-appunit .dfsl-store{min-width:0;flex:1;padding:7px 12px 7px 10px;gap:8px}
.dfsl-appunit .dfsl-store svg{width:19px;height:19px}
.dfsl-appunit .dfsl-store strong{font-size:14px}
.dfsl-shot{position:absolute;pointer-events:none}
.dfsl-shot img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 40px rgba(0,0,0,.5)}
.dfsl-shot.rail{width:128px;right:-26px;top:14px;transform:rotate(5deg)}

/* the wire */
.dfsl-wire{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}
.dfsl-wire.wide{border-radius:16px}
.dfsl-wire-hd{padding:14px 16px;background:var(--panel2);border-bottom:1px solid var(--line);display:grid;gap:9px}
.dfsl-wire-hd h2{font-size:21px}
.dfsl-wi{padding:13px 16px;border-top:1px solid var(--line)}
.dfsl-wi:first-child,.dfsl-wi.first{border-top:0}
.dfsl-pick-league select{appearance:none;background:var(--panel) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238d95bd' stroke-width='2.4'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 9px center/15px;
  border:1px solid var(--line);border-radius:10px;color:#fff;padding:9px 30px 9px 12px;font:600 13px var(--body)}
.dfsl-pick-league select:focus-visible{outline:2px solid var(--lime);outline-offset:1px}
.dfsl-wi-meta{display:flex;align-items:center;gap:10px;margin-bottom:3px}
.dfsl-wi-who{font-size:12.5px;color:var(--cyan);font-weight:600}
.dfsl-ago{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.dfsl-wi-t{font-family:var(--body);font-style:normal;text-transform:none;font-size:14.5px;font-weight:700;color:#fff;line-height:1.3}
.dfsl-wi-c{font-size:13px;color:var(--muted);line-height:1.45;margin:3px 0 0}
.dfsl-lgrow{display:flex;align-items:center;gap:10px;padding:11px 16px;border-top:1px solid var(--line);font-size:14px;font-weight:600}
.dfsl-lgrow:first-of-type{border-top:0}
.dfsl-lgrow em{margin-left:auto;font-style:normal;font-size:12.5px;color:var(--muted)}

/* written pages and the 404 */
.dfsl-prose{max-width:72ch;color:var(--text);font-size:15.5px;line-height:1.65}
.dfsl-prose h2,.dfsl-prose h3{margin:26px 0 10px;font-size:22px}
.dfsl-prose p,.dfsl-prose ul,.dfsl-prose ol{margin:0 0 14px}
.dfsl-prose ul,.dfsl-prose ol{padding-left:22px}
.dfsl-prose a{color:var(--cyan);text-decoration:underline}
.dfsl-prose table{width:100%;border-collapse:collapse;margin-bottom:14px}
.dfsl-prose td,.dfsl-prose th{border:1px solid var(--line);padding:7px 10px;text-align:left}
.dfsl-404-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.dfsl-btn.ghost{border:1px solid var(--line);background:var(--panel);color:#fff}

/* closing call to action, footer */
.dfsl-cta{background:linear-gradient(100deg,#0c1128,#141a3a 60%,#1b2350);border-block:1px solid var(--line)}
.dfsl-cta .dfsl-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:34px}
.dfsl-cta h2{font-size:clamp(26px,3.4vw,42px);margin-top:8px}
.dfsl-shot.cta{position:static;flex:none;width:112px}
.dfsl-shot.cta img{transform:rotate(-4deg)}
.dfsl-cta p{margin:10px 0 0;color:var(--muted);max-width:44ch}
.dfsl-stores{display:flex;gap:12px;flex-wrap:wrap}
.dfsl-store{display:inline-flex;align-items:center;gap:10px;background:#05060f;border:1px solid var(--line);border-radius:12px;padding:9px 18px 9px 14px;min-width:170px;color:#fff}
.dfsl-store svg{width:24px;height:24px;flex:none}
.dfsl-store small{display:block;font-size:10.5px;line-height:1.1;color:#cfd3ea}
.dfsl-store strong{display:block;font-size:17px;line-height:1.1;font-weight:600}
.dfsl-ft{padding-block:30px;color:var(--muted);font-size:13.5px}
.dfsl-ft-top{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line)}
.dfsl-ft nav{display:flex;gap:16px;flex-wrap:wrap}
.dfsl-ft nav a:hover{color:#fff}
.dfsl-rg{margin:16px 0 0;max-width:80ch}
.dfsl-rg b{color:#fff}
.dfsl-copy{margin:8px 0 0;font-size:12.5px}

@media(max-width:1080px){
  .dfsl-main{grid-template-columns:minmax(0,1fr)}
  .dfsl-side{position:static}
  /* Stacked, the wire runs for thousands of pixels, so its rail goes above it rather than below —
     and "On the board" comes out, because the league rail at the top of the page already is it. */
  .dfsl-main.wire .dfsl-side{order:-1}
  .dfsl-main.wire .dfsl-side .dfsl-wire{display:none}
  .dfsl-appunit-t{max-width:70%}
  .dfsl-shot.rail{width:150px;right:-18px}
}
@media(max-width:980px){
  .dfsl-dwrap{grid-template-columns:minmax(0,1fr)}
  .dfsl-lh,.dfsl-li{grid-template-columns:24px minmax(0,1.6fr) 72px 86px 38px;gap:10px}
  .dfsl-lh span:nth-child(5),.dfsl-li .dfsl-spark{display:none}
}

/* Phones and small tablets: the chrome above the board was taking 175px of an 812px screen, and
   the rail labels alone ate half its width. The labels go, the rails stop sticking, and the header
   puts its two links on their own line rather than dropping them. */
@media(max-width:760px){
  .dfsl-rail.leagues{position:static}
  .dfsl-rail-label{display:none}
  .dfsl-rail .dfsl-wrap{gap:8px;padding-block:8px}
  .dfsl-arw{width:26px;height:26px}
  .dfsl-arw svg{width:14px;height:14px}
  .dfsl-chip{font-size:13px;padding:5px 11px 5px 5px}
  .dfsl-chip.stat{padding:6px 12px}
  .dfsl-chip img{width:20px;height:20px}
  .dfsl-sel{max-width:100%;overflow-x:auto;scrollbar-width:none}
  .dfsl-sel::-webkit-scrollbar{display:none}
  .dfsl-sel button{white-space:nowrap}
  .dfsl-bar{padding-block:14px 8px}
}
@media(max-width:640px){
  .dfsl-hd .dfsl-wrap{flex-wrap:wrap;gap:10px 14px;min-height:0;padding-block:9px}
  .dfsl-logo{width:116px}
  .dfsl-nav{order:3;width:100%;gap:16px;font-size:13px}
  .dfsl-btn{font-size:12.5px;letter-spacing:.06em;padding:8px 13px}
  .dfsl-lh,.dfsl-li{grid-template-columns:minmax(0,1fr) 54px 68px 26px;gap:8px;padding:10px 12px}
  .dfsl-lh span:first-child,.dfsl-li .dfsl-rk{display:none}
  .dfsl-av{width:32px;height:32px}
  .dfsl-who{gap:9px}
  .dfsl-who-t b{white-space:normal;line-height:1.14;font-size:14.5px}
  .dfsl-line{font-size:21px}
  .dfsl-hit{padding:4px 7px;font-size:11.5px}
  .dfsl-chev{width:26px;height:26px}
  .dfsl-tools{width:100%}
  .dfsl-search{flex:1;min-width:150px}
  .dfsl-search input{width:100%}
  .dfsl-appunit-t{max-width:62%}
  .dfsl-shot.rail{width:128px;right:-22px}
}
@media(prefers-reduced-motion:reduce){
  .dfsl-li,.dfsl-chev{transition:none}
}

/* Switching board. The old content stays put and dims while the new one is fetched, so nothing
   collapses and the page does not jump; on a warm prefetch it is over before it is noticed. */
#dfsl-swap{transition:opacity .14s ease}
#dfsl-swap.is-swapping{opacity:.6;pointer-events:none}
@media(prefers-reduced-motion:reduce){#dfsl-swap{transition:none}}