/* Dorax Finance — adding and editing a transaction on a phone, v338 (features/phone/tx-form-land.js): a new one, its kind's own screen with the
   amount large and its mark, four categories in sight counting "Other", the account and the day as rows; one already saved, what it is as rows
   that open where each thing changes. The page's own colours (--bq-*). The keypad and its bar: look-land-panels.css. */
@media (max-width: 920px) {
  :root.land #overlay .tfl { display: flex; flex-direction: column; gap: 0; padding-top: 10px; }
  /* a new one's screen keeps its height while the keypad goes down and up, so nothing moves under a finger */
  :root.land #overlay .drawer:has(> .body.tfl.bq-tx) { height: calc(100dvh - 20px - var(--safe-t, 0px)); }
  :root.land #overlay .tfl .tx-form { display: flex; flex-direction: column; gap: 26px; }
  :root.land #overlay .tfl-page { display: flex; flex-direction: column; gap: 20px; }

  /* ---------- the amount, large, its mark beside it ---------- */
  :root.land #overlay .tfl .tx-amount.tfl-amt { display: flex; align-items: center; gap: 12px; padding: 4px 0 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
  :root.land #overlay .tfl-mk { flex: none; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; }
  :root.land #overlay .tfl-mk svg { width: 22px; height: 22px; }
  :root.land #overlay .tfl-mk.expense { background: color-mix(in srgb, var(--bq-crit) 14%, transparent); color: var(--bq-crit); }
  :root.land #overlay .tfl-mk.income { background: color-mix(in srgb, var(--lk-lime) 14%, transparent); color: var(--bq-accent); }
  :root.land #overlay .tfl-mk.transfer { background: var(--bq-card-3, var(--bq-card-2)); color: var(--bq-ink); }
  :root.land #overlay .tfl .tx-amount .tx-sym { display: inline; flex: none; width: auto; height: auto; border-radius: 0; background: none; color: var(--bq-ink-3); font-size: 22px; font-weight: 600; }
  :root.land #overlay .tfl .tx-amount .bq-amt { flex: 1 1 auto; min-width: 0; color: var(--bq-ink); font-size: 44px; font-weight: 600; letter-spacing: -.03em; line-height: 1.1; }
  :root.land #overlay .tfl .tx-amount:has(.bq-amt:focus-visible), :root.land #overlay .tfl .tx-amount:has(.bq-amt[aria-invalid="true"]) { box-shadow: none; }
  :root.land #overlay .tfl .tx-amount .bq-amt:focus-visible { outline: 2px solid var(--bq-accent); outline-offset: 4px; border-radius: 10px; }
  :root.land #overlay .tfl .tx-amount .bq-amt[aria-invalid="true"], :root.land #overlay .tfl .tx-amount .bq-amt[aria-invalid="true"] .bq-amt-ph { color: var(--bq-crit); }
  :root.land #overlay .tfl .tx-amount.typing .bq-amt::after { height: 36px; }

  /* the keys down: a pencil after the amount says a tap on it brings them back (v339) */
  :root.land #overlay .tfl .tx-amount:not(.typing) .bq-amt::after { content: ""; flex: none; width: 18px; height: 18px; margin-left: 10px; background: var(--bq-ink-3); -webkit-mask: var(--tfl-pen) center / contain no-repeat; mask: var(--tfl-pen) center / contain no-repeat; }
  :root.land #overlay .tfl { --tfl-pen: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16zM14 6l4 4'/%3E%3C/svg%3E"); }

  /* the keys and one bar under them (v339, owner, 2026-10-27: "el teclado tapa los demás fields y el usuario puede cometer un error"): while the
     keys are up the bar says "Done" and only puts them away; with them down the whole form is in sight and the bar records, with its amount, on
     one line. A hairline above, as the edge of what the keys cover. */
  :root.land #overlay .bq-tx-foot.tfl-keys { box-shadow: 0 -1px 0 var(--bq-line); }
  :root.land #overlay .bq-tx-foot.tfl-keys:not(.off) .btn.primary.bq-save, :root.land #overlay .bq-tx-foot.tfl-keys.off .btn.primary.bq-done { display: none; }
  :root.land #overlay .btn.primary.bq-done { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; padding: 10px 24px; border: 0; border-radius: 999px; background: var(--lk-pop); color: var(--lk-pop-ink); font-size: 17px; font-weight: 600; touch-action: manipulation; }
  :root.land #overlay .btn.primary.bq-done:hover { background: var(--lk-pop-hi); }
  :root.land #overlay .btn.primary.bq-done:active { transform: scale(.98); }
  :root.land #overlay .tfl-keys .btn.primary:is(.bq-save, .bq-done) { flex-wrap: nowrap; white-space: nowrap; animation: tfl-go-in 220ms ease-out both; }
  :root.land #overlay .tfl-keys .bq-save.wait { opacity: .6; pointer-events: none; }
  :root.land #overlay .tfl-keys .bq-save { transition: opacity 200ms ease-out, transform 120ms ease-out; }
  @media (max-height: 740px) { :root.land #overlay .btn.primary.bq-done { min-height: 52px; } }
  @media (prefers-reduced-motion: reduce) { :root.land #overlay .tfl-keys .btn.primary:is(.bq-save, .bq-done) { animation: none; transition: none; } }
  @keyframes tfl-go-in { from { opacity: 0; } to { opacity: 1; } }

  /* ---------- a field, a label over it ---------- */
  :root.land #overlay .tfl-field { display: flex; flex-direction: column; gap: 8px; }
  :root.land #overlay .tfl-lb { color: var(--bq-ink-2); font-size: 13px; font-weight: 600; }
  :root.land #overlay .tfl .tfl-in, :root.land #overlay .tfl #d-merchant { box-sizing: border-box; width: 100%; min-height: 52px; padding: 0 16px; border: 0; border-radius: 16px; background: var(--bq-card); box-shadow: inset 0 0 0 1px var(--bq-line); color: var(--bq-ink); font-size: 16px; }
  :root.land #overlay .tfl textarea.tfl-in { min-height: 96px; padding: 12px 16px; line-height: 1.45; resize: none; }
  :root.land #overlay .tfl .tfl-in:focus, :root.land #overlay .tfl #d-merchant:focus { outline: none; box-shadow: inset 0 0 0 2px var(--bq-accent); }
  :root.land #overlay .tfl .tfl-in::placeholder { color: var(--bq-ink-3); }
  :root.land #overlay .tfl .tfl-in[aria-invalid="true"] { box-shadow: inset 0 0 0 2px var(--bq-crit); }

  /* ---------- the category: four in sight, two by two; "Other" opens the rest as a list ---------- */
  :root.land #overlay .tfl-catbox { position: relative; }
  :root.land #overlay .tfl-cats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  :root.land #overlay .tfl-cat { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 8px; min-width: 0; min-height: 48px; padding: 0 12px 0 8px; border-radius: 999px; background: var(--bq-card); box-shadow: inset 0 0 0 1px var(--bq-line); color: var(--bq-ink); font-size: 14px; font-weight: 600; transition: background-color 200ms ease-out, box-shadow 200ms ease-out, transform 120ms ease-out; }
  :root.land #overlay .tfl-cat > span:not(.cg):not(.tfl-dots):not(.tfl-chev) { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  :root.land #overlay .tfl-cat .cg { flex: none; width: 32px; height: 32px; }
  :root.land #overlay .tfl-cat .cg svg { width: 16px; height: 16px; }
  :root.land #overlay .tfl-cat[aria-pressed="true"] { background: color-mix(in srgb, var(--lk-lime) 16%, var(--bq-card)); box-shadow: inset 0 0 0 1.5px var(--lk-lime); }
  :root.land #overlay .tfl-cat:active { transform: scale(.98); }
  :root.land #overlay .tfl-cat:focus-visible { outline: 2px solid var(--bq-accent); outline-offset: 2px; }
  :root.land #overlay .tfl-dots { flex: none; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: var(--bq-card-3, var(--bq-card-2)); color: var(--bq-ink-2); }
  :root.land #overlay .tfl-dots svg { width: 16px; height: 16px; }
  :root.land #overlay .tfl-chev { flex: none; display: grid; color: var(--bq-ink-3); transition: transform 250ms var(--ease); }
  :root.land #overlay .tfl-chev svg { width: 16px; height: 16px; }
  :root.land #overlay .tfl-other[aria-expanded="true"] .tfl-chev { transform: rotate(180deg); }
  :root.land #overlay .tfl-list { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 5; display: flex; flex-direction: column; max-height: 300px; overflow-y: auto; overscroll-behavior: contain; padding: 6px; border-radius: 20px; background: var(--bq-card-2); box-shadow: inset 0 0 0 1px var(--bq-line), 0 18px 40px -12px rgba(0, 0, 0, .6); animation: tfl-drop 240ms var(--ease-ios, cubic-bezier(.32, .72, 0, 1)) both; transform-origin: top; }
  /* v496 (owner, 2026-11-02, a screenshot of "Otra" opened while editing a transaction: "cambiar la categoría en PC es transparente el dropdown"):
     the list of categories lay under the rows that follow it (Cuenta, Fecha, Con la función, Estado). The field it sits in slides in with an
     animation that keeps its end ("both"), and an element so animated is a layer of its own, so the list's z-index counted only inside it and
     the rows after it were drawn on top. The part that holds the open list now comes first among its neighbours (the phone and the computer). */
  :root.land #overlay :is(.tfl-def, .tfl-sec, .tfl-catbox, .tfl-field, .tfl-ed):has(#tfl-list) { position: relative; z-index: 8; }
  @keyframes tfl-drop { from { opacity: 0; transform: translateY(-6px) scale(.98); } to { opacity: 1; transform: none; } }
  :root.land #overlay .tfl-opt { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 12px; min-height: 48px; padding: 4px 12px 4px 8px; border-radius: 12px; color: var(--bq-ink); }
  :root.land #overlay .tfl-opt[aria-selected="true"] { background: color-mix(in srgb, var(--lk-lime) 10%, transparent); }
  :root.land #overlay .tfl-opt:focus-visible { outline: 2px solid var(--bq-accent); outline-offset: -2px; }
  :root.land #overlay .tfl-opt .cg { flex: none; width: 30px; height: 30px; }
  :root.land #overlay .tfl-ot { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
  :root.land #overlay .tfl-ot b { color: var(--bq-ink); font-size: 15px; font-weight: 500; }
  :root.land #overlay .tfl-ot small { color: var(--bq-ink-3); font-size: 12px; }
  :root.land #overlay .tfl-ok { flex: none; display: grid; color: var(--bq-accent); }
  :root.land #overlay .tfl-ok svg { width: 18px; height: 18px; stroke-width: 2.4; }
  :root.land #overlay .tfl .tx-limit:empty { display: none; }

  /* ---------- rows: a label, what it is, the way to change it ---------- */
  :root.land #overlay .tfl-rows { display: flex; flex-direction: column; }
  :root.land #overlay .tfl-rows > * { position: relative; }
  :root.land #overlay .tfl-rows > * + *::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; background: var(--bq-line); }
  :root.land #overlay .tfl-row { all: unset; position: relative; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 56px; padding: 6px 0; }
  :root.land #overlay .tfl-row:focus-visible, :root.land #overlay .tfl-sel:focus-within { outline: 2px solid var(--bq-accent); outline-offset: 2px; border-radius: 12px; }
  :root.land #overlay .tfl-l { flex: none; width: 118px; color: var(--bq-ink-2); font-size: 14px; }
  :root.land #overlay .tfl-more .tfl-l { color: var(--bq-accent); font-weight: 600; }
  :root.land #overlay .tfl-v { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 8px; overflow: hidden; color: var(--bq-ink); font-size: 15px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
  :root.land #overlay .tfl-v b { overflow: hidden; font-weight: 600; text-overflow: ellipsis; }
  :root.land #overlay .tfl-v.soft { color: var(--bq-ink-3); font-size: 13.5px; font-weight: 500; }
  :root.land #overlay .tfl-v .cg { flex: none; }
  :root.land #overlay .tfl-go { flex: none; display: grid; color: var(--bq-ink-3); }
  :root.land #overlay .tfl-go svg { width: 16px; height: 16px; }
  :root.land #overlay .tfl-more[aria-expanded="true"] .tfl-go.down { transform: rotate(180deg); }
  :root.land #overlay .tfl-sel select, :root.land #overlay .tfl-sel input[type="date"] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; opacity: 0; cursor: pointer; font-size: 16px; }
  :root.land #overlay .tfl-lg { flex: none; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; overflow: hidden; color: var(--bq-accent); }
  :root.land #overlay .tfl-lg svg { width: 16px; height: 16px; }
  :root.land #overlay .tfl-lg .inst, :root.land #overlay .tfl-lg .inst img { width: 100%; height: 100%; min-width: 0; border-radius: 50%; }
  /* with the function: credit or debit, with room above and below (owner, 2026-10-27: "el switch está muy pegado a la línea de arriba") */
  :root.land #overlay .tfl-pay { padding: 16px 0 14px; }
  :root.land #overlay .tfl .tx-pay { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 0 12px; margin: 0; text-align: left; }
  :root.land #overlay .tfl .tx-pay > span { flex: none; width: 118px; color: var(--bq-ink-2); font-size: 14px; font-weight: 400; }
  :root.land #overlay .tfl .tx-pay .seg { flex: 1 1 0; width: auto; min-width: 0; margin-top: 0; }
  :root.land #overlay .tfl .tx-pay .note { flex-basis: 100%; margin: 8px 0 0; padding-left: 130px; color: var(--bq-ink-3); font-size: 13px; }
  :root.land #overlay .tfl-every { cursor: default; padding: 14px 0; }
  :root.land #overlay .tfl-every .switch, :root.land #overlay .tfl-tg .switch { flex: none; margin: 0; }
  :root.land #overlay .tfl-box { display: flex; flex-direction: column; gap: 14px; padding: 6px 0 14px; }
  :root.land #overlay .tfl-box[hidden] { display: none; }
  :root.land #overlay .tfl-box:not([hidden]) { animation: tfl-in 260ms var(--ease) both; }
  @keyframes tfl-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

  /* ---------- a transfer: from and to, the way to turn them round ---------- */
  :root.land #overlay .tfl-route { position: relative; display: flex; flex-direction: column; gap: 8px; }
  :root.land #overlay .tfl-acc { position: relative; box-sizing: border-box; display: flex; align-items: center; gap: 12px; min-height: 72px; padding: 12px 14px; border-radius: 20px; background: var(--bq-card); box-shadow: inset 0 0 0 1px var(--bq-line); }
  :root.land #overlay .tfl-acc:focus-within { box-shadow: inset 0 0 0 2px var(--bq-accent); }
  :root.land #overlay .tfl-acc select { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; opacity: 0; cursor: pointer; font-size: 16px; }
  :root.land #overlay .tfl-acc .tfl-lg { width: 40px; height: 40px; }
  :root.land #overlay .tfl-acc .tfl-lg svg { width: 18px; height: 18px; }
  :root.land #overlay .tfl-at { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  :root.land #overlay .tfl-at small, :root.land #overlay .tfl-av small { color: var(--bq-ink-3); font-size: 12px; font-weight: 600; }
  :root.land #overlay .tfl-at b { overflow: hidden; color: var(--bq-ink); font-size: 15px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
  :root.land #overlay .tfl-av { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
  :root.land #overlay .tfl-av b { color: var(--bq-ink); font-size: 14px; font-weight: 600; }
  :root.land #overlay .tfl-swap { all: unset; position: absolute; z-index: 2; top: 50%; right: 128px; box-sizing: border-box; display: grid; place-items: center; width: 44px; height: 44px; margin-top: -22px; border-radius: 50%; background: var(--lk-lime); color: var(--lk-deep); box-shadow: 0 0 0 4px var(--bq-page); cursor: pointer; -webkit-tap-highlight-color: transparent; }
  :root.land #overlay .tfl-swap svg { width: 18px; height: 18px; stroke-width: 2.4; transform: rotate(90deg); }
  :root.land #overlay .tfl-swap:focus-visible { outline: 2px solid var(--bq-accent); outline-offset: 4px; }
  :root.land #overlay .tfl-pocket { margin-top: -8px; }
  :root.land #overlay .tfl-home:empty { display: none; }
  :root.land #overlay .tfl-note { display: flex; align-items: flex-start; gap: 10px; margin: -6px 0 0; color: var(--bq-ink-3); font-size: 13px; line-height: 1.5; }
  :root.land #overlay .tfl-note svg { flex: none; width: 16px; height: 16px; margin-top: 2px; }

  /* ---------- one already saved ---------- */
  :root.land #overlay .tfl-top { display: flex; flex-direction: column; gap: 18px; padding-top: 4px; }
  :root.land #overlay .tfl-head { display: flex; align-items: center; gap: 14px; }
  :root.land #overlay .tfl-head > .cg { flex: none; width: 56px; height: 56px; }
  :root.land #overlay .tfl-head > .cg svg { width: 24px; height: 24px; }
  :root.land #overlay .tfl-hw { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
  :root.land #overlay .tfl-hw small { color: var(--bq-ink-2); font-size: 14px; }
  :root.land #overlay .tfl-hw b { color: var(--bq-ink); font-size: 34px; font-weight: 600; letter-spacing: -.03em; line-height: 1.05; }
  :root.land #overlay .tfl-hw b .cents { color: var(--bq-ink-3); font-size: 18px; letter-spacing: 0; }
  :root.land #overlay .tfl-chips { display: flex; flex-wrap: wrap; gap: 8px; }
  :root.land #overlay .tfl-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 32px; padding: 0 12px; border-radius: 999px; background: var(--bq-card); box-shadow: inset 0 0 0 1px var(--bq-line); color: var(--bq-ink); font-size: 13px; font-weight: 600; }
  :root.land #overlay .tfl-chip:has(.tfl-lg) { padding-left: 6px; }
  :root.land #overlay .tfl-chip .tfl-lg { width: 20px; height: 20px; }
  :root.land #overlay .tfl-chip.st { box-shadow: none; }
  :root.land #overlay .tfl-chip.st i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
  :root.land #overlay .tfl-chip.st.pending { background: color-mix(in srgb, var(--bq-warn) 16%, transparent); color: var(--bq-warn); }
  :root.land #overlay .tfl-chip.st.confirmed { background: color-mix(in srgb, var(--lk-lime) 16%, transparent); color: var(--bq-accent); }
  :root.land #overlay .tfl-chip.st.ignored { background: var(--bq-card-2); color: var(--bq-ink-3); }
  :root.land #overlay .tfl-sec { display: flex; flex-direction: column; }
  :root.land #overlay .tfl-sec h2 { margin: 0 0 6px; color: var(--bq-ink); font-size: 19px; font-weight: 600; letter-spacing: -.02em; }
  :root.land #overlay .tfl-ed { display: flex; flex-direction: column; gap: 10px; padding: 0 0 14px; animation: tfl-in 260ms var(--ease) both; }
  :root.land #overlay .tfl-ed .seg.tx-kind { padding: 4px; }
  :root.land #overlay .tfl-ed .tfl-field > .tfl-lb { display: none; }      /* the category's own row already says it */
  :root.land #overlay .tfl-ed select { min-height: 52px; border-radius: 16px; }
  :root.land #overlay .tfl-inamt { display: flex; align-items: center; gap: 10px; color: var(--bq-ink-3); font-size: 18px; font-weight: 600; }
  :root.land #overlay .tfl-state { cursor: default; padding: 14px 0; }
  :root.land #overlay .tfl-seg { flex: 1 1 auto; }
  :root.land #overlay .tfl-tg { all: unset; position: relative; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; display: flex; align-items: center; gap: 12px; width: 100%; min-height: 60px; padding: 8px 0; }
  :root.land #overlay div.tfl-tg { cursor: default; }
  :root.land #overlay .tfl-tg:focus-visible { outline: 2px solid var(--bq-accent); outline-offset: 2px; border-radius: 12px; }
  :root.land #overlay .tfl-ic { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--bq-circle); color: var(--bq-accent); }
  :root.land #overlay .tfl-ic svg { width: 18px; height: 18px; }
  :root.land #overlay .tfl-tt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  :root.land #overlay .tfl-tt b { color: var(--bq-ink); font-size: 15px; font-weight: 600; }
  :root.land #overlay .tfl-tt small { overflow: hidden; color: var(--bq-ink-2); font-size: 12.5px; text-overflow: ellipsis; white-space: nowrap; }
  :root.land #overlay .tfl-split { padding: 12px 0; }
  :root.land #overlay .tfl-bank { display: flex; flex-direction: column; margin-top: -6px; }
  :root.land #overlay .tfl-bh { all: unset; box-sizing: border-box; cursor: pointer; display: flex; align-items: center; gap: 10px; min-height: 48px; color: var(--bq-ink-3); font-size: 13.5px; }
  :root.land #overlay .tfl-bh > svg { width: 16px; height: 16px; }
  :root.land #overlay .tfl-bh > span:not(.tfl-go) { flex: 1 1 auto; }
  :root.land #overlay .tfl-bh:focus-visible { outline: 2px solid var(--bq-accent); outline-offset: 2px; border-radius: 10px; }
  :root.land #overlay .tfl-kv { display: grid; grid-template-columns: 96px 1fr; gap: 8px 12px; margin: 4px 0 6px 26px; font-size: 13px; animation: tfl-in 260ms var(--ease) both; }
  :root.land #overlay .tfl-kv dt { color: var(--bq-ink-3); }
  :root.land #overlay .tfl-kv dd { margin: 0; color: var(--bq-ink-2); font-size: 12.5px; overflow-wrap: anywhere; }
  :root.land #overlay .tfl-foot { display: flex; flex-direction: row; gap: 8px; padding: 12px 16px calc(14px + var(--safe-b, 0px)); background: var(--bq-page); }
  :root.land #overlay .tfl-foot .btn { min-height: 52px; border-radius: 999px; font-size: 15px; font-weight: 600; justify-content: center; }
  :root.land #overlay .tfl-foot .btn.primary { flex: 1.4 1 0; border: 0; background: var(--lk-lime); color: var(--lk-deep); }
  :root.land #overlay .tfl-foot .btn:not(.primary) { flex: 1 1 0; }

  @media (prefers-reduced-motion: reduce) { :root.land #overlay :is(.tfl-list, .tfl-box, .tfl-ed, .tfl-kv) { animation: none; } :root.land #overlay :is(.tfl-cat, .tfl-chev) { transition: none; } }
}