.f4-grid-bg{--f4-grid-viewport-columns: 17;--f4-grid-cell-size: calc(100vw / var(--f4-grid-viewport-columns));--f4-grid-line-color: rgba(10, 10, 10, .08);--f4-grid-background: transparent;--f4-grid-z-index: 0;position:relative;isolation:isolate}.f4-grid-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--f4-grid-z-index);border-radius:inherit;background-color:var(--f4-grid-background);background-image:linear-gradient(var(--f4-grid-line-color) 1px,transparent 1px),linear-gradient(90deg,var(--f4-grid-line-color) 1px,transparent 1px);background-size:var(--f4-grid-cell-size) var(--f4-grid-cell-size);background-position:center top;pointer-events:none}.f4-grid-bg>:not(.f4-hero__media):not(.f4-hero__stage):not(.f4-hero__shade){position:relative;z-index:1}.f4-grid-bg--light{--f4-grid-line-color: rgba(10, 10, 10, .08)}.f4-grid-bg--dark{--f4-grid-line-color: rgba(255, 255, 255, .08)}@media screen and (max-width:1199px){.f4-grid-bg{--f4-grid-viewport-columns: 11}}@media screen and (max-width:749px){.f4-grid-bg{--f4-grid-viewport-columns: 9}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/f4-grid.css.map */