/* Dorax Finance — the owner's Pay bills, ticked (v435, features/phone/r6-paybills.js; board "Pagar-cuentas-V6"): a sheet from 132 px down, square at
   the top and with no grab bar, over the Plan dimmed; its head with "All" and the × in glass; a row a bill, its circle filling and its check drawing
   itself; the account under them; one lime button at the thumb, over a fade. */
@media (max-width: 920px) {
  :root.land #overlay .scrim.r6pb-scrim { background: rgba(0, 0, 0, .62); }
  :root.land #overlay .sheet.r6pb { top: 132px; bottom: 0; display: flex; flex-direction: column; box-sizing: border-box; max-height: none; padding: 0; overflow: hidden; border: 0; border-radius: 0; background: #161818; box-shadow: 0 -1px 0 rgba(239, 241, 246, .1), 0 -24px 50px -20px rgba(0, 0, 0, .8); color: #EFF1F6; outline: none; }
  :root.land #overlay .r6pb-head { flex: none; display: flex; align-items: center; gap: 10px; padding: 18px 16px 6px 20px; }
  :root.land #overlay .r6pb-ht { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  :root.land #overlay .r6pb-ht h2 { margin: 0; color: #EFF1F6; font-size: 20px; font-weight: 500; letter-spacing: -.02em; }
  :root.land #overlay .r6pb-ht small { overflow: hidden; color: rgba(239, 241, 246, .55); font-size: 13.5px; text-overflow: ellipsis; white-space: nowrap; }
  :root.land #overlay .r6pb-glass { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; flex: none; display: inline-flex; align-items: center; justify-content: center; height: 44px; border-radius: 999px; background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); color: #EFF1F6; font-size: 13.5px; font-weight: 500; transition: transform .34s cubic-bezier(.2, .9, .3, 1.25); }
  :root.land #overlay .r6pb-all { min-width: 44px; padding: 0 14px; }
  :root.land #overlay .r6pb-x { width: 44px; border-radius: 50%; }
  :root.land #overlay .r6pb-x svg { stroke-width: 2.2; }
  :root.land #overlay .r6pb-glass:active { transform: scale(.965); }
  :root.land #overlay .r6pb-scr { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 4px 0 150px; scrollbar-width: none; }
  :root.land #overlay .r6pb-scr::-webkit-scrollbar { display: none; }
  :root.land #overlay .r6pb-list { display: flex; flex-direction: column; }
  /* a row: the tick, the bill's icon, its name and when, its amount; a line under its words */
  :root.land #overlay .r6pb-row { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; position: relative; display: flex; align-items: center; gap: 14px; min-height: 64px; padding: 0 20px; color: #EFF1F6; transition: background-color .2s ease; }
  :root.land #overlay .r6pb-row:active { background: rgba(239, 241, 246, .04); }
  :root.land #overlay .r6pb-row::after { content: ""; position: absolute; left: 116px; right: 20px; bottom: 0; height: 1px; background: rgba(239, 241, 246, .06); }
  :root.land #overlay .r6pb-tk { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px rgba(239, 241, 246, .28); color: #101212;
    transition: background-color .2s ease, box-shadow .2s ease, transform .3s cubic-bezier(.34, 1.56, .64, 1); }
  :root.land #overlay .r6pb-tk svg { stroke-width: 3; }
  :root.land #overlay .r6pb-tk path { stroke-dasharray: 22; stroke-dashoffset: 22; transition: stroke-dashoffset .28s cubic-bezier(.65, 0, .35, 1) .06s; }
  :root.land #overlay .r6pb-tk.on { background: #D9DCE1; box-shadow: none; transform: scale(1.06); }
  :root.land #overlay .r6pb-tk.on path { stroke-dashoffset: 0; }
  :root.land #overlay .r6pb-ic { flex: none; display: grid; place-items: center; width: 40px; height: 40px; overflow: hidden; border-radius: 50%; background: rgba(239, 241, 246, .08); color: #EFF1F6; }
  :root.land #overlay .r6pb-ic > svg { width: 18px; height: 18px; }
  :root.land #overlay .r6pb-ic > img { width: 40px; height: 40px; object-fit: cover; background: #fff; }
  :root.land #overlay .r6pb-ic > :not(svg, img) { width: 40px; height: 40px; }
  :root.land #overlay .r6pb-t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; padding: 12px 0; }
  :root.land #overlay .r6pb-t b { overflow: hidden; color: #EFF1F6; font-size: 15.5px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
  :root.land #overlay .r6pb-t small { display: flex; align-items: center; min-width: 0; color: rgba(239, 241, 246, .55); font-size: 12.5px; }
  :root.land #overlay .r6pb-w { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  :root.land #overlay .r6pb-w.soon { flex: none; padding: 2px 9px; border-radius: 999px; background: linear-gradient(180deg, #C9EDB0, #9FD182); color: #101212; font-weight: 500; }
  :root.land #overlay .r6pb-w.late { flex: none; padding: 2px 9px; border-radius: 999px; background: rgba(255, 138, 128, .14); color: #FF8A80; font-weight: 500; }
  :root.land #overlay .r6pb-amt { flex: none; color: #EFF1F6; font-size: 15px; font-weight: 500; }
  /* where they are paid from: the system's picker over the row */
  :root.land #overlay .r6pb-from { position: relative; display: flex; align-items: center; gap: 12px; min-height: 66px; margin-top: 10px; padding: 0 20px; transition: background-color .2s ease; }
  :root.land #overlay .r6pb-from:active { background: rgba(239, 241, 246, .04); }
  :root.land #overlay .r6pb-from:has(select:focus-visible) { outline: 2px solid #9FD182; outline-offset: -2px; border-radius: 16px; }
  :root.land #overlay .r6pb-fk { flex: none; width: 70px; color: rgba(239, 241, 246, .6); font-size: 14px; }
  :root.land #overlay .r6pb-lg { flex: none; display: grid; place-items: center; width: 30px; height: 30px; overflow: hidden; border-radius: 50%; background: rgba(239, 241, 246, .08); color: rgba(239, 241, 246, .7); }
  :root.land #overlay .r6pb-lg :is(.inst, .inst img, img) { display: block; width: 30px; height: 30px; border-radius: 50%; }
  :root.land #overlay .r6pb-lg > svg { width: 16px; height: 16px; }
  :root.land #overlay .r6pb-ft { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
  :root.land #overlay .r6pb-ft b { overflow: hidden; color: #EFF1F6; font-size: 15.5px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
  :root.land #overlay .r6pb-ft small { color: rgba(239, 241, 246, .5); font-size: 12.5px; }
  :root.land #overlay .r6pb-chev { flex: none; display: grid; color: rgba(239, 241, 246, .5); }
  :root.land #overlay .r6pb-chev svg { stroke-width: 2.2; }
  :root.land #overlay .r6pb-sel { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; font-size: 16px; }
  /* at the thumb: one button over a fade; its count and total follow the ticks */
  :root.land #overlay .r6pb-foot { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 20px calc(28px + var(--safe-b, 0px)); background: linear-gradient(180deg, rgba(17, 19, 19, 0), rgba(17, 19, 19, .95) 45%, #161818); pointer-events: none; }
  :root.land #overlay .r6pb-go { all: unset; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; pointer-events: auto; display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 56px; padding: 0 20px; border-radius: 999px; background: #9FD182; color: #101212; font-size: 15px; font-weight: 500; white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 8px 22px rgba(0, 0, 0, .45), 0 0 18px rgba(159, 209, 130, .3); transition: transform .34s cubic-bezier(.2, .9, .3, 1.25), background-color .2s ease, color .2s ease; }
  :root.land #overlay .r6pb-go:active { transform: scale(.965); }
  :root.land #overlay .r6pb-go.off { background: rgba(239, 241, 246, .08); color: rgba(239, 241, 246, .45); box-shadow: none; cursor: default; }
  :root.land #overlay .r6pb-go.off:active { transform: none; }
  :root.land #overlay .r6pb-go.paid { animation: r6pb-ok .45s cubic-bezier(.34, 1.56, .64, 1) both; }
  :root.land #overlay .r6pb-go svg { flex: none; stroke-width: 2.8; }
  :root.land #overlay :is(.r6pb-row, .r6pb-glass, .r6pb-go):focus-visible { outline: 2px solid #9FD182; outline-offset: -2px; }
  :root.land #overlay .r6pb-go:focus-visible { outline-color: #EFF1F6; outline-offset: 3px; }
  @keyframes r6pb-ok { from { transform: scale(.92); } to { transform: none; } }
  @media (prefers-reduced-motion: reduce) {
    :root.land #overlay :is(.r6pb-row, .r6pb-tk, .r6pb-tk path, .r6pb-glass, .r6pb-go, .r6pb-from) { transition: none; }
    :root.land #overlay .r6pb-go.paid { animation: none; }
  }
}