.o-pattern{height:auto;position:absolute;top:0;width:var(--pattern-width-mobile,auto);z-index:5}@media screen and (min-width:768px){.o-pattern{height:100%;width:auto}}.o-pattern-wrapper{height:var(--section-height-mobile,auto);position:relative;width:100%;z-index:0}@media screen and (min-width:768px){.o-pattern-wrapper{height:var(--section-height,auto)}}.o-pattern svg{height:auto;width:100%}.o-pattern svg g{opacity:var(--pattern-opacity,1)}.o-pattern-h--left{left:var(--pattern-x-offset-mobile,0)}@media screen and (min-width:768px){.o-pattern-h--left{left:var(--pattern-x-offset,0)}}.o-pattern-h--right{right:var(--pattern-x-offset-mobile,0)}@media screen and (min-width:768px){.o-pattern-h--right{right:var(--pattern-x-offset,0)}}.o-pattern-h--right svg{transform:scaleX(-1)}.o-pattern-v--top{top:var(--pattern-y-offset-mobile,0)}@media screen and (min-width:768px){.o-pattern-v--top{top:var(--pattern-y-offset,0)}}.o-pattern-v--bottom{bottom:var(--pattern-y-offset-mobile,0)}@media screen and (min-width:768px){.o-pattern-v--bottom{bottom:var(--pattern-y-offset,0)}}.o-pattern-v--bottom svg{transform:scaleY(-1)}.o-pattern-h--right.o-pattern-v--bottom svg{transform:scaleX(-1) scaleY(-1)}