@tempoxyz/ds 0.2.6 → 0.3.1

package/dist/web/components/AppShell.css

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

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

@@ -3,7 +3,8 @@ import { type ComponentPropsWithRef } from 'react';
 import type * as zyzz from 'zyzz';
 /**
  * Application frame with a sticky sidebar beside a content column. `align="center"` centers both
- * on wide viewports, and `align="start"` pins the sidebar left with content filling the rest.
+ * 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.
  *
  * - Name the `Sidebar` with `aria-label`. It labels the `aside` on wide viewports and the drawer
@@ -30,7 +31,13 @@ import type * as zyzz from 'zyzz';
  * @see {@link https://www.w3.org/WAI/WCAG22/Understanding/focus-order.html | WCAG 2.2 Focus Order}
  */
 export declare namespace AppShell {
-    /** Page header row holding the title, actions and the compact-viewport `Trigger`. */
+    /**
+     * Renders the 56px page header bar at the top of `Main`, in the fill of the sidebar with a bottom
+     * border, holding the title, actions and the compact-viewport `Trigger`. It spans the full width
+     * of `Main`. With `align="center"` on wide viewports, its fill and border continue to the end
+     * edge. A `Main` that scrolls itself clips them at its own edge, so scroll the root instead when
+     * the shell fills a fixed-height region.
+     */
     function Header(props: Header.Props): import("react").JSX.Element;
     namespace Header {
         type Props = ComponentPropsWithRef<'header'> & zyzz.Props.Variants<typeof styles.header>;
@@ -48,6 +55,13 @@ export declare namespace AppShell {
     function Root(props: Root.Props): import("react").JSX.Element;
     namespace Root {
         type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.root> & {
+            /**
+             * 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.
+             * @default false
+             */
+            collapse?: boolean | undefined;
             /**
              * Initial drawer state when `open` is uncontrolled.
              * @default false
@@ -60,7 +74,7 @@ export declare namespace AppShell {
         };
     }
     /**
-     * Renders a sticky `aside` from 1024px, `var(--sidebar-width, 16.25rem)` wide. Below that it
+     * Renders a sticky `aside` from 1024px, `var(--sidebar-width, 16rem)` wide. Below that it
      * renders a modal Base UI drawer popup as an `aside` with the dialog role, which takes focus on
      * open, returns it to the trigger on close, and dismisses with Escape, the backdrop or a swipe
      * right. Server rendering always emits the wide layout.
@@ -74,10 +88,12 @@ export declare namespace AppShell {
     namespace SidebarBody {
         type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.sidebarBody>;
     }
+    /** The bottom of the sidebar, such as the account menu. It stays at the bottom edge. */
     function SidebarFooter(props: SidebarFooter.Props): import("react").JSX.Element;
     namespace SidebarFooter {
         type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.sidebarFooter>;
     }
+    /** The top of the sidebar, such as the product or project switcher. */
     function SidebarHeader(props: SidebarHeader.Props): import("react").JSX.Element;
     namespace SidebarHeader {
         type Props = ComponentPropsWithRef<'div'> & zyzz.Props.Variants<typeof styles.sidebarHeader>;
@@ -99,23 +115,42 @@ export declare namespace AppShell {
     }
 }
 declare namespace styles {
+    const action: zyzz.style.ReturnType<"react">;
     const backdrop: zyzz.style.ReturnType<"react">;
     const bar: zyzz.style.ReturnType<"react">;
+    const bottomBar: zyzz.style.ReturnType<"react">;
     const bars: zyzz.style.ReturnType<"react">;
     const drawer: zyzz.style.ReturnType<"react">;
     const header: zyzz.variants.ReturnType<{
         readonly base: {
             readonly alignItems: "center";
+            readonly backgroundColor: "background.sidebar";
+            readonly borderBottomColor: "line.secondary";
+            readonly borderBottomStyle: "solid";
+            readonly borderBottomWidth: "1px !custom";
+            readonly boxSizing: "border-box";
             readonly columnGap: "8";
             readonly display: "flex";
             readonly justifyContent: "space-between";
             readonly marginBottom: "24";
+            readonly marginInline: "-16";
+            readonly marginTop: "-20";
+            readonly minHeight: "56";
             readonly minWidth: "0";
+            readonly paddingInline: "16";
+            readonly '@media (min-width: 640px)': {
+                readonly marginInline: "-2rem !custom";
+                readonly paddingInline: "24";
+            };
             readonly '@media (max-width: 1023px)': {
-                readonly paddingInlineEnd: "48";
+                readonly paddingInlineEnd: "64";
             };
-            readonly '@media (min-width: 640px) and (max-width: 1023px)': {
-                readonly paddingInlineEnd: "32";
+            readonly '@media (min-width: 768px) and (max-width: 1023px)': {
+                readonly selectors: {
+                    readonly '[data-app-shell-collapse] > main > &': {
+                        readonly paddingInlineEnd: "24";
+                    };
+                };
             };
         };
     }, "react">;
@@ -138,16 +173,19 @@ declare namespace styles {
     const root: zyzz.variants.ReturnType<{
         readonly base: {
             readonly backgroundColor: "background.primary";
-            readonly color: "foreground";
+            readonly color: "content.primary";
             readonly display: "flex";
             readonly minHeight: "100dvh !custom";
             readonly position: "relative";
-            readonly typography: "copy.14";
+            readonly typography: "body.b2";
             readonly selectors: {
                 readonly '&::after, &::before': {
                     readonly content: "\"\" !custom";
                     readonly flex: "1 !custom";
                 };
+                readonly '&::before': {
+                    readonly backgroundColor: "background.sidebar";
+                };
             };
             readonly '@media (max-width: 1023px)': {
                 readonly selectors: {
@@ -156,13 +194,31 @@ declare namespace styles {
                     };
                 };
             };
+            readonly '@media (max-width: 767px)': {
+                readonly selectors: {
+                    readonly '&:has(> [data-app-shell-bottom-bar]) > main': {
+                        readonly paddingBottom: "calc(5.5rem + env(safe-area-inset-bottom)) !custom";
+                    };
+                };
+            };
         };
         readonly defaultVariants: {
             readonly align: "center";
         };
         readonly variants: {
             readonly align: {
-                readonly center: {};
+                readonly center: {
+                    readonly '@media (min-width: 1024px)': {
+                        readonly selectors: {
+                            readonly '& > main > [data-app-shell-header]': {
+                                readonly borderImageOutset: `0 max(0px, calc((100vw - var(--sidebar-width, 16rem) - ${string}) / 2)) 0 0 !custom`;
+                                readonly borderImageSlice: "0 fill !custom";
+                                readonly borderImageSource: `linear-gradient(${string} calc(100% - 1px), ${string} 0) !custom`;
+                                readonly borderImageWidth: "0 !custom";
+                            };
+                        };
+                    };
+                };
                 readonly start: {
                     readonly selectors: {
                         readonly '&::after, &::before': {
@@ -179,31 +235,42 @@ declare namespace styles {
     }, "react">;
     const sidebar: zyzz.variants.ReturnType<{
         readonly base: {
-            readonly backgroundColor: "background.primary";
+            readonly backgroundColor: "background.sidebar";
             readonly boxSizing: "border-box";
             readonly display: "flex";
             readonly flexDirection: "column";
             readonly flexShrink: "0 !custom";
             readonly minHeight: "0";
-            readonly paddingBottom: "20";
-            readonly paddingInline: "10";
-            readonly rowGap: "24";
+            readonly paddingBottom: "16";
+            readonly paddingInline: "12";
+            readonly rowGap: "16";
         };
     }, "react">;
+    const label: zyzz.style.ReturnType<"react">;
     const inline: zyzz.style.ReturnType<"react">;
     const sidebarBody: zyzz.variants.ReturnType<{
         readonly base: {
+            readonly '--tds-sidebar-scrollbar-thumb': string;
             readonly flex: "1 !custom";
-            readonly marginInline: "-10";
+            readonly marginInline: "-12";
             readonly minHeight: "0";
             readonly overflowY: "auto";
             readonly overscrollBehavior: "contain";
-            readonly paddingInline: "10";
+            readonly paddingInline: "12";
+            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 scrollbarGutter: "auto !custom";
+                        readonly scrollbarWidth: "none !custom";
+                    };
+                };
+            };
             readonly selectors: {
                 readonly '&::after, &::before': {
-                    readonly backgroundColor: "background.primary";
+                    readonly backgroundColor: "background.sidebar";
                     readonly content: "\"\" !custom";
                     readonly display: "block";
                     readonly height: "24";
@@ -247,38 +314,108 @@ declare namespace styles {
             readonly display: "flex";
             readonly flexDirection: "column";
             readonly flexShrink: "0 !custom";
-            readonly rowGap: "12";
+            readonly marginTop: "auto !custom";
+            readonly rowGap: "8";
         };
     }, "react">;
     const sidebarHeader: zyzz.variants.ReturnType<{
         readonly base: {
             readonly flexShrink: "0 !custom";
-            readonly paddingTop: "20";
+            readonly paddingTop: "16";
         };
     }, "react">;
+    const tab: zyzz.variants.ReturnType<{
+        readonly base: {
+            readonly alignItems: "center";
+            readonly borderRadius: "full";
+            readonly boxSizing: "border-box";
+            readonly color: "content.secondary";
+            readonly cornerShape: "round";
+            readonly cursor: "pointer";
+            readonly display: "flex";
+            readonly flex: "1 !custom";
+            readonly height: "100% !custom";
+            readonly justifyContent: "center";
+            readonly minWidth: "0";
+            readonly outlineColor: "transparent !custom";
+            readonly outlineOffset: "-2";
+            readonly outlineStyle: "solid !custom";
+            readonly outlineWidth: "2";
+            readonly position: "relative";
+            readonly textDecoration: "none !custom";
+            readonly transitionDuration: "160";
+            readonly transitionProperty: "background-color, color, outline-color, scale !custom";
+            readonly transitionTimingFunction: "snappy";
+            readonly selectors: {
+                readonly '& > :first-child': {
+                    readonly flexShrink: "0 !custom";
+                    readonly fontSize: "24";
+                };
+                readonly '& > :not(:first-child)': {
+                    readonly clipPath: "inset(50%) !custom";
+                    readonly height: "1px !custom";
+                    readonly overflow: "hidden";
+                    readonly position: "absolute";
+                    readonly whiteSpace: "nowrap";
+                    readonly width: "1px !custom";
+                };
+                readonly '&:active': {
+                    readonly scale: "press";
+                    readonly transitionDuration: "100";
+                };
+                readonly '&:focus-visible': {
+                    readonly outlineColor: "border.focus";
+                };
+                readonly '&:hover': {
+                    readonly color: "content.primary";
+                };
+            };
+            readonly '@media (prefers-reduced-motion: reduce)': {
+                readonly transitionProperty: "background-color, color, outline-color !custom";
+                readonly selectors: {
+                    readonly '&:active': {
+                        readonly scale: "none !custom";
+                    };
+                };
+            };
+        };
+        readonly defaultVariants: {
+            readonly active: false;
+        };
+        readonly variants: {
+            readonly active: {
+                readonly false: {};
+                readonly true: {
+                    readonly backgroundColor: "container.regular";
+                    readonly color: "content.primary";
+                };
+            };
+        };
+    }, "react">;
+    const tabBar: zyzz.style.ReturnType<"react">;
     const title: zyzz.variants.ReturnType<{
         readonly base: {
-            readonly color: "foreground";
+            readonly color: "content.primary";
             readonly margin: "0";
             readonly minWidth: "0";
-            readonly typography: "heading.24";
+            readonly typography: "heading.h2";
         };
     }, "react">;
     const trigger: zyzz.variants.ReturnType<{
         readonly base: {
             readonly alignItems: "center";
-            readonly backgroundColor: "background.surface";
-            readonly borderColor: "grayAlpha.200";
+            readonly backgroundColor: "background.elevated";
+            readonly borderColor: "line.secondary";
             readonly borderRadius: "full";
             readonly borderStyle: "solid";
-            readonly borderWidth: "1";
-            readonly boxShadow: "raised";
+            readonly borderWidth: "regular";
             readonly boxSizing: "border-box";
-            readonly color: "foreground";
+            readonly color: "content.primary";
+            readonly cornerShape: "round";
             readonly cursor: "pointer";
             readonly display: "inline-flex";
             readonly height: "40";
-            readonly insetBlockStart: "16";
+            readonly insetBlockStart: "8";
             readonly insetInlineEnd: "16";
             readonly justifyContent: "center";
             readonly outlineColor: "transparent !custom";
@@ -297,11 +434,11 @@ declare namespace styles {
                     readonly transform: "scale(0.96) !custom";
                 };
                 readonly '&:focus-visible': {
-                    readonly outlineColor: "blue.700";
+                    readonly outlineColor: "border.focus";
                     readonly outlineOffset: "2";
                 };
                 readonly '&:hover': {
-                    readonly backgroundColor: "gray.100";
+                    readonly backgroundColor: "container.regular";
                 };
                 readonly '&[data-popup-open]': {
                     readonly transform: "translateX(calc(8px - min(18rem, 85vw))) !custom";
@@ -312,6 +449,13 @@ declare namespace styles {
             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 (prefers-reduced-motion: reduce)': {
                 readonly transitionProperty: "background-color, outline-color, outline-offset !custom";
                 readonly selectors: {

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":"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"}
+{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/web/components/AppShell.tsx"],"names":[],"mappings":"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"}