/* Dorax Finance — the owner's tabs at the top as a wheel, and their fold while the page goes down (v346, features/phone/r6-top.js; the canvas
   "Menu-superior"). Only while the class r6-wheel is on the page (the owner, a screen of the tabs under the summary's top row). */
:root.r6-wheel .navbar > .ph-tabs.r6-wh { max-height: 48px; overflow: hidden; transition: max-height .32s cubic-bezier(.2, .9, .25, 1), opacity .2s ease, margin .32s cubic-bezier(.2, .9, .25, 1); }
:root.r6-wheel.r6-fold .navbar > .ph-tabs.r6-wh { max-height: 0; opacity: 0; margin-top: 0; margin-bottom: 0; }
:root.r6-wheel .ph-tabs.r6-wh .ph-tabs-row { position: relative; display: block; height: 44px; padding: 0; overflow: hidden; box-shadow: none; touch-action: pan-y;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 24%, #000 76%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 24%, #000 76%, transparent 100%); }
/* each tab where its place says (--o: 0 the middle; 90 px apart until measured); the far ones dimmer; the one in use white and bolder */
:root.r6-wheel .ph-tabs.r6-wh .ph-tabs-row a { position: absolute; top: 0; left: calc(50% + var(--o, 0) * 90px); width: 90px; height: 44px; margin-left: -45px; padding: 0; justify-content: center; gap: 0;
  color: rgba(239, 241, 246, .6); font-size: 13px; font-weight: 500; white-space: nowrap; opacity: calc(1 - .1 * max(var(--o, 0), -1 * var(--o, 0)));
  transition: left .4s cubic-bezier(.2, .9, .25, 1), opacity .3s ease, color .3s ease; }
:root.r6-wheel .ph-tabs.r6-wh .ph-tabs-row a.jump { transition: opacity .3s ease; }
/* v347: once measured, each tab as wide as its name, set by its left edge (features/phone/r6-top.js: r6WheelGo); the same gap between all of them */
:root.r6-wheel .ph-tabs.r6-wh .ph-tabs-row a.sized { width: auto; margin-left: 0; padding: 0 2px; }
:root.r6-wheel .ph-tabs.r6-wh .ph-tabs-row a.placing { transition: none; }
:root.r6-wheel .ph-tabs.r6-wh .ph-tabs-row a > svg { display: none; }      /* their names only, as on the canvas */
:root.r6-wheel .ph-tabs.r6-wh .ph-tabs-row a[aria-current="page"] { color: #EFF1F6; font-weight: 500; }
:root.r6-wheel .ph-tabs.r6-wh .ph-tabs-row a[aria-current="page"]::after { content: ""; left: 50%; right: auto; bottom: 7px; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: #9FD182; box-shadow: none; }
:root.r6-wheel .ph-tabs.r6-wh .beta-tag { display: inline-flex; align-items: center; height: 18px; margin-left: 6px; padding: 0 6px; border: 1px solid rgba(239, 241, 246, .16); border-radius: 999px; background: none; color: rgba(239, 241, 246, .8); font-size: 12px; font-weight: 500; }
:root.r6-wheel .ph-tabs.r6-wh .ph-tabs-row a:focus-visible { outline: 2px solid #9FD182; outline-offset: -4px; border-radius: 12px; }
@media (prefers-reduced-motion: reduce) {
  :root.r6-wheel .navbar > .ph-tabs.r6-wh, :root.r6-wheel .ph-tabs.r6-wh .ph-tabs-row a { transition: none; }
}