.bamboo-pattern{--pattern-color:#d2dcdc;--pattern-color-hovered:#eff6f5;--pattern-side-padding:utils.pxToRem(5);--pattern-wrapper-height:utils.pxToRem(50);width:1.9375rem;height:calc(var(--pattern-wrapper-height) + 2*var(--pattern-side-padding));padding:var(--pattern-side-padding) 0}.bamboo-pattern .anim-rect{transform-origin:center center;transform:skewX(-29.82deg);y:0;height:100%;will-change:x,width,fill}.bamboo-pattern svg{width:3.75rem;height:var(--pattern-wrapper-height)}.bamboo-pattern svg .anim-rect{x:50.00833333%;width:1%;transition:x 2s ease-in-out,width 2s ease-in-out,fill 2s ease-in-out;fill:var(--pattern-color)}.bamboo-pattern svg.hovered .anim-rect{x:23%;width:53%;transition:x .05s ease-in,width .05s ease-in,fill .05s ease-in;fill:var(--pattern-color-hovered)}