.tx-base-surface{position:relative;border-radius:var(--tx-surface-radius, inherit);corner-shape:inherit;overflow:hidden}.tx-base-surface--own-radius{corner-shape:round}.tx-base-surface--flat,.tx-base-surface--pure{background:var(--tx-surface-color, var(--tx-fill-color-lighter, #fafafa))}.tx-base-surface--mica{--tx-surface-mica-harmonic: var(--tx-color-primary, #409eff);background:radial-gradient(70% 80% at 0 0,color-mix(in oklab,var(--tx-color-primary, #409eff) var(--tx-surface-mica-primary-weight, 12%),transparent),transparent),radial-gradient(70% 80% at 100% 100%,color-mix(in oklab,var(--tx-surface-mica-harmonic) var(--tx-surface-mica-harmonic-weight, 8%),transparent),transparent),color-mix(in oklab,var(--tx-surface-color, var(--tx-fill-color-lighter, #fafafa)) 95%,var(--tx-color-primary, #409eff));background-attachment:fixed}@supports (color:oklch(from red l c h)){.tx-base-surface--mica{--tx-surface-mica-harmonic: oklch(from var(--tx-color-primary, #409eff) l c calc(h + 40) )}}.tx-base-surface .tx-base-surface__layer{position:absolute;inset:0;border-radius:inherit;corner-shape:inherit;pointer-events:none;transition:opacity var(--tx-surface-transition, 299ms) ease,background var(--tx-surface-transition, 299ms) ease,backdrop-filter var(--tx-surface-transition, 299ms) ease}.tx-base-surface .tx-base-surface__layer--glass{z-index:0;corner-shape:round}.tx-base-surface .tx-base-surface__layer--glass .tx-glass-surface{width:100%;height:100%;border-radius:inherit}.tx-base-surface .tx-base-surface__layer--filter{z-index:1;background:color-mix(in srgb,var(--tx-bg-color-overlay, #fff) 10%,transparent);backdrop-filter:blur(var(--tx-surface-filter-blur, 10px)) saturate(var(--tx-surface-filter-saturation, 1.5)) contrast(var(--tx-surface-filter-contrast, 1)) brightness(var(--tx-surface-filter-brightness, 1));-webkit-backdrop-filter:blur(var(--tx-surface-filter-blur, 10px)) saturate(var(--tx-surface-filter-saturation, 1.5)) contrast(var(--tx-surface-filter-contrast, 1)) brightness(var(--tx-surface-filter-brightness, 1));will-change:backdrop-filter}.tx-base-surface .tx-base-surface__layer--mask{z-index:3;background:var(--tx-surface-color, var(--tx-fill-color-lighter, #fafafa));opacity:var(--tx-surface-mask-opacity, .75)}.tx-base-surface.tx-base-surface--acrylic .tx-base-surface__layer--filter{backdrop-filter:blur(var(--tx-surface-filter-blur, 30px)) saturate(calc(var(--tx-surface-filter-saturation, 1.5)*1.2)) contrast(var(--tx-surface-filter-contrast, 1)) brightness(calc(var(--tx-surface-filter-brightness, 1)*1.06));-webkit-backdrop-filter:blur(var(--tx-surface-filter-blur, 30px)) saturate(calc(var(--tx-surface-filter-saturation, 1.5)*1.2)) contrast(var(--tx-surface-filter-contrast, 1)) brightness(calc(var(--tx-surface-filter-brightness, 1)*1.06))}.tx-base-surface--acrylic .tx-base-surface__layer--mask{mask-image:linear-gradient(#000000e0,#000000e0),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeComponentTransfer%3E%3CfeFuncA intercept='-.2' slope='1.6' type='linear'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");-webkit-mask-image:linear-gradient(rgba(0,0,0,.88),rgba(0,0,0,.88)),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3CfeComponentTransfer%3E%3CfeFuncA intercept='-.2' slope='1.6' type='linear'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");mask-size:100% 100%,140px 140px;-webkit-mask-size:100% 100%,140px 140px;mask-repeat:no-repeat,repeat;-webkit-mask-repeat:no-repeat,repeat}.tx-base-surface .tx-base-surface__layer--flow-light{z-index:3}.tx-base-surface .tx-base-surface__layer--refraction-edge{z-index:4;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tx-surface-refraction-mask-color, #fff) calc(var(--tx-surface-refraction-edge-opacity, .08)*100%),transparent)}.tx-base-surface .tx-base-surface__layer--motion-cover{z-index:2;background:color-mix(in srgb,var(--tx-surface-refraction-mask-color, var(--tx-bg-color-overlay, #fff)) 100%,transparent);opacity:var(--tx-surface-motion-cover-opacity, 0)}.tx-base-surface.tx-base-surface--refraction .tx-base-surface__layer--filter,.tx-base-surface.tx-base-surface--refraction .tx-base-surface__layer--glass{transition:opacity .22s ease 80ms,background var(--tx-surface-transition, 299ms) ease,backdrop-filter var(--tx-surface-transition, 299ms) ease}.tx-base-surface.tx-base-surface--refraction-motion .tx-base-surface__layer--filter,.tx-base-surface.tx-base-surface--refraction-motion .tx-base-surface__layer--glass{opacity:0;transition:opacity .14s ease,background var(--tx-surface-transition, 299ms) ease,backdrop-filter var(--tx-surface-transition, 299ms) ease}.tx-base-surface .tx-base-surface__content{position:relative;z-index:5;border-radius:inherit;corner-shape:inherit;min-height:inherit}.tx-base-surface--preset-card.tx-base-surface--blur .tx-base-surface__layer--filter{background:color-mix(in srgb,var(--tx-bg-color-overlay, #fff) 22%,transparent);backdrop-filter:blur(var(--tx-surface-filter-blur, 30px)) saturate(calc(var(--tx-surface-filter-saturation, 1.5)*1.2)) contrast(calc(var(--tx-surface-filter-contrast, 1)*1.06)) brightness(var(--tx-surface-filter-brightness, 1));-webkit-backdrop-filter:blur(var(--tx-surface-filter-blur, 30px)) saturate(calc(var(--tx-surface-filter-saturation, 1.5)*1.2)) contrast(calc(var(--tx-surface-filter-contrast, 1)*1.06)) brightness(var(--tx-surface-filter-brightness, 1))}.tx-base-surface--preset-card.tx-base-surface--refraction .tx-base-surface__layer--filter{background:radial-gradient(120% 88% at var(--tx-surface-refraction-light-x, 24%) var(--tx-surface-refraction-light-y, 20%),color-mix(in srgb,var(--tx-surface-refraction-mask-color, #fff) var(--tx-surface-refraction-filter-primary-weight, 32%),transparent),transparent 58%),radial-gradient(105% 82% at calc(100% - var(--tx-surface-refraction-light-x, 24%)) calc(100% - var(--tx-surface-refraction-light-y, 20%)),color-mix(in srgb,var(--tx-surface-refraction-mask-color, #fff) var(--tx-surface-refraction-filter-secondary-weight, 20%),transparent),transparent 64%),radial-gradient(140% 100% at var(--tx-surface-refraction-light-x, 24%) var(--tx-surface-refraction-light-y, 20%),color-mix(in srgb,var(--tx-surface-refraction-mask-color, #fff) var(--tx-surface-refraction-filter-veil-weight, 16%),transparent),transparent 62%),color-mix(in srgb,var(--tx-surface-refraction-mask-color, #fff) var(--tx-surface-refraction-filter-base-weight, 6%),transparent);backdrop-filter:blur(var(--tx-surface-filter-blur, 24px)) saturate(calc(var(--tx-surface-filter-saturation, 1.5)*var(--tx-surface-refraction-filter-saturation-boost, 1.36))) contrast(calc(var(--tx-surface-filter-contrast, 1)*(var(--tx-surface-refraction-filter-contrast-base, 1.06) + var(--tx-surface-refraction-strength, .6)*var(--tx-surface-refraction-filter-contrast-gain, .1)))) brightness(calc(var(--tx-surface-filter-brightness, 1)*var(--tx-surface-refraction-filter-brightness-boost, 1.04)));-webkit-backdrop-filter:blur(var(--tx-surface-filter-blur, 24px)) saturate(calc(var(--tx-surface-filter-saturation, 1.5)*var(--tx-surface-refraction-filter-saturation-boost, 1.36))) contrast(calc(var(--tx-surface-filter-contrast, 1)*(var(--tx-surface-refraction-filter-contrast-base, 1.06) + var(--tx-surface-refraction-strength, .6)*var(--tx-surface-refraction-filter-contrast-gain, .1)))) brightness(calc(var(--tx-surface-filter-brightness, 1)*var(--tx-surface-refraction-filter-brightness-boost, 1.04)))}.tx-base-surface--preset-card.tx-base-surface--glass .tx-base-surface__layer--mask{background:radial-gradient(700px 220px at 0 0,hsla(0,0%,100%,.55),transparent 55%),radial-gradient(600px 260px at 100% 0,hsla(0,0%,100%,.22),transparent 58%),linear-gradient(135deg,#ffffff2e,#ffffff05 45%,#fff0 68%);opacity:var(--tx-surface-mask-opacity, .22)}.tx-base-surface--preset-card.tx-base-surface--refraction .tx-base-surface__layer--mask{background:radial-gradient(620px 260px at var(--tx-surface-refraction-light-x, 24%) var(--tx-surface-refraction-light-y, 20%),color-mix(in srgb,var(--tx-surface-refraction-mask-color, #fff) calc(var(--tx-surface-refraction-halo-opacity, .32)*var(--tx-surface-refraction-halo-opacity-gain, 1)*100%),transparent),transparent 60%),radial-gradient(760px 360px at calc(100% - var(--tx-surface-refraction-light-x, 24%)) calc(100% - var(--tx-surface-refraction-light-y, 20%)),color-mix(in srgb,var(--tx-surface-refraction-mask-color, #fff) var(--tx-surface-refraction-mask-primary-weight, 30%),transparent),transparent 64%),radial-gradient(740px 340px at var(--tx-surface-refraction-light-x, 24%) calc(100% - var(--tx-surface-refraction-light-y, 20%)),color-mix(in srgb,var(--tx-surface-refraction-mask-color, #fff) var(--tx-surface-refraction-mask-secondary-weight, 24%),transparent),transparent 64%),linear-gradient(var(--tx-surface-refraction-streak-angle, 128deg),color-mix(in srgb,var(--tx-surface-refraction-mask-color, #fff) var(--tx-surface-refraction-streak-weight, 22%),transparent) 0,color-mix(in srgb,var(--tx-surface-refraction-mask-color, #fff) var(--tx-surface-refraction-mask-veil-weight, 10%),transparent) 36%,transparent 70%);opacity:var(--tx-surface-refraction-mask-effective-opacity, clamp(.08, var(--tx-surface-mask-opacity, .16) + var(--tx-surface-refraction-strength, .56) * var(--tx-surface-refraction-mask-strength-gain, .05), .5));mask-image:radial-gradient(120% 90% at var(--tx-surface-refraction-light-x, 24%) var(--tx-surface-refraction-light-y, 20%),#000 46%,transparent 95%);-webkit-mask-image:radial-gradient(120% 90% at var(--tx-surface-refraction-light-x, 24%) var(--tx-surface-refraction-light-y, 20%),#000 46%,transparent 95%)}.tx-base-surface--fake .tx-base-surface__content{position:relative;z-index:1}.tx-base-surface--fake:before{content:"";position:absolute;inset:0;border-radius:inherit;corner-shape:inherit;background:var(--tx-surface-fake-bg);opacity:var(--tx-surface-fake-opacity, .75);z-index:var(--tx-surface-fake-index, 0);pointer-events:none;transition:background var(--tx-surface-transition, 299ms) ease-out,opacity var(--tx-surface-transition, 299ms) ease-out}.tx-base-surface--settling{transition:backdrop-filter var(--tx-surface-transition, 299ms) ease-out,background var(--tx-surface-transition, 299ms) ease-out}html.contrast .tx-base-surface,html[data-tx-contrast=high] .tx-base-surface{background:var(--tx-surface-color, var(--tx-fill-color-lighter, #fafafa))}html.contrast .tx-base-surface.tx-base-surface--plain,html[data-tx-contrast=high] .tx-base-surface.tx-base-surface--plain{background:none}html.contrast .tx-base-surface .tx-base-surface__layer--filter,html.contrast .tx-base-surface .tx-base-surface__layer--glass,html.contrast .tx-base-surface .tx-base-surface__layer--mask,html.contrast .tx-base-surface .tx-base-surface__layer--motion-cover,html.contrast .tx-base-surface .tx-base-surface__layer--refraction-edge,html[data-tx-contrast=high] .tx-base-surface .tx-base-surface__layer--filter,html[data-tx-contrast=high] .tx-base-surface .tx-base-surface__layer--glass,html[data-tx-contrast=high] .tx-base-surface .tx-base-surface__layer--mask,html[data-tx-contrast=high] .tx-base-surface .tx-base-surface__layer--motion-cover,html[data-tx-contrast=high] .tx-base-surface .tx-base-surface__layer--refraction-edge{display:none}html.contrast .tx-base-surface.tx-base-surface--fake:not(.tx-base-surface--plain):before,html[data-tx-contrast=high] .tx-base-surface.tx-base-surface--fake:not(.tx-base-surface--plain):before{opacity:1}@media(prefers-contrast:more){html:not([data-tx-contrast=normal]) .tx-base-surface{background:var(--tx-surface-color, var(--tx-fill-color-lighter, #fafafa))}html:not([data-tx-contrast=normal]) .tx-base-surface.tx-base-surface--plain{background:none}html:not([data-tx-contrast=normal]) .tx-base-surface .tx-base-surface__layer--filter,html:not([data-tx-contrast=normal]) .tx-base-surface .tx-base-surface__layer--glass,html:not([data-tx-contrast=normal]) .tx-base-surface .tx-base-surface__layer--mask,html:not([data-tx-contrast=normal]) .tx-base-surface .tx-base-surface__layer--motion-cover,html:not([data-tx-contrast=normal]) .tx-base-surface .tx-base-surface__layer--refraction-edge{display:none}html:not([data-tx-contrast=normal]) .tx-base-surface.tx-base-surface--fake:not(.tx-base-surface--plain):before{opacity:1}}.tx-surface-layer-fade-enter-active,.tx-surface-layer-fade-leave-active{transition:opacity var(--tx-surface-transition, 299ms) ease}.tx-surface-layer-fade-enter-from,.tx-surface-layer-fade-leave-to{opacity:0}.dark .tx-base-surface--preset-card.tx-base-surface--blur .tx-base-surface__layer--filter,[data-theme=dark] .tx-base-surface--preset-card.tx-base-surface--blur .tx-base-surface__layer--filter{background:color-mix(in srgb,var(--tx-color-white, #fff) 14%,transparent);backdrop-filter:blur(var(--tx-surface-filter-blur, 30px)) saturate(calc(var(--tx-surface-filter-saturation, 1.5)*1.1)) contrast(var(--tx-surface-filter-contrast, 1)) brightness(calc(var(--tx-surface-filter-brightness, 1)*1.1));-webkit-backdrop-filter:blur(var(--tx-surface-filter-blur, 30px)) saturate(calc(var(--tx-surface-filter-saturation, 1.5)*1.1)) contrast(var(--tx-surface-filter-contrast, 1)) brightness(calc(var(--tx-surface-filter-brightness, 1)*1.1))}