.bg-pattern{background-color:var(--pattern-bg, rgb(var(--color-background)));background-repeat:repeat}.bg-pattern:before{background:none!important;background-color:transparent!important}.bg-pattern--dots{--dot: rgb(var(--color-foreground) / .22);background-image:radial-gradient(var(--dot) 1.2px,transparent 1.2px);background-size:16px 16px;background-position:0 0}.bg-pattern--dots.soft{--dot: rgb(var(--color-foreground) / .14)}.bg-pattern--ruled{--line: rgb(var(--color-foreground) / .12);background-image:linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:100% 28px;background-position:0 0}.bg-pattern--grid{--grid: rgb(var(--color-foreground) / .12);background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:24px 24px;background-position:0 0}.bg-pattern--dots.soft{--dot: rgb(var(--color-foreground) / .15)}.bg-pattern--ruled.soft{--line: rgb(var(--color-foreground) / .08)}.bg-pattern--grid.soft{--grid: rgb(var(--color-foreground) / .08)}.bg-pattern .page-width,.bg-pattern .page-width--narrow{background:transparent!important}
/*# sourceMappingURL=/cdn/shop/t/35/assets/background-patterns.css.map */