@layer layout{.bars-field{z-index:var(--z-behind);align-items:flex-end;gap:var(--_gap);pointer-events:none;display:flex;position:absolute;inset:0;overflow:clip}.bars-field__bar{block-size:var(--_h);transform-origin:bottom;animation:bars-wave var(--_dur,9s) var(--ease-in-out) var(--_d,0s) infinite;--_mid:color-mix(in oklab, var(--teal-9), var(--teal-8) calc(var(--_v,.5) * 100%));--_lift:color-mix(in oklab, var(--teal-7), var(--teal-6) calc(var(--_v,.5) * 100%));--_glow:color-mix(in oklab, var(--coral-6), var(--coral-5) calc(var(--_v,.5) * 100%));--_floor:color-mix(in oklab, var(--coral-8), var(--coral-7) calc(var(--_v,.5) * 100%));background-blend-mode:overlay, normal;background-position:bottom,top;background-repeat:no-repeat,no-repeat;background-size:100% 74%,100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E"), linear-gradient(to bottom in oklab, var(--color-bg) 0%, var(--color-bg) 26%, var(--_mid) 52%, var(--_lift) 70%, var(--_glow) 86%, var(--_floor) 100%);flex:1 1 0;margin-inline-start:-1px}@keyframes bars-wave{0%{transform:scaleY(1)}50%{transform:scaleY(1.26)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.bars-field__bar{animation:none}}.bars-field{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000073 22%,#000 46%);mask-image:linear-gradient(90deg,#0000 0%,#00000073 22%,#000 46%)}}