.magic-ball{position:relative;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;outline:none;flex-shrink:0;overflow:visible}.magic-ball:focus-visible{outline:2px solid rgba(101,0,175,.35);outline-offset:4px;border-radius:999px}.magic-ball__halo{position:absolute;left:50%;pointer-events:none;border-radius:50%;overflow:hidden;background:#ffffff;-webkit-clip-path:circle(50% at 50% 50%);clip-path:circle(50% at 50% 50%);-webkit-mask-image:-webkit-radial-gradient(circle,white 100%,white 0);mask-image:radial-gradient(circle,white 100%,white 0);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;backface-visibility:hidden}.magic-ball-halo-stage{z-index:3;isolation:isolate}.magic-ball-halo-stage,.magic-ball-halo-stage__glow{position:absolute;inset:0;pointer-events:none;overflow:visible}.magic-ball-halo-stage__glow{left:50%;width:100%;height:100%;transform:translateX(-50%);z-index:1;background:transparent}.magic-ball-halo-stage__glow .magic-ball__glow,.magic-ball-halo-stage__glow .magic-ball__glow-frame{overflow:visible;border-radius:0}.magic-ball-halo-stage__glow .magic-ball__glow-img{object-fit:fill;border-radius:0}.magic-ball__glow,.magic-ball__glow-frame{position:absolute;inset:0;pointer-events:none}.magic-ball__glow-frame{opacity:0;display:flex;align-items:center;justify-content:center;animation-duration:var(--magic-ball-pulse-ms,8s);animation-timing-function:linear;animation-iteration-count:infinite}.magic-ball__glow-img{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;-webkit-user-drag:none;object-fit:fill}.magic-ball__glow-frame--1{animation-name:magic-ball-glow-1}.magic-ball__glow-frame--2{animation-name:magic-ball-glow-2}.magic-ball__glow-frame--3{animation-name:magic-ball-glow-3}.magic-ball__glow-frame--4{animation-name:magic-ball-glow-4}@keyframes magic-ball-glow-1{0%{opacity:1}25%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes magic-ball-glow-2{0%{opacity:0}25%{opacity:1}50%{opacity:0}to{opacity:0}}@keyframes magic-ball-glow-3{0%{opacity:0}25%{opacity:0}50%{opacity:1}75%{opacity:0}to{opacity:0}}@keyframes magic-ball-glow-4{0%{opacity:0}50%{opacity:0}75%{opacity:1}to{opacity:0}}.magic-ball__content{position:relative;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.magic-ball__text{display:block;object-fit:contain;background:transparent;user-select:none;-webkit-user-drag:none;pointer-events:none}.magic-ball__face-wrap,.magic-ball__text{position:absolute;transform-origin:center center}.magic-ball__face-wrap{display:flex;align-items:center;justify-content:center;will-change:opacity,transform}.magic-ball-face{position:relative}.magic-ball-face__eye{position:absolute;background:#333333;transform-origin:center center}.bottom-nav--with-magic-ball{position:relative;--magic-ball-chord-y:16px;--magic-ball-tab-bar-height:105px;--magic-ball-tab-bar-flat-height:89px;--magic-ball-zone-width:153px;--magic-ball-zone-height:92px;--magic-ball-zone-top:1px;--magic-ball-glow-inset-top:5.05px;--magic-ball-slot-inset-top:-0.6285px;--magic-ball-socket-inset-top:14.68px;--magic-ball-halo-size:56.643px;--magic-ball-outer-glow-size:62.307px;--magic-ball-inner-glow-size:56.643px;--magic-ball-socket-size:62.307px;--magic-ball-slot-size:68px;--magic-ball-outer-glow-top:14.68px;--magic-ball-inner-glow-top:5.05px;--magic-ball-notch-blur-top:14.94px;--magic-ball-notch-blur-height:77.061px;--magic-ball-notch-blur-backdrop:9.02px;--magic-ball-tabs-top:28px;--magic-ball-tabs-row-width:351px;--magic-ball-tabs-left-group-width:97px;--magic-ball-tabs-right-group-width:101px;--magic-ball-tab-bar-design-width:402px}.bottom-nav-union{position:absolute;left:0;bottom:0;display:block;z-index:1;filter:drop-shadow(0 -1px 4px rgba(0,0,0,.05))}.bottom-nav-shell--magic-ball,.bottom-nav-union{width:100%;height:var(--magic-ball-tab-bar-flat-height);pointer-events:none}.bottom-nav-shell--magic-ball{position:relative;overflow:visible;background:transparent}.bottom-nav-magic-ball-overlay{top:calc(-1 * var(--magic-ball-chord-y));height:var(--magic-ball-tab-bar-height);z-index:10}.bottom-nav-hump,.bottom-nav-magic-ball-overlay{position:absolute;left:0;width:100%;pointer-events:none}.bottom-nav-hump{top:0;height:var(--magic-ball-chord-y);display:block;z-index:1;filter:drop-shadow(0 -1px 4px rgba(0,0,0,.05))}.bottom-nav-magic-ball-overlay .bottom-nav-notch{position:absolute;left:50%;top:var(--magic-ball-zone-top);transform:translateX(-50%);width:var(--magic-ball-zone-width);height:var(--magic-ball-zone-height);pointer-events:none;overflow:visible}.bottom-nav-magic-ball-overlay .bottom-nav-magic-ball-slot{position:absolute;left:50%;top:calc(var(--magic-ball-zone-top) + var(--magic-ball-slot-inset-top));transform:translateX(-50%);z-index:4;width:var(--magic-ball-slot-size);height:var(--magic-ball-slot-size);display:flex;align-items:center;justify-content:center;pointer-events:auto;overflow:visible}.bottom-nav-notch{position:absolute;inset:0;pointer-events:none;z-index:3}.bottom-nav-shell--magic-ball .bottom-nav-tabs-row{z-index:2;pointer-events:auto;top:calc(var(--magic-ball-tabs-top, 28px) - var(--magic-ball-chord-y, 16px));left:50%;right:auto;width:min(351px,calc(100vw - 16px));transform:translateX(-50%);display:grid;grid-template-columns:minmax(60px,1fr) var(--magic-ball-zone-width) minmax(60px,1fr);align-items:start}.bottom-nav-tabs-group{display:flex;align-items:center;width:100%;gap:0;justify-content:space-between}.bottom-nav-tabs-group--left{grid-column:1}.bottom-nav-tabs-group--right{grid-column:3}.bottom-nav--with-magic-ball [data-tab-icon] svg{transform:scale(1.02);transform-origin:center center}.bottom-nav--with-magic-ball [data-tab-icon] svg path[stroke]{stroke-width:2.2}.bottom-nav--with-magic-ball [data-tab-label]{font-weight:500!important}[data-mobile-page-capture-fallback][data-main-tab-bottom-nav] [data-main-tab-scroll],[data-mobile-page-capture-fallback][data-main-tab-bottom-nav] [data-scroll-container]{display:flex;flex-direction:column;scroll-padding-bottom:var(--magic-ball-tab-bar-scroll-tail,89px)}[data-mobile-page-capture-fallback][data-main-tab-bottom-nav] [data-main-tab-scroll]:not(:has(.main-tab-scroll-body)),[data-mobile-page-capture-fallback][data-main-tab-bottom-nav] [data-scroll-container]:not(:has(.main-tab-scroll-body)){padding-bottom:var(--magic-ball-tab-bar-scroll-tail,89px)}.main-tab-scroll-body{box-sizing:border-box;display:flex;width:100%;flex:1 0 auto;min-height:100%;flex-direction:column;padding-bottom:var(--magic-ball-tab-bar-scroll-tail,89px)}.main-tab-scroll-body--no-bottom-padding{padding-bottom:0}.main-tab-scroll-body__spacer{flex:1 1 auto;min-height:0}@media (prefers-reduced-motion:reduce){.magic-ball__glow-frame{animation:none!important}.magic-ball__glow-frame--1{opacity:1}.magic-ball__glow-frame--2,.magic-ball__glow-frame--3,.magic-ball__glow-frame--4{opacity:0}}.magic-ball-menu{position:fixed;inset:0;z-index:100000;pointer-events:none;isolation:isolate}.magic-ball-menu--interactive{pointer-events:auto}.magic-ball-menu__backdrop{position:absolute;inset:0;border:none;padding:0;margin:0;background:transparent;cursor:pointer;overflow:hidden}.magic-ball-menu__backdrop-blur,.magic-ball-menu__backdrop-tint{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity var(--magic-ball-menu-duration,.38s) ease-in}.magic-ball-menu__backdrop-tint{background-color:var(--magic-ball-menu-scrim,rgba(0,0,0,.8));transform:translateZ(0)}body[data-css-backdrop-filter=legacy] .magic-ball-menu__backdrop-tint{background-color:var(--magic-ball-menu-scrim-legacy,rgba(0,0,0,.92))}.magic-ball-menu--visible .magic-ball-menu__backdrop-blur,.magic-ball-menu--visible .magic-ball-menu__backdrop-tint{opacity:1}.magic-ball-menu--closing .magic-ball-menu__backdrop-blur,.magic-ball-menu--closing .magic-ball-menu__backdrop-tint{transition-timing-function:ease-out;opacity:0}.magic-ball-menu__sheet{position:absolute;left:0;right:0;bottom:0;height:var(--magic-ball-menu-shell-height,264px);overflow:visible;transform:translateY(100%);transition:transform var(--magic-ball-menu-duration,.38s) ease-in;pointer-events:none}.magic-ball-menu--visible .magic-ball-menu__sheet{transform:translateY(0)}.magic-ball-menu--closing .magic-ball-menu__sheet{transition-timing-function:ease-out;transform:translateY(100%)}.magic-ball-menu__sheet-inner{position:relative;width:100%;height:100%;overflow:visible;pointer-events:auto}.magic-ball-menu__arc{position:absolute;left:50%;bottom:var(--magic-ball-menu-arc-bottom,-11.5px);width:max(100vw,var(--magic-ball-menu-arc-width,477px));height:var(--magic-ball-menu-arc-height,275.5px);transform:translateX(-50%);pointer-events:none;display:block;z-index:0}.magic-ball-menu__arc-shape{fill:var(--magic-ball-menu-arc-fill,rgba(255,255,255,.08))}.magic-ball-menu__item{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;width:var(--magic-ball-menu-item-size,53px);padding:0;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:0;transform:translateX(-50%) translateY(28px);transition:opacity var(--magic-ball-menu-duration,.38s) ease-in,transform var(--magic-ball-menu-duration,.38s) ease-in;transition-delay:var(--magic-ball-menu-item-delay,0s);z-index:1}.magic-ball-menu--visible .magic-ball-menu__item{opacity:1;transform:translateX(-50%) translateY(0)}.magic-ball-menu--closing .magic-ball-menu__item{transition-timing-function:ease-out;transition-delay:0s;opacity:0;transform:translateX(-50%) translateY(20px)}.magic-ball-menu__item-icon-wrap{position:relative;width:var(--magic-ball-menu-item-size,53px);height:var(--magic-ball-menu-item-size,53px);flex-shrink:0;border-radius:120px;overflow:hidden;display:flex;align-items:center;justify-content:center}.magic-ball-menu__item-icon{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}.magic-ball-menu__item-label{width:max-content;max-width:80px;font-family:PingFang SC,sans-serif;font-weight:400;font-size:12px;line-height:1.31;color:#ffffff;text-align:center;white-space:nowrap}.magic-ball-menu__close{position:absolute;left:50%;bottom:var(--magic-ball-menu-close-bottom,51px);transform:translateX(-50%) translateY(16px);width:var(--magic-ball-menu-close-size,42px);height:var(--magic-ball-menu-close-size,42px);padding:8px;border:none;border-radius:21px;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;opacity:0;z-index:2;transition:opacity var(--magic-ball-menu-duration,.38s) ease-in,transform var(--magic-ball-menu-duration,.38s) ease-in}.magic-ball-menu--visible .magic-ball-menu__close{opacity:1;transform:translateX(-50%) translateY(0);transition-delay:.18s}.magic-ball-menu--closing .magic-ball-menu__close{transition-timing-function:ease-out;transition-delay:0s;opacity:0;transform:translateX(-50%) translateY(16px)}.magic-ball-menu__close-icon{width:25.846px;height:25.846px;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}@media (prefers-reduced-motion:reduce){.magic-ball-menu__backdrop-blur,.magic-ball-menu__backdrop-tint,.magic-ball-menu__close,.magic-ball-menu__item,.magic-ball-menu__sheet{transition:none!important;transition-delay:0s!important}.magic-ball-menu--visible .magic-ball-menu__backdrop-blur,.magic-ball-menu--visible .magic-ball-menu__backdrop-tint,.magic-ball-menu--visible .magic-ball-menu__close,.magic-ball-menu--visible .magic-ball-menu__item{opacity:1;transform:translateX(-50%) translateY(0)}.magic-ball-menu--visible .magic-ball-menu__sheet{transform:translateY(0)}}