.rebel-grid-pattern{position:relative;overflow:hidden}.rebel-grid-pattern:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23ff006e" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');animation:rebelGridFloat 20s ease-in-out infinite;z-index:0;pointer-events:none}@keyframes rebelGridFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.rebel-header-grid{position:relative;overflow:hidden}.rebel-header-grid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="headerGrid" width="8" height="8" patternUnits="userSpaceOnUse"><path d="M 8 0 L 0 0 0 8" fill="none" stroke="%23ff006e" stroke-width="0.3" opacity="0.08"/></pattern></defs><rect width="100" height="100" fill="url(%23headerGrid)"/></svg>');animation:rebelHeaderFloat 25s ease-in-out infinite reverse;z-index:0;pointer-events:none}@keyframes rebelHeaderFloat{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-15px) translate(10px)}66%{transform:translateY(-5px) translate(-8px)}}.rebel-footer-grid{position:relative;overflow:hidden}.rebel-footer-grid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="footerGrid" width="12" height="12" patternUnits="userSpaceOnUse"><path d="M 12 0 L 0 0 0 12" fill="none" stroke="%238338ec" stroke-width="0.4" opacity="0.06"/></pattern></defs><rect width="100" height="100" fill="url(%23footerGrid)"/></svg>');animation:rebelFooterFloat 30s ease-in-out infinite;z-index:0;pointer-events:none}@keyframes rebelFooterFloat{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-10px) translate(-5px)}50%{transform:translateY(-20px) translate(8px)}75%{transform:translateY(-8px) translate(-3px)}}.rebel-grid-pattern>*{position:relative;z-index:1}.rebel-header-grid>*{position:relative;z-index:1}.rebel-footer-grid>*{position:relative;z-index:1}.rebel-grid-pattern.blue-variant:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="gridBlue" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%233a86ff" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23gridBlue)"/></svg>')}.rebel-grid-pattern.green-variant:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="gridGreen" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%2306ffa5" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23gridGreen)"/></svg>')}.rebel-grid-pattern.purple-variant:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="gridPurple" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%238338ec" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23gridPurple)"/></svg>')}.rebel-grid-pattern:hover:before{animation-duration:10s;opacity:.8}.rebel-header-grid:hover:before{animation-duration:15s;opacity:.6}.rebel-footer-grid:hover:before{animation-duration:20s;opacity:.4}@media (max-width: 768px){.rebel-header-grid:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="headerGridMobile" width="6" height="6" patternUnits="userSpaceOnUse"><path d="M 6 0 L 0 0 0 6" fill="none" stroke="%23ff006e" stroke-width="0.2" opacity="0.06"/></pattern></defs><rect width="100" height="100" fill="url(%23headerGridMobile)"/></svg>')}.rebel-footer-grid:before{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="footerGridMobile" width="8" height="8" patternUnits="userSpaceOnUse"><path d="M 8 0 L 0 0 0 8" fill="none" stroke="%238338ec" stroke-width="0.3" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23footerGridMobile)"/></svg>')}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/rebel-grid.css.map */