/* Dorax Finance — the household's v6 forms, sheets and panels in the company's colours: written by tools/r6-co.py from the look-r6*.css
   files; do not edit by hand. On with the class r6-co on the root (js/app/shell.js: applyTheme; features/phone/r6-co.js). */
/* ---- look-r6-add.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .drawer:has(> .body.r6-add.tfl), :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6-add.tfl) { --bq-accent: var(--co-hi); --lk-pop: var(--co-hi); --lk-pop-hi: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .drawer:has(> .body.r6-add) > header [data-a="close"]:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6-add) > header [data-a="close"]:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-add .r6-caret, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-add .r6-caret { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-al-bar .b, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-al-bar .b { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-al-bar .b.over, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-al-bar .b.over { background: linear-gradient(90deg, #E0A43C, #F7D27A); }
  :root.land.in-app.r6-co #overlay .r6-al-bar .in, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-al-bar .in { background: #9FD182; box-shadow: 0 0 14px rgba(159, 209, 130, .35); }
  :root.land.in-app.r6-co #overlay .r6-add .tfl-l, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-add .tfl-l { color: rgba(239, 241, 246, .6); }
  :root.land.in-app.r6-co #overlay .r6-add .tfl-more .tfl-l, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-add .tfl-more .tfl-l { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-sb:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-sb:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-inst-segs i:first-child, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-inst-segs i:first-child { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-add ~ .bq-tx-foot .btn.primary:is(.bq-save, .bq-done), :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-add ~ .bq-tx-foot .btn.primary:is(.bq-save, .bq-done) { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .r6-al-bar .gb, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-al-bar .gb { background: var(--co-hi); box-shadow: 0 0 14px rgba(var(--co-rgb), .4); }
  :root.land.in-app.r6-co #overlay .r6-add .tfl-acc:focus-within, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-add .tfl-acc:focus-within { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-add .tfl-swap, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-add .tfl-swap { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .r6-ico.on, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-ico.on { background: rgba(217, 220, 225, .12); box-shadow: inset 0 0 0 1.5px #D9DCE1; }
  :root.land.in-app.r6-co #overlay .r6-ico:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-ico:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-ico.own, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-ico.own { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-brands-go:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-brands-go:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-day:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-day:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-cd.now, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-cd.now { box-shadow: inset 0 0 0 1.5px rgba(217, 220, 225, .55); }
  :root.land.in-app.r6-co #overlay .r6-cd.on, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-cd.on { background: linear-gradient(180deg, var(--co-hi), var(--co-hi)); color: var(--co-on); box-shadow: 0 6px 16px -8px rgba(var(--co-rgb), .8); }
  :root.land.in-app.r6-co #overlay .r6-cd:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-cd:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-bk:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-bk:focus-visible, :root.land.in-app.r6-co #overlay .r6-bk.other:focus-within, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-bk.other:focus-within { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-cur:focus-within, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-cur:focus-within { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-pv-bar i, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-pv-bar i { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-best-d, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-best-d { background: rgba(var(--co-rgb), .12); box-shadow: inset 0 0 0 1px rgba(var(--co-rgb), .3); color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-best-d i, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-best-d i { background: rgba(var(--co-rgb), .28); }
  :root.land.in-app.r6-co #overlay .r6-main .tfl-l.wide, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-main .tfl-l.wide { color: #EFF1F6; }
  :root.land.in-app.r6-co #overlay .r6-lm-bar .s, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-lm-bar .s { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-lm-bar .s.warm, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-lm-bar .s.warm { background: #F7D27A; }
  :root.land.in-app.r6-co #overlay .r6-lm-bar .s.over, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-lm-bar .s.over { background: linear-gradient(90deg, #E0A43C, #F7D27A); }
  :root.land.in-app.r6-co #overlay .r6-avg:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-avg:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-off .tfl-l, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-off .tfl-l { color: #FF8A80; }
  :root.land.in-app.r6-co #overlay .r6-flag b, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-flag b { background: linear-gradient(180deg, var(--co-hi), var(--co-hi)); box-shadow: 0 6px 14px -6px rgba(var(--co-rgb), .7); }
  :root.land.in-app.r6-co #overlay .r6-pc[aria-pressed="true"], :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-pc[aria-pressed="true"], :root.land.in-app.r6-co #overlay .r6-pc.on, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-pc.on { background: rgba(217, 220, 225, .12); box-shadow: inset 0 0 0 1.5px #D9DCE1; }
  :root.land.in-app.r6-co #overlay .r6-pc:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-pc:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-go, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-go { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .r6-rule input.r6-kw, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-rule input.r6-kw { caret-color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-chip:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-chip:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-cico.on, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-cico.on { background: color-mix(in srgb, var(--cc) 16%, transparent); box-shadow: inset 0 0 0 1.5px #D9DCE1; color: var(--cc); }
  :root.land.in-app.r6-co #overlay .r6-cico:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-cico:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-tint:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-tint:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-add .tfl-l.wide, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-add .tfl-l.wide { color: #EFF1F6; }
  :root.land.in-app.r6-co #overlay .r6-yr-c i.pay, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-yr-c i.pay { border: 1.5px dashed rgba(var(--co-rgb), .6); }
  :root.land.in-app.r6-co #overlay .r6-yr-c > span:has(i.pay) small, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-yr-c > span:has(i.pay) small, :root.land.in-app.r6-co #overlay .r6-yr-c > span:has(i.due) small, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-yr-c > span:has(i.due) small { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-yr-l small.pay, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-yr-l small.pay, :root.land.in-app.r6-co #overlay .r6-yr-l small.due, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-yr-l small.due { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-yr.on .r6-yr-s b, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-yr.on .r6-yr-s b { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-mo:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-mo:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-db-ok, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-db-ok { background: linear-gradient(180deg, var(--co-hi), var(--co-hi)); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .r6-dbr.out .r6-db-l span:last-child, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-dbr.out .r6-db-l span:last-child, :root.land.in-app.r6-co #overlay .r6-dbr.out .r6-yr-s b, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-dbr.out .r6-yr-s b { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-fd:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-fd:focus-visible, :root.land.in-app.r6-co #overlay .r6-fx:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-fx:focus-visible, :root.land.in-app.r6-co #overlay .r6-qb:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-qb:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-fx-mk, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-fx-mk { background: rgba(var(--co-rgb), .13); box-shadow: inset 0 0 0 1px rgba(var(--co-rgb), .3); color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-chal-c:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-chal-c:focus-visible, :root.land.in-app.r6-co #overlay .r6-pill:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-pill:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-wk-g i.now, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-wk-g i.now { box-shadow: inset 0 0 0 2px #EFF1F6; }
  :root.land.in-app.r6-co #overlay .r6-dys span.now, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-dys span.now { background: rgba(217, 220, 225, .14); box-shadow: inset 0 0 0 2px #D9DCE1; color: #EFF1F6; }
  :root.land.in-app.r6-co #overlay .r6-dys span.last, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-dys span.last { background: rgba(var(--co-rgb), .08); box-shadow: inset 0 0 0 1.5px rgba(var(--co-rgb), .7); color: var(--co-hi); }
}
/* ---- look-r6-bell.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .drawer:has(> .body.r6-bell), :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6-bell) { --bq-accent: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .drawer:has(> .body.r6-bell) > header [data-a="close"]:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6-bell) > header [data-a="close"]:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6b-dn, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6b-dn { background: #070808; color: rgba(239, 241, 246, .55); }
  :root.land.in-app.r6-co #overlay .r6b-d.pay .r6b-dn, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6b-d.pay .r6b-dn { background: rgba(239, 241, 246, .14); color: #EFF1F6; }
  :root.land.in-app.r6-co #overlay .r6b-d.now .r6b-dn, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6b-d.now .r6b-dn { box-shadow: inset 0 0 0 1.5px var(--co-hi); color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6b-d.now small, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6b-d.now small { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-bell .bn-pill.main, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-bell .bn-pill.main { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .r6b-fb:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6b-fb:focus-visible { outline: 2px solid var(--co-hi); }
}
/* ---- look-r6-cardv.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .drawer:has(.r6cv), :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(.r6cv) { --bq-accent: var(--co-hi); --link: var(--co-hi); --focus: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .drawer:has(.r6cv) > header :is(.cvl-more, [data-a="close"]):focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(.r6cv) > header :is(.cvl-more, [data-a="close"]):focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv .bp-link, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv .bp-link { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv .bp-link:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv .bp-link:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv-paid svg, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-paid svg { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv-lb i.left, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-lb i.left { background: rgba(var(--co-rgb), .28); box-shadow: inset 0 0 0 1px rgba(var(--co-rgb), .5); }
  :root.land.in-app.r6-co #overlay .r6cv-lt b, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-lt b { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv-mk:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-mk:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv-mk-go, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-mk-go { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv-pay.soon, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-pay.soon { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .r6cv-pay:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-pay:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv .r6cv-seg button:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv .r6cv-seg button:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv-tx:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-tx:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv-main .switch input:focus-visible + .track, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-main .switch input:focus-visible + .track { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv-def:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-def:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv-b:not(.go) svg, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-b:not(.go) svg { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv-b.go, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-b.go { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .r6cv-b:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-b:focus-visible { outline: 2px solid var(--co-hi); }
}
/* ---- look-r6-catv.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .r6cv :is(button, .r6cv-link):focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv :is(button, .r6cv-link):focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv-lh > span b, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-lh > span b { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv-gp > i, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-gp > i { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv-ri, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-ri { background: rgba(var(--co-rgb), .12); color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv-link, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-link { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv-db.go, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-db.go { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .r6cv-db:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-db:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv-gi, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv-gi { color: var(--co-hi); }
}
/* ---- look-r6-close.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .r6mcs-big.go, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-big.go { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6mcs-tr i.in, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-tr i.in { background: #9FD182; }
  :root.land.in-app.r6-co #overlay .r6mcs-lh, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-lh { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6mcs-lh.over, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-lh.over { color: #FF8A80; }
  :root.land.in-app.r6-co #overlay .r6mcs-lim circle.arc, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-lim circle.arc { stroke: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6mcs-lim.over circle.arc, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-lim.over circle.arc { stroke: #FF8A80; }
  :root.land.in-app.r6-co #overlay .r6mcs-set.go b, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-set.go b { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6mcs-g:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-g:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6mcs-gi, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-gi { background: rgba(239, 241, 246, .08); color: rgba(239, 241, 246, .72); }
  :root.land.in-app.r6-co #overlay .r6mcs-g.ok .r6mcs-gi, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-g.ok .r6mcs-gi { background: rgba(var(--co-rgb), .14); color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6mcs-gb i, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-gb i { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6mcs-link:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-link:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6mcs-cal i.now, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-cal i.now { background: rgba(217, 220, 225, .14); box-shadow: inset 0 0 0 2px #D9DCE1; color: #EFF1F6; }
  :root.land.in-app.r6-co #overlay .r6mcs-cal i.go, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-cal i.go { background: rgba(var(--co-rgb), .2); }
  :root.land.in-app.r6-co #overlay .r6mcs-plan svg, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-plan svg { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6mcs-bank p svg, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-bank p svg, :root.land.in-app.r6-co #overlay .r6mcs-left p svg, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-left p svg { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6mcs-go, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-go { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .r6mcs-go:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-go:focus-visible, :root.land.in-app.r6-co #overlay .r6mcs-chip:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-chip:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6mcs-chip.on, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mcs-chip.on { box-shadow: inset 0 0 0 1.5px var(--co-hi); }
}
/* ---- look-r6-empty.css ---- */
@media (max-width: 920px) {
  :root.r6.in-app.r6-co :is(#view, #overlay) .r6-link:focus-visible, :root.r6.in-app :is(#view, #overlay:has(> .drawer.r6-coa)) .r6-link:focus-visible { outline: 2px solid var(--co-hi); }
}
/* ---- look-r6-forms.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .r6-fp-bar .b, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-fp-bar .b { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-fp-bar .b.over, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-fp-bar .b.over { background: #F7D27A; }
  :root.land.in-app.r6-co #overlay .r6-fp-t .r.done, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-fp-t .r.done { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-del:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-del:focus-visible { outline: 2px solid var(--co-hi); }
}
/* ---- look-r6-goalmove.css ---- */
@media (max-width: 920px) {
  :root.in-app.r6-co #overlay .r6gm-sheet :is(button, select):focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gm-sheet :is(button, select):focus-visible { outline: 2px solid var(--co-hi); }
  :root.in-app.r6-co #overlay .r6gm-track > i, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gm-track > i { background: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6gm-track > i.chg, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gm-track > i.chg { background: rgba(var(--co-rgb), .45); }
  :root.in-app.r6-co #overlay .r6gm-bar.out .r6gm-track > i.chg, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gm-bar.out .r6gm-track > i.chg { background: transparent; box-shadow: inset 0 0 0 1.5px rgba(239, 241, 246, .35); }
  :root.in-app.r6-co #overlay .r6gm-bl b.go, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gm-bl b.go { color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6gm-end.pick:has(select:focus-visible), :root.in-app #overlay:has(> .drawer.r6-coa) .r6gm-end.pick:has(select:focus-visible) { outline: 2px solid var(--co-hi); }
  :root.in-app.r6-co #overlay .r6gm-key:focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gm-key:focus-visible { outline: 2px solid var(--co-hi); }
  :root.in-app.r6-co #overlay .r6gm-go, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gm-go { background: var(--co-hi); color: var(--co-on); }
  :root.in-app.r6-co #overlay .r6gm-go:focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gm-go:focus-visible { outline: 2px solid var(--co-hi); }
}
/* ---- look-r6-goalv.css ---- */
@media (max-width: 920px) {
  :root.in-app.r6-co #overlay .drawer:has(> .body.r6gv) > header :is([data-a="close"], .cvl-more, .dr-back):focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6gv) > header :is([data-a="close"], .cvl-more, .dr-back):focus-visible { outline: 2px solid var(--co-hi); }
  :root.in-app.r6-co #overlay .r6gv-pct, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv-pct { color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6gv-hero.r6gv-zero .r6gv-pct, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv-hero.r6gv-zero .r6gv-pct { color: rgba(239, 241, 246, .35); }
  :root.in-app.r6-co #overlay .r6gv-st i.in, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv-st i.in { background: rgba(var(--co-rgb), .62); }
  :root.in-app.r6-co #overlay .r6gv-st i.in.last, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv-st i.in.last { background: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6gv-st i.now, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv-st i.now { box-shadow: inset 0 0 0 2px var(--co-hi); }
  :root.in-app.r6-co #overlay .r6gv-st i.end, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv-st i.end { box-shadow: inset 0 0 0 1px rgba(var(--co-rgb), .45); }
  :root.in-app.r6-co #overlay .r6gv-flag, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv-flag { color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6gv-hero.r6gv-zero .r6gv-flag, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv-hero.r6gv-zero .r6gv-flag { color: rgba(239, 241, 246, .42); }
  :root.in-app.r6-co #overlay .r6gv-bar, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv-bar { background: rgba(var(--co-rgb), .1); }
  :root.in-app.r6-co #overlay .r6gv-bar i, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv-bar i { background: linear-gradient(90deg, rgba(var(--co-rgb), .55), var(--co-hi)); }
  :root.in-app.r6-co #overlay .r6gv-pill.good, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv-pill.good { background: rgba(var(--co-rgb), .12); color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6gv .r6-band, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv .r6-band { color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6gv :is(.r6-band, .r6gv-link, .r6gv-if, .r6gv-df, .r6gv-x):focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv :is(.r6-band, .r6gv-link, .r6gv-if, .r6gv-df, .r6gv-x):focus-visible { outline: 2px solid var(--co-hi); }
  :root.in-app.r6-co #overlay .r6gv-two b.due, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv-two b.due { color: #F7D27A; }
  :root.in-app.r6-co #overlay .r6gv-link, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv-link { color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6gv-if-i, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv-if-i { background: rgba(var(--co-rgb), .14); color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6gv-foot .r6-db.go, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv-foot .r6-db.go { background: var(--co-hi); color: var(--co-on); }
  :root.in-app.r6-co #overlay .r6gv-foot .r6-db:focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .r6gv-foot .r6-db:focus-visible { outline: 2px solid var(--co-hi); }
}
/* ---- look-r6-income.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .gw-win.r6iw, :root.land.in-app #overlay:has(> .drawer.r6-coa) .gw-win.r6iw { background: radial-gradient(90% 40% at 50% 34%, rgba(var(--co-rgb), .15), rgba(var(--co-rgb), 0) 70%), #070808; }
  :root.land.in-app.r6-co #overlay .r6iw .r6iw-glow, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6iw .r6iw-glow { background: radial-gradient(circle, rgba(var(--co-rgb), .34), rgba(var(--co-rgb), 0) 68%); }
  :root.land.in-app.r6-co #overlay .r6iw .r6iw-bar i.add, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6iw .r6iw-bar i.add { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6iw .r6iw-pct b.go, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6iw .r6iw-pct b.go { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6iw .r6iw-list b, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6iw .r6iw-list b { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6iw .r6iw-ic-line, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6iw .r6iw-ic-line { background: rgba(var(--co-rgb), .14); color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6iw .r6iw-done, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6iw .r6iw-done { color: var(--co-hi); }
}
/* ---- look-r6-install.css ---- */
@media (max-width: 920px) {
  :root.in-app.r6-co #overlay .body.r6ins :is(button):focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .body.r6ins :is(button):focus-visible { outline: 2px solid var(--co-hi); }
}
/* ---- look-r6-inv.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .drawer:has(.r6inv) > header :is(.dr-back, [data-a="close"]):focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(.r6inv) > header :is(.dr-back, [data-a="close"]):focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6inv :is(button, a):focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6inv :is(button, a):focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6inv-pt.now, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6inv-pt.now { background: #070808; box-shadow: inset 0 0 0 3px #EFF1F6; }
  :root.land.in-app.r6-co #overlay .r6inv-pt.due.paid, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6inv-pt.due.paid { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6inv-free b, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6inv-free b { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay :is(.r6inv-bar, .r6inv-legend) i.b, :root.land.in-app #overlay:has(> .drawer.r6-coa) :is(.r6inv-bar, .r6inv-legend) i.b { background: rgba(239, 241, 246, .55); }
  :root.land.in-app.r6-co #overlay .r6inv-dots i.done, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6inv-dots i.done { background: rgba(239, 241, 246, .45); box-shadow: none; }
  :root.land.in-app.r6-co #overlay .r6inv-dots i.now, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6inv-dots i.now { background: #EFF1F6; box-shadow: 0 0 0 2px rgba(239, 241, 246, .18); }
  :root.land.in-app.r6-co #overlay .r6inv-pay, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6inv-pay { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .r6inv-pay:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6inv-pay:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6inv-done, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6inv-done { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6cv .r6cv-open:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6cv .r6cv-open:focus-visible { outline: 2px solid var(--co-hi); }
}
/* ---- look-r6-kpi.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay button.r6kx-bar:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) button.r6kx-bar:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6kx-track > i.in, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6kx-track > i.in { background: #9FD182; }
  :root.land.in-app.r6-co #overlay .r6kx-track > i.go, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6kx-track > i.go { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6kx-vs.up svg, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6kx-vs.up svg { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .drawer.r6-old > footer .btn.r6kx-go:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer.r6-old > footer .btn.r6kx-go:focus-visible { outline: 2px solid var(--co-hi); }
}
/* ---- look-r6-last.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .r6-add .r6-more .r6-swrow .tfl-l, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-add .r6-more .r6-swrow .tfl-l { color: #EFF1F6; }
  :root.land.in-app.r6-co #overlay .r6-add .r6-more textarea.r6-notes, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-add .r6-more textarea.r6-notes { background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12); color: #EFF1F6; }
  :root.land.in-app.r6-co #overlay .r6-add .r6-more textarea.r6-notes:focus, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-add .r6-more textarea.r6-notes:focus { box-shadow: inset 0 0 0 2px var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-spl-off:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-spl-off:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-spl-cat:focus-within, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-spl-cat:focus-within { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .tfl.r6-add .r6-spl-amt, :root.land.in-app #overlay:has(> .drawer.r6-coa) .tfl.r6-add .r6-spl-amt { background: rgba(239, 241, 246, .06); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .12); }
  :root.land.in-app.r6-co #overlay .tfl.r6-add .r6-spl-amt:focus, :root.land.in-app #overlay:has(> .drawer.r6-coa) .tfl.r6-add .r6-spl-amt:focus { box-shadow: inset 0 0 0 2px var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-spl-add:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-spl-add:focus-visible { outline: 2px solid var(--co-hi); }
}
/* ---- look-r6-linev.css ---- */
@media (max-width: 920px) {
  :root.in-app.r6-co #overlay .drawer:has(> .body.r6-lv), :root.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6-lv) { --focus: var(--co-hi); }
  :root.in-app.r6-co #overlay .drawer:has(> .body.r6-lv) :focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6-lv) :focus-visible { outline: 2px solid var(--co-hi); }
  :root.in-app.r6-co #overlay .r6lv-ic .cg:not(.dx):not(.pic), :root.in-app #overlay:has(> .drawer.r6-coa) .r6lv-ic .cg:not(.dx):not(.pic) { color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6lv-when:is(.soon, .good) .r6lv-wl > b, :root.in-app #overlay:has(> .drawer.r6-coa) .r6lv-when:is(.soon, .good) .r6lv-wl > b { color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6lv-run, :root.in-app #overlay:has(> .drawer.r6-coa) .r6lv-run { background: linear-gradient(90deg, rgba(var(--co-rgb), .25), var(--co-hi)); }
  :root.in-app.r6-co #overlay .r6lv-d.mid > b, :root.in-app #overlay:has(> .drawer.r6-coa) .r6lv-d.mid > b { box-shadow: inset 0 0 0 1px rgba(var(--co-rgb), .4); }
  :root.in-app.r6-co #overlay .r6lv-d.due > small, :root.in-app #overlay:has(> .drawer.r6-coa) .r6lv-d.due > small, :root.in-app.r6-co #overlay .r6lv-d.due > em, :root.in-app #overlay:has(> .drawer.r6-coa) .r6lv-d.due > em { color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6lv-d.due > b, :root.in-app #overlay:has(> .drawer.r6-coa) .r6lv-d.due > b { background: var(--co-hi); color: var(--co-on); }
  :root.in-app.r6-co #overlay .r6lv-year li.paid > span, :root.in-app #overlay:has(> .drawer.r6-coa) .r6lv-year li.paid > span { background: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6lv-year li.now > span, :root.in-app #overlay:has(> .drawer.r6-coa) .r6lv-year li.now > span { box-shadow: inset 0 0 0 2px var(--co-hi); }
  :root.in-app.r6-co #overlay .r6lv-band, :root.in-app #overlay:has(> .drawer.r6-coa) .r6lv-band { color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6lv-link, :root.in-app #overlay:has(> .drawer.r6-coa) .r6lv-link { color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6lv-b.go, :root.in-app #overlay:has(> .drawer.r6-coa) .r6lv-b.go { background: var(--co-hi); color: var(--co-on); }
}
/* ---- look-r6-mas.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .r6-mas :is(a, button, select):focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-mas :is(a, button, select):focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6m-new, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6m-new { background: rgba(var(--co-rgb), .14); color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6m-pick:has(select:focus-visible), :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6m-pick:has(select:focus-visible) { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6m-legal .linkbtn, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6m-legal .linkbtn { color: rgba(239, 241, 246, .62); }
}
/* ---- look-r6-misc.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .r6l-gauge, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6l-gauge { background: rgba(var(--co-rgb), .12); color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6l-bar i, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6l-bar i { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6l-row:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6l-row:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6l-add, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6l-add { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6pg-seg button:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pg-seg button:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6pg-bar i:first-child, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pg-bar i:first-child { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6pg-kl i, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pg-kl i { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6pg-note svg, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pg-note svg { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6pg-fill i, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pg-fill i { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6pg-free, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pg-free { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6pg-free.over, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pg-free.over { color: #FF8A80; }
  :root.land.in-app.r6-co #overlay .r6pg-ok, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pg-ok { background: rgba(var(--co-rgb), .14); box-shadow: inset 0 0 0 2px var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6pg-80 i, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pg-80 i { background: linear-gradient(90deg, var(--co-hi), #F7D27A); }
  :root.land.in-app.r6-co #overlay .r6pg-dots i.done, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pg-dots i.done { background: rgba(var(--co-rgb), .45); }
  :root.land.in-app.r6-co #overlay .r6pg-dots i.on, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pg-dots i.on { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay :is(.r6pg-back, .r6pg-alt, .r6pg-link, .r6pg-glass):focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) :is(.r6pg-back, .r6pg-alt, .r6pg-link, .r6pg-glass):focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6sh-row:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6sh-row:focus-visible, :root.land.in-app.r6-co #overlay .r6sh-x:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6sh-x:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6sh-bar i, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6sh-bar i { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay :is(.r6ag-pill, .r6ag-x):focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) :is(.r6ag-pill, .r6ag-x):focus-visible { outline: 2px solid var(--co-hi); }
}
/* ---- look-r6-notices.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #toast.r6t.ok .r6t-ic { background: rgba(var(--co-rgb), .16); color: var(--co-hi); }
  :root.land.in-app.r6-co #toast.r6t.off .r6t-ic { background: rgba(247, 210, 122, .16); color: #F7D27A; }
  :root.land.in-app.r6-co #toast.r6t.err .r6t-ic { background: rgba(255, 138, 128, .16); color: #FF8A80; }
  :root.land.in-app.r6-co #toast.r6t button { color: var(--co-hi); }
  :root.land.in-app.r6-co #toast.r6t button:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #toast.r6t .r6t-tick { background: rgba(var(--co-rgb), .6); }
}
:root.land.in-app.r6-co .curio.r6n .fl-ico.nt-r6 { color: var(--co-hi); }
:root.land.in-app.r6-co .curio.r6n .btn.primary { background: var(--co-hi); color: var(--co-on); }
:root.land.in-app.r6-co .curio.r6n :is(.btn, .cu-open, .x):focus-visible { outline: 2px solid var(--co-hi); }
:root.in-app.r6-co #toast.r6t.del .r6t-ic { background: rgba(239, 241, 246, .1); color: #EFF1F6; }
:root.in-app.r6-co .r6m-go { background: var(--co-hi); color: var(--co-on); }
:root.in-app.r6-co .r6m-go.danger { background: linear-gradient(180deg, #FFA79F, #FF8A80); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 8px 22px rgba(0, 0, 0, .45); color: #101212; }
:root.in-app.r6-co .r6m-go:disabled { background: rgba(255, 138, 128, .1); box-shadow: inset 0 0 0 1px rgba(255, 138, 128, .22); color: rgba(255, 138, 128, .45); }
:root.in-app.r6-co .r6m-go:not(.danger):disabled { background: rgba(var(--co-rgb), .1); box-shadow: inset 0 0 0 1px rgba(var(--co-rgb), .22); color: rgba(var(--co-rgb), .45); }
:root.in-app.r6-co .r6m-no:focus-visible, :root.in-app.r6-co .r6m-go:focus-visible { outline: 2px solid var(--co-hi); }
@media (max-width: 920px) {
  :root.r6.in-app.r6-co #hv-note-root .r6vn .hv-note-mark { background: var(--co-hi); color: var(--co-on); }
  :root.r6.in-app.r6-co #hv-note-root .r6vn :is(.cu-open, .x):focus-visible { outline: 2px solid var(--co-hi); }
}
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .r6bp-x:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6bp-x:focus-visible { outline: 2px solid var(--co-hi); }
}
/* ---- look-r6-old.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .r6q-track > i.go, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-track > i.go { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay button.r6q-row:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) button.r6q-row:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6q-ic.ok, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-ic.ok { background: rgba(var(--co-rgb), .14); color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6q-ic.ok > b, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-ic.ok > b { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6q-v, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-v { color: #EFF1F6; }
  :root.land.in-app.r6-co #overlay .r6q-v.in, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-v.in, :root.land.in-app.r6-co #overlay .r6q-v.pos, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-v.pos { color: #9FD182; }
  :root.land.in-app.r6-co #overlay .r6q-v.neg, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-v.neg { color: #FF8A80; }
  :root.land.in-app.r6-co #overlay .r6q-row.done .r6q-v, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-row.done .r6q-v { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6q-row.due .r6q-t > small, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-row.due .r6q-t > small { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6q-x:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-x:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6q-b.go, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-b.go { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .r6q-b:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-b:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6q-dic, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-dic { background: rgba(var(--co-rgb), .14); color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6q-legal a, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-legal a, :root.land.in-app.r6-co #overlay .r6q-legal .linkbtn, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-legal .linkbtn { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6q-cic .cg, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-cic .cg { border: 0; background: none; color: inherit; box-shadow: none; }
  :root.land.in-app.r6-co #overlay .r6q-cic.on, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-cic.on { box-shadow: 0 0 0 2px #121414, 0 0 0 4px var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6q-cic:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-cic:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6q-pick:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-pick:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay input.r6q-in, :root.land.in-app #overlay:has(> .drawer.r6-coa) input.r6q-in { border: 0; background: rgba(239, 241, 246, .06); box-shadow: none; color: #EFF1F6; }
  :root.land.in-app.r6-co #overlay input.r6q-in:focus, :root.land.in-app #overlay:has(> .drawer.r6-coa) input.r6q-in:focus { box-shadow: inset 0 0 0 2px var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6q-link, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-link { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6q-link:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-link:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6q-lm .lm-done, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-lm .lm-done { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6q-lm .lm-act .btn.primary, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-lm .lm-act .btn.primary { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .r6q-big:focus-within, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6q-big:focus-within { box-shadow: inset 0 0 0 2px var(--co-hi); }
  :root.land.in-app.r6-co #overlay .drawer:has(> .body.r6-add) > header .cvl-more:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6-add) > header .cvl-more:focus-visible { outline: 2px solid var(--co-hi); }
}
/* ---- look-r6-order.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .r6or .r6or-b:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6or .r6or-b:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6or .r6or-go, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6or .r6or-go { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .r6or .r6or-go.glass, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6or .r6or-go.glass { background: rgba(239, 241, 246, .08); box-shadow: inset 0 0 0 1px rgba(239, 241, 246, .14); color: #EFF1F6; }
}
/* ---- look-r6-panels.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .drawer:has(> .body.r6-pn) > header :is([data-a="close"], .dr-back):focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6-pn) > header :is([data-a="close"], .dr-back):focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-txc .bq-chart.on-sheet .area, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-txc .bq-chart.on-sheet .area { fill: rgba(var(--co-rgb), .08); }
  :root.land.in-app.r6-co #overlay .r6-txc .bq-chart.on-sheet .now, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-txc .bq-chart.on-sheet .now { stroke: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-txc .bq-chart.on-sheet .bq-mk circle, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-txc .bq-chart.on-sheet .bq-mk circle { stroke: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-txc .bq-chart.on-sheet .bq-mk rect, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-txc .bq-chart.on-sheet .bq-mk rect { fill: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-txc .bq-chart.on-sheet svg:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-txc .bq-chart.on-sheet svg:focus-visible { outline-color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-txc .bq-chart.on-sheet .lg.now::before, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-txc .bq-chart.on-sheet .lg.now::before { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay button.r6pn-row:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) button.r6pn-row:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6pn-total > b.num, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pn-total > b.num { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6pn-total > b.num.neg, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pn-total > b.num.neg { color: #FF8A80; }
  :root.land.in-app.r6-co #overlay .drawer:has(> .body.r6-add) > header .dr-back:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6-add) > header .dr-back:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6-catn .tfl-row .tfl-l, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-catn .tfl-row .tfl-l { color: #EFF1F6; }
  :root.land.in-app.r6-co #overlay .drawer.r6-old, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer.r6-old { --bq-accent: var(--co-hi); --lk-pop: var(--co-hi); --lk-pop-hi: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .drawer.r6-old > header :is([data-a="close"], .dr-back):focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer.r6-old > header :is([data-a="close"], .dr-back):focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .drawer.r6-old :is(input, select, textarea):focus, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer.r6-old :is(input, select, textarea):focus { box-shadow: inset 0 0 0 2px var(--co-hi); }
  :root.land.in-app.r6-co #overlay .drawer.r6-old .body .btn.primary, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer.r6-old .body .btn.primary { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .drawer.r6-old > footer .btn.primary, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer.r6-old > footer .btn.primary, :root.land.in-app.r6-co #overlay .drawer.r6-old > .body > footer .btn.primary, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer.r6-old > .body > footer .btn.primary { background: var(--co-hi); color: var(--co-on); }
}
/* ---- look-r6-paybills.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .r6pb-tk.on, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pb-tk.on { background: #D9DCE1; box-shadow: none; }
  :root.land.in-app.r6-co #overlay .r6pb-w.soon, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pb-w.soon { background: linear-gradient(180deg, var(--co-hi), var(--co-hi)); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .r6pb-from:has(select:focus-visible), :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pb-from:has(select:focus-visible) { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6pb-go, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pb-go { background: var(--co-hi); color: var(--co-on); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 8px 22px rgba(0, 0, 0, .45), 0 0 18px rgba(var(--co-rgb), .3); }
  :root.land.in-app.r6-co #overlay .r6pb-go.off, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pb-go.off { background: rgba(239, 241, 246, .08); color: rgba(239, 241, 246, .45); box-shadow: none; }
  :root.land.in-app.r6-co #overlay :is(.r6pb-row, .r6pb-glass, .r6pb-go):focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) :is(.r6pb-row, .r6pb-glass, .r6pb-go):focus-visible { outline: 2px solid var(--co-hi); }
}
/* ---- look-r6-runv.css ---- */
@media (max-width: 920px) {
  :root.in-app.r6-co #overlay .drawer:has(> .body.r6-rv), :root.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6-rv) { --focus: var(--co-hi); }
  :root.in-app.r6-co #overlay .drawer:has(> .body.r6-rv) :focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6-rv) :focus-visible { outline: 2px solid var(--co-hi); }
  :root.in-app.r6-co #overlay .r6rv-tr, :root.in-app #overlay:has(> .drawer.r6-coa) .r6rv-tr { background: rgba(var(--co-rgb), .1); }
  :root.in-app.r6-co #overlay .r6rv-fill, :root.in-app #overlay:has(> .drawer.r6-coa) .r6rv-fill { background: linear-gradient(90deg, rgba(var(--co-rgb), .55), var(--co-hi)); }
  :root.in-app.r6-co #overlay .r6rv-knob, :root.in-app #overlay:has(> .drawer.r6-coa) .r6rv-knob { border: 5px solid var(--co-hi); box-shadow: 0 0 0 3px #070808, 0 0 14px rgba(var(--co-rgb), .6); }
  :root.in-app.r6-co #overlay .r6rv-pill, :root.in-app #overlay:has(> .drawer.r6-coa) .r6rv-pill { background: rgba(var(--co-rgb), .12); color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6rv-two b.due, :root.in-app #overlay:has(> .drawer.r6-coa) .r6rv-two b.due { color: #F7D27A; }
  :root.in-app.r6-co #overlay .r6rv-link, :root.in-app #overlay:has(> .drawer.r6-coa) .r6rv-link { color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6rv-wallet, :root.in-app #overlay:has(> .drawer.r6-coa) .r6rv-wallet { color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6rv-r1 > b.num, :root.in-app #overlay:has(> .drawer.r6-coa) .r6rv-r1 > b.num { color: #EFF1F6; }
  :root.in-app.r6-co #overlay .r6rv-share > i, :root.in-app #overlay:has(> .drawer.r6-coa) .r6rv-share > i { background: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6rv-hz.zero .r6rv-tr, :root.in-app #overlay:has(> .drawer.r6-coa) .r6rv-hz.zero .r6rv-tr { border: 1.5px dashed rgba(239, 241, 246, .2); background: none; }
  :root.in-app.r6-co #overlay .r6rv-b.go, :root.in-app #overlay:has(> .drawer.r6-coa) .r6rv-b.go { background: var(--co-hi); color: var(--co-on); }
}
/* ---- look-r6-side.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .r6sd :is(a, button, select):focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6sd :is(a, button, select):focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6sd-dot, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6sd-dot { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6sd-who .avatar.bq-init, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6sd-who .avatar.bq-init { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .r6sd-pick:has(select:focus-visible), :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6sd-pick:has(select:focus-visible) { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6sd-legal .linkbtn, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6sd-legal .linkbtn { color: rgba(239, 241, 246, .62); }
}
/* ---- look-r6-success.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .r6mv-chip:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mv-chip:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6mv-bar i, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mv-bar i { background: rgba(var(--co-rgb), .62); }
  :root.land.in-app.r6-co #overlay .r6mv-bar i.add, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mv-bar i.add { background: repeating-linear-gradient(135deg, var(--co-hi) 0 4px, rgba(var(--co-rgb), .45) 4px 8px); }
  :root.land.in-app.r6-co #overlay .r6mv-pct b.go, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mv-pct b.go { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .drawer:has(> .body.r6-mv) .gw-fill, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6-mv) .gw-fill { background: linear-gradient(90deg, rgba(var(--co-rgb), .06), rgba(var(--co-rgb), .34)); }
  :root.land.in-app.r6-co #overlay .drawer:has(> .body.r6-mv) .gw-goal, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6-mv) .gw-goal { background: rgba(var(--co-rgb), .1); color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .drawer:has(> .body.r6-mv) .gw-slide.ready .gw-goal, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6-mv) .gw-slide.ready .gw-goal { box-shadow: inset 0 0 0 2px var(--co-hi), 0 0 22px rgba(var(--co-rgb), .45); background: rgba(var(--co-rgb), .18); }
  :root.land.in-app.r6-co #overlay .drawer:has(> .body.r6-mv) .gw-knob, :root.land.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6-mv) .gw-knob { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .gw-win.r6gw, :root.land.in-app #overlay:has(> .drawer.r6-coa) .gw-win.r6gw { background: radial-gradient(90% 46% at 50% 44%, rgba(var(--co-rgb), .14), rgba(var(--co-rgb), 0) 70%), #070808; }
  :root.land.in-app.r6-co #overlay .gw-win.r6gw.reached, :root.land.in-app #overlay:has(> .drawer.r6-coa) .gw-win.r6gw.reached { background: radial-gradient(80% 40% at 78% 36%, rgba(var(--co-rgb), .13), rgba(var(--co-rgb), 0) 70%), #070808; }
  :root.land.in-app.r6-co #overlay .r6gw .gw-amt, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6gw .gw-amt { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6gw .gw-arc, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6gw .gw-arc { stroke: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6gw .gw-coin, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6gw .gw-coin { background: linear-gradient(180deg, #D6F2B0, var(--co-hi)); }
  :root.land.in-app.r6-co #overlay .r6gw.reached .r6gw-under b, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6gw.reached .r6gw-under b { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6gw .r6gw-chip svg, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6gw .r6gw-chip svg { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay :is(.r6gw, .r6pd) .r6gw-b.go, :root.land.in-app #overlay:has(> .drawer.r6-coa) :is(.r6gw, .r6pd) .r6gw-b.go { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay :is(.r6gw, .r6pd) .r6gw-b:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) :is(.r6gw, .r6pd) .r6gw-b:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6gw .r6gw-st.top > i, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6gw .r6gw-st.top > i { background: linear-gradient(180deg, var(--co-hi), var(--co-hi)); }
  :root.land.in-app.r6-co #overlay .r6gw .r6gw-flag .cloth, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6gw .r6gw-flag .cloth { background: linear-gradient(180deg, var(--co-hi), var(--co-hi)); box-shadow: 0 6px 16px -6px rgba(var(--co-rgb), .7); }
  :root.land.in-app.r6-co #overlay .r6pd-ic .ring, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pd-ic .ring { fill: rgba(var(--co-rgb), .12); stroke: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6pd-ic .cal, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pd-ic .cal { stroke: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6pd-ic .tick, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pd-ic .tick { stroke: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6pd-ticks i.on, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pd-ticks i.on { background: rgba(var(--co-rgb), .55); }
  :root.land.in-app.r6-co #overlay .r6pd-ticks i.now, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pd-ticks i.now { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6pd-left.all, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6pd-left.all { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6mc-g i, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mc-g i { background: rgba(var(--co-rgb), .26); }
  :root.land.in-app.r6-co #overlay .r6mc-g i.last, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mc-g i.last { background: linear-gradient(180deg, var(--co-hi), var(--co-hi)); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .r6mc-big, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mc-big { color: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6mc-wi, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6mc-wi { background: rgba(var(--co-rgb), .14); color: var(--co-hi); }
}
/* ---- look-r6-txv.css ---- */
@media (max-width: 920px) {
  :root.in-app.r6-co #overlay .drawer:is(:has(> .body.r6-tv), :has(> .body.r6-tf)) > header :is([data-a="close"], .cvl-more, .dr-back):focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .drawer:is(:has(> .body.r6-tv), :has(> .body.r6-tf)) > header :is([data-a="close"], .cvl-more, .dr-back):focus-visible { outline: 2px solid var(--co-hi); }
  :root.in-app.r6-co #overlay .r6-tv-menu .umenu-item:focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .r6-tv-menu .umenu-item:focus-visible { outline: 2px solid var(--co-hi); }
  :root.in-app.r6-co #overlay .r6-tv-ico > .r6-tv-g.in, :root.in-app #overlay:has(> .drawer.r6-coa) .r6-tv-ico > .r6-tv-g.in { background: rgba(159, 209, 130, .16); box-shadow: inset 0 0 0 1px rgba(159, 209, 130, .3); color: #9FD182; }
  :root.land.in-app.r6-co #overlay .r6-tv-fold .txv-fold:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6-tv-fold .txv-fold:focus-visible { outline-color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6-tv-go, :root.in-app #overlay:has(> .drawer.r6-coa) .r6-tv-go { background: var(--co-hi); color: var(--co-on); }
  :root.in-app.r6-co #overlay .r6-tv-go:focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .r6-tv-go:focus-visible { outline: 2px solid var(--co-hi); }
  :root.in-app.r6-co #overlay .r6-tf-dots:not(.line) > i.on, :root.in-app #overlay:has(> .drawer.r6-coa) .r6-tf-dots:not(.line) > i.on { background: var(--co-hi); box-shadow: 0 0 8px rgba(var(--co-rgb), .55); }
  :root.in-app.r6-co #overlay .r6-tf-dots.line > span > i, :root.in-app #overlay:has(> .drawer.r6-coa) .r6-tf-dots.line > span > i { background: var(--co-hi); box-shadow: 0 0 8px rgba(var(--co-rgb), .55); }
  :root.in-app.r6-co #overlay .r6-tf-ch:focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .r6-tf-ch:focus-visible { outline: 2px solid var(--co-hi); }
  :root.in-app.r6-co #overlay .r6-tf-arrow:focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .r6-tf-arrow:focus-visible { outline: 2px solid var(--co-hi); }
  :root.in-app.r6-co #overlay .r6-tf-day i.on, :root.in-app #overlay:has(> .drawer.r6-coa) .r6-tf-day i.on { background: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6-tf-day[aria-pressed="true"] i.on, :root.in-app #overlay:has(> .drawer.r6-coa) .r6-tf-day[aria-pressed="true"] i.on { background: #101212; }
  :root.in-app.r6-co #overlay .r6-tf-day:focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .r6-tf-day:focus-visible { outline: 2px solid var(--co-hi); }
  :root.in-app.r6-co #overlay .r6-tf-see, :root.in-app #overlay:has(> .drawer.r6-coa) .r6-tf-see { background: var(--co-hi); color: var(--co-on); }
  :root.in-app.r6-co #overlay :is(.r6-tf-clear, .r6-tf-see):focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) :is(.r6-tf-clear, .r6-tf-see):focus-visible { outline: 2px solid var(--co-hi); }
}
/* ---- look-r6-whatif.css ---- */
@media (max-width: 920px) {
  :root.in-app.r6-co #overlay .drawer:has(> .body.r6wi) > header [data-a="close"]:focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6wi) > header [data-a="close"]:focus-visible { outline: 2px solid var(--co-hi); }
  :root.in-app.r6-co #overlay .r6wi .wi-was .gv-pill, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wi .wi-was .gv-pill { background: rgba(var(--co-rgb), .14); color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6wi .r6wi-bar.over, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wi .r6wi-bar.over { background: rgba(var(--co-rgb), .3); }
  :root.in-app.r6-co #overlay .r6wi .r6wi-bar.hit, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wi .r6wi-bar.hit { background: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6wi .r6wi-ms .hit small, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wi .r6wi-ms .hit small { color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6wi .r6wi-ms .hit i, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wi .r6wi-ms .hit i { background: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6wi .r6wi-step .wi-b, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wi .r6wi-step .wi-b { color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6wi .r6wi-step .wi-b[aria-disabled="true"], :root.in-app #overlay:has(> .drawer.r6-coa) .r6wi .r6wi-step .wi-b[aria-disabled="true"] { color: rgba(239, 241, 246, .3); }
  :root.in-app.r6-co #overlay .r6wi .r6wi-step .wi-b:focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wi .r6wi-step .wi-b:focus-visible, :root.in-app.r6-co #overlay .r6wi .r6wi-amt:focus-within, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wi .r6wi-amt:focus-within { outline: 2px solid var(--co-hi); }
  :root.in-app.r6-co #overlay .r6wi .r6wi-amt.on, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wi .r6wi-amt.on { color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6wi .r6wi-amt.on span, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wi .r6wi-amt.on span { color: rgba(var(--co-rgb), .7); }
  :root.in-app.r6-co #overlay .r6wi .r6wi-row:focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wi .r6wi-row:focus-visible { outline: 2px solid var(--co-hi); }
  :root.in-app.r6-co #overlay .r6wi-foot .r6wi-go, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wi-foot .r6wi-go { background: var(--co-hi); color: var(--co-on); }
}
/* ---- look-r6-why.css ---- */
@media (max-width: 920px) {
  :root.in-app.r6-co #overlay .drawer:has(> .body.r6-why), :root.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6-why) { --focus: var(--co-hi); }
  :root.in-app.r6-co #overlay .drawer:has(> .body.r6-why) :focus-visible, :root.in-app #overlay:has(> .drawer.r6-coa) .drawer:has(> .body.r6-why) :focus-visible { outline: 2px solid var(--co-hi); }
  :root.in-app.r6-co #overlay .r6wy-pill, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wy-pill { background: rgba(var(--co-rgb), .14); }
  :root.in-app.r6-co #overlay .r6wy-pill.neg, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wy-pill.neg { background: rgba(255, 138, 128, .14); color: #FFB3AC; }
  :root.in-app.r6-co #overlay :is(.r6wy-bar, .r6wy-legend) i.free, :root.in-app #overlay:has(> .drawer.r6-coa) :is(.r6wy-bar, .r6wy-legend) i.free { background: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6wy-art, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wy-art { background: rgba(var(--co-rgb), .12); color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6wy-art.warn, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wy-art.warn { background: rgba(247, 210, 122, .13); color: #F7D27A; }
  :root.in-app.r6-co #overlay .r6wy-art.neg, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wy-art.neg { background: rgba(255, 138, 128, .13); color: #FF8A80; }
  :root.in-app.r6-co #overlay .r6wy-what b.num.neg, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wy-what b.num.neg { color: #FF8A80; }
  :root.in-app.r6-co #overlay .r6wy-ic, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wy-ic { background: rgba(239, 241, 246, .07); color: rgba(239, 241, 246, .85); }
  :root.in-app.r6-co #overlay .r6wy-ic.ok, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wy-ic.ok { background: rgba(var(--co-rgb), .14); color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6wy-ic.neg, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wy-ic.neg { background: rgba(255, 138, 128, .14); color: #FF8A80; }
  :root.in-app.r6-co #overlay .r6wy-fix .r6wy-ic, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wy-fix .r6wy-ic { background: rgba(var(--co-rgb), .12); color: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6wy-sp-t .num, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wy-sp-t .num { color: rgba(239, 241, 246, .5); }
  :root.in-app.r6-co #overlay .r6wy-month .s2, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wy-month .s2 { background: var(--co-hi); }
  :root.in-app.r6-co #overlay .r6wy-b.go, :root.in-app #overlay:has(> .drawer.r6-coa) .r6wy-b.go { background: var(--co-hi); color: var(--co-on); }
}
/* ---- look-r6-win-moment.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .r6la-medal:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6la-medal:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6la-n i, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6la-n i { background: var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6la-acts .r6la-share, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6la-acts .r6la-share { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay .r6la-acts button:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6la-acts button:focus-visible { outline: 2px solid var(--co-hi); }
}
/* ---- look-r6-wins.css ---- */
@media (max-width: 920px) {
  :root.land.in-app.r6-co #overlay .r6w-meter i, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6w-meter i { background: linear-gradient(90deg, var(--co-hi), var(--co-hi)); }
  :root.land.in-app.r6-co #overlay .r6w-sh:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6w-sh:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6w-open:focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6w-open:focus-visible { outline: 2px solid var(--co-hi); }
  :root.land.in-app.r6-co #overlay .r6ls-acts .r6ls-send, :root.land.in-app #overlay:has(> .drawer.r6-coa) .r6ls-acts .r6ls-send { background: var(--co-hi); color: var(--co-on); }
  :root.land.in-app.r6-co #overlay :is(.r6ls-x, .r6ls-seg button, .r6ls-sw, .r6ls-acts button):focus-visible, :root.land.in-app #overlay:has(> .drawer.r6-coa) :is(.r6ls-x, .r6ls-seg button, .r6ls-sw, .r6ls-acts button):focus-visible { outline: 2px solid var(--co-hi); }
}
