html.av2 .av2-cantabs{--can-learns:#5aa9ef;--can-speaks:#4fc996;--can-connects:#9d86ee;--can-anywhere:#e9b04f}html.av2:not(.dark) .av2-cantabs{--can-learns:#2771b8;--can-speaks:#23895f;--can-connects:#6c52c9;--can-anywhere:#a36f12}html.av2 .av2-cantabs[data-group=learns]{--tint:var(--can-learns)}html.av2 .av2-cantabs[data-group=speaks]{--tint:var(--can-speaks)}html.av2 .av2-cantabs[data-group=connects]{--tint:var(--can-connects)}html.av2 .av2-cantabs[data-group=anywhere]{--tint:var(--can-anywhere)}html.av2 .av2-cantabs .rail{isolation:isolate;background:color-mix(in srgb, var(--foreground) 5%, transparent);border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;display:grid;position:relative}html.av2 .av2-cantabs .rail .glide{z-index:-1;width:calc(25% - 2px);translate:calc(var(--i,0) * 100%) 0;background:color-mix(in srgb, var(--tint) 24%, var(--popover,#212121));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 45%, transparent), 0 6px 22px -8px color-mix(in srgb, var(--tint) 70%, transparent);border-radius:12px;transition:translate .38s cubic-bezier(.3,.9,.3,1),background-color .38s,box-shadow .38s;position:absolute;top:4px;bottom:4px;left:4px}html.av2 .av2-cantabs .rail button{min-width:0;min-height:48px;color:var(--muted-foreground);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:6px 10px;transition:color .2s;display:flex}html.av2 .av2-cantabs .rail button:hover{color:var(--foreground)}html.av2 .av2-cantabs .rail button:focus-visible{outline:2px solid var(--tint);outline-offset:1px}html.av2 .av2-cantabs .rail button svg{flex:none;width:18px;height:18px}html.av2 .av2-cantabs .rail button b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}html.av2 .av2-cantabs .rail button.on{color:var(--foreground)}html.av2 .av2-cantabs .rail button.on svg{color:var(--tint)}html.av2 .av2-cantabs .stage{text-align:left;background:radial-gradient(60% 90% at 0% 0%, color-mix(in srgb, var(--tint) 26%, transparent), transparent 75%), radial-gradient(50% 80% at 100% 100%, color-mix(in srgb, var(--tint) 12%, transparent), transparent 75%), color-mix(in srgb, var(--foreground) 3%, var(--popover,#212121));border-radius:20px;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:20px;margin-top:12px;padding:22px;display:grid;position:relative;overflow:hidden}html.av2 .av2-cantabs .spot{flex-direction:column;align-items:flex-start;gap:16px;display:flex}html.av2 .av2-cantabs .orb{color:#0e1013;background:radial-gradient(circle at 32% 28%, color-mix(in srgb, var(--tint) 55%, #fff), var(--tint) 62%);width:76px;height:76px;box-shadow:0 12px 40px -6px color-mix(in srgb, var(--tint) 75%, transparent);border-radius:50%;place-items:center;display:grid;position:relative}html.av2 .av2-cantabs .orb:after{content:"";pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tint) 35%, transparent);border-radius:50%;position:absolute;inset:-9px}html.av2 .av2-cantabs .orb svg{width:32px;height:32px}html.av2 .av2-cantabs .spot .what{flex-direction:column;gap:4px;display:flex}html.av2 .av2-cantabs .spot b{color:var(--foreground);font-size:20px;font-weight:600;line-height:1.2}html.av2 .av2-cantabs .spot small{color:var(--muted-foreground);font-size:14px;line-height:1.45}html.av2 .av2-cantabs .stage ul{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}html.av2 .av2-cantabs .stage li{cursor:default;border-radius:14px;outline:none;align-items:center;gap:12px;min-height:52px;padding:8px 10px;transition:background-color .15s;display:flex}html.av2 .av2-cantabs .stage li:is(:hover,[data-popup-open]){background:color-mix(in srgb, var(--foreground) 7%, transparent)}html.av2 .av2-cantabs .stage li:focus-visible{box-shadow:inset 0 0 0 2px var(--tint)}html.av2 .av2-cantabs .stage .ic{width:36px;height:36px;color:var(--tint);background:color-mix(in srgb, var(--tint) 18%, transparent);border-radius:10px;flex:none;place-items:center;display:grid}html.av2 .av2-cantabs .stage .ic svg{width:18px;height:18px}html.av2 .av2-cantabs .stage li b{min-width:0;color:var(--foreground);font-size:15px;font-weight:600;line-height:1.3}html.av2 .av2-cantabs.inline .stage li{align-items:flex-start}html.av2 .av2-cantabs.inline .stage li:hover{background:0 0}html.av2 .av2-cantabs .txt{flex-direction:column;gap:2px;min-width:0;padding-top:1px;display:flex}html.av2 .av2-cantabs .txt small{color:var(--muted-foreground);font-size:14px;line-height:1.45}html.av2 .av2-cantabs .spot{animation:.36s cubic-bezier(.2,.8,.2,1) both av2-cantabs-in}html.av2 .av2-cantabs .spot .orb{animation:.5s cubic-bezier(.3,1.4,.5,1) both av2-cantabs-orb}html.av2 .av2-cantabs .stage ul>*{animation:.32s cubic-bezier(.2,.8,.2,1) both av2-cantabs-in}html.av2 .av2-cantabs .stage ul>:nth-child(2){animation-delay:50ms}html.av2 .av2-cantabs .stage ul>:nth-child(3){animation-delay:.1s}html.av2 .av2-cantabs .stage ul>:nth-child(4){animation-delay:.15s}@keyframes av2-cantabs-in{0%{opacity:0;translate:0 6px}}@keyframes av2-cantabs-orb{0%{opacity:0;scale:.6}}html.av2.pmb-dbw3 .av2-cantabs :is(.stage,.rail){border-radius:12px}html.av2.pmb-dbw3 .av2-cantabs :is(.stage li,.rail button,.rail .glide){border-radius:9px}html.av2.pmb-dbw3 .av2-cantabs .ic{border-radius:8px}@media (max-width:767px){html.av2 .av2-cantabs .rail button{padding:6px}html.av2 .av2-cantabs .rail button b{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}html.av2 .av2-cantabs .rail button svg{width:20px;height:20px}html.av2 .av2-cantabs .stage{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}html.av2 .av2-cantabs .spot{flex-direction:row;align-items:center;gap:16px;padding-left:6px}html.av2 .av2-cantabs .orb{flex:none;width:56px;height:56px}html.av2 .av2-cantabs .orb:after{inset:-6px}html.av2 .av2-cantabs .orb svg{width:24px;height:24px}html.av2 .av2-cantabs .spot b{font-size:18px}html.av2 .av2-cantabs .spot small{font-size:13px}html.av2 .av2-cantabs .stage li{min-height:48px;padding:6px 8px}}@media (prefers-reduced-motion:reduce){html.av2 .av2-cantabs :is(.stage li,.rail button,.rail .glide){transition:none}html.av2 .av2-cantabs :is(.spot,.spot .orb,.stage ul>*){animation:none}}