@tempoxyz/ds 0.3.6 → 0.3.9

package/dist/web/components/AppShell.css

@@ -1 +1 @@
-.z_tds_2f_web-xrJh8e0{align-items:center}.z_tds_2f_web-xrJh8e1{background-color:var(--z-tds_2f_web-color-inverse-background-secondary,light-dark(var(--z-tds_2f_web-color-neutral-092,#141414),var(--z-tds_2f_web-color-neutral-000,#fff)))}.z_tds_2f_web-xrJh8e2{border:none}.z_tds_2f_web-xrJh8e3{border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}.z_tds_2f_web-xrJh8e4{box-shadow:var(--z-tds_2f_web-shadow-large,0 24px 64px #00000014, 0 8px 48px #00000014, 0 2px 8px #0000000a)}.z_tds_2f_web-xrJh8e5{box-sizing:border-box}.z_tds_2f_web-xrJh8e6{color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}.z_tds_2f_web-xrJh8e7{corner-shape:round}.z_tds_2f_web-xrJh8e8{cursor:pointer}.z_tds_2f_web-xrJh8e9{display:flex}.z_tds_2f_web-xrJh8ea{flex-shrink:0}.z_tds_2f_web-xrJh8eb{height:var(--z-tds_2f_web-spacing-56,3.5rem)}.z_tds_2f_web-xrJh8ec{justify-content:center}.z_tds_2f_web-xrJh8ed{outline-color:#0000}.z_tds_2f_web-xrJh8ee{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z_tds_2f_web-xrJh8ef{outline-style:solid}.z_tds_2f_web-xrJh8eg{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-xrJh8eh{position:relative}.z_tds_2f_web-xrJh8ei{text-decoration:none}.z_tds_2f_web-xrJh8ej{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-xrJh8ek{transition-property:opacity,outline-color,scale}.z_tds_2f_web-xrJh8el{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-xrJh8em{width:var(--z-tds_2f_web-spacing-56,3.5rem)}.z_tds_2f_web-xrJh8en{&>:first-child{flex-shrink:0}}.z_tds_2f_web-xrJh8eo{&>:first-child{font-size:var(--z-tds_2f_web-fontSize-24,1.5rem)}}.z_tds_2f_web-xrJh8ep{&>:not(:first-child){clip-path:inset(50%)}}.z_tds_2f_web-xrJh8eq{&>:not(:first-child){height:1px}}.z_tds_2f_web-xrJh8er{&>:not(:first-child){overflow:hidden}}.z_tds_2f_web-xrJh8es{&>:not(:first-child){position:absolute}}.z_tds_2f_web-xrJh8et{&>:not(:first-child){white-space:nowrap}}.z_tds_2f_web-xrJh8eu{&>:not(:first-child){width:1px}}.z_tds_2f_web-xrJh8ev{&:active{scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-xrJh8ew{&:active{transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z_tds_2f_web-xrJh8ex{&:focus-visible{outline-color:var(--z-tds_2f_web-color-border-focus,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-052,#ffffff85)))}}.z_tds_2f_web-xrJh8ey{&:hover{opacity:.88}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-xrJh8ez{transition-property:opacity,outline-color}.z_tds_2f_web-xrJh8e10{&:active{scale:none}}}.z_tds_2f_web-xrJh8e11{background-color:var(--z-tds_2f_web-color-neutral-100,#000)}.z_tds_2f_web-xrJh8e12{inset:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xrJh8e13{opacity:.6}.z_tds_2f_web-xrJh8e14{position:fixed}.z_tds_2f_web-xrJh8e15{transition-duration:var(--z-tds_2f_web-transitionDuration-280,.28s)}.z_tds_2f_web-xrJh8e16{transition-property:opacity}.z_tds_2f_web-xrJh8e17{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}.z_tds_2f_web-xrJh8e18{z-index:var(--z-tds_2f_web-zIndex-overlay,40)}.z_tds_2f_web-xrJh8e19{&[data-ending-style]{opacity:0}}.z_tds_2f_web-xrJh8e1a{&[data-ending-style]{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}}.z_tds_2f_web-xrJh8e1b{&[data-starting-style]{opacity:0}}.z_tds_2f_web-xrJh8e1c{background-color:currentColor}.z_tds_2f_web-xrJh8e1d{border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}.z_tds_2f_web-xrJh8e1e{height:var(--z-tds_2f_web-spacing-2,.125rem)}.z_tds_2f_web-xrJh8e1f{inset-inline-start:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xrJh8e1g{position:absolute}.z_tds_2f_web-xrJh8e1h{top:50%}.z_tds_2f_web-xrJh8e1i{transition-duration:var(--z-tds_2f_web-transitionDuration-240,.24s)}.z_tds_2f_web-xrJh8e1j{transition-property:transform}.z_tds_2f_web-xrJh8e1k{width:100%}.z_tds_2f_web-xrJh8e1l{&:first-child{transform:translateY(-4px)}}.z_tds_2f_web-xrJh8e1m{&:last-child{transform:translateY(2px)}}.z_tds_2f_web-xrJh8e1n{[data-popup-open] &:first-child{transform:translateY(-1px)rotate(45deg)}}.z_tds_2f_web-xrJh8e1o{[data-popup-open] &:last-child{transform:translateY(-1px)rotate(-45deg)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-xrJh8e1p{transition-property:none}}.z_tds_2f_web-xrJh8e1q{bottom:calc(1rem + env(safe-area-inset-bottom))}.z_tds_2f_web-xrJh8e1r{column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-xrJh8e1s{display:none}.z_tds_2f_web-xrJh8e1t{inset-inline:var(--z-tds_2f_web-spacing-24,1.5rem)}.z_tds_2f_web-xrJh8e1u{position:fixed}.z_tds_2f_web-xrJh8e1v{z-index:39}.z_tds_2f_web-xrJh8e1w{[data-state=open]>&[data-app-shell-menu]{z-index:var(--z-tds_2f_web-zIndex-modal,60)}}.z_tds_2f_web-xrJh8e1x{[data-state=open]>&[data-app-shell-menu]>:not([data-app-shell-menu-trigger]){opacity:0}}.z_tds_2f_web-xrJh8e1y{[data-state=open]>&[data-app-shell-menu]>:not([data-app-shell-menu-trigger]){pointer-events:none}}@media (width<=767px){.z_tds_2f_web-xrJh8e1z{display:flex}}.z_tds_2f_web-xrJh8e20{display:block}.z_tds_2f_web-xrJh8e21{height:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-xrJh8e22{position:relative}.z_tds_2f_web-xrJh8e23{width:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-xrJh8e24{border-inline-start-color:var(--z-tds_2f_web-color-line-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}.z_tds_2f_web-xrJh8e25{border-inline-start-style:solid}.z_tds_2f_web-xrJh8e26{border-inline-start-width:1px}.z_tds_2f_web-xrJh8e27{height:100%}.z_tds_2f_web-xrJh8e28{outline:none}.z_tds_2f_web-xrJh8e29{overflow-y:auto}.z_tds_2f_web-xrJh8e2a{transform:translateX(var(--drawer-swipe-movement-x,0px))}.z_tds_2f_web-xrJh8e2b{transition-duration:var(--z-tds_2f_web-transitionDuration-280,.28s)}.z_tds_2f_web-xrJh8e2c{transition-property:transform}.z_tds_2f_web-xrJh8e2d{width:min(18rem,85vw)}.z_tds_2f_web-xrJh8e2e{&[data-ending-style]{transform:translate(100%)}}.z_tds_2f_web-xrJh8e2f{&[data-ending-style]{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}}.z_tds_2f_web-xrJh8e2g{&[data-starting-style]{transform:translate(100%)}}.z_tds_2f_web-xrJh8e2h{&[data-swiping]{transition-duration:var(--z-tds_2f_web-transitionDuration-0,0s)}}.z_tds_2f_web-xrJh8e2i{&[data-swiping]{user-select:none}}.z_tds_2f_web-xrJh8e2j{[data-state]:has(>[data-app-shell-bottom-bar][data-app-shell-menu]) &{padding-block-end:calc(5.5rem + env(safe-area-inset-bottom))}}.z_tds_2f_web-xrJh8e2k{&[hidden]{display:none}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-xrJh8e2l{transition-property:opacity}.z_tds_2f_web-xrJh8e2m{&[data-ending-style],&[data-starting-style]{opacity:0}}.z_tds_2f_web-xrJh8e2n{&[data-ending-style],&[data-starting-style]{transform:none}}}.z_tds_2f_web-xrJh8e2o{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-xrJh8e2p{display:flex}.z_tds_2f_web-xrJh8e2q{justify-content:space-between}.z_tds_2f_web-xrJh8e2r{margin-bottom:var(--z-tds_2f_web-spacing-24,1.5rem)}.z_tds_2f_web-xrJh8e2s{margin-inline:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}.z_tds_2f_web-xrJh8e2t{margin-top:var(--z-tds_2f_web-spacing-_2d_20,-1.25rem)}.z_tds_2f_web-xrJh8e2u{min-height:var(--z-tds_2f_web-spacing-56,3.5rem)}.z_tds_2f_web-xrJh8e2v{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xrJh8e2w{padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}@media (width>=640px){.z_tds_2f_web-xrJh8e2x{margin-inline:-1.75rem}.z_tds_2f_web-xrJh8e2y{padding-inline:var(--z-tds_2f_web-spacing-28,1.75rem)}}@media (width<=1023px){.z_tds_2f_web-xrJh8e2z{padding-inline-end:var(--z-tds_2f_web-spacing-64,4rem)}}@media (width>=768px) and (width<=1023px){.z_tds_2f_web-xrJh8e30{[data-app-shell-collapse]>main>&{padding-inline-end:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-xrJh8e31{flex-direction:column}.z_tds_2f_web-xrJh8e32{max-width:var(--z-tds_2f_web-container-1024,64rem)}.z_tds_2f_web-xrJh8e33{padding-bottom:var(--z-tds_2f_web-spacing-40,2.5rem)}.z_tds_2f_web-xrJh8e34{padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-xrJh8e35{padding-top:var(--z-tds_2f_web-spacing-20,1.25rem)}.z_tds_2f_web-xrJh8e36{width:100%}@media (width>=640px){.z_tds_2f_web-xrJh8e37{padding-inline:var(--z-tds_2f_web-spacing-28,1.75rem)}}.z_tds_2f_web-xrJh8e38{background-color:var(--z-tds_2f_web-color-background-primary,light-dark(var(--z-tds_2f_web-color-neutral-004,#f5f5f5),var(--z-tds_2f_web-color-neutral-100,#000)))}.z_tds_2f_web-xrJh8e39{color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}.z_tds_2f_web-xrJh8e3a{display:flex}.z_tds_2f_web-xrJh8e3b{min-height:100dvh}.z_tds_2f_web-xrJh8e3c{font-family:var(--z-tds_2f_web-typography-body-b2-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}.z_tds_2f_web-xrJh8e3d{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}.z_tds_2f_web-xrJh8e3e{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}.z_tds_2f_web-xrJh8e3f{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,-.09px)}.z_tds_2f_web-xrJh8e3g{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}.z_tds_2f_web-xrJh8e3h{&:after,&:before{content:""}}.z_tds_2f_web-xrJh8e3i{&:after,&:before{flex:1}}.z_tds_2f_web-xrJh8e3j{&:before{background-color:var(--z-tds_2f_web-color-background-sidebar,light-dark(#fafafa,var(--z-tds_2f_web-color-neutral-096,#0a0a0a)))}}@media (width<=1023px){.z_tds_2f_web-xrJh8e3k{&:after,&:before{display:none}}}@media (width<=767px){.z_tds_2f_web-xrJh8e3l{&:has(>[data-app-shell-bottom-bar])>main{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}}}.z_tds_2f_web-xrJh8e3m{&:where([data-align=start]){&:after,&:before{display:none}}}.z_tds_2f_web-xrJh8e3n{&:where([data-align=start]){&>main{flex:1}}}.z_tds_2f_web-xrJh8e3o{&:where([data-align=start]){&>main{max-width:none}}}.z_tds_2f_web-xrJh8e3p{background-color:var(--z-tds_2f_web-color-background-sidebar,light-dark(#fafafa,var(--z-tds_2f_web-color-neutral-096,#0a0a0a)))}.z_tds_2f_web-xrJh8e3q{display:flex}.z_tds_2f_web-xrJh8e3r{flex-shrink:0}.z_tds_2f_web-xrJh8e3s{min-height:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xrJh8e3t{padding-bottom:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-xrJh8e3u{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-xrJh8e3v{row-gap:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-xrJh8e3w{clip-path:inset(50%)}.z_tds_2f_web-xrJh8e3x{height:1px}.z_tds_2f_web-xrJh8e3y{overflow:hidden}.z_tds_2f_web-xrJh8e3z{position:absolute}.z_tds_2f_web-xrJh8e40{white-space:nowrap}.z_tds_2f_web-xrJh8e41{width:1px}.z_tds_2f_web-xrJh8e42{border-inline-end-color:var(--z-tds_2f_web-color-line-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}.z_tds_2f_web-xrJh8e43{border-inline-end-style:solid}.z_tds_2f_web-xrJh8e44{border-inline-end-width:1px}.z_tds_2f_web-xrJh8e45{height:100dvh}.z_tds_2f_web-xrJh8e46{inset-block-start:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xrJh8e47{overflow-y:auto}.z_tds_2f_web-xrJh8e48{position:sticky}.z_tds_2f_web-xrJh8e49{width:var(--sidebar-width,16rem)}@media (width<=1023px){.z_tds_2f_web-xrJh8e4a{display:none}}@media (width>=768px) and (width<=1023px){.z_tds_2f_web-xrJh8e4b{&[data-app-shell-rail]{display:flex}}.z_tds_2f_web-xrJh8e4c{&[data-app-shell-rail]{width:4rem}}}.z_tds_2f_web-xrJh8e4d{--tds-sidebar-scrollbar-thumb:var(--z-tds_2f_web-color-line-primary,light-dark(var(--z-tds_2f_web-color-neutral-shade-016,#00000029),var(--z-tds_2f_web-color-neutral-tint-024,#ffffff3d)))}.z_tds_2f_web-xrJh8e4e{flex:1}.z_tds_2f_web-xrJh8e4f{margin-inline:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}.z_tds_2f_web-xrJh8e4g{overscroll-behavior:contain}.z_tds_2f_web-xrJh8e4h{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-xrJh8e4i{scrollbar-color:var(--tds-sidebar-scrollbar-thumb) transparent}.z_tds_2f_web-xrJh8e4j{scrollbar-gutter:stable}.z_tds_2f_web-xrJh8e4k{scrollbar-width:thin}@media (width>=768px) and (width<=1023px){.z_tds_2f_web-xrJh8e4l{[data-app-shell-rail] &{scrollbar-gutter:auto}}.z_tds_2f_web-xrJh8e4m{[data-app-shell-rail] &{scrollbar-width:none}}}.z_tds_2f_web-xrJh8e4n{&:after,&:before{background-color:var(--z-tds_2f_web-color-background-sidebar,light-dark(#fafafa,var(--z-tds_2f_web-color-neutral-096,#0a0a0a)))}}.z_tds_2f_web-xrJh8e4o{&:after,&:before{display:block}}.z_tds_2f_web-xrJh8e4p{&:after,&:before{height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-xrJh8e4q{&:after,&:before{opacity:0}}.z_tds_2f_web-xrJh8e4r{&:after,&:before{pointer-events:none}}.z_tds_2f_web-xrJh8e4s{&:after,&:before{position:sticky}}.z_tds_2f_web-xrJh8e4t{&:after,&:before{z-index:1}}.z_tds_2f_web-xrJh8e4u{&:after{animation-range:calc(100% - 24px) 100%}}.z_tds_2f_web-xrJh8e4v{&:after{bottom:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-xrJh8e4w{&:after{margin-top:-24px}}.z_tds_2f_web-xrJh8e4x{&:after{mask-image:linear-gradient(#0000,#000)}}.z_tds_2f_web-xrJh8e4y{&:before{animation-range:0 24px}}.z_tds_2f_web-xrJh8e4z{&:before{margin-bottom:-24px}}.z_tds_2f_web-xrJh8e50{&:before{mask-image:linear-gradient(#000,#0000)}}.z_tds_2f_web-xrJh8e51{&:before{top:var(--z-tds_2f_web-spacing-0,0rem)}}@supports (animation-timeline:scroll()){.z_tds_2f_web-xrJh8e52{&:after,&:before{animation-fill-mode:both}}.z_tds_2f_web-xrJh8e53{&:after,&:before{animation-timeline:scroll()}}.z_tds_2f_web-xrJh8e54{&:after,&:before{animation-timing-function:linear}}.z_tds_2f_web-xrJh8e55{&:after{animation-name:z-kid-tds_2f_web_2f_app_2d_shell_2f_fade_2d_out}}.z_tds_2f_web-xrJh8e56{&:before{animation-name:z-kid-tds_2f_web_2f_app_2d_shell_2f_fade_2d_in}}}.z_tds_2f_web-xrJh8e57{display:flex}.z_tds_2f_web-xrJh8e58{flex-shrink:0}.z_tds_2f_web-xrJh8e59{margin-top:auto}.z_tds_2f_web-xrJh8e5a{row-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-xrJh8e5b{padding-top:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-xrJh8e5c{appearance:none}.z_tds_2f_web-xrJh8e5d{background-color:#0000}.z_tds_2f_web-xrJh8e5e{border:none}.z_tds_2f_web-xrJh8e5f{border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}.z_tds_2f_web-xrJh8e5g{color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-064,#ffffffa3)))}.z_tds_2f_web-xrJh8e5h{flex:1}.z_tds_2f_web-xrJh8e5i{font:inherit}.z_tds_2f_web-xrJh8e5j{height:100%}.z_tds_2f_web-xrJh8e5k{justify-content:center}.z_tds_2f_web-xrJh8e5l{outline-color:#0000}.z_tds_2f_web-xrJh8e5m{outline-offset:var(--z-tds_2f_web-outlineOffset-_2d_2,-2px)}.z_tds_2f_web-xrJh8e5n{outline-style:solid}.z_tds_2f_web-xrJh8e5o{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-xrJh8e5p{position:relative}.z_tds_2f_web-xrJh8e5q{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-xrJh8e5r{transition-property:background-color,color,outline-color,scale}.z_tds_2f_web-xrJh8e5s{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-xrJh8e5t{&>:first-child{flex-shrink:0}}.z_tds_2f_web-xrJh8e5u{&>:first-child{font-size:var(--z-tds_2f_web-fontSize-24,1.5rem)}}.z_tds_2f_web-xrJh8e5v{&>:not(:first-child){clip-path:inset(50%)}}.z_tds_2f_web-xrJh8e5w{&>:not(:first-child){height:1px}}.z_tds_2f_web-xrJh8e5x{&>:not(:first-child){overflow:hidden}}.z_tds_2f_web-xrJh8e5y{&>:not(:first-child){position:absolute}}.z_tds_2f_web-xrJh8e5z{&>:not(:first-child){white-space:nowrap}}.z_tds_2f_web-xrJh8e60{&>:not(:first-child){width:1px}}.z_tds_2f_web-xrJh8e61{&:active{transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z_tds_2f_web-xrJh8e62{&:focus-visible{outline-color:var(--z-tds_2f_web-color-border-focus,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-052,#ffffff85)))}}.z_tds_2f_web-xrJh8e63{&:hover{color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-xrJh8e64{transition-property:background-color,color,outline-color}}.z_tds_2f_web-xrJh8e65{&:where([data-active=true]){background-color:var(--z-tds_2f_web-color-container-strong,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-016,#ffffff29)))}}.z_tds_2f_web-xrJh8e66{&:where([data-active=true]){color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}}.z_tds_2f_web-xrJh8e67{background-color:var(--z-tds_2f_web-color-background-elevated,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-092,#141414)))}.z_tds_2f_web-xrJh8e68{border-color:var(--z-tds_2f_web-color-line-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}.z_tds_2f_web-xrJh8e69{border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}.z_tds_2f_web-xrJh8e6a{border-style:solid}.z_tds_2f_web-xrJh8e6b{border-width:var(--z-tds_2f_web-borderWidth-regular,var(--z-tds_2f_web-spacing-1,1px))}.z_tds_2f_web-xrJh8e6c{box-shadow:var(--z-tds_2f_web-shadow-regular,0 8px 48px #0000000a, 0 4px 16px #0000000a, 0 2px 8px #0000000a)}.z_tds_2f_web-xrJh8e6d{flex:1}.z_tds_2f_web-xrJh8e6e{height:var(--z-tds_2f_web-spacing-56,3.5rem)}.z_tds_2f_web-xrJh8e6f{padding-block:var(--z-tds_2f_web-spacing-3,.1875rem)}.z_tds_2f_web-xrJh8e6g{padding-inline:var(--z-tds_2f_web-spacing-4,.25rem)}.z_tds_2f_web-xrJh8e6h{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}.z_tds_2f_web-xrJh8e6i{transition-property:opacity}.z_tds_2f_web-xrJh8e6j{color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}.z_tds_2f_web-xrJh8e6k{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xrJh8e6l{font-family:var(--z-tds_2f_web-typography-heading-h2-fontFamily,var(--z-tds_2f_web-fontFamily-heading,Pilat, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif))}.z_tds_2f_web-xrJh8e6m{font-size:var(--z-tds_2f_web-typography-heading-h2-fontSize,24px)}.z_tds_2f_web-xrJh8e6n{font-weight:var(--z-tds_2f_web-typography-heading-h2-fontWeight,500)}.z_tds_2f_web-xrJh8e6o{letter-spacing:var(--z-tds_2f_web-typography-heading-h2-letterSpacing,-.36px)}.z_tds_2f_web-xrJh8e6p{line-height:var(--z-tds_2f_web-typography-heading-h2-lineHeight,27.6px)}.z_tds_2f_web-xrJh8e6q{background-color:var(--z-tds_2f_web-color-background-elevated,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-092,#141414)))}.z_tds_2f_web-xrJh8e6r{display:inline-flex}.z_tds_2f_web-xrJh8e6s{height:var(--z-tds_2f_web-spacing-40,2.5rem)}.z_tds_2f_web-xrJh8e6t{inset-block-start:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-xrJh8e6u{inset-inline-end:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-xrJh8e6v{outline-color:#0000}.z_tds_2f_web-xrJh8e6w{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z_tds_2f_web-xrJh8e6x{outline-style:solid}.z_tds_2f_web-xrJh8e6y{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-xrJh8e6z{padding:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xrJh8e70{position:fixed}.z_tds_2f_web-xrJh8e71{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-xrJh8e72{transition-property:background-color,outline-color,outline-offset,transform}.z_tds_2f_web-xrJh8e73{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-xrJh8e74{width:var(--z-tds_2f_web-spacing-40,2.5rem)}.z_tds_2f_web-xrJh8e75{z-index:var(--z-tds_2f_web-zIndex-modal,60)}.z_tds_2f_web-xrJh8e76{&:active{transform:scale(.96)}}.z_tds_2f_web-xrJh8e77{&:focus-visible{outline-color:var(--z-tds_2f_web-color-border-focus,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-052,#ffffff85)))}}.z_tds_2f_web-xrJh8e78{&:focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z_tds_2f_web-xrJh8e79{&:hover{background-color:var(--z-tds_2f_web-color-container-regular,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}}.z_tds_2f_web-xrJh8e7a{&[data-popup-open]{transform:translate(calc(8px - min(18rem,85vw)))}}.z_tds_2f_web-xrJh8e7b{&[data-popup-open]{transition-duration:var(--z-tds_2f_web-transitionDuration-280,.28s)}}.z_tds_2f_web-xrJh8e7c{&[data-popup-open]{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}}@media (width>=1024px){.z_tds_2f_web-xrJh8e7d{display:none}}@media (width>=768px) and (width<=1023px){.z_tds_2f_web-xrJh8e7e{[data-app-shell-collapse] &{display:none}}}@media (width<=767px){.z_tds_2f_web-xrJh8e7f{&[data-app-shell-tab-bar]{display:none}}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-xrJh8e7g{transition-property:background-color,outline-color,outline-offset}.z_tds_2f_web-xrJh8e7h{&:active{transform:none}}}.z_tds_2f_web-xrJh8e7i{display:flex}.z_tds_2f_web-xrJh8e7j{inset:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xrJh8e7k{justify-content:flex-end}.z_tds_2f_web-xrJh8e7l{z-index:var(--z-tds_2f_web-zIndex-popover,50)}.z_tds_2f_web-xrJh8e7m{&[hidden]{display:none}}
+.z_tds_2f_web-xrJh8e0{align-items:center}.z_tds_2f_web-xrJh8e1{background-color:var(--z-tds_2f_web-color-inverse-background-secondary,light-dark(var(--z-tds_2f_web-color-neutral-092,#141414),var(--z-tds_2f_web-color-neutral-000,#fff)))}.z_tds_2f_web-xrJh8e2{border:none}.z_tds_2f_web-xrJh8e3{border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}.z_tds_2f_web-xrJh8e4{box-shadow:var(--z-tds_2f_web-shadow-large,0 24px 64px #00000014, 0 8px 48px #00000014, 0 2px 8px #0000000a)}.z_tds_2f_web-xrJh8e5{box-sizing:border-box}.z_tds_2f_web-xrJh8e6{color:var(--z-tds_2f_web-color-inverse-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),var(--z-tds_2f_web-color-neutral-100,#000)))}.z_tds_2f_web-xrJh8e7{corner-shape:round}.z_tds_2f_web-xrJh8e8{cursor:pointer}.z_tds_2f_web-xrJh8e9{display:flex}.z_tds_2f_web-xrJh8ea{flex-shrink:0}.z_tds_2f_web-xrJh8eb{height:var(--z-tds_2f_web-spacing-56,3.5rem)}.z_tds_2f_web-xrJh8ec{justify-content:center}.z_tds_2f_web-xrJh8ed{outline-color:#0000}.z_tds_2f_web-xrJh8ee{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z_tds_2f_web-xrJh8ef{outline-style:solid}.z_tds_2f_web-xrJh8eg{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-xrJh8eh{position:relative}.z_tds_2f_web-xrJh8ei{text-decoration:none}.z_tds_2f_web-xrJh8ej{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-xrJh8ek{transition-property:opacity,outline-color,scale}.z_tds_2f_web-xrJh8el{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-xrJh8em{width:var(--z-tds_2f_web-spacing-56,3.5rem)}.z_tds_2f_web-xrJh8en{&>:first-child{flex-shrink:0}}.z_tds_2f_web-xrJh8eo{&>:first-child{font-size:var(--z-tds_2f_web-fontSize-24,1.5rem)}}.z_tds_2f_web-xrJh8ep{&>:not(:first-child){clip-path:inset(50%)}}.z_tds_2f_web-xrJh8eq{&>:not(:first-child){height:1px}}.z_tds_2f_web-xrJh8er{&>:not(:first-child){overflow:hidden}}.z_tds_2f_web-xrJh8es{&>:not(:first-child){position:absolute}}.z_tds_2f_web-xrJh8et{&>:not(:first-child){white-space:nowrap}}.z_tds_2f_web-xrJh8eu{&>:not(:first-child){width:1px}}.z_tds_2f_web-xrJh8ev{&:active{scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-xrJh8ew{&:active{transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z_tds_2f_web-xrJh8ex{&:focus-visible{outline-color:var(--z-tds_2f_web-color-border-focus,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-052,#ffffff85)))}}.z_tds_2f_web-xrJh8ey{&:hover{opacity:.88}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-xrJh8ez{transition-property:opacity,outline-color}.z_tds_2f_web-xrJh8e10{&:active{scale:none}}}.z_tds_2f_web-xrJh8e11{background-color:var(--z-tds_2f_web-color-neutral-100,#000)}.z_tds_2f_web-xrJh8e12{inset:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xrJh8e13{opacity:.6}.z_tds_2f_web-xrJh8e14{position:fixed}.z_tds_2f_web-xrJh8e15{transition-duration:var(--z-tds_2f_web-transitionDuration-280,.28s)}.z_tds_2f_web-xrJh8e16{transition-property:opacity}.z_tds_2f_web-xrJh8e17{transition-timing-function:var(--z-tds_2f_web-ease-spring,cubic-bezier(.32, .72, 0, 1))}.z_tds_2f_web-xrJh8e18{z-index:var(--z-tds_2f_web-zIndex-overlay,40)}.z_tds_2f_web-xrJh8e19{&[data-ending-style]{opacity:0}}.z_tds_2f_web-xrJh8e1a{&[data-ending-style]{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}}.z_tds_2f_web-xrJh8e1b{&[data-starting-style]{opacity:0}}.z_tds_2f_web-xrJh8e1c{background-color:currentColor}.z_tds_2f_web-xrJh8e1d{border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}.z_tds_2f_web-xrJh8e1e{height:var(--z-tds_2f_web-spacing-2,.125rem)}.z_tds_2f_web-xrJh8e1f{inset-inline-start:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xrJh8e1g{position:absolute}.z_tds_2f_web-xrJh8e1h{top:50%}.z_tds_2f_web-xrJh8e1i{transition-duration:var(--z-tds_2f_web-transitionDuration-240,.24s)}.z_tds_2f_web-xrJh8e1j{transition-property:transform}.z_tds_2f_web-xrJh8e1k{width:100%}.z_tds_2f_web-xrJh8e1l{&:first-child{transform:translateY(-4px)}}.z_tds_2f_web-xrJh8e1m{&:last-child{transform:translateY(2px)}}.z_tds_2f_web-xrJh8e1n{[data-popup-open] &:first-child{transform:translateY(-1px)rotate(45deg)}}.z_tds_2f_web-xrJh8e1o{[data-popup-open] &:last-child{transform:translateY(-1px)rotate(-45deg)}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-xrJh8e1p{transition-property:none}}.z_tds_2f_web-xrJh8e1q{bottom:calc(1rem + env(safe-area-inset-bottom))}.z_tds_2f_web-xrJh8e1r{column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-xrJh8e1s{display:none}.z_tds_2f_web-xrJh8e1t{inset-inline:var(--z-tds_2f_web-spacing-24,1.5rem)}.z_tds_2f_web-xrJh8e1u{justify-content:flex-end}.z_tds_2f_web-xrJh8e1v{pointer-events:none}.z_tds_2f_web-xrJh8e1w{position:fixed}.z_tds_2f_web-xrJh8e1x{z-index:39}.z_tds_2f_web-xrJh8e1y{&>*{pointer-events:auto}}.z_tds_2f_web-xrJh8e1z{[data-state=open]>&[data-app-shell-menu]{z-index:var(--z-tds_2f_web-zIndex-modal,60)}}.z_tds_2f_web-xrJh8e20{[data-state=open]>&[data-app-shell-menu]>:not([data-app-shell-menu-trigger]){opacity:0}}.z_tds_2f_web-xrJh8e21{[data-state=open]>&[data-app-shell-menu]>:not([data-app-shell-menu-trigger]){pointer-events:none}}@media (width<=767px){.z_tds_2f_web-xrJh8e22{display:flex}}@media (width>=768px) and (width<=1023px){.z_tds_2f_web-xrJh8e23{:not([data-app-shell-collapse])>&{display:flex}}}.z_tds_2f_web-xrJh8e24{display:block}.z_tds_2f_web-xrJh8e25{height:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-xrJh8e26{position:relative}.z_tds_2f_web-xrJh8e27{width:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-xrJh8e28{border-inline-start-color:var(--z-tds_2f_web-color-line-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}.z_tds_2f_web-xrJh8e29{border-inline-start-style:solid}.z_tds_2f_web-xrJh8e2a{border-inline-start-width:1px}.z_tds_2f_web-xrJh8e2b{height:100%}.z_tds_2f_web-xrJh8e2c{outline:none}.z_tds_2f_web-xrJh8e2d{overflow-y:auto}.z_tds_2f_web-xrJh8e2e{transform:translateX(var(--drawer-swipe-movement-x,0px))}.z_tds_2f_web-xrJh8e2f{transition-duration:var(--z-tds_2f_web-transitionDuration-280,.28s)}.z_tds_2f_web-xrJh8e2g{transition-property:transform}.z_tds_2f_web-xrJh8e2h{width:min(18rem,85vw)}.z_tds_2f_web-xrJh8e2i{&[data-ending-style]{transform:translate(100%)}}.z_tds_2f_web-xrJh8e2j{&[data-ending-style]{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}}.z_tds_2f_web-xrJh8e2k{&[data-starting-style]{transform:translate(100%)}}.z_tds_2f_web-xrJh8e2l{&[data-swiping]{transition-duration:var(--z-tds_2f_web-transitionDuration-0,0s)}}.z_tds_2f_web-xrJh8e2m{&[data-swiping]{user-select:none}}.z_tds_2f_web-xrJh8e2n{[data-state]:has(>[data-app-shell-bottom-bar][data-app-shell-menu]) &{padding-block-end:calc(5.5rem + env(safe-area-inset-bottom))}}.z_tds_2f_web-xrJh8e2o{&[hidden]{display:none}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-xrJh8e2p{transition-property:opacity}.z_tds_2f_web-xrJh8e2q{&[data-ending-style],&[data-starting-style]{opacity:0}}.z_tds_2f_web-xrJh8e2r{&[data-ending-style],&[data-starting-style]{transform:none}}}.z_tds_2f_web-xrJh8e2s{column-gap:var(--z-tds_2f_web-spacing-8,.5rem)}.z_tds_2f_web-xrJh8e2t{display:flex}.z_tds_2f_web-xrJh8e2u{justify-content:space-between}.z_tds_2f_web-xrJh8e2v{margin-bottom:var(--z-tds_2f_web-spacing-24,1.5rem)}.z_tds_2f_web-xrJh8e2w{margin-inline:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}.z_tds_2f_web-xrJh8e2x{margin-top:var(--z-tds_2f_web-spacing-_2d_20,-1.25rem)}.z_tds_2f_web-xrJh8e2y{min-height:4.75rem}.z_tds_2f_web-xrJh8e2z{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xrJh8e30{padding-bottom:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-xrJh8e31{padding-top:var(--z-tds_2f_web-spacing-20,1.25rem)}.z_tds_2f_web-xrJh8e32{padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}@media (width>=640px){.z_tds_2f_web-xrJh8e33{margin-inline:-1.75rem}.z_tds_2f_web-xrJh8e34{padding-inline:var(--z-tds_2f_web-spacing-28,1.75rem)}}.z_tds_2f_web-xrJh8e35{flex-direction:column}.z_tds_2f_web-xrJh8e36{max-width:var(--z-tds_2f_web-container-1024,64rem)}.z_tds_2f_web-xrJh8e37{padding-bottom:var(--z-tds_2f_web-spacing-40,2.5rem)}.z_tds_2f_web-xrJh8e38{padding-inline:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-xrJh8e39{padding-top:var(--z-tds_2f_web-spacing-20,1.25rem)}.z_tds_2f_web-xrJh8e3a{width:100%}@media (width>=640px){.z_tds_2f_web-xrJh8e3b{padding-inline:var(--z-tds_2f_web-spacing-28,1.75rem)}}.z_tds_2f_web-xrJh8e3c{background-color:var(--z-tds_2f_web-color-background-primary,light-dark(var(--z-tds_2f_web-color-neutral-004,#f5f5f5),var(--z-tds_2f_web-color-neutral-092,#141414)))}.z_tds_2f_web-xrJh8e3d{color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}.z_tds_2f_web-xrJh8e3e{display:flex}.z_tds_2f_web-xrJh8e3f{min-height:100dvh}.z_tds_2f_web-xrJh8e3g{font-family:var(--z-tds_2f_web-typography-body-b2-fontFamily,var(--z-tds_2f_web-fontFamily-body,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"))}.z_tds_2f_web-xrJh8e3h{font-size:var(--z-tds_2f_web-typography-body-b2-fontSize,14px)}.z_tds_2f_web-xrJh8e3i{font-weight:var(--z-tds_2f_web-typography-body-b2-fontWeight,400)}.z_tds_2f_web-xrJh8e3j{letter-spacing:var(--z-tds_2f_web-typography-body-b2-letterSpacing,-.09px)}.z_tds_2f_web-xrJh8e3k{line-height:var(--z-tds_2f_web-typography-body-b2-lineHeight,20px)}.z_tds_2f_web-xrJh8e3l{&:after,&:before{content:""}}.z_tds_2f_web-xrJh8e3m{&:after,&:before{flex:1}}.z_tds_2f_web-xrJh8e3n{&:before{background-color:var(--z-tds_2f_web-color-background-sidebar,light-dark(#fafafa,var(--z-tds_2f_web-color-neutral-092,#141414)))}}@media (width<=1023px){.z_tds_2f_web-xrJh8e3o{&:after,&:before{display:none}}}@media (width<=767px){.z_tds_2f_web-xrJh8e3p{&:has(>[data-app-shell-bottom-bar])>main{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}}}@media (width>=768px) and (width<=1023px){.z_tds_2f_web-xrJh8e3q{&:not([data-app-shell-collapse]):has(>[data-app-shell-bottom-bar])>main{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}}}.z_tds_2f_web-xrJh8e3r{&:where([data-align=start]){&:after,&:before{display:none}}}.z_tds_2f_web-xrJh8e3s{&:where([data-align=start]){&>main{flex:1}}}.z_tds_2f_web-xrJh8e3t{&:where([data-align=start]){&>main{max-width:none}}}.z_tds_2f_web-xrJh8e3u{background-color:var(--z-tds_2f_web-color-background-sidebar,light-dark(#fafafa,var(--z-tds_2f_web-color-neutral-092,#141414)))}.z_tds_2f_web-xrJh8e3v{display:flex}.z_tds_2f_web-xrJh8e3w{flex-shrink:0}.z_tds_2f_web-xrJh8e3x{min-height:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xrJh8e3y{padding-bottom:var(--z-tds_2f_web-spacing-20,1.25rem)}.z_tds_2f_web-xrJh8e3z{padding-inline:var(--z-tds_2f_web-spacing-20,1.25rem)}.z_tds_2f_web-xrJh8e40{row-gap:var(--z-tds_2f_web-spacing-32,2rem)}.z_tds_2f_web-xrJh8e41{clip-path:inset(50%)}.z_tds_2f_web-xrJh8e42{height:1px}.z_tds_2f_web-xrJh8e43{overflow:hidden}.z_tds_2f_web-xrJh8e44{position:absolute}.z_tds_2f_web-xrJh8e45{white-space:nowrap}.z_tds_2f_web-xrJh8e46{width:1px}.z_tds_2f_web-xrJh8e47{border-inline-end-color:var(--z-tds_2f_web-color-line-tertiary,light-dark(var(--z-tds_2f_web-color-neutral-shade-004,#0000000a),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}.z_tds_2f_web-xrJh8e48{border-inline-end-style:solid}.z_tds_2f_web-xrJh8e49{border-inline-end-width:1px}.z_tds_2f_web-xrJh8e4a{height:100dvh}.z_tds_2f_web-xrJh8e4b{inset-block-start:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xrJh8e4c{overflow-y:auto}.z_tds_2f_web-xrJh8e4d{position:sticky}.z_tds_2f_web-xrJh8e4e{width:var(--sidebar-width,16rem)}@media (width<=1023px){.z_tds_2f_web-xrJh8e4f{display:none}}@media (width>=768px) and (width<=1023px){.z_tds_2f_web-xrJh8e4g{&[data-app-shell-rail]{display:flex}}.z_tds_2f_web-xrJh8e4h{&[data-app-shell-rail]{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-xrJh8e4i{&[data-app-shell-rail]{width:4rem}}}.z_tds_2f_web-xrJh8e4j{--tds-sidebar-scrollbar-thumb:var(--z-tds_2f_web-color-line-primary,light-dark(var(--z-tds_2f_web-color-neutral-shade-016,#00000029),var(--z-tds_2f_web-color-neutral-tint-024,#ffffff3d)))}.z_tds_2f_web-xrJh8e4k{flex:1}.z_tds_2f_web-xrJh8e4l{margin-inline:var(--z-tds_2f_web-spacing-_2d_20,-1.25rem)}.z_tds_2f_web-xrJh8e4m{overscroll-behavior:contain}.z_tds_2f_web-xrJh8e4n{padding-inline:var(--z-tds_2f_web-spacing-20,1.25rem)}.z_tds_2f_web-xrJh8e4o{scrollbar-color:var(--tds-sidebar-scrollbar-thumb) transparent}.z_tds_2f_web-xrJh8e4p{scrollbar-gutter:stable}.z_tds_2f_web-xrJh8e4q{scrollbar-width:thin}@media (width>=768px) and (width<=1023px){.z_tds_2f_web-xrJh8e4r{[data-app-shell-rail] &{margin-inline:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}.z_tds_2f_web-xrJh8e4s{[data-app-shell-rail] &{padding-inline:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-xrJh8e4t{[data-app-shell-rail] &{scrollbar-gutter:auto}}.z_tds_2f_web-xrJh8e4u{[data-app-shell-rail] &{scrollbar-width:none}}}.z_tds_2f_web-xrJh8e4v{&:after,&:before{background-color:var(--z-tds_2f_web-color-background-sidebar,light-dark(#fafafa,var(--z-tds_2f_web-color-neutral-092,#141414)))}}.z_tds_2f_web-xrJh8e4w{&:after,&:before{display:block}}.z_tds_2f_web-xrJh8e4x{&:after,&:before{height:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-xrJh8e4y{&:after,&:before{opacity:0}}.z_tds_2f_web-xrJh8e4z{&:after,&:before{pointer-events:none}}.z_tds_2f_web-xrJh8e50{&:after,&:before{position:sticky}}.z_tds_2f_web-xrJh8e51{&:after,&:before{z-index:1}}.z_tds_2f_web-xrJh8e52{&:after{animation-range:calc(100% - 24px) 100%}}.z_tds_2f_web-xrJh8e53{&:after{bottom:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-xrJh8e54{&:after{margin-top:-24px}}.z_tds_2f_web-xrJh8e55{&:after{mask-image:linear-gradient(#0000,#000)}}.z_tds_2f_web-xrJh8e56{&:before{animation-range:0 24px}}.z_tds_2f_web-xrJh8e57{&:before{margin-bottom:-24px}}.z_tds_2f_web-xrJh8e58{&:before{mask-image:linear-gradient(#000,#0000)}}.z_tds_2f_web-xrJh8e59{&:before{top:var(--z-tds_2f_web-spacing-0,0rem)}}@supports (animation-timeline:scroll()){.z_tds_2f_web-xrJh8e5a{&:after,&:before{animation-fill-mode:both}}.z_tds_2f_web-xrJh8e5b{&:after,&:before{animation-timeline:scroll()}}.z_tds_2f_web-xrJh8e5c{&:after,&:before{animation-timing-function:linear}}.z_tds_2f_web-xrJh8e5d{&:after{animation-name:z-kid-tds_2f_web_2f_app_2d_shell_2f_fade_2d_out}}.z_tds_2f_web-xrJh8e5e{&:before{animation-name:z-kid-tds_2f_web_2f_app_2d_shell_2f_fade_2d_in}}}.z_tds_2f_web-xrJh8e5f{display:flex}.z_tds_2f_web-xrJh8e5g{flex-shrink:0}.z_tds_2f_web-xrJh8e5h{margin-top:auto}.z_tds_2f_web-xrJh8e5i{row-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-xrJh8e5j{padding-top:var(--z-tds_2f_web-spacing-20,1.25rem)}.z_tds_2f_web-xrJh8e5k{appearance:none}.z_tds_2f_web-xrJh8e5l{background-color:#0000}.z_tds_2f_web-xrJh8e5m{border:none}.z_tds_2f_web-xrJh8e5n{border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}.z_tds_2f_web-xrJh8e5o{color:var(--z-tds_2f_web-color-content-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-056,#0000008f),var(--z-tds_2f_web-color-neutral-tint-064,#ffffffa3)))}.z_tds_2f_web-xrJh8e5p{flex:1}.z_tds_2f_web-xrJh8e5q{font:inherit}.z_tds_2f_web-xrJh8e5r{height:100%}.z_tds_2f_web-xrJh8e5s{justify-content:center}.z_tds_2f_web-xrJh8e5t{outline-color:#0000}.z_tds_2f_web-xrJh8e5u{outline-offset:var(--z-tds_2f_web-outlineOffset-_2d_2,-2px)}.z_tds_2f_web-xrJh8e5v{outline-style:solid}.z_tds_2f_web-xrJh8e5w{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-xrJh8e5x{position:relative}.z_tds_2f_web-xrJh8e5y{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-xrJh8e5z{transition-property:background-color,color,outline-color,scale}.z_tds_2f_web-xrJh8e60{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-xrJh8e61{&>:first-child{flex-shrink:0}}.z_tds_2f_web-xrJh8e62{&>:first-child{font-size:var(--z-tds_2f_web-fontSize-24,1.5rem)}}.z_tds_2f_web-xrJh8e63{&>:not(:first-child){clip-path:inset(50%)}}.z_tds_2f_web-xrJh8e64{&>:not(:first-child){height:1px}}.z_tds_2f_web-xrJh8e65{&>:not(:first-child){overflow:hidden}}.z_tds_2f_web-xrJh8e66{&>:not(:first-child){position:absolute}}.z_tds_2f_web-xrJh8e67{&>:not(:first-child){white-space:nowrap}}.z_tds_2f_web-xrJh8e68{&>:not(:first-child){width:1px}}.z_tds_2f_web-xrJh8e69{&:active{transition-duration:var(--z-tds_2f_web-transitionDuration-100,.1s)}}.z_tds_2f_web-xrJh8e6a{&:focus-visible{outline-color:var(--z-tds_2f_web-color-border-focus,light-dark(var(--z-tds_2f_web-color-neutral-shade-040,#0006),var(--z-tds_2f_web-color-neutral-tint-052,#ffffff85)))}}.z_tds_2f_web-xrJh8e6b{&:hover{color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-xrJh8e6c{transition-property:background-color,color,outline-color}}.z_tds_2f_web-xrJh8e6d{&:where([data-active=true]){background-color:var(--z-tds_2f_web-color-container-strong,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-016,#ffffff29)))}}.z_tds_2f_web-xrJh8e6e{&:where([data-active=true]){color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}}.z_tds_2f_web-xrJh8e6f{background-color:var(--z-tds_2f_web-color-background-elevated,light-dark(var(--z-tds_2f_web-color-neutral-000,#fff),#1a1a1a))}.z_tds_2f_web-xrJh8e6g{border-color:var(--z-tds_2f_web-color-line-secondary,light-dark(var(--z-tds_2f_web-color-neutral-shade-008,#00000014),var(--z-tds_2f_web-color-neutral-tint-008,#ffffff14)))}.z_tds_2f_web-xrJh8e6h{border-radius:var(--z-tds_2f_web-radius-full,var(--z-tds_2f_web-spacing-999,62.4375rem))}.z_tds_2f_web-xrJh8e6i{border-style:solid}.z_tds_2f_web-xrJh8e6j{border-width:var(--z-tds_2f_web-borderWidth-regular,var(--z-tds_2f_web-spacing-1,1px))}.z_tds_2f_web-xrJh8e6k{box-shadow:var(--z-tds_2f_web-shadow-regular,0 8px 48px #0000000a, 0 4px 16px #0000000a, 0 2px 8px #0000000a)}.z_tds_2f_web-xrJh8e6l{flex:1}.z_tds_2f_web-xrJh8e6m{height:var(--z-tds_2f_web-spacing-56,3.5rem)}.z_tds_2f_web-xrJh8e6n{padding-block:var(--z-tds_2f_web-spacing-3,.1875rem)}.z_tds_2f_web-xrJh8e6o{padding-inline:var(--z-tds_2f_web-spacing-4,.25rem)}.z_tds_2f_web-xrJh8e6p{transition-duration:var(--z-tds_2f_web-transitionDuration-200,.2s)}.z_tds_2f_web-xrJh8e6q{transition-property:opacity}.z_tds_2f_web-xrJh8e6r{color:var(--z-tds_2f_web-color-content-primary,light-dark(var(--z-tds_2f_web-color-neutral-100,#000),var(--z-tds_2f_web-color-neutral-000,#fff)))}.z_tds_2f_web-xrJh8e6s{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xrJh8e6t{font-family:var(--z-tds_2f_web-typography-heading-h2-fontFamily,var(--z-tds_2f_web-fontFamily-heading,Pilat, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif))}.z_tds_2f_web-xrJh8e6u{font-size:var(--z-tds_2f_web-typography-heading-h2-fontSize,24px)}.z_tds_2f_web-xrJh8e6v{font-weight:var(--z-tds_2f_web-typography-heading-h2-fontWeight,500)}.z_tds_2f_web-xrJh8e6w{letter-spacing:var(--z-tds_2f_web-typography-heading-h2-letterSpacing,-.36px)}.z_tds_2f_web-xrJh8e6x{line-height:var(--z-tds_2f_web-typography-heading-h2-lineHeight,27.6px)}.z_tds_2f_web-xrJh8e6y{display:flex}.z_tds_2f_web-xrJh8e6z{inset:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-xrJh8e70{justify-content:flex-end}.z_tds_2f_web-xrJh8e71{position:fixed}.z_tds_2f_web-xrJh8e72{z-index:var(--z-tds_2f_web-zIndex-popover,50)}.z_tds_2f_web-xrJh8e73{&[hidden]{display:none}}

package/dist/web/components/AppShell.d.ts

@@ -5,7 +5,7 @@ import type * as zyzz from 'zyzz';
  * Application frame with a sticky sidebar beside a content column. `align="center"` centers both
  * on wide viewports, with the sidebar fill to the start edge and the header bar to the end edge.
  * `align="start"` pins the sidebar left with content filling the rest.
- * Below 1024px the sidebar moves into a drawer that `AppShell.Trigger` opens from the right edge.
+ * Below 1024px the sidebar moves into a drawer that `AppShell.Trigger` opens from the bottom bar.
  *
  * - Name the `Sidebar` with `aria-label`. It labels the `aside` on wide viewports and the drawer
  *   dialog below 1024px.
@@ -19,9 +19,9 @@ import type * as zyzz from 'zyzz';
  *   <AppShell.Main>
  *     <AppShell.Header>
  *       <AppShell.Title>API Keys</AppShell.Title>
- *       <AppShell.Trigger />
  *     </AppShell.Header>
  *   </AppShell.Main>
+ *   <AppShell.Trigger />
  * </AppShell.Root>
  *
  * @see {@link https://base-ui.com/react/components/drawer | Base UI Drawer}
@@ -32,8 +32,8 @@ import type * as zyzz from 'zyzz';
  */
 export declare namespace AppShell {
     /**
-     * Renders the transparent 56px page header at the top of `Main`, holding the title, actions and
-     * the compact-viewport `Trigger`. It spans the full width of `Main`.
+     * Renders the transparent page header at the top of `Main`, holding the title and actions. It
+     * spans the full width of `Main` and is at least 76px tall, so a one-row header centers on the sidebar account row.
      */
     function Header(props: Header.Props): import("react").JSX.Element;
     namespace Header {
@@ -55,7 +55,7 @@ export declare namespace AppShell {
             /**
              * Collapses the inline sidebar to a 64px column of icons from 768px to 1023px, and opens
              * the drawer only below 768px. Give every `SidebarMenu.Item` an icon as its first child.
-             * Absent, the sidebar opens as a drawer below 1024px.
+             * Absent, the sidebar opens as a drawer below 1024px, and the bottom bar shows there too.
              * @default false
              */
             collapse?: boolean | undefined;
@@ -101,25 +101,17 @@ export declare namespace AppShell {
         type Props = ComponentPropsWithRef<'h1'> & zyzz.Props.Variants<typeof styles.title>;
     }
     /**
-     * Toggles the sidebar drawer from a button fixed to the top-right corner, above the drawer, whose
-     * two bars turn into a close mark while it is open. Hidden from 1024px, where the sidebar is
-     * always visible. It is named `Open menu` or `Close menu` and exposes `aria-expanded`. Pass
-     * `aria-label` to replace the name, or `children` to replace the bars. With `tabBar`, the bottom
-     * bar renders it as its floating action button below 768px instead of the top-right button.
+     * Adds the button that toggles the sidebar drawer to the bottom bar, after the `action` items,
+     * wherever the drawer replaces the sidebar. Its two bars turn into a close mark while the drawer
+     * is open, and the other items of the bar fade out. It is named `Open menu` or `Close menu` and
+     * exposes `aria-expanded`. Pass `aria-label` to replace the name, or `children` to replace the bars.
      *
      * @example
-     * <AppShell.Trigger tabBar />
+     * <AppShell.Trigger />
      */
-    function Trigger(props: Trigger.Props): import("react").JSX.Element;
+    function Trigger(props: Trigger.Props): null;
     namespace Trigger {
-        type Props = ComponentPropsWithRef<'button'> & zyzz.Props.Variants<typeof styles.trigger> & Pick<BaseUi.Drawer.Trigger.Props, 'nativeButton' | 'render'> & {
-            /**
-             * Renders the trigger as the floating action button of the bottom bar below 768px, after
-             * the `action` items, in place of the top-right button. While the drawer is open, the
-             * button stays above it as a close mark, and the other items of the bar fade out.
-             */
-            tabBar?: boolean | undefined;
-        };
+        type Props = ComponentPropsWithRef<'button'> & Pick<BaseUi.Drawer.Trigger.Props, 'nativeButton' | 'render'>;
     }
 }
 declare namespace styles {
@@ -139,23 +131,15 @@ declare namespace styles {
             readonly marginBottom: "24";
             readonly marginInline: "-16";
             readonly marginTop: "-20";
-            readonly minHeight: "56";
+            readonly minHeight: "4.75rem !custom";
             readonly minWidth: "0";
+            readonly paddingBottom: "12";
+            readonly paddingTop: "20";
             readonly paddingInline: "16";
             readonly '@media (min-width: 640px)': {
                 readonly marginInline: "-1.75rem !custom";
                 readonly paddingInline: "28";
             };
-            readonly '@media (max-width: 1023px)': {
-                readonly paddingInlineEnd: "64";
-            };
-            readonly '@media (min-width: 768px) and (max-width: 1023px)': {
-                readonly selectors: {
-                    readonly '[data-app-shell-collapse] > main > &': {
-                        readonly paddingInlineEnd: "24";
-                    };
-                };
-            };
         };
     }, "react">;
     const main: zyzz.variants.ReturnType<{
@@ -205,6 +189,13 @@ declare namespace styles {
                     };
                 };
             };
+            readonly '@media (min-width: 768px) and (max-width: 1023px)': {
+                readonly selectors: {
+                    readonly '&:not([data-app-shell-collapse]):has(> [data-app-shell-bottom-bar]) > main': {
+                        readonly paddingBottom: "calc(5.5rem + env(safe-area-inset-bottom)) !custom";
+                    };
+                };
+            };
         };
         readonly defaultVariants: {
             readonly align: "center";
@@ -234,9 +225,9 @@ declare namespace styles {
             readonly flexDirection: "column";
             readonly flexShrink: "0 !custom";
             readonly minHeight: "0";
-            readonly paddingBottom: "16";
-            readonly paddingInline: "12";
-            readonly rowGap: "16";
+            readonly paddingBottom: "20";
+            readonly paddingInline: "20";
+            readonly rowGap: "32";
         };
     }, "react">;
     const label: zyzz.style.ReturnType<"react">;
@@ -245,17 +236,19 @@ declare namespace styles {
         readonly base: {
             readonly '--tds-sidebar-scrollbar-thumb': string;
             readonly flex: "1 !custom";
-            readonly marginInline: "-12";
+            readonly marginInline: "-20";
             readonly minHeight: "0";
             readonly overflowY: "auto";
             readonly overscrollBehavior: "contain";
-            readonly paddingInline: "12";
+            readonly paddingInline: "20";
             readonly scrollbarColor: "var(--tds-sidebar-scrollbar-thumb) transparent !custom";
             readonly scrollbarGutter: "stable";
             readonly scrollbarWidth: "thin";
             readonly '@media (min-width: 768px) and (max-width: 1023px)': {
                 readonly selectors: {
                     readonly '[data-app-shell-rail] &': {
+                        readonly marginInline: "-12";
+                        readonly paddingInline: "12";
                         readonly scrollbarGutter: "auto !custom";
                         readonly scrollbarWidth: "none !custom";
                     };
@@ -308,13 +301,13 @@ declare namespace styles {
             readonly flexDirection: "column";
             readonly flexShrink: "0 !custom";
             readonly marginTop: "auto !custom";
-            readonly rowGap: "8";
+            readonly rowGap: "12";
         };
     }, "react">;
     const sidebarHeader: zyzz.variants.ReturnType<{
         readonly base: {
             readonly flexShrink: "0 !custom";
-            readonly paddingTop: "16";
+            readonly paddingTop: "20";
         };
     }, "react">;
     const tab: zyzz.variants.ReturnType<{
@@ -398,78 +391,6 @@ declare namespace styles {
             readonly typography: "heading.h2";
         };
     }, "react">;
-    const trigger: zyzz.variants.ReturnType<{
-        readonly base: {
-            readonly alignItems: "center";
-            readonly backgroundColor: "background.elevated";
-            readonly borderColor: "line.secondary";
-            readonly borderRadius: "full";
-            readonly borderStyle: "solid";
-            readonly borderWidth: "regular";
-            readonly boxSizing: "border-box";
-            readonly color: "content.primary";
-            readonly cornerShape: "round";
-            readonly cursor: "pointer";
-            readonly display: "inline-flex";
-            readonly height: "40";
-            readonly insetBlockStart: "8";
-            readonly insetInlineEnd: "16";
-            readonly justifyContent: "center";
-            readonly outlineColor: "transparent !custom";
-            readonly outlineOffset: "0";
-            readonly outlineStyle: "solid !custom";
-            readonly outlineWidth: "2";
-            readonly padding: "0";
-            readonly position: "fixed";
-            readonly transitionDuration: "160";
-            readonly transitionProperty: "background-color, outline-color, outline-offset, transform !custom";
-            readonly transitionTimingFunction: "snappy";
-            readonly width: "40";
-            readonly zIndex: "modal";
-            readonly selectors: {
-                readonly '&:active': {
-                    readonly transform: "scale(0.96) !custom";
-                };
-                readonly '&:focus-visible': {
-                    readonly outlineColor: "border.focus";
-                    readonly outlineOffset: "2";
-                };
-                readonly '&:hover': {
-                    readonly backgroundColor: "container.regular";
-                };
-                readonly '&[data-popup-open]': {
-                    readonly transform: "translateX(calc(8px - min(18rem, 85vw))) !custom";
-                    readonly transitionDuration: "280";
-                    readonly transitionTimingFunction: "spring";
-                };
-            };
-            readonly '@media (min-width: 1024px)': {
-                readonly display: "none !custom";
-            };
-            readonly '@media (min-width: 768px) and (max-width: 1023px)': {
-                readonly selectors: {
-                    readonly '[data-app-shell-collapse] &': {
-                        readonly display: "none !custom";
-                    };
-                };
-            };
-            readonly '@media (max-width: 767px)': {
-                readonly selectors: {
-                    readonly '&[data-app-shell-tab-bar]': {
-                        readonly display: "none !custom";
-                    };
-                };
-            };
-            readonly '@media (prefers-reduced-motion: reduce)': {
-                readonly transitionProperty: "background-color, outline-color, outline-offset !custom";
-                readonly selectors: {
-                    readonly '&:active': {
-                        readonly transform: "none !custom";
-                    };
-                };
-            };
-        };
-    }, "react">;
     const viewport: zyzz.style.ReturnType<"react">;
 }
 export {};

package/dist/web/components/AppShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/web/components/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,uBAAuB,CAAA;AAE/C,OAAO,EACL,KAAK,qBAAqB,EAO3B,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAyCjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,yBAAiB,QAAQ,CAAC;IACxB;;;OAGG;IACH,SAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BAUzC;IAED,UAAiB,MAAM,CAAC;QACtB,KAAY,KAAK,GAAG,qBAAqB,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAA;KAChG;IAED,6FAA6F;IAC7F,SAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,+BAIrC;IAED,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,qBAAqB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,CAAA;KAC5F;IAED;;;;OAIG;IACH,SAAgB,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,+BAkDrC;IAED,UAAiB,IAAI,CAAC;QACpB,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG;YACxC;;;;;eAKG;YACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;YAE9B;;;eAGG;YACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;YAEjC,uFAAuF;YACvF,YAAY,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAA;YAEpD,sFAAsF;YACtF,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;SAC3B,CAAA;KACJ;IAED;;;;;OAKG;IACH,SAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,+BAoC3C;IAED,UAAiB,OAAO,CAAC;QACvB,KAAY,KAAK,GAAG,qBAAqB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,CAAA;KAChG;IAED,wFAAwF;IACxF,SAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,+BAInD;IAED,UAAiB,WAAW,CAAC;QAC3B,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,WAAW,CAAC,CAAA;KACjD;IAED,wFAAwF;IACxF,SAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,+BAMvD;IAED,UAAiB,aAAa,CAAC;QAC7B,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,aAAa,CAAC,CAAA;KACnD;IAED,uEAAuE;IACvE,SAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,+BAMvD;IAED,UAAiB,aAAa,CAAC;QAC7B,KAAY,KAAK,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAC9C,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,aAAa,CAAC,CAAA;KACnD;IAED,6CAA6C;IAC7C,SAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,+BAIvC;IAED,UAAiB,KAAK,CAAC;QACrB,KAAY,KAAK,GAAG,qBAAqB,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAA;KAC3F;IAED;;;;;;;;;OASG;IACH,SAAgB,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,+BAuC3C;IAED,UAAiB,OAAO,CAAC;QACvB,KAAY,KAAK,GAAG,qBAAqB,CAAC,QAAQ,CAAC,GACjD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,GAC1C,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,cAAc,GAAG,QAAQ,CAAC,GAAG;YAC7D;;;;eAIG;YACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;SAC7B,CAAA;KACJ;CACF;AAgGD,kBAAU,MAAM,CAAC;IAER,MAAM,MAAM,gCA8ClB,CAAA;IAEM,MAAM,QAAQ,gCAgBpB,CAAA;IAEM,MAAM,GAAG,gCA2Bf,CAAA;IAIM,MAAM,SAAS,gCAqBrB,CAAA;IAEM,MAAM,IAAI,gCAGhB,CAAA;IAEM,MAAM,MAAM,gCAwClB,CAAA;IAGM,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAyBlB,CAAA;IAEM,MAAM,IAAI;;;;;;;;;;;;;;;eAgBhB,CAAA;IAEM,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA0ChB,CAAA;IAEM,MAAM,OAAO;;;;;;;;;;;;eAenB,CAAA;IAGM,MAAM,KAAK,gCAUjB,CAAA;IAIM,MAAM,MAAM,gCAmBlB,CAAA;IAEM,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA0DA,aAAa;;;wBACZ,aAAa;;;;;eAMrC,CAAA;IAGM,MAAM,aAAa;;;;;;;;eAWzB,CAAA;IAEM,MAAM,aAAa;;;;;eAGzB,CAAA;IAGM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAuDf,CAAA;IAIM,MAAM,MAAM,gCAsBlB,CAAA;IAEM,MAAM,KAAK;;;;;;;eAUjB,CAAA;IAEM,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA0DnB,CAAA;IAEM,MAAM,QAAQ,gCAUpB,CAAA;CACF"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/web/components/AppShell.tsx"],"names":[],"mappings":"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"}

package/dist/web/components/AppShell.js

@@ -32,7 +32,7 @@ function useShell() {
  * Application frame with a sticky sidebar beside a content column. `align="center"` centers both
  * on wide viewports, with the sidebar fill to the start edge and the header bar to the end edge.
  * `align="start"` pins the sidebar left with content filling the rest.
- * Below 1024px the sidebar moves into a drawer that `AppShell.Trigger` opens from the right edge.
+ * Below 1024px the sidebar moves into a drawer that `AppShell.Trigger` opens from the bottom bar.
  *
  * - Name the `Sidebar` with `aria-label`. It labels the `aside` on wide viewports and the drawer
  *   dialog below 1024px.
@@ -46,9 +46,9 @@ function useShell() {
  *   <AppShell.Main>
  *     <AppShell.Header>
  *       <AppShell.Title>API Keys</AppShell.Title>
- *       <AppShell.Trigger />
  *     </AppShell.Header>
  *   </AppShell.Main>
+ *   <AppShell.Trigger />
  * </AppShell.Root>
  *
  * @see {@link https://base-ui.com/react/components/drawer | Base UI Drawer}
@@ -60,8 +60,8 @@ function useShell() {
 export var AppShell;
 (function (AppShell) {
     /**
-     * Renders the transparent 56px page header at the top of `Main`, holding the title, actions and
-     * the compact-viewport `Trigger`. It spans the full width of `Main`.
+     * Renders the transparent page header at the top of `Main`, holding the title and actions. It
+     * spans the full width of `Main` and is at least 76px tall, so a one-row header centers on the sidebar account row.
      */
     function Header(props) {
         const { className, vars, ...attributes } = props;
@@ -101,7 +101,7 @@ export var AppShell;
                         ref(node);
                     else if (ref)
                         ref.current = node;
-                }, children: _jsxs(TabBar.Context.Provider, { value: tabBar, children: [children, _jsx(BottomBar, {})] }) }) }));
+                }, children: _jsxs(TabBar.Context.Provider, { value: tabBar, children: [_jsx(BottomBar, {}), children] }) }) }));
     }
     AppShell.Root = Root;
     /**
@@ -145,32 +145,25 @@ export var AppShell;
     }
     AppShell.Title = Title;
     /**
-     * Toggles the sidebar drawer from a button fixed to the top-right corner, above the drawer, whose
-     * two bars turn into a close mark while it is open. Hidden from 1024px, where the sidebar is
-     * always visible. It is named `Open menu` or `Close menu` and exposes `aria-expanded`. Pass
-     * `aria-label` to replace the name, or `children` to replace the bars. With `tabBar`, the bottom
-     * bar renders it as its floating action button below 768px instead of the top-right button.
+     * Adds the button that toggles the sidebar drawer to the bottom bar, after the `action` items,
+     * wherever the drawer replaces the sidebar. Its two bars turn into a close mark while the drawer
+     * is open, and the other items of the bar fade out. It is named `Open menu` or `Close menu` and
+     * exposes `aria-expanded`. Pass `aria-label` to replace the name, or `children` to replace the bars.
      *
      * @example
-     * <AppShell.Trigger tabBar />
+     * <AppShell.Trigger />
      */
     function Trigger(props) {
-        const { children, className, ref, tabBar = false, vars, ...attributes } = props;
-        const shell = useShell();
+        const { children, ref, ...attributes } = props;
         const store = use(TabBar.Context);
         const id = useId();
-        // The bottom bar shows below 768px, so the ref follows whichever of the two buttons shows.
-        const bar = useQuery('(max-width: 767px)') && tabBar;
+        // Throws outside `Root`, like every other part, though the bottom bar renders the button.
+        useShell();
         // Registers on every render, so the bottom bar repeats the current props of the trigger.
         useLayoutEffect(() => {
-            if (!store)
-                return;
-            if (!tabBar)
-                return store.delete(id);
-            const { style: _, ...rest } = attributes;
-            store.set(id, {
+            store?.set(id, {
                 active: false,
-                attributes: { ...rest, ref: bar ? ref : undefined },
+                attributes: { ...attributes, ref },
                 children,
                 variant: 'menu',
             });
@@ -180,7 +173,7 @@ export var AppShell;
                 return;
             return () => store.delete(id);
         }, [id, store]);
-        return (_jsx(BaseUi.Drawer.Trigger, { "aria-label": shell.open ? 'Close menu' : 'Open menu', ...attributes, ...styles.trigger({ className, style: props.style, vars }), "data-app-shell-tab-bar": tabBar ? '' : undefined, handle: shell.handle, ref: bar ? undefined : ref, children: children ?? _jsx(Bars, {}) }));
+        return null;
     }
     AppShell.Trigger = Trigger;
 })(AppShell || (AppShell = {}));
@@ -189,9 +182,10 @@ function Bars() {
     return (_jsxs("span", { "aria-hidden": "true", ...styles.bars(), children: [_jsx("span", { ...styles.bar() }), _jsx("span", { ...styles.bar() })] }));
 }
 /**
- * Repeats the `SidebarMenu.Item`s that set `tabBar` in a bar fixed to the bottom edge below 768px:
+ * Repeats the `SidebarMenu.Item`s that set `tabBar` in a bar fixed to the bottom edge wherever the
+ * drawer replaces the sidebar, below 1024px or below 768px with `collapse`:
  * `tab` items as icons in a pill `<nav>`, then each `action` item as a floating action button, then
- * the `AppShell.Trigger` that sets `tabBar`. Renders nothing while nothing registers.
+ * the `AppShell.Trigger`. Renders nothing while nothing registers.
  */
 function BottomBar() {
     const store = use(TabBar.Context);
@@ -220,11 +214,12 @@ function BottomBarItem(props) {
         render: entry.render,
     });
 }
-/** Renders the `AppShell.Trigger` that sets `tabBar` as a floating action button. */
+/** Renders the `AppShell.Trigger` as a floating action button. */
 function BottomBarTrigger(props) {
     const { entry } = props;
+    const { className, style, ...attributes } = entry.attributes;
     const shell = useShell();
-    return (_jsx(BaseUi.Drawer.Trigger, { "aria-label": shell.open ? 'Close menu' : 'Open menu', ...entry.attributes, ...styles.action(), "data-app-shell-menu-trigger": "", handle: shell.handle, children: entry.children ?? _jsx(Bars, {}) }));
+    return (_jsx(BaseUi.Drawer.Trigger, { "aria-label": shell.open ? 'Close menu' : 'Open menu', ...attributes, ...styles.action({ className, style }), "data-app-shell-menu-trigger": "", handle: shell.handle, children: entry.children ?? _jsx(Bars, {}) }));
 }
 const fadeIn = "z-kid-tds_2f_web_2f_app_2d_shell_2f_fade_2d_in";
 const fadeOut = "z-kid-tds_2f_web_2f_app_2d_shell_2f_fade_2d_out";
@@ -236,31 +231,32 @@ var styles;
     styles.bar = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-xrJh8e1c z_tds_2f_web-xrJh8e1d z_tds_2f_web-xrJh8e7 z_tds_2f_web-xrJh8e1e z_tds_2f_web-xrJh8e1f z_tds_2f_web-xrJh8e1g z_tds_2f_web-xrJh8e1h z_tds_2f_web-xrJh8e1i z_tds_2f_web-xrJh8e1j z_tds_2f_web-xrJh8e17 z_tds_2f_web-xrJh8e1k z_tds_2f_web-xrJh8e1l z_tds_2f_web-xrJh8e1m z_tds_2f_web-xrJh8e1n z_tds_2f_web-xrJh8e1o z_tds_2f_web-xrJh8e1p"});
     // Floats over the content, inset by the 24px page margin of the Mobile layout and 16px from the
     // bottom edge. It sits below the drawer and its backdrop.
-    styles.bottomBar = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-xrJh8e0 z_tds_2f_web-xrJh8e1q z_tds_2f_web-xrJh8e1r z_tds_2f_web-xrJh8e1s z_tds_2f_web-xrJh8e1t z_tds_2f_web-xrJh8e1u z_tds_2f_web-xrJh8e1v z_tds_2f_web-xrJh8e1w z_tds_2f_web-xrJh8e1x z_tds_2f_web-xrJh8e1y z_tds_2f_web-xrJh8e1z"});
-    styles.bars = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-xrJh8e20 z_tds_2f_web-xrJh8e21 z_tds_2f_web-xrJh8e22 z_tds_2f_web-xrJh8e23"});
-    styles.drawer = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-xrJh8e24 z_tds_2f_web-xrJh8e25 z_tds_2f_web-xrJh8e26 z_tds_2f_web-xrJh8e27 z_tds_2f_web-xrJh8e28 z_tds_2f_web-xrJh8e29 z_tds_2f_web-xrJh8e2a z_tds_2f_web-xrJh8e2b z_tds_2f_web-xrJh8e2c z_tds_2f_web-xrJh8e17 z_tds_2f_web-xrJh8e2d z_tds_2f_web-xrJh8e2e z_tds_2f_web-xrJh8e2f z_tds_2f_web-xrJh8e2g z_tds_2f_web-xrJh8e2h z_tds_2f_web-xrJh8e2i z_tds_2f_web-xrJh8e2j z_tds_2f_web-xrJh8e2k z_tds_2f_web-xrJh8e2l z_tds_2f_web-xrJh8e2m z_tds_2f_web-xrJh8e2n"});
+    styles.bottomBar = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-xrJh8e0 z_tds_2f_web-xrJh8e1q z_tds_2f_web-xrJh8e1r z_tds_2f_web-xrJh8e1s z_tds_2f_web-xrJh8e1t z_tds_2f_web-xrJh8e1u z_tds_2f_web-xrJh8e1v z_tds_2f_web-xrJh8e1w z_tds_2f_web-xrJh8e1x z_tds_2f_web-xrJh8e1y z_tds_2f_web-xrJh8e1z z_tds_2f_web-xrJh8e20 z_tds_2f_web-xrJh8e21 z_tds_2f_web-xrJh8e22 z_tds_2f_web-xrJh8e23"});
+    styles.bars = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-xrJh8e24 z_tds_2f_web-xrJh8e25 z_tds_2f_web-xrJh8e26 z_tds_2f_web-xrJh8e27"});
+    styles.drawer = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-xrJh8e28 z_tds_2f_web-xrJh8e29 z_tds_2f_web-xrJh8e2a z_tds_2f_web-xrJh8e2b z_tds_2f_web-xrJh8e2c z_tds_2f_web-xrJh8e2d z_tds_2f_web-xrJh8e2e z_tds_2f_web-xrJh8e2f z_tds_2f_web-xrJh8e2g z_tds_2f_web-xrJh8e17 z_tds_2f_web-xrJh8e2h z_tds_2f_web-xrJh8e2i z_tds_2f_web-xrJh8e2j z_tds_2f_web-xrJh8e2k z_tds_2f_web-xrJh8e2l z_tds_2f_web-xrJh8e2m z_tds_2f_web-xrJh8e2n z_tds_2f_web-xrJh8e2o z_tds_2f_web-xrJh8e2p z_tds_2f_web-xrJh8e2q z_tds_2f_web-xrJh8e2r"});
     // The header bleeds into the padding of `Main`, so it spans the column at its top edge.
-    styles.header = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e0 z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e2o z_tds_2f_web-xrJh8e2p z_tds_2f_web-xrJh8e2q z_tds_2f_web-xrJh8e2r z_tds_2f_web-xrJh8e2s z_tds_2f_web-xrJh8e2t z_tds_2f_web-xrJh8e2u z_tds_2f_web-xrJh8e2v z_tds_2f_web-xrJh8e2w z_tds_2f_web-xrJh8e2x z_tds_2f_web-xrJh8e2y z_tds_2f_web-xrJh8e2z z_tds_2f_web-xrJh8e30"+" "+external:"z_tds_2f_web-xrJh8e0 z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e2o z_tds_2f_web-xrJh8e2p z_tds_2f_web-xrJh8e2q z_tds_2f_web-xrJh8e2r z_tds_2f_web-xrJh8e2s z_tds_2f_web-xrJh8e2t z_tds_2f_web-xrJh8e2u z_tds_2f_web-xrJh8e2v z_tds_2f_web-xrJh8e2w z_tds_2f_web-xrJh8e2x z_tds_2f_web-xrJh8e2y z_tds_2f_web-xrJh8e2z z_tds_2f_web-xrJh8e30",result=inline?{className,style:inline}:{className};let value;return result});
-    styles.main = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e2p z_tds_2f_web-xrJh8e31 z_tds_2f_web-xrJh8e32 z_tds_2f_web-xrJh8e2v z_tds_2f_web-xrJh8e33 z_tds_2f_web-xrJh8e34 z_tds_2f_web-xrJh8e35 z_tds_2f_web-xrJh8e36 z_tds_2f_web-xrJh8e37"+" "+external:"z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e2p z_tds_2f_web-xrJh8e31 z_tds_2f_web-xrJh8e32 z_tds_2f_web-xrJh8e2v z_tds_2f_web-xrJh8e33 z_tds_2f_web-xrJh8e34 z_tds_2f_web-xrJh8e35 z_tds_2f_web-xrJh8e36 z_tds_2f_web-xrJh8e37",result=inline?{className,style:inline}:{className};let value;return result});
-    styles.root = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e38 z_tds_2f_web-xrJh8e39 z_tds_2f_web-xrJh8e3a z_tds_2f_web-xrJh8e3b z_tds_2f_web-xrJh8e22 z_tds_2f_web-xrJh8e3c z_tds_2f_web-xrJh8e3d z_tds_2f_web-xrJh8e3e z_tds_2f_web-xrJh8e3f z_tds_2f_web-xrJh8e3g z_tds_2f_web-xrJh8e3h z_tds_2f_web-xrJh8e3i z_tds_2f_web-xrJh8e3j z_tds_2f_web-xrJh8e3k z_tds_2f_web-xrJh8e3l z_tds_2f_web-xrJh8e3m z_tds_2f_web-xrJh8e3n z_tds_2f_web-xrJh8e3o"+" "+external:"z_tds_2f_web-xrJh8e38 z_tds_2f_web-xrJh8e39 z_tds_2f_web-xrJh8e3a z_tds_2f_web-xrJh8e3b z_tds_2f_web-xrJh8e22 z_tds_2f_web-xrJh8e3c z_tds_2f_web-xrJh8e3d z_tds_2f_web-xrJh8e3e z_tds_2f_web-xrJh8e3f z_tds_2f_web-xrJh8e3g z_tds_2f_web-xrJh8e3h z_tds_2f_web-xrJh8e3i z_tds_2f_web-xrJh8e3j z_tds_2f_web-xrJh8e3k z_tds_2f_web-xrJh8e3l z_tds_2f_web-xrJh8e3m z_tds_2f_web-xrJh8e3n z_tds_2f_web-xrJh8e3o",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"align")?input["align"]:void 0;if(value===void 0)value="center";if(value!==null&&value!==void 0)result["data-align"]=String(value);return result});
-    styles.sidebar = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e3p z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e3q z_tds_2f_web-xrJh8e31 z_tds_2f_web-xrJh8e3r z_tds_2f_web-xrJh8e3s z_tds_2f_web-xrJh8e3t z_tds_2f_web-xrJh8e3u z_tds_2f_web-xrJh8e3v"+" "+external:"z_tds_2f_web-xrJh8e3p z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e3q z_tds_2f_web-xrJh8e31 z_tds_2f_web-xrJh8e3r z_tds_2f_web-xrJh8e3s z_tds_2f_web-xrJh8e3t z_tds_2f_web-xrJh8e3u z_tds_2f_web-xrJh8e3v",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.header = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e0 z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e2s z_tds_2f_web-xrJh8e2t z_tds_2f_web-xrJh8e2u z_tds_2f_web-xrJh8e2v z_tds_2f_web-xrJh8e2w z_tds_2f_web-xrJh8e2x z_tds_2f_web-xrJh8e2y z_tds_2f_web-xrJh8e2z z_tds_2f_web-xrJh8e30 z_tds_2f_web-xrJh8e31 z_tds_2f_web-xrJh8e32 z_tds_2f_web-xrJh8e33 z_tds_2f_web-xrJh8e34"+" "+external:"z_tds_2f_web-xrJh8e0 z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e2s z_tds_2f_web-xrJh8e2t z_tds_2f_web-xrJh8e2u z_tds_2f_web-xrJh8e2v z_tds_2f_web-xrJh8e2w z_tds_2f_web-xrJh8e2x z_tds_2f_web-xrJh8e2y z_tds_2f_web-xrJh8e2z z_tds_2f_web-xrJh8e30 z_tds_2f_web-xrJh8e31 z_tds_2f_web-xrJh8e32 z_tds_2f_web-xrJh8e33 z_tds_2f_web-xrJh8e34",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.main = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e2t z_tds_2f_web-xrJh8e35 z_tds_2f_web-xrJh8e36 z_tds_2f_web-xrJh8e2z z_tds_2f_web-xrJh8e37 z_tds_2f_web-xrJh8e38 z_tds_2f_web-xrJh8e39 z_tds_2f_web-xrJh8e3a z_tds_2f_web-xrJh8e3b"+" "+external:"z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e2t z_tds_2f_web-xrJh8e35 z_tds_2f_web-xrJh8e36 z_tds_2f_web-xrJh8e2z z_tds_2f_web-xrJh8e37 z_tds_2f_web-xrJh8e38 z_tds_2f_web-xrJh8e39 z_tds_2f_web-xrJh8e3a z_tds_2f_web-xrJh8e3b",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.root = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e3c z_tds_2f_web-xrJh8e3d z_tds_2f_web-xrJh8e3e z_tds_2f_web-xrJh8e3f z_tds_2f_web-xrJh8e26 z_tds_2f_web-xrJh8e3g z_tds_2f_web-xrJh8e3h z_tds_2f_web-xrJh8e3i z_tds_2f_web-xrJh8e3j z_tds_2f_web-xrJh8e3k z_tds_2f_web-xrJh8e3l z_tds_2f_web-xrJh8e3m z_tds_2f_web-xrJh8e3n z_tds_2f_web-xrJh8e3o z_tds_2f_web-xrJh8e3p z_tds_2f_web-xrJh8e3q z_tds_2f_web-xrJh8e3r z_tds_2f_web-xrJh8e3s z_tds_2f_web-xrJh8e3t"+" "+external:"z_tds_2f_web-xrJh8e3c z_tds_2f_web-xrJh8e3d z_tds_2f_web-xrJh8e3e z_tds_2f_web-xrJh8e3f z_tds_2f_web-xrJh8e26 z_tds_2f_web-xrJh8e3g z_tds_2f_web-xrJh8e3h z_tds_2f_web-xrJh8e3i z_tds_2f_web-xrJh8e3j z_tds_2f_web-xrJh8e3k z_tds_2f_web-xrJh8e3l z_tds_2f_web-xrJh8e3m z_tds_2f_web-xrJh8e3n z_tds_2f_web-xrJh8e3o z_tds_2f_web-xrJh8e3p z_tds_2f_web-xrJh8e3q z_tds_2f_web-xrJh8e3r z_tds_2f_web-xrJh8e3s z_tds_2f_web-xrJh8e3t",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"align")?input["align"]:void 0;if(value===void 0)value="center";if(value!==null&&value!==void 0)result["data-align"]=String(value);return result});
+    // The Platform Wallet Sidebar pads its content by 20px, and by 32px above the header, which
+    // sits 32px above the menu.
+    styles.sidebar = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e3u z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e3v z_tds_2f_web-xrJh8e35 z_tds_2f_web-xrJh8e3w z_tds_2f_web-xrJh8e3x z_tds_2f_web-xrJh8e3y z_tds_2f_web-xrJh8e3z z_tds_2f_web-xrJh8e40"+" "+external:"z_tds_2f_web-xrJh8e3u z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e3v z_tds_2f_web-xrJh8e35 z_tds_2f_web-xrJh8e3w z_tds_2f_web-xrJh8e3x z_tds_2f_web-xrJh8e3y z_tds_2f_web-xrJh8e3z z_tds_2f_web-xrJh8e40",result=inline?{className,style:inline}:{className};let value;return result});
     // Keeps the label of a bottom bar item in its accessible name without painting it.
-    styles.label = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-xrJh8e3w z_tds_2f_web-xrJh8e3x z_tds_2f_web-xrJh8e3y z_tds_2f_web-xrJh8e3z z_tds_2f_web-xrJh8e40 z_tds_2f_web-xrJh8e41"});
+    styles.label = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-xrJh8e41 z_tds_2f_web-xrJh8e42 z_tds_2f_web-xrJh8e43 z_tds_2f_web-xrJh8e44 z_tds_2f_web-xrJh8e45 z_tds_2f_web-xrJh8e46"});
     // Follows `sidebar`, so its compact `display: none` overrides the sidebar's `display: flex` in
     // server-rendered markup, which always emits the wide layout.
-    styles.inline = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-xrJh8e42 z_tds_2f_web-xrJh8e43 z_tds_2f_web-xrJh8e44 z_tds_2f_web-xrJh8e45 z_tds_2f_web-xrJh8e46 z_tds_2f_web-xrJh8e47 z_tds_2f_web-xrJh8e48 z_tds_2f_web-xrJh8e49 z_tds_2f_web-xrJh8e4a z_tds_2f_web-xrJh8e4b z_tds_2f_web-xrJh8e4c"});
-    styles.sidebarBody = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e4d z_tds_2f_web-xrJh8e4e z_tds_2f_web-xrJh8e4f z_tds_2f_web-xrJh8e3s z_tds_2f_web-xrJh8e47 z_tds_2f_web-xrJh8e4g z_tds_2f_web-xrJh8e4h z_tds_2f_web-xrJh8e4i z_tds_2f_web-xrJh8e4j z_tds_2f_web-xrJh8e4k z_tds_2f_web-xrJh8e4l z_tds_2f_web-xrJh8e4m z_tds_2f_web-xrJh8e4n z_tds_2f_web-xrJh8e3h z_tds_2f_web-xrJh8e4o z_tds_2f_web-xrJh8e4p z_tds_2f_web-xrJh8e4q z_tds_2f_web-xrJh8e4r z_tds_2f_web-xrJh8e4s z_tds_2f_web-xrJh8e4t z_tds_2f_web-xrJh8e4u z_tds_2f_web-xrJh8e4v z_tds_2f_web-xrJh8e4w z_tds_2f_web-xrJh8e4x z_tds_2f_web-xrJh8e4y z_tds_2f_web-xrJh8e4z z_tds_2f_web-xrJh8e50 z_tds_2f_web-xrJh8e51 z_tds_2f_web-xrJh8e52 z_tds_2f_web-xrJh8e53 z_tds_2f_web-xrJh8e54 z_tds_2f_web-xrJh8e55 z_tds_2f_web-xrJh8e56"+" "+external:"z_tds_2f_web-xrJh8e4d z_tds_2f_web-xrJh8e4e z_tds_2f_web-xrJh8e4f z_tds_2f_web-xrJh8e3s z_tds_2f_web-xrJh8e47 z_tds_2f_web-xrJh8e4g z_tds_2f_web-xrJh8e4h z_tds_2f_web-xrJh8e4i z_tds_2f_web-xrJh8e4j z_tds_2f_web-xrJh8e4k z_tds_2f_web-xrJh8e4l z_tds_2f_web-xrJh8e4m z_tds_2f_web-xrJh8e4n z_tds_2f_web-xrJh8e3h z_tds_2f_web-xrJh8e4o z_tds_2f_web-xrJh8e4p z_tds_2f_web-xrJh8e4q z_tds_2f_web-xrJh8e4r z_tds_2f_web-xrJh8e4s z_tds_2f_web-xrJh8e4t z_tds_2f_web-xrJh8e4u z_tds_2f_web-xrJh8e4v z_tds_2f_web-xrJh8e4w z_tds_2f_web-xrJh8e4x z_tds_2f_web-xrJh8e4y z_tds_2f_web-xrJh8e4z z_tds_2f_web-xrJh8e50 z_tds_2f_web-xrJh8e51 z_tds_2f_web-xrJh8e52 z_tds_2f_web-xrJh8e53 z_tds_2f_web-xrJh8e54 z_tds_2f_web-xrJh8e55 z_tds_2f_web-xrJh8e56",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.inline = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-xrJh8e47 z_tds_2f_web-xrJh8e48 z_tds_2f_web-xrJh8e49 z_tds_2f_web-xrJh8e4a z_tds_2f_web-xrJh8e4b z_tds_2f_web-xrJh8e4c z_tds_2f_web-xrJh8e4d z_tds_2f_web-xrJh8e4e z_tds_2f_web-xrJh8e4f z_tds_2f_web-xrJh8e4g z_tds_2f_web-xrJh8e4h z_tds_2f_web-xrJh8e4i"});
+    styles.sidebarBody = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e4j z_tds_2f_web-xrJh8e4k z_tds_2f_web-xrJh8e4l z_tds_2f_web-xrJh8e3x z_tds_2f_web-xrJh8e4c z_tds_2f_web-xrJh8e4m z_tds_2f_web-xrJh8e4n z_tds_2f_web-xrJh8e4o z_tds_2f_web-xrJh8e4p z_tds_2f_web-xrJh8e4q z_tds_2f_web-xrJh8e4r z_tds_2f_web-xrJh8e4s z_tds_2f_web-xrJh8e4t z_tds_2f_web-xrJh8e4u z_tds_2f_web-xrJh8e4v z_tds_2f_web-xrJh8e3l z_tds_2f_web-xrJh8e4w z_tds_2f_web-xrJh8e4x z_tds_2f_web-xrJh8e4y z_tds_2f_web-xrJh8e4z z_tds_2f_web-xrJh8e50 z_tds_2f_web-xrJh8e51 z_tds_2f_web-xrJh8e52 z_tds_2f_web-xrJh8e53 z_tds_2f_web-xrJh8e54 z_tds_2f_web-xrJh8e55 z_tds_2f_web-xrJh8e56 z_tds_2f_web-xrJh8e57 z_tds_2f_web-xrJh8e58 z_tds_2f_web-xrJh8e59 z_tds_2f_web-xrJh8e5a z_tds_2f_web-xrJh8e5b z_tds_2f_web-xrJh8e5c z_tds_2f_web-xrJh8e5d z_tds_2f_web-xrJh8e5e"+" "+external:"z_tds_2f_web-xrJh8e4j z_tds_2f_web-xrJh8e4k z_tds_2f_web-xrJh8e4l z_tds_2f_web-xrJh8e3x z_tds_2f_web-xrJh8e4c z_tds_2f_web-xrJh8e4m z_tds_2f_web-xrJh8e4n z_tds_2f_web-xrJh8e4o z_tds_2f_web-xrJh8e4p z_tds_2f_web-xrJh8e4q z_tds_2f_web-xrJh8e4r z_tds_2f_web-xrJh8e4s z_tds_2f_web-xrJh8e4t z_tds_2f_web-xrJh8e4u z_tds_2f_web-xrJh8e4v z_tds_2f_web-xrJh8e3l z_tds_2f_web-xrJh8e4w z_tds_2f_web-xrJh8e4x z_tds_2f_web-xrJh8e4y z_tds_2f_web-xrJh8e4z z_tds_2f_web-xrJh8e50 z_tds_2f_web-xrJh8e51 z_tds_2f_web-xrJh8e52 z_tds_2f_web-xrJh8e53 z_tds_2f_web-xrJh8e54 z_tds_2f_web-xrJh8e55 z_tds_2f_web-xrJh8e56 z_tds_2f_web-xrJh8e57 z_tds_2f_web-xrJh8e58 z_tds_2f_web-xrJh8e59 z_tds_2f_web-xrJh8e5a z_tds_2f_web-xrJh8e5b z_tds_2f_web-xrJh8e5c z_tds_2f_web-xrJh8e5d z_tds_2f_web-xrJh8e5e",result=inline?{className,style:inline}:{className};let value;return result});
     // The automatic top margin keeps the footer at the bottom edge when no `SidebarBody` grows.
-    styles.sidebarFooter = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e57 z_tds_2f_web-xrJh8e31 z_tds_2f_web-xrJh8e58 z_tds_2f_web-xrJh8e59 z_tds_2f_web-xrJh8e5a"+" "+external:"z_tds_2f_web-xrJh8e57 z_tds_2f_web-xrJh8e31 z_tds_2f_web-xrJh8e58 z_tds_2f_web-xrJh8e59 z_tds_2f_web-xrJh8e5a",result=inline?{className,style:inline}:{className};let value;return result});
-    styles.sidebarHeader = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e58 z_tds_2f_web-xrJh8e5b"+" "+external:"z_tds_2f_web-xrJh8e58 z_tds_2f_web-xrJh8e5b",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.sidebarFooter = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e5f z_tds_2f_web-xrJh8e35 z_tds_2f_web-xrJh8e5g z_tds_2f_web-xrJh8e5h z_tds_2f_web-xrJh8e5i"+" "+external:"z_tds_2f_web-xrJh8e5f z_tds_2f_web-xrJh8e35 z_tds_2f_web-xrJh8e5g z_tds_2f_web-xrJh8e5h z_tds_2f_web-xrJh8e5i",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.sidebarHeader = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e5g z_tds_2f_web-xrJh8e5j"+" "+external:"z_tds_2f_web-xrJh8e5g z_tds_2f_web-xrJh8e5j",result=inline?{className,style:inline}:{className};let value;return result});
     // An icon-only item of the Platform Tab Bar, which fills its share of the pill.
-    styles.tab = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e0 z_tds_2f_web-xrJh8e5c z_tds_2f_web-xrJh8e5d z_tds_2f_web-xrJh8e5e z_tds_2f_web-xrJh8e5f z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e5g z_tds_2f_web-xrJh8e7 z_tds_2f_web-xrJh8e8 z_tds_2f_web-xrJh8e57 z_tds_2f_web-xrJh8e5h z_tds_2f_web-xrJh8e5i z_tds_2f_web-xrJh8e5j z_tds_2f_web-xrJh8e5k z_tds_2f_web-xrJh8e2v z_tds_2f_web-xrJh8e5l z_tds_2f_web-xrJh8e5m z_tds_2f_web-xrJh8e5n z_tds_2f_web-xrJh8e5o z_tds_2f_web-xrJh8e5p z_tds_2f_web-xrJh8ei z_tds_2f_web-xrJh8e5q z_tds_2f_web-xrJh8e5r z_tds_2f_web-xrJh8e5s z_tds_2f_web-xrJh8e5t z_tds_2f_web-xrJh8e5u z_tds_2f_web-xrJh8e5v z_tds_2f_web-xrJh8e5w z_tds_2f_web-xrJh8e5x z_tds_2f_web-xrJh8e5y z_tds_2f_web-xrJh8e5z z_tds_2f_web-xrJh8e60 z_tds_2f_web-xrJh8ev z_tds_2f_web-xrJh8e10 z_tds_2f_web-xrJh8e61 z_tds_2f_web-xrJh8e62 z_tds_2f_web-xrJh8e63 z_tds_2f_web-xrJh8e64 z_tds_2f_web-xrJh8e65 z_tds_2f_web-xrJh8e66"+" "+external:"z_tds_2f_web-xrJh8e0 z_tds_2f_web-xrJh8e5c z_tds_2f_web-xrJh8e5d z_tds_2f_web-xrJh8e5e z_tds_2f_web-xrJh8e5f z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e5g z_tds_2f_web-xrJh8e7 z_tds_2f_web-xrJh8e8 z_tds_2f_web-xrJh8e57 z_tds_2f_web-xrJh8e5h z_tds_2f_web-xrJh8e5i z_tds_2f_web-xrJh8e5j z_tds_2f_web-xrJh8e5k z_tds_2f_web-xrJh8e2v z_tds_2f_web-xrJh8e5l z_tds_2f_web-xrJh8e5m z_tds_2f_web-xrJh8e5n z_tds_2f_web-xrJh8e5o z_tds_2f_web-xrJh8e5p z_tds_2f_web-xrJh8ei z_tds_2f_web-xrJh8e5q z_tds_2f_web-xrJh8e5r z_tds_2f_web-xrJh8e5s z_tds_2f_web-xrJh8e5t z_tds_2f_web-xrJh8e5u z_tds_2f_web-xrJh8e5v z_tds_2f_web-xrJh8e5w z_tds_2f_web-xrJh8e5x z_tds_2f_web-xrJh8e5y z_tds_2f_web-xrJh8e5z z_tds_2f_web-xrJh8e60 z_tds_2f_web-xrJh8ev z_tds_2f_web-xrJh8e10 z_tds_2f_web-xrJh8e61 z_tds_2f_web-xrJh8e62 z_tds_2f_web-xrJh8e63 z_tds_2f_web-xrJh8e64 z_tds_2f_web-xrJh8e65 z_tds_2f_web-xrJh8e66",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"active")?input["active"]:void 0;if(value===void 0)value="false";if(value!==null&&value!==void 0)result["data-active"]=String(value);return result});
+    styles.tab = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e0 z_tds_2f_web-xrJh8e5k z_tds_2f_web-xrJh8e5l z_tds_2f_web-xrJh8e5m z_tds_2f_web-xrJh8e5n z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e5o z_tds_2f_web-xrJh8e7 z_tds_2f_web-xrJh8e8 z_tds_2f_web-xrJh8e5f z_tds_2f_web-xrJh8e5p z_tds_2f_web-xrJh8e5q z_tds_2f_web-xrJh8e5r z_tds_2f_web-xrJh8e5s z_tds_2f_web-xrJh8e2z z_tds_2f_web-xrJh8e5t z_tds_2f_web-xrJh8e5u z_tds_2f_web-xrJh8e5v z_tds_2f_web-xrJh8e5w z_tds_2f_web-xrJh8e5x z_tds_2f_web-xrJh8ei z_tds_2f_web-xrJh8e5y z_tds_2f_web-xrJh8e5z z_tds_2f_web-xrJh8e60 z_tds_2f_web-xrJh8e61 z_tds_2f_web-xrJh8e62 z_tds_2f_web-xrJh8e63 z_tds_2f_web-xrJh8e64 z_tds_2f_web-xrJh8e65 z_tds_2f_web-xrJh8e66 z_tds_2f_web-xrJh8e67 z_tds_2f_web-xrJh8e68 z_tds_2f_web-xrJh8ev z_tds_2f_web-xrJh8e10 z_tds_2f_web-xrJh8e69 z_tds_2f_web-xrJh8e6a z_tds_2f_web-xrJh8e6b z_tds_2f_web-xrJh8e6c z_tds_2f_web-xrJh8e6d z_tds_2f_web-xrJh8e6e"+" "+external:"z_tds_2f_web-xrJh8e0 z_tds_2f_web-xrJh8e5k z_tds_2f_web-xrJh8e5l z_tds_2f_web-xrJh8e5m z_tds_2f_web-xrJh8e5n z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e5o z_tds_2f_web-xrJh8e7 z_tds_2f_web-xrJh8e8 z_tds_2f_web-xrJh8e5f z_tds_2f_web-xrJh8e5p z_tds_2f_web-xrJh8e5q z_tds_2f_web-xrJh8e5r z_tds_2f_web-xrJh8e5s z_tds_2f_web-xrJh8e2z z_tds_2f_web-xrJh8e5t z_tds_2f_web-xrJh8e5u z_tds_2f_web-xrJh8e5v z_tds_2f_web-xrJh8e5w z_tds_2f_web-xrJh8e5x z_tds_2f_web-xrJh8ei z_tds_2f_web-xrJh8e5y z_tds_2f_web-xrJh8e5z z_tds_2f_web-xrJh8e60 z_tds_2f_web-xrJh8e61 z_tds_2f_web-xrJh8e62 z_tds_2f_web-xrJh8e63 z_tds_2f_web-xrJh8e64 z_tds_2f_web-xrJh8e65 z_tds_2f_web-xrJh8e66 z_tds_2f_web-xrJh8e67 z_tds_2f_web-xrJh8e68 z_tds_2f_web-xrJh8ev z_tds_2f_web-xrJh8e10 z_tds_2f_web-xrJh8e69 z_tds_2f_web-xrJh8e6a z_tds_2f_web-xrJh8e6b z_tds_2f_web-xrJh8e6c z_tds_2f_web-xrJh8e6d z_tds_2f_web-xrJh8e6e",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"active")?input["active"]:void 0;if(value===void 0)value="false";if(value!==null&&value!==void 0)result["data-active"]=String(value);return result});
     // The 56px pill of the Platform Tab Bar, which takes the width beside the action button. Its 48px
     // items sit 4px inside the 1px border at either end and 3px inside it at the top and bottom.
-    styles.tabBar = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-xrJh8e0 z_tds_2f_web-xrJh8e67 z_tds_2f_web-xrJh8e68 z_tds_2f_web-xrJh8e69 z_tds_2f_web-xrJh8e6a z_tds_2f_web-xrJh8e6b z_tds_2f_web-xrJh8e6c z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e7 z_tds_2f_web-xrJh8e57 z_tds_2f_web-xrJh8e6d z_tds_2f_web-xrJh8e6e z_tds_2f_web-xrJh8e2v z_tds_2f_web-xrJh8e6f z_tds_2f_web-xrJh8e6g z_tds_2f_web-xrJh8e6h z_tds_2f_web-xrJh8e6i z_tds_2f_web-xrJh8e5s"});
-    styles.title = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e6j z_tds_2f_web-xrJh8e6k z_tds_2f_web-xrJh8e2v z_tds_2f_web-xrJh8e6l z_tds_2f_web-xrJh8e6m z_tds_2f_web-xrJh8e6n z_tds_2f_web-xrJh8e6o z_tds_2f_web-xrJh8e6p"+" "+external:"z_tds_2f_web-xrJh8e6j z_tds_2f_web-xrJh8e6k z_tds_2f_web-xrJh8e2v z_tds_2f_web-xrJh8e6l z_tds_2f_web-xrJh8e6m z_tds_2f_web-xrJh8e6n z_tds_2f_web-xrJh8e6o z_tds_2f_web-xrJh8e6p",result=inline?{className,style:inline}:{className};let value;return result});
-    styles.trigger = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e0 z_tds_2f_web-xrJh8e6q z_tds_2f_web-xrJh8e68 z_tds_2f_web-xrJh8e69 z_tds_2f_web-xrJh8e6a z_tds_2f_web-xrJh8e6b z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e6j z_tds_2f_web-xrJh8e7 z_tds_2f_web-xrJh8e8 z_tds_2f_web-xrJh8e6r z_tds_2f_web-xrJh8e6s z_tds_2f_web-xrJh8e6t z_tds_2f_web-xrJh8e6u z_tds_2f_web-xrJh8e5k z_tds_2f_web-xrJh8e6v z_tds_2f_web-xrJh8e6w z_tds_2f_web-xrJh8e6x z_tds_2f_web-xrJh8e6y z_tds_2f_web-xrJh8e6z z_tds_2f_web-xrJh8e70 z_tds_2f_web-xrJh8e71 z_tds_2f_web-xrJh8e72 z_tds_2f_web-xrJh8e73 z_tds_2f_web-xrJh8e74 z_tds_2f_web-xrJh8e75 z_tds_2f_web-xrJh8e76 z_tds_2f_web-xrJh8e77 z_tds_2f_web-xrJh8e78 z_tds_2f_web-xrJh8e79 z_tds_2f_web-xrJh8e7a z_tds_2f_web-xrJh8e7b z_tds_2f_web-xrJh8e7c z_tds_2f_web-xrJh8e7d z_tds_2f_web-xrJh8e7e z_tds_2f_web-xrJh8e7f z_tds_2f_web-xrJh8e7g z_tds_2f_web-xrJh8e7h"+" "+external:"z_tds_2f_web-xrJh8e0 z_tds_2f_web-xrJh8e6q z_tds_2f_web-xrJh8e68 z_tds_2f_web-xrJh8e69 z_tds_2f_web-xrJh8e6a z_tds_2f_web-xrJh8e6b z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e6j z_tds_2f_web-xrJh8e7 z_tds_2f_web-xrJh8e8 z_tds_2f_web-xrJh8e6r z_tds_2f_web-xrJh8e6s z_tds_2f_web-xrJh8e6t z_tds_2f_web-xrJh8e6u z_tds_2f_web-xrJh8e5k z_tds_2f_web-xrJh8e6v z_tds_2f_web-xrJh8e6w z_tds_2f_web-xrJh8e6x z_tds_2f_web-xrJh8e6y z_tds_2f_web-xrJh8e6z z_tds_2f_web-xrJh8e70 z_tds_2f_web-xrJh8e71 z_tds_2f_web-xrJh8e72 z_tds_2f_web-xrJh8e73 z_tds_2f_web-xrJh8e74 z_tds_2f_web-xrJh8e75 z_tds_2f_web-xrJh8e76 z_tds_2f_web-xrJh8e77 z_tds_2f_web-xrJh8e78 z_tds_2f_web-xrJh8e79 z_tds_2f_web-xrJh8e7a z_tds_2f_web-xrJh8e7b z_tds_2f_web-xrJh8e7c z_tds_2f_web-xrJh8e7d z_tds_2f_web-xrJh8e7e z_tds_2f_web-xrJh8e7f z_tds_2f_web-xrJh8e7g z_tds_2f_web-xrJh8e7h",result=inline?{className,style:inline}:{className};let value;return result});
-    styles.viewport = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-xrJh8e7i z_tds_2f_web-xrJh8e7j z_tds_2f_web-xrJh8e7k z_tds_2f_web-xrJh8e70 z_tds_2f_web-xrJh8e7l z_tds_2f_web-xrJh8e7m"});
+    styles.tabBar = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-xrJh8e0 z_tds_2f_web-xrJh8e6f z_tds_2f_web-xrJh8e6g z_tds_2f_web-xrJh8e6h z_tds_2f_web-xrJh8e6i z_tds_2f_web-xrJh8e6j z_tds_2f_web-xrJh8e6k z_tds_2f_web-xrJh8e5 z_tds_2f_web-xrJh8e7 z_tds_2f_web-xrJh8e5f z_tds_2f_web-xrJh8e6l z_tds_2f_web-xrJh8e6m z_tds_2f_web-xrJh8e2z z_tds_2f_web-xrJh8e6n z_tds_2f_web-xrJh8e6o z_tds_2f_web-xrJh8e6p z_tds_2f_web-xrJh8e6q z_tds_2f_web-xrJh8e60"});
+    styles.title = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-xrJh8e6r z_tds_2f_web-xrJh8e6s z_tds_2f_web-xrJh8e2z z_tds_2f_web-xrJh8e6t z_tds_2f_web-xrJh8e6u z_tds_2f_web-xrJh8e6v z_tds_2f_web-xrJh8e6w z_tds_2f_web-xrJh8e6x"+" "+external:"z_tds_2f_web-xrJh8e6r z_tds_2f_web-xrJh8e6s z_tds_2f_web-xrJh8e2z z_tds_2f_web-xrJh8e6t z_tds_2f_web-xrJh8e6u z_tds_2f_web-xrJh8e6v z_tds_2f_web-xrJh8e6w z_tds_2f_web-xrJh8e6x",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.viewport = /*#__PURE__*/__zyzzProps.create({className:"z_tds_2f_web-xrJh8e6y z_tds_2f_web-xrJh8e6z z_tds_2f_web-xrJh8e70 z_tds_2f_web-xrJh8e71 z_tds_2f_web-xrJh8e72 z_tds_2f_web-xrJh8e73"});
 })(styles || (styles = {}));
 //# sourceMappingURL=AppShell.js.map
 import './AppShell.css';