@tempoxyz/ds 0.2.5 → 0.2.6

package/dist/web/components/Surface.css

@@ -1 +1 @@
-.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-text-0{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-m-1{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-margin-block-start-2{&+*{margin-block-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-font-family-3{font-family:var(--z-tds_2f_web-typography-copy-15-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-tds_2f_web_2f_surface_2f_description-font-size-4{font-size:var(--z-tds_2f_web-typography-copy-15-fontSize,15px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-font-weight-5{font-weight:var(--z-tds_2f_web-typography-copy-15-fontWeight,450)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-letter-spacing-6{letter-spacing:var(--z-tds_2f_web-typography-copy-15-letterSpacing,-.13px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_description-line-height-7{line-height:var(--z-tds_2f_web-typography-copy-15-lineHeight,24px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-column-gap-1{column-gap:var(--z-tds_2f_web-spacing-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-display-2{display:flex}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-justify-content-3{justify-content:space-between}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-block-end-4{margin-block-end:var(--z-tds_2f_web-spacing-16,1rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-min-width-5{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-6{&>[data-variant=text]:not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_20,-1.25rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-7{&>[data-variant=text][data-size=small]:not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-8{&>[data-variant=text][data-size=large]:not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-9{[data-surface-size=medium]>&>[data-variant=text]:is([data-size=medium],[data-size=large]):not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-10{[data-surface-size=small]>&>[data-variant=text]:is([data-size=medium],[data-size=large]):not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-align-items-0{align-items:flex-start}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-flex-direction-1{flex-direction:column}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-row-gap-2{row-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-appearance-3{&>:is(a,button){appearance:none}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-bg-4{&>:is(a,button){background-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-border-5{&>:is(a,button){border:none}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-border-radius-6{&>:is(a,button){border-radius:var(--z-tds_2f_web-radius-2,.125rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-7{&>:is(a,button){color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-cursor-8{&>:is(a,button){cursor:pointer}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-font-9{&>:is(a,button){font:inherit}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-color-10{&>:is(a,button){outline-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-offset-11{&>:is(a,button){outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-style-12{&>:is(a,button){outline-style:solid}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-width-13{&>:is(a,button){outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-p-14{&>:is(a,button){padding:var(--z-tds_2f_web-spacing-0,0rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-color-15{&>:is(a,button){text-decoration-color:#0000}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-line-16{&>:is(a,button){text-decoration-line:underline}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-thickness-17{&>:is(a,button){text-decoration-thickness:1px}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-underline-offset-18{&>:is(a,button){text-underline-offset:4px}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-transition-duration-19{&>:is(a,button){transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-transition-property-20{&>:is(a,button){transition-property:color,outline-color,text-decoration-color}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-transition-timing-function-21{&>:is(a,button){transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-color-22{&>:is(a,button):hover{text-decoration-color:currentColor}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-color-23{&>:is(a,button):focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-font-family-24{font-family:var(--z-tds_2f_web-typography-label-16-strong-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-tds_2f_web_2f_surface_2f_links-font-size-25{font-size:var(--z-tds_2f_web-typography-label-16-strong-fontSize,16px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-font-weight-26{font-weight:var(--z-tds_2f_web-typography-label-16-strong-fontWeight,500)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-letter-spacing-27{letter-spacing:var(--z-tds_2f_web-typography-label-16-strong-letterSpacing,-.18px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_links-line-height-28{line-height:var(--z-tds_2f_web-typography-label-16-strong-lineHeight,20px)}.z-tds_2f_web-tds_2f_web_2f_surface-bg-0{background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}.z-tds_2f_web-tds_2f_web_2f_surface-box-sizing-1{box-sizing:border-box}.z-tds_2f_web-tds_2f_web_2f_surface-text-2{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z-tds_2f_web-tds_2f_web_2f_surface-display-3{display:block}.z-tds_2f_web-tds_2f_web_2f_surface-outline-color-4{outline-color:#0000}.z-tds_2f_web-tds_2f_web_2f_surface-outline-offset-5{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z-tds_2f_web-tds_2f_web_2f_surface-outline-style-6{outline-style:solid}.z-tds_2f_web-tds_2f_web_2f_surface-outline-width-7{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z-tds_2f_web-tds_2f_web_2f_surface-text-align-8{text-align:start}.z-tds_2f_web-tds_2f_web_2f_surface-transition-duration-9{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z-tds_2f_web-tds_2f_web_2f_surface-transition-property-10{transition-property:background-color,opacity,outline-color,outline-offset,scale}.z-tds_2f_web-tds_2f_web_2f_surface-transition-timing-function-11{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z-tds_2f_web-tds_2f_web_2f_surface-font-family-12{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-tds_2f_web_2f_surface-font-size-13{font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}.z-tds_2f_web-tds_2f_web_2f_surface-font-weight-14{font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}.z-tds_2f_web-tds_2f_web_2f_surface-letter-spacing-15{letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}.z-tds_2f_web-tds_2f_web_2f_surface-line-height-16{line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}.z-tds_2f_web-tds_2f_web_2f_surface-border-17{&:is(button,a[href],[role=button]){border:none}}.z-tds_2f_web-tds_2f_web_2f_surface-cursor-18{&:is(button,a[href],[role=button]){cursor:pointer}}.z-tds_2f_web-tds_2f_web_2f_surface-text-decoration-19{&:is(button,a[href],[role=button]){text-decoration:none}}.z-tds_2f_web-tds_2f_web_2f_surface-w-20{&:is(button,a[href],[role=button]){width:100%}}.z-tds_2f_web-tds_2f_web_2f_surface-bg-21{&:is(button,a[href],[role=button]):hover:not(:disabled,[aria-disabled=true]){background-color:var(--z-tds_2f_web-color-gray-100,light-dark(#f2f2f2,#1f1e1e))}}.z-tds_2f_web-tds_2f_web_2f_surface-bg-22{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){background-color:var(--z-tds_2f_web-color-gray-200,light-dark(#ebebeb,#252424))}}.z-tds_2f_web-tds_2f_web_2f_surface-scale-23{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){scale:var(--z-tds_2f_web-scale-press,.98)}}.z-tds_2f_web-tds_2f_web_2f_surface-outline-color-24{&:is(button,a[href],[role=button]):focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z-tds_2f_web-tds_2f_web_2f_surface-outline-offset-25{&:is(button,a[href],[role=button]):focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z-tds_2f_web-tds_2f_web_2f_surface-overflow-26{&:has(>[data-rows]){overflow:hidden}}.z-tds_2f_web-tds_2f_web_2f_surface-overflow-27{&:has(>table){overflow:clip}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-28{&>table:last-child>caption{padding-block-end:0}}.z-tds_2f_web-tds_2f_web_2f_surface-h-29{&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{height:auto}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-30{&>table[data-size=large]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:var(--z-tds_2f_web-spacing-18,1.125rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-31{&>table[data-size=medium]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:var(--z-tds_2f_web-spacing-10,.625rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-32{&>table[data-size=small]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:var(--z-tds_2f_web-spacing-6,.375rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-cursor-33{&:disabled,&[aria-disabled=true]{cursor:default}}.z-tds_2f_web-tds_2f_web_2f_surface-opacity-34{&:disabled,&[aria-disabled=true]{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z-tds_2f_web-tds_2f_web_2f_surface-pointer-events-35{&:disabled,&[aria-disabled=true]{pointer-events:none}}@media (prefers-reduced-motion:reduce){.z-tds_2f_web-tds_2f_web_2f_surface-transition-property-36{transition-property:background-color,opacity,outline-color}.z-tds_2f_web-tds_2f_web_2f_surface-scale-37{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){scale:none}}}.z-tds_2f_web-tds_2f_web_2f_surface-border-radius-38{&:where([data-size=large]){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-p-39{&:where([data-size=large]){padding:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-40{&:where([data-size=large]){&>table,&>[data-rows]{margin-inline:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-41{&:where([data-size=large]){&>[data-rows]{margin-block:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-42{&:where([data-size=large]){&>[data-rows]:first-child{margin-block-start:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-43{&:where([data-size=large]){&>[data-rows]:last-child{margin-block-end:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-w-44{&:where([data-size=large]){&>table{width:calc(100% + var(--z-tds_2f_web-spacing-48,3rem))}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-45{&:where([data-size=large]){&>table>caption,&>table tr>:first-child{padding-inline-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-46{&:where([data-size=large]){&>table tr>:last-child{padding-inline-end:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-47{&:where([data-size=large]){&>table:first-child:has(>thead){margin-block-start:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-48{&:where([data-size=large]){&>table:first-child>thead>tr:first-child>th{padding-block-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-49{&:where([data-size=large]){&>table:last-child:not(:has(>caption)){margin-block-end:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-50{&:where([data-size=large]){&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-end:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-border-radius-51{&:where([data-size=medium]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-p-52{&:where([data-size=medium]){padding:var(--z-tds_2f_web-spacing-16,1rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-53{&:where([data-size=medium]){&>table,&>[data-rows]{margin-inline:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-54{&:where([data-size=medium]){&>[data-rows]{margin-block:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-55{&:where([data-size=medium]){&>[data-rows]:first-child{margin-block-start:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-56{&:where([data-size=medium]){&>[data-rows]:last-child{margin-block-end:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-w-57{&:where([data-size=medium]){&>table{width:calc(100% + var(--z-tds_2f_web-spacing-32,2rem))}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-58{&:where([data-size=medium]){&>table>caption,&>table tr>:first-child{padding-inline-start:var(--z-tds_2f_web-spacing-16,1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-59{&:where([data-size=medium]){&>table tr>:last-child{padding-inline-end:var(--z-tds_2f_web-spacing-16,1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-60{&:where([data-size=medium]){&>table:first-child:has(>thead){margin-block-start:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-61{&:where([data-size=medium]){&>table:first-child>thead>tr:first-child>th{padding-block-start:var(--z-tds_2f_web-spacing-16,1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-62{&:where([data-size=medium]){&>table:last-child:not(:has(>caption)){margin-block-end:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-63{&:where([data-size=medium]){&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-end:var(--z-tds_2f_web-spacing-16,1rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-border-radius-64{&:where([data-size=small]){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-p-65{&:where([data-size=small]){padding:var(--z-tds_2f_web-spacing-12,.75rem)}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-66{&:where([data-size=small]){&>table,&>[data-rows]{margin-inline:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-67{&:where([data-size=small]){&>[data-rows]{margin-block:var(--z-tds_2f_web-spacing-_2d_6,-.375rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-68{&:where([data-size=small]){&>[data-rows]:first-child{margin-block-start:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-69{&:where([data-size=small]){&>[data-rows]:last-child{margin-block-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-w-70{&:where([data-size=small]){&>table{width:calc(100% + var(--z-tds_2f_web-spacing-24,1.5rem))}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-71{&:where([data-size=small]){&>table>caption,&>table tr>:first-child{padding-inline-start:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-72{&:where([data-size=small]){&>table tr>:last-child{padding-inline-end:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-73{&:where([data-size=small]){&>table:first-child:has(>thead){margin-block-start:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-74{&:where([data-size=small]){&>table:first-child>thead>tr:first-child>th{padding-block-start:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-75{&:where([data-size=small]){&>table:last-child:not(:has(>caption)){margin-block-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-76{&:where([data-size=small]){&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-end:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-align-items-0{align-items:center}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-column-gap-1{column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-display-2{display:flex}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-m-3{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-flex-shrink-4{&>svg{flex-shrink:0}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-font-size-5{&>svg{font-size:var(--z-tds_2f_web-fontSize-24,1.5rem)}}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-font-family-6{font-family:var(--z-tds_2f_web-typography-heading-20-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-tds_2f_web_2f_surface_2f_title-font-size-7{font-size:var(--z-tds_2f_web-typography-heading-20-fontSize,20px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-font-weight-8{font-weight:var(--z-tds_2f_web-typography-heading-20-fontWeight,600)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-letter-spacing-9{letter-spacing:var(--z-tds_2f_web-typography-heading-20-letterSpacing,-.33px)}.z-tds_2f_web-tds_2f_web_2f_surface_2f_title-line-height-10{line-height:var(--z-tds_2f_web-typography-heading-20-lineHeight,26px)}
+.z_tds_2f_web-jv6_qA0{color:var(--z-tds_2f_web-color-gray-900,light-dark(#4d4d4d,#bcbbbb))}.z_tds_2f_web-jv6_qA1{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-jv6_qA2{&+*{margin-block-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-jv6_qA3{font-family:var(--z-tds_2f_web-typography-copy-15-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-jv6_qA4{font-size:var(--z-tds_2f_web-typography-copy-15-fontSize,15px)}.z_tds_2f_web-jv6_qA5{font-weight:var(--z-tds_2f_web-typography-copy-15-fontWeight,450)}.z_tds_2f_web-jv6_qA6{letter-spacing:var(--z-tds_2f_web-typography-copy-15-letterSpacing,-.13px)}.z_tds_2f_web-jv6_qA7{line-height:var(--z-tds_2f_web-typography-copy-15-lineHeight,24px)}.z_tds_2f_web-jv6_qA8{align-items:center}.z_tds_2f_web-jv6_qA9{column-gap:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-jv6_qAa{display:flex}.z_tds_2f_web-jv6_qAb{justify-content:space-between}.z_tds_2f_web-jv6_qAc{margin-block-end:var(--z-tds_2f_web-spacing-16,1rem)}.z_tds_2f_web-jv6_qAd{min-width:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-jv6_qAe{&>[data-variant=text]:not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_20,-1.25rem)}}.z_tds_2f_web-jv6_qAf{&>[data-variant=text][data-size=small]:not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}.z_tds_2f_web-jv6_qAg{&>[data-variant=text][data-size=large]:not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}.z_tds_2f_web-jv6_qAh{[data-surface-size=medium]>&>[data-variant=text]:is([data-size=medium],[data-size=large]):not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}.z_tds_2f_web-jv6_qAi{[data-surface-size=small]>&>[data-variant=text]:is([data-size=medium],[data-size=large]):not([data-shape=icon]):last-child{margin-inline-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}.z_tds_2f_web-jv6_qAj{align-items:flex-start}.z_tds_2f_web-jv6_qAk{flex-direction:column}.z_tds_2f_web-jv6_qAl{row-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-jv6_qAm{&>:is(a,button){appearance:none}}.z_tds_2f_web-jv6_qAn{&>:is(a,button){background-color:#0000}}.z_tds_2f_web-jv6_qAo{&>:is(a,button){border:none}}.z_tds_2f_web-jv6_qAp{&>:is(a,button){border-radius:var(--z-tds_2f_web-radius-2,.125rem)}}.z_tds_2f_web-jv6_qAq{&>:is(a,button){color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}}.z_tds_2f_web-jv6_qAr{&>:is(a,button){cursor:pointer}}.z_tds_2f_web-jv6_qAs{&>:is(a,button){font:inherit}}.z_tds_2f_web-jv6_qAt{&>:is(a,button){outline-color:#0000}}.z_tds_2f_web-jv6_qAu{&>:is(a,button){outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z_tds_2f_web-jv6_qAv{&>:is(a,button){outline-style:solid}}.z_tds_2f_web-jv6_qAw{&>:is(a,button){outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}}.z_tds_2f_web-jv6_qAx{&>:is(a,button){padding:var(--z-tds_2f_web-spacing-0,0rem)}}.z_tds_2f_web-jv6_qAy{&>:is(a,button){text-decoration-color:#0000}}.z_tds_2f_web-jv6_qAz{&>:is(a,button){text-decoration-line:underline}}.z_tds_2f_web-jv6_qA10{&>:is(a,button){text-decoration-thickness:1px}}.z_tds_2f_web-jv6_qA11{&>:is(a,button){text-underline-offset:4px}}.z_tds_2f_web-jv6_qA12{&>:is(a,button){transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}}.z_tds_2f_web-jv6_qA13{&>:is(a,button){transition-property:color,outline-color,text-decoration-color}}.z_tds_2f_web-jv6_qA14{&>:is(a,button){transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}}.z_tds_2f_web-jv6_qA15{&>:is(a,button):hover{text-decoration-color:currentColor}}.z_tds_2f_web-jv6_qA16{&>:is(a,button):focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z_tds_2f_web-jv6_qA17{font-family:var(--z-tds_2f_web-typography-label-16-strong-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-jv6_qA18{font-size:var(--z-tds_2f_web-typography-label-16-strong-fontSize,16px)}.z_tds_2f_web-jv6_qA19{font-weight:var(--z-tds_2f_web-typography-label-16-strong-fontWeight,500)}.z_tds_2f_web-jv6_qA1a{letter-spacing:var(--z-tds_2f_web-typography-label-16-strong-letterSpacing,-.18px)}.z_tds_2f_web-jv6_qA1b{line-height:var(--z-tds_2f_web-typography-label-16-strong-lineHeight,20px)}.z_tds_2f_web-jv6_qA1c{background-color:var(--z-tds_2f_web-color-background-surface,light-dark(#fff,#1a1919))}.z_tds_2f_web-jv6_qA1d{box-sizing:border-box}.z_tds_2f_web-jv6_qA1e{color:var(--z-tds_2f_web-color-foreground,light-dark(#171717,#fff))}.z_tds_2f_web-jv6_qA1f{display:block}.z_tds_2f_web-jv6_qA1g{outline-color:#0000}.z_tds_2f_web-jv6_qA1h{outline-offset:var(--z-tds_2f_web-outlineOffset-0,0px)}.z_tds_2f_web-jv6_qA1i{outline-style:solid}.z_tds_2f_web-jv6_qA1j{outline-width:var(--z-tds_2f_web-outlineWidth-2,2px)}.z_tds_2f_web-jv6_qA1k{text-align:start}.z_tds_2f_web-jv6_qA1l{transition-duration:var(--z-tds_2f_web-transitionDuration-160,.16s)}.z_tds_2f_web-jv6_qA1m{transition-property:background-color,opacity,outline-color,outline-offset,scale}.z_tds_2f_web-jv6_qA1n{transition-timing-function:var(--z-tds_2f_web-ease-snappy,cubic-bezier(.23, 1, .32, 1))}.z_tds_2f_web-jv6_qA1o{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-jv6_qA1p{font-size:var(--z-tds_2f_web-typography-copy-14-fontSize,14px)}.z_tds_2f_web-jv6_qA1q{font-weight:var(--z-tds_2f_web-typography-copy-14-fontWeight,450)}.z_tds_2f_web-jv6_qA1r{letter-spacing:var(--z-tds_2f_web-typography-copy-14-letterSpacing,-.09px)}.z_tds_2f_web-jv6_qA1s{line-height:var(--z-tds_2f_web-typography-copy-14-lineHeight,20px)}.z_tds_2f_web-jv6_qA1t{&:is(button,a[href],[role=button]){border:none}}.z_tds_2f_web-jv6_qA1u{&:is(button,a[href],[role=button]){cursor:pointer}}.z_tds_2f_web-jv6_qA1v{&:is(button,a[href],[role=button]){text-decoration:none}}.z_tds_2f_web-jv6_qA1w{&:is(button,a[href],[role=button]){width:100%}}.z_tds_2f_web-jv6_qA1x{&:is(button,a[href],[role=button]):hover:not(:disabled,[aria-disabled=true]){background-color:var(--z-tds_2f_web-color-gray-100,light-dark(#f2f2f2,#1f1e1e))}}.z_tds_2f_web-jv6_qA1y{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){background-color:var(--z-tds_2f_web-color-gray-200,light-dark(#ebebeb,#252424))}}.z_tds_2f_web-jv6_qA1z{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){scale:var(--z-tds_2f_web-scale-press,.98)}}.z_tds_2f_web-jv6_qA20{&:is(button,a[href],[role=button]):focus-visible{outline-color:var(--z-tds_2f_web-color-blue-700,#4471ed)}}.z_tds_2f_web-jv6_qA21{&:is(button,a[href],[role=button]):focus-visible{outline-offset:var(--z-tds_2f_web-outlineOffset-2,2px)}}.z_tds_2f_web-jv6_qA22{&:has(>[data-rows]){overflow:hidden}}.z_tds_2f_web-jv6_qA23{&:has(>table){overflow:clip}}.z_tds_2f_web-jv6_qA24{&>table:last-child>caption{padding-block-end:0}}.z_tds_2f_web-jv6_qA25{&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{height:auto}}.z_tds_2f_web-jv6_qA26{&>table[data-size=large]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:var(--z-tds_2f_web-spacing-18,1.125rem)}}.z_tds_2f_web-jv6_qA27{&>table[data-size=medium]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:var(--z-tds_2f_web-spacing-10,.625rem)}}.z_tds_2f_web-jv6_qA28{&>table[data-size=small]:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-start:var(--z-tds_2f_web-spacing-6,.375rem)}}.z_tds_2f_web-jv6_qA29{&:disabled,&[aria-disabled=true]{cursor:default}}.z_tds_2f_web-jv6_qA2a{&:disabled,&[aria-disabled=true]{opacity:var(--z-tds_2f_web-opacity-disabled,.4)}}.z_tds_2f_web-jv6_qA2b{&:disabled,&[aria-disabled=true]{pointer-events:none}}@media (prefers-reduced-motion:reduce){.z_tds_2f_web-jv6_qA2c{transition-property:background-color,opacity,outline-color}.z_tds_2f_web-jv6_qA2d{&:is(button,a[href],[role=button]):active:not(:disabled,[aria-disabled=true]){scale:none}}}.z_tds_2f_web-jv6_qA2e{&:where([data-size=large]){border-radius:var(--z-tds_2f_web-radius-16,1rem)}}.z_tds_2f_web-jv6_qA2f{&:where([data-size=large]){padding:var(--z-tds_2f_web-spacing-24,1.5rem)}}.z_tds_2f_web-jv6_qA2g{&:where([data-size=large]){&>table,&>[data-rows]{margin-inline:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z_tds_2f_web-jv6_qA2h{&:where([data-size=large]){&>[data-rows]{margin-block:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z_tds_2f_web-jv6_qA2i{&:where([data-size=large]){&>[data-rows]:first-child{margin-block-start:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z_tds_2f_web-jv6_qA2j{&:where([data-size=large]){&>[data-rows]:last-child{margin-block-end:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z_tds_2f_web-jv6_qA2k{&:where([data-size=large]){&>table{width:calc(100% + var(--z-tds_2f_web-spacing-48,3rem))}}}.z_tds_2f_web-jv6_qA2l{&:where([data-size=large]){&>table>caption,&>table tr>:first-child{padding-inline-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-jv6_qA2m{&:where([data-size=large]){&>table tr>:last-child{padding-inline-end:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-jv6_qA2n{&:where([data-size=large]){&>table:first-child:has(>thead){margin-block-start:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z_tds_2f_web-jv6_qA2o{&:where([data-size=large]){&>table:first-child>thead>tr:first-child>th{padding-block-start:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-jv6_qA2p{&:where([data-size=large]){&>table:last-child:not(:has(>caption)){margin-block-end:var(--z-tds_2f_web-spacing-_2d_24,-1.5rem)}}}.z_tds_2f_web-jv6_qA2q{&:where([data-size=large]){&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-end:var(--z-tds_2f_web-spacing-24,1.5rem)}}}.z_tds_2f_web-jv6_qA2r{&:where([data-size=medium]){border-radius:var(--z-tds_2f_web-radius-12,.75rem)}}.z_tds_2f_web-jv6_qA2s{&:where([data-size=medium]){padding:var(--z-tds_2f_web-spacing-16,1rem)}}.z_tds_2f_web-jv6_qA2t{&:where([data-size=medium]){&>table,&>[data-rows]{margin-inline:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z_tds_2f_web-jv6_qA2u{&:where([data-size=medium]){&>[data-rows]{margin-block:var(--z-tds_2f_web-spacing-_2d_8,-.5rem)}}}.z_tds_2f_web-jv6_qA2v{&:where([data-size=medium]){&>[data-rows]:first-child{margin-block-start:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z_tds_2f_web-jv6_qA2w{&:where([data-size=medium]){&>[data-rows]:last-child{margin-block-end:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z_tds_2f_web-jv6_qA2x{&:where([data-size=medium]){&>table{width:calc(100% + var(--z-tds_2f_web-spacing-32,2rem))}}}.z_tds_2f_web-jv6_qA2y{&:where([data-size=medium]){&>table>caption,&>table tr>:first-child{padding-inline-start:var(--z-tds_2f_web-spacing-16,1rem)}}}.z_tds_2f_web-jv6_qA2z{&:where([data-size=medium]){&>table tr>:last-child{padding-inline-end:var(--z-tds_2f_web-spacing-16,1rem)}}}.z_tds_2f_web-jv6_qA30{&:where([data-size=medium]){&>table:first-child:has(>thead){margin-block-start:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z_tds_2f_web-jv6_qA31{&:where([data-size=medium]){&>table:first-child>thead>tr:first-child>th{padding-block-start:var(--z-tds_2f_web-spacing-16,1rem)}}}.z_tds_2f_web-jv6_qA32{&:where([data-size=medium]){&>table:last-child:not(:has(>caption)){margin-block-end:var(--z-tds_2f_web-spacing-_2d_16,-1rem)}}}.z_tds_2f_web-jv6_qA33{&:where([data-size=medium]){&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-end:var(--z-tds_2f_web-spacing-16,1rem)}}}.z_tds_2f_web-jv6_qA34{&:where([data-size=small]){border-radius:var(--z-tds_2f_web-radius-8,.5rem)}}.z_tds_2f_web-jv6_qA35{&:where([data-size=small]){padding:var(--z-tds_2f_web-spacing-12,.75rem)}}.z_tds_2f_web-jv6_qA36{&:where([data-size=small]){&>table,&>[data-rows]{margin-inline:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z_tds_2f_web-jv6_qA37{&:where([data-size=small]){&>[data-rows]{margin-block:var(--z-tds_2f_web-spacing-_2d_6,-.375rem)}}}.z_tds_2f_web-jv6_qA38{&:where([data-size=small]){&>[data-rows]:first-child{margin-block-start:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z_tds_2f_web-jv6_qA39{&:where([data-size=small]){&>[data-rows]:last-child{margin-block-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z_tds_2f_web-jv6_qA3a{&:where([data-size=small]){&>table{width:calc(100% + var(--z-tds_2f_web-spacing-24,1.5rem))}}}.z_tds_2f_web-jv6_qA3b{&:where([data-size=small]){&>table>caption,&>table tr>:first-child{padding-inline-start:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z_tds_2f_web-jv6_qA3c{&:where([data-size=small]){&>table tr>:last-child{padding-inline-end:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z_tds_2f_web-jv6_qA3d{&:where([data-size=small]){&>table:first-child:has(>thead){margin-block-start:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z_tds_2f_web-jv6_qA3e{&:where([data-size=small]){&>table:first-child>thead>tr:first-child>th{padding-block-start:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z_tds_2f_web-jv6_qA3f{&:where([data-size=small]){&>table:last-child:not(:has(>caption)){margin-block-end:var(--z-tds_2f_web-spacing-_2d_12,-.75rem)}}}.z_tds_2f_web-jv6_qA3g{&:where([data-size=small]){&>table:last-child:not(:has(>caption))>tbody>tr:last-child>td{padding-block-end:var(--z-tds_2f_web-spacing-12,.75rem)}}}.z_tds_2f_web-jv6_qA3h{align-items:center}.z_tds_2f_web-jv6_qA3i{column-gap:var(--z-tds_2f_web-spacing-12,.75rem)}.z_tds_2f_web-jv6_qA3j{display:flex}.z_tds_2f_web-jv6_qA3k{margin:var(--z-tds_2f_web-spacing-0,0rem)}.z_tds_2f_web-jv6_qA3l{&>svg{flex-shrink:0}}.z_tds_2f_web-jv6_qA3m{&>svg{font-size:var(--z-tds_2f_web-fontSize-24,1.5rem)}}.z_tds_2f_web-jv6_qA3n{font-family:var(--z-tds_2f_web-typography-heading-20-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-jv6_qA3o{font-size:var(--z-tds_2f_web-typography-heading-20-fontSize,20px)}.z_tds_2f_web-jv6_qA3p{font-weight:var(--z-tds_2f_web-typography-heading-20-fontWeight,600)}.z_tds_2f_web-jv6_qA3q{letter-spacing:var(--z-tds_2f_web-typography-heading-20-letterSpacing,-.33px)}.z_tds_2f_web-jv6_qA3r{line-height:var(--z-tds_2f_web-typography-heading-20-lineHeight,26px)}

package/dist/web/components/Surface.js

@@ -1,5 +1,3 @@
-
-import { Recipe as __zyzzRecipe } from 'zyzz/runtime';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useRender } from '@base-ui/react/use-render';
 import { variants, vars } from '../zyzz.config.js';
@@ -68,11 +66,11 @@ export function Surface(props) {
 })(Surface || (Surface = {}));
 var styles;
 (function (styles) {
-    styles.description = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_surface_2f_description-text-0 z-tds_2f_web-tds_2f_web_2f_surface_2f_description-m-1 z-tds_2f_web-tds_2f_web_2f_surface_2f_description-margin-block-start-2 z-tds_2f_web-tds_2f_web_2f_surface_2f_description-font-family-3 z-tds_2f_web-tds_2f_web_2f_surface_2f_description-font-size-4 z-tds_2f_web-tds_2f_web_2f_surface_2f_description-font-weight-5 z-tds_2f_web-tds_2f_web_2f_surface_2f_description-letter-spacing-6 z-tds_2f_web-tds_2f_web_2f_surface_2f_description-line-height-7"});
-    styles.header = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_surface_2f_header-align-items-0 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-column-gap-1 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-display-2 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-justify-content-3 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-block-end-4 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-min-width-5 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-6 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-7 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-8 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-9 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-margin-inline-end-10"});
-    styles.links = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_surface_2f_links-align-items-0 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-display-2 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-flex-direction-1 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-row-gap-2 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-appearance-3 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-bg-4 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-border-5 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-border-radius-6 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-7 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-cursor-8 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-font-9 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-color-10 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-offset-11 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-style-12 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-width-13 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-p-14 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-color-15 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-line-16 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-thickness-17 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-underline-offset-18 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-transition-duration-19 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-transition-property-20 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-transition-timing-function-21 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-text-decoration-color-22 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-outline-color-23 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-font-family-24 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-font-size-25 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-font-weight-26 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-letter-spacing-27 z-tds_2f_web-tds_2f_web_2f_surface_2f_links-line-height-28"});
-    styles.surface = __zyzzRecipe.create({"axes":{"size":["large","medium","small"]},"defaults":{"size":"large"},"className":"z-tds_2f_web-tds_2f_web_2f_surface-bg-0 z-tds_2f_web-tds_2f_web_2f_surface-box-sizing-1 z-tds_2f_web-tds_2f_web_2f_surface-text-2 z-tds_2f_web-tds_2f_web_2f_surface-display-3 z-tds_2f_web-tds_2f_web_2f_surface-outline-color-4 z-tds_2f_web-tds_2f_web_2f_surface-outline-offset-5 z-tds_2f_web-tds_2f_web_2f_surface-outline-style-6 z-tds_2f_web-tds_2f_web_2f_surface-outline-width-7 z-tds_2f_web-tds_2f_web_2f_surface-text-align-8 z-tds_2f_web-tds_2f_web_2f_surface-transition-duration-9 z-tds_2f_web-tds_2f_web_2f_surface-transition-property-10 z-tds_2f_web-tds_2f_web_2f_surface-transition-timing-function-11 z-tds_2f_web-tds_2f_web_2f_surface-font-family-12 z-tds_2f_web-tds_2f_web_2f_surface-font-size-13 z-tds_2f_web-tds_2f_web_2f_surface-font-weight-14 z-tds_2f_web-tds_2f_web_2f_surface-letter-spacing-15 z-tds_2f_web-tds_2f_web_2f_surface-line-height-16 z-tds_2f_web-tds_2f_web_2f_surface-border-17 z-tds_2f_web-tds_2f_web_2f_surface-cursor-18 z-tds_2f_web-tds_2f_web_2f_surface-text-decoration-19 z-tds_2f_web-tds_2f_web_2f_surface-w-20 z-tds_2f_web-tds_2f_web_2f_surface-bg-21 z-tds_2f_web-tds_2f_web_2f_surface-bg-22 z-tds_2f_web-tds_2f_web_2f_surface-scale-23 z-tds_2f_web-tds_2f_web_2f_surface-outline-color-24 z-tds_2f_web-tds_2f_web_2f_surface-outline-offset-25 z-tds_2f_web-tds_2f_web_2f_surface-overflow-26 z-tds_2f_web-tds_2f_web_2f_surface-overflow-27 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-28 z-tds_2f_web-tds_2f_web_2f_surface-h-29 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-30 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-31 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-32 z-tds_2f_web-tds_2f_web_2f_surface-cursor-33 z-tds_2f_web-tds_2f_web_2f_surface-opacity-34 z-tds_2f_web-tds_2f_web_2f_surface-pointer-events-35 z-tds_2f_web-tds_2f_web_2f_surface-transition-property-36 z-tds_2f_web-tds_2f_web_2f_surface-scale-37 z-tds_2f_web-tds_2f_web_2f_surface-border-radius-38 z-tds_2f_web-tds_2f_web_2f_surface-p-39 z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-40 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-41 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-42 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-43 z-tds_2f_web-tds_2f_web_2f_surface-w-44 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-45 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-46 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-47 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-48 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-49 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-50 z-tds_2f_web-tds_2f_web_2f_surface-border-radius-51 z-tds_2f_web-tds_2f_web_2f_surface-p-52 z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-53 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-54 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-55 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-56 z-tds_2f_web-tds_2f_web_2f_surface-w-57 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-58 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-59 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-60 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-61 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-62 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-63 z-tds_2f_web-tds_2f_web_2f_surface-border-radius-64 z-tds_2f_web-tds_2f_web_2f_surface-p-65 z-tds_2f_web-tds_2f_web_2f_surface-margin-inline-66 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-67 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-68 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-69 z-tds_2f_web-tds_2f_web_2f_surface-w-70 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-start-71 z-tds_2f_web-tds_2f_web_2f_surface-padding-inline-end-72 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-start-73 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-start-74 z-tds_2f_web-tds_2f_web_2f_surface-margin-block-end-75 z-tds_2f_web-tds_2f_web_2f_surface-padding-block-end-76"});
-    styles.title = __zyzzRecipe.create({"axes":{},"defaults":{},"className":"z-tds_2f_web-tds_2f_web_2f_surface_2f_title-align-items-0 z-tds_2f_web-tds_2f_web_2f_surface-text-2 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-column-gap-1 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-display-2 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-m-3 z-tds_2f_web-tds_2f_web_2f_surface_2f_header-min-width-5 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-flex-shrink-4 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-font-size-5 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-font-family-6 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-font-size-7 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-font-weight-8 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-letter-spacing-9 z-tds_2f_web-tds_2f_web_2f_surface_2f_title-line-height-10"});
+    styles.description = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-jv6_qA0 z_tds_2f_web-jv6_qA1 z_tds_2f_web-jv6_qA2 z_tds_2f_web-jv6_qA3 z_tds_2f_web-jv6_qA4 z_tds_2f_web-jv6_qA5 z_tds_2f_web-jv6_qA6 z_tds_2f_web-jv6_qA7"+" "+external:"z_tds_2f_web-jv6_qA0 z_tds_2f_web-jv6_qA1 z_tds_2f_web-jv6_qA2 z_tds_2f_web-jv6_qA3 z_tds_2f_web-jv6_qA4 z_tds_2f_web-jv6_qA5 z_tds_2f_web-jv6_qA6 z_tds_2f_web-jv6_qA7",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-jv6_qA8 z_tds_2f_web-jv6_qA9 z_tds_2f_web-jv6_qAa z_tds_2f_web-jv6_qAb z_tds_2f_web-jv6_qAc z_tds_2f_web-jv6_qAd z_tds_2f_web-jv6_qAe z_tds_2f_web-jv6_qAf z_tds_2f_web-jv6_qAg z_tds_2f_web-jv6_qAh z_tds_2f_web-jv6_qAi"+" "+external:"z_tds_2f_web-jv6_qA8 z_tds_2f_web-jv6_qA9 z_tds_2f_web-jv6_qAa z_tds_2f_web-jv6_qAb z_tds_2f_web-jv6_qAc z_tds_2f_web-jv6_qAd z_tds_2f_web-jv6_qAe z_tds_2f_web-jv6_qAf z_tds_2f_web-jv6_qAg z_tds_2f_web-jv6_qAh z_tds_2f_web-jv6_qAi",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.links = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-jv6_qAj z_tds_2f_web-jv6_qAa z_tds_2f_web-jv6_qAk z_tds_2f_web-jv6_qAl z_tds_2f_web-jv6_qAm z_tds_2f_web-jv6_qAn z_tds_2f_web-jv6_qAo z_tds_2f_web-jv6_qAp z_tds_2f_web-jv6_qAq z_tds_2f_web-jv6_qAr z_tds_2f_web-jv6_qAs z_tds_2f_web-jv6_qAt z_tds_2f_web-jv6_qAu z_tds_2f_web-jv6_qAv z_tds_2f_web-jv6_qAw z_tds_2f_web-jv6_qAx z_tds_2f_web-jv6_qAy z_tds_2f_web-jv6_qAz z_tds_2f_web-jv6_qA10 z_tds_2f_web-jv6_qA11 z_tds_2f_web-jv6_qA12 z_tds_2f_web-jv6_qA13 z_tds_2f_web-jv6_qA14 z_tds_2f_web-jv6_qA15 z_tds_2f_web-jv6_qA16 z_tds_2f_web-jv6_qA17 z_tds_2f_web-jv6_qA18 z_tds_2f_web-jv6_qA19 z_tds_2f_web-jv6_qA1a z_tds_2f_web-jv6_qA1b"+" "+external:"z_tds_2f_web-jv6_qAj z_tds_2f_web-jv6_qAa z_tds_2f_web-jv6_qAk z_tds_2f_web-jv6_qAl z_tds_2f_web-jv6_qAm z_tds_2f_web-jv6_qAn z_tds_2f_web-jv6_qAo z_tds_2f_web-jv6_qAp z_tds_2f_web-jv6_qAq z_tds_2f_web-jv6_qAr z_tds_2f_web-jv6_qAs z_tds_2f_web-jv6_qAt z_tds_2f_web-jv6_qAu z_tds_2f_web-jv6_qAv z_tds_2f_web-jv6_qAw z_tds_2f_web-jv6_qAx z_tds_2f_web-jv6_qAy z_tds_2f_web-jv6_qAz z_tds_2f_web-jv6_qA10 z_tds_2f_web-jv6_qA11 z_tds_2f_web-jv6_qA12 z_tds_2f_web-jv6_qA13 z_tds_2f_web-jv6_qA14 z_tds_2f_web-jv6_qA15 z_tds_2f_web-jv6_qA16 z_tds_2f_web-jv6_qA17 z_tds_2f_web-jv6_qA18 z_tds_2f_web-jv6_qA19 z_tds_2f_web-jv6_qA1a z_tds_2f_web-jv6_qA1b",result=inline?{className,style:inline}:{className};let value;return result});
+    styles.surface = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-jv6_qA1c z_tds_2f_web-jv6_qA1d z_tds_2f_web-jv6_qA1e z_tds_2f_web-jv6_qA1f z_tds_2f_web-jv6_qA1g z_tds_2f_web-jv6_qA1h z_tds_2f_web-jv6_qA1i z_tds_2f_web-jv6_qA1j z_tds_2f_web-jv6_qA1k z_tds_2f_web-jv6_qA1l z_tds_2f_web-jv6_qA1m z_tds_2f_web-jv6_qA1n z_tds_2f_web-jv6_qA1o z_tds_2f_web-jv6_qA1p z_tds_2f_web-jv6_qA1q z_tds_2f_web-jv6_qA1r z_tds_2f_web-jv6_qA1s z_tds_2f_web-jv6_qA1t z_tds_2f_web-jv6_qA1u z_tds_2f_web-jv6_qA1v z_tds_2f_web-jv6_qA1w z_tds_2f_web-jv6_qA1x z_tds_2f_web-jv6_qA1y z_tds_2f_web-jv6_qA1z z_tds_2f_web-jv6_qA20 z_tds_2f_web-jv6_qA21 z_tds_2f_web-jv6_qA22 z_tds_2f_web-jv6_qA23 z_tds_2f_web-jv6_qA24 z_tds_2f_web-jv6_qA25 z_tds_2f_web-jv6_qA26 z_tds_2f_web-jv6_qA27 z_tds_2f_web-jv6_qA28 z_tds_2f_web-jv6_qA29 z_tds_2f_web-jv6_qA2a z_tds_2f_web-jv6_qA2b z_tds_2f_web-jv6_qA2c z_tds_2f_web-jv6_qA2d z_tds_2f_web-jv6_qA2e z_tds_2f_web-jv6_qA2f z_tds_2f_web-jv6_qA2g z_tds_2f_web-jv6_qA2h z_tds_2f_web-jv6_qA2i z_tds_2f_web-jv6_qA2j z_tds_2f_web-jv6_qA2k z_tds_2f_web-jv6_qA2l z_tds_2f_web-jv6_qA2m z_tds_2f_web-jv6_qA2n z_tds_2f_web-jv6_qA2o z_tds_2f_web-jv6_qA2p z_tds_2f_web-jv6_qA2q z_tds_2f_web-jv6_qA2r z_tds_2f_web-jv6_qA2s z_tds_2f_web-jv6_qA2t z_tds_2f_web-jv6_qA2u z_tds_2f_web-jv6_qA2v z_tds_2f_web-jv6_qA2w z_tds_2f_web-jv6_qA2x z_tds_2f_web-jv6_qA2y z_tds_2f_web-jv6_qA2z z_tds_2f_web-jv6_qA30 z_tds_2f_web-jv6_qA31 z_tds_2f_web-jv6_qA32 z_tds_2f_web-jv6_qA33 z_tds_2f_web-jv6_qA34 z_tds_2f_web-jv6_qA35 z_tds_2f_web-jv6_qA36 z_tds_2f_web-jv6_qA37 z_tds_2f_web-jv6_qA38 z_tds_2f_web-jv6_qA39 z_tds_2f_web-jv6_qA3a z_tds_2f_web-jv6_qA3b z_tds_2f_web-jv6_qA3c z_tds_2f_web-jv6_qA3d z_tds_2f_web-jv6_qA3e z_tds_2f_web-jv6_qA3f z_tds_2f_web-jv6_qA3g"+" "+external:"z_tds_2f_web-jv6_qA1c z_tds_2f_web-jv6_qA1d z_tds_2f_web-jv6_qA1e z_tds_2f_web-jv6_qA1f z_tds_2f_web-jv6_qA1g z_tds_2f_web-jv6_qA1h z_tds_2f_web-jv6_qA1i z_tds_2f_web-jv6_qA1j z_tds_2f_web-jv6_qA1k z_tds_2f_web-jv6_qA1l z_tds_2f_web-jv6_qA1m z_tds_2f_web-jv6_qA1n z_tds_2f_web-jv6_qA1o z_tds_2f_web-jv6_qA1p z_tds_2f_web-jv6_qA1q z_tds_2f_web-jv6_qA1r z_tds_2f_web-jv6_qA1s z_tds_2f_web-jv6_qA1t z_tds_2f_web-jv6_qA1u z_tds_2f_web-jv6_qA1v z_tds_2f_web-jv6_qA1w z_tds_2f_web-jv6_qA1x z_tds_2f_web-jv6_qA1y z_tds_2f_web-jv6_qA1z z_tds_2f_web-jv6_qA20 z_tds_2f_web-jv6_qA21 z_tds_2f_web-jv6_qA22 z_tds_2f_web-jv6_qA23 z_tds_2f_web-jv6_qA24 z_tds_2f_web-jv6_qA25 z_tds_2f_web-jv6_qA26 z_tds_2f_web-jv6_qA27 z_tds_2f_web-jv6_qA28 z_tds_2f_web-jv6_qA29 z_tds_2f_web-jv6_qA2a z_tds_2f_web-jv6_qA2b z_tds_2f_web-jv6_qA2c z_tds_2f_web-jv6_qA2d z_tds_2f_web-jv6_qA2e z_tds_2f_web-jv6_qA2f z_tds_2f_web-jv6_qA2g z_tds_2f_web-jv6_qA2h z_tds_2f_web-jv6_qA2i z_tds_2f_web-jv6_qA2j z_tds_2f_web-jv6_qA2k z_tds_2f_web-jv6_qA2l z_tds_2f_web-jv6_qA2m z_tds_2f_web-jv6_qA2n z_tds_2f_web-jv6_qA2o z_tds_2f_web-jv6_qA2p z_tds_2f_web-jv6_qA2q z_tds_2f_web-jv6_qA2r z_tds_2f_web-jv6_qA2s z_tds_2f_web-jv6_qA2t z_tds_2f_web-jv6_qA2u z_tds_2f_web-jv6_qA2v z_tds_2f_web-jv6_qA2w z_tds_2f_web-jv6_qA2x z_tds_2f_web-jv6_qA2y z_tds_2f_web-jv6_qA2z z_tds_2f_web-jv6_qA30 z_tds_2f_web-jv6_qA31 z_tds_2f_web-jv6_qA32 z_tds_2f_web-jv6_qA33 z_tds_2f_web-jv6_qA34 z_tds_2f_web-jv6_qA35 z_tds_2f_web-jv6_qA36 z_tds_2f_web-jv6_qA37 z_tds_2f_web-jv6_qA38 z_tds_2f_web-jv6_qA39 z_tds_2f_web-jv6_qA3a z_tds_2f_web-jv6_qA3b z_tds_2f_web-jv6_qA3c z_tds_2f_web-jv6_qA3d z_tds_2f_web-jv6_qA3e z_tds_2f_web-jv6_qA3f z_tds_2f_web-jv6_qA3g",result=inline?{className,style:inline}:{className};let value;value=Object.hasOwn(input,"size")?input["size"]:void 0;if(value===void 0)value="large";if(value!==null&&value!==void 0)result["data-size"]=String(value);return result});
+    styles.title = ((input={})=>{const external=input.className,style=input.style,vars=input.vars,inline=vars?{...vars,...style}:style,className=external?"z_tds_2f_web-jv6_qA3h z_tds_2f_web-jv6_qA1e z_tds_2f_web-jv6_qA3i z_tds_2f_web-jv6_qA3j z_tds_2f_web-jv6_qA3k z_tds_2f_web-jv6_qAd z_tds_2f_web-jv6_qA3l z_tds_2f_web-jv6_qA3m z_tds_2f_web-jv6_qA3n z_tds_2f_web-jv6_qA3o z_tds_2f_web-jv6_qA3p z_tds_2f_web-jv6_qA3q z_tds_2f_web-jv6_qA3r"+" "+external:"z_tds_2f_web-jv6_qA3h z_tds_2f_web-jv6_qA1e z_tds_2f_web-jv6_qA3i z_tds_2f_web-jv6_qA3j z_tds_2f_web-jv6_qA3k z_tds_2f_web-jv6_qAd z_tds_2f_web-jv6_qA3l z_tds_2f_web-jv6_qA3m z_tds_2f_web-jv6_qA3n z_tds_2f_web-jv6_qA3o z_tds_2f_web-jv6_qA3p z_tds_2f_web-jv6_qA3q z_tds_2f_web-jv6_qA3r",result=inline?{className,style:inline}:{className};let value;return result});
 })(styles || (styles = {}));
 //# sourceMappingURL=Surface.js.map
 import './Surface.css';